@charset "utf-8";

/*******************************************************/
/*   Design:      Yachtworks                                                                */
/*   File:        Yachtworks layout structure                                       */
/*------------------------------------------------------------------------------*/
/*   Copyright:   Concepta Werbeagentur                                      */
/*   Date:        28. Februar, 2008                                                   */
/*                                                                                                      */
/*****************************************************/


/***************Browser Reset**********/

* { margin:0; padding:0; } 
option {padding-left: 0.4em}

* html body * { overflow:visible } 
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }
html * { font-size: 100.01% }

html { height: 100%; margin-bottom: 1px; }
body { 
    font-size: 100.01%; 
    position: relative; 
    color: #000; 
    background: #fff;
    text-align: left; 
}

img { border:0 solid; }

ul, ol, dl { margin: 0 0 1em 1em; list-style:none; }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }

/*************************/

body {
	background-color: #cccccc;
	background-image: url("../layout_img/page_bg.gif");
	background-position: 0 0;
	margin: 0;
	padding: 0;
    text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color: #333333;
	word-wrap: break-word;
    line-height:110%;
}

html{
	width:100%;
	height:100%;
}

a {
  color:#6A6762;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}


#content_middle ul {color:#333333;}
/* #content_middle li {/*list-style-image:url(../layout_img/li.jpg);list-style: none url(../layout_img/li.jpg);} */

*html .csc-textpic {width:525px;display:inline;}

#content_middle ul, #content_middle li {
	list-style:none;
}



#content_middle ul li {
	background:url(../layout_img/li1.jpg) no-repeat left 50%;
	padding-left:20px;
	margin:0;
}

table.contenttable {
margin:5px 0;
}

table.contenttable tr.tr-odd {background:#F4F3F2;}
table.contenttable td {padding-left:5px;}
table.contenttable td.td-0 {font-weight:bold;width:120px;}


p {
	margin-bottom:1em; 
}



h1 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 30px;
	background: url("../layout_img/contenthead.png") repeat-x left top;
	white-space: nowrap;
	padding-left: 17px;
	width: auto;
	height: 30px;
	margin-bottom:10px;
  display:block;
  overflow:hidden;
}

h2 {
	font-size:1em;
	color:#333333;
	font-weight:bold;
	line-height:30px;
}

h3 {
	font-size:0.92em;
	color:#333333;
	font-weight:bold;
}


#wrap {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:967px;
	height:auto;
	text-align:left;
	font-size:0.75em;
}

#header {
	background: url("../layout_img/content_bg.jpg") repeat-y;
	width:100%;
	height:172px;
	margin:0;
	padding:0;
	font-size:1%;
}

#header img {border:none;padding:0;margin:0;}

#hauptnav {
	background: url("../layout_img/hauptnav.jpg") left top no-repeat;
	width:100%;
	height:35px;
	padding:0 0 0 15px;
	margin:0;
}

#hauptnav span.nav {
	float:right;
	padding-right:35px;
	white-space: nowrap;
    line-height:30px;
	display:block;
	background:transparent;
	width: auto !important;
}

#hauptnav span.path {
   	 color:white;
   	 display:block;
	 line-height:30px;
	 float:left;
}

#hauptnav span.path a {
	color:white;
	font-size:0.92em;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	height:35px;
}
#hauptnav span.path a:hover {
	text-decoration:underline;
}

#hauptnav span.nav a, #hauptnav span.nav a.level1_active {
	color: #333333;
	text-decoration: none;
	background: transparent;
	padding-right: 10px;
	padding-left: 10px;
    font-size:1em;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

#hauptnav span.nav a.meta_active {
	text-decoration:underline;
	background:#333333;
	color:#B9B5B0;
}

#hauptnav span.nav em {padding:0 5px;}

#hauptnav span.nav a:hover {
	background:#333333;
  	color:#B9B5B0;
}


#main {
	background: url("../layout_img/content_bg.jpg") repeat-y;
	width:100%;
	min-height:300px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:left;
}

*html #main {
	height:300px;
}

#ende {
	background: url("../layout_img/footer.jpg") left top no-repeat;
	width:100%;
	height:13px;
}

#footer {
	width:100%;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	color:#6D685F;
	margin-bottom:10px;
}

#drei_spaltig {
	overflow:hidden;
	padding-top:10px;
}

#content_left {
	float:left;
	width:180px;
	padding:0 5px 0 17px;
	min-height:200px;

}

#content_left ul#menu {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:-20px;
	padding-bottom:10px;
}

#content_left ul#menu li {
	margin-bottom:2px;
	padding-bottom:2px;
}

#content_left ul#menu li a.level1, #content_left ul#menu li a.level1_active {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	background-image: url("../layout_img/menu_bg.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-align: left;
	display: block;
	padding-left: 10px;
	width: 175px;
	vertical-align: middle;
}

#content_left ul#menu li a.level1:hover {
	color: #999;
	text-decoration: none;
	background-position: 0 -25px
}

#content_left ul#menu li a.level1_active, #content_left ul#menu li a.level1_active:hover {
	color:#666666;
	text-decoration:underline;
}


#content_left ul#menu li a.level2, #content_left ul#menu li a.level2_active {
	color: #6B675C;
	font-size: 0.92em;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-left: 15px;
	width: 140px;
	vertical-align: middle;
	font-weight:bold;
	border-top:1px dotted #cccccc;
}

 #content_left ul#menu li a.level2_active {
	color:#A79F94;
	text-decoration:underline;
	border-top:none;
}

#content_left ul#menu li a.level2:hover {
	color:#A79F94;
	text-decoration:none;
}

/*************** menue level 3 ****************/
#content_left ul#menu li a.level3, #content_left ul#menu li a.level3_active {
	color: #6B675C;
	font-size: 0.90em;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-left: 30px;
	width: 150px;
	vertical-align: middle;
	font-weight:bold;
}

 #content_left ul#menu li a.level3_active {
	color:#A79F94;
	text-decoration:underline;
}

#content_left ul#menu li a.level3:hover {
	color:#A79F94;
	text-decoration:none;
}

#content_right {
	float:right;
	width:200px;
	padding:0 10px 0 2px;
	min-height:200px;
	display:inline;
}

#content_middle {
	margin-left:205px;
	margin-right:230px;
	min-height:200px;
	width:530px;
}

*html #content_middle {width:510px;}

.clearer, .cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

/* Suche */

input.q {width:auto;border: 1px solid gray;height: 20px !important;line-height: 20px !important;padding-left:5px;}
td.stext {padding-right:10px;}
.tx-indexedsearch-rules {font-size:0.95em;}

/* News */

.news-latest-item, .news-list-item {
	/* IE hack */
	/*height: 1%;
	line-height: 1.3; */
	/* IE hack end */
}

.news-list-container {
 overflow:hidden;
}

.news-list-container .clearer, .news-single-item .clearer, .news-latest-container .clearer{
	clear:left;
	height:1px;
	border:1px solid black;
   visibility:hidden;
}
.news-latest-container .clearer {
	clear:left;
}




body#uid7 span.news-list-date,  
.news-list-date,
#content_middle .news-latest-item .news-list-date
{
display:none;
overflow:hidden;
height:1%;
visibility:hidden;
}

body#uid3 .news-list-date, body#uid25 .news-list-date {display:block;visibility:visible;}

body#uid21 .news-list-item img, body#uid22 .news-single-item img {
float:left;
margin-right:10px;
overflow:hidden;
padding-bottom:15px;
}

.news-list-item ul, .news-single-item ul {overflow:hidden;padding-left:20px;}
*html .news-list-item ul, 
*html .news-single-item ul 
{
margin-left:0px;
float:left;
overflow:hidden;
display:inline;
}

div.singlebackto {padding-top:10px;}

.news-list-item, .news-single-item {padding-top:10px;}


.news-list-browse {padding-top:20px;}
.news-list-browse  a {margin:0 2px;color:#666666;}

.news-list-item h1, .news-single-item h1 {
background:transparent;
background-color:#F0F0F0;
padding-left: 3px;
margin-left:0px;
line-height: 20px;
height: 20px;
width:auto;
border-bottom:1px solid #A5A096;
}



/*Events*/

.news-latest-container .news-latest-morelink, 
.news-latest-gotoarchive 
{display:none;overflow:hidden;height:0;visibility:hidden;}

.news-latest-container h2 {display:none;overflow:hidden;height:0;visibility:hidden;}

#content_right h1 {
    color: #666666;
	font-size: 1em;
	font-weight: bold;
	line-height: 24px;
	background:transparent;
	background-color: #fffff0;
	background-attachment: scroll;
	background-position: 0 0;
	text-align: left;
	text-transform: uppercase;
	padding-left: 10px;
	width: 180px;
	height:auto;
	border: solid 1px #ccc

}
/*
body#uid3 .news-list-container h1,
body#uid25 .news-single-item h1 {
background-color:#FFFFF0;
color:#666666;
}
*/

body#uid25 .news-list-date, 
body#uid3 .news-list-date  
{display:block;
font-weight:bold;
text-align:right;
}


/* Kontaktformular */

#kontaktformular fieldset legend {
display:none;
border: 0 solid ;
}

#kontaktformular fieldset {border: 0 solid;}

form .req {color:red;}

.tx-powermail-pi1_formwrap {padding-top:10px;}

#kontaktformular label {

font-weight:bold;
width:100px;
float:left;
padding-left:6px;
clear:none;
white-space:nowrap; /*to fix IE6 wrapping*/

}

#kontaktformular  .powermail_textarea {
  scrollbar-face-color: #93908B;
  scrollbar-highlight-color: white;
  scrollbar-shadow-color: white;
  scrollbar-3dlight-color: #93908B;
  scrollbar-arrow-color: white;
  scrollbar-track-color: #98A0A5;
  scrollbar-darkshadow-color: #93908B;
}

#kontaktformular input.powermail_text, 
#kontaktformular  .powermail_textarea {
	width:50%; 
	padding-left:4px;
	margin-bottom:3px;
	height:18px;
	border:1px solid #333333;
	padding-top:2px;

}

#kontaktformular  .powermail_textarea  {height:150px;}

#kontaktformular  .powermail_mandatory_js {margin-left:105px;color:red;}

#kontaktformular select.powermail_uid1 {border:1px solid #333333;margin-bottom:3px;}

#kontaktformular input.powermail_submit {float:left;}


#kontaktformular .tx_powermail_pi1_fieldwrap_html_submit {margin-top:10px;}


#kontaktformular input.powermail_submit,
.button {
	color: white;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 15px !important;
	background: url("../layout_img/button_bg.png") repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	width: auto;
	height: 22px !important;
	/*v ertical-align: middle; */
	border: solid 1px #cccccc;
}

#kontaktformular input.powermail_submit_uid10 {width:100px;}


/* Linkliste */

.tx_ablinklist_treeView_category {margin-top:10px;margin-bottom:5px;}


/*Diverses*/

/*Spacer*/
.spacer {
	margin-left:30px;
}

.news-list-item img{
	float: left;
	padding-right: 5px;
}
.news-single-img{
	float:left;
	padding-right: 5px;
	overflow:hidden;
	max-width:239px;

	
}
.news-latest-item p{
	display:none;
}
.news-latest-item {
	padding-bottom:10px;
}
.news-latest-date a{
	text-decoration:none;
}
.home-latest-date {
	display:none;
}
.home-latest-morelink {
	padding-bottom:15px;
	margin-top:-10px
}
.home-latest-gotoarchive{
	display:none;
}
.home-latest-item h3 {
	font-size:16px;
}
.home-latest-item h3 a{
	text-decoration:none;
}
.home-latest-item h3 a:hover{
	text-decoration:underline;
	color:#999999
}

.home-latest-item {
 display:block;
 float:left;
 overflow:hidden;
   position:relative;
   width:100%;
}