/* Basic CSS */
body{
	font: 9pt Arial, Tahoma, Helvetica, Verdana, sans-serif;
	color: #0C3379;
}

img{ border: none; }

a{
	text-decoration: none;
	color: #d80505;
}
a:hover{
	text-decoration: underline;
}
.bemerkung {font-size: 0.8em;}

h1{ 
	font-size: 1em;
	font-weight:bold;
}

#content > h3{ 
	
	font-weight:bold;
	margin-left: 1em;
}

/* Layout Blocks */

#container{
	width: 900px;
	margin: 10px auto 0 auto;	
}

#main {
	width: 900px;
	min-height: 600px; /*Firefox*/
	padding: 0px;
	border: 1px solid Gray;
	background: url(../images/bg_content.gif) top left repeat-y;
}

* html #main {
	height: 600px; /*IE*/
}

#main2{
	min-height: 600px; /*Firefox*/
	background: url(../images/uycnf_schirftzug.gif) bottom left no-repeat;
}

* html #main2 {
	height: 600px; /*IE*/
}

.header {
	min-height: 76px; 	/*Firefox*/
	float: left;
}
* html .header {
	height: 76px;			/*IE*/
}

#header-left{
	width: 150px;
}

#header-left-inner-def{
	background-image: url(../images/header_left_1.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-home{
	background-image: url(../images/header_left_1.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-termine{
	background-image: url(../images/header_left_2.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-regatten{
	background-image: url(../images/header_left_6.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-logbuch{
	background-image: url(../images/header_left_10.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-jugend{
	background-image: url(../images/header_left_12.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-fotos{
	background-image: url(../images/header_left_9.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-newsletter{
	background-image: url(../images/header_left_7.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-kontakt{
	background-image: url(../images/header_left_4.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-left-inner-links{
	background-image: url(../images/header_left_11.jpg);
	background-repeat: no-repeat;
	width: 150px;
}

#header-mid{
	background-color: #d80505;	
	width: 150px;
	height: 75px;
	float: left;
}

#header-right{
	background-color: #699fc8;
	width: 600px;
}

#header-right-inner-def{
	background: url(../images/header_right_1.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-home{
	background: url(../images/header_right_1.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-termine{
	background: url(../images/header_right_2.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-regatten{
	background: url(../images/header_right_6.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-logbuch{
	background: url(../images/header_right_10.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-jugend{
	background: url(../images/header_right_12.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-fotos{
	background: url(../images/header_right_9.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-newsletter{
	background: url(../images/header_right_7.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-kontakt{
	background: url(../images/header_right_4.jpg) top right no-repeat;
	width: 600px;
}

#header-right-inner-links{
	background: url(../images/header_right_11.jpg) top right no-repeat;
	width: 600px;
}

#subnav{
	width: 150px;
	float: left;
	clear: left;
}

#nav{
	width: 150px;
	float: left;
}

#content{
	padding: 15px 0px 0px 15px;
	margin-bottom: 15px;
	float: left;
	width: 580px;
}

#footer {
	width: 902px;
	height: 25px;
	background: #0c3379;
	margin: 10px auto 0 auto;	
}

/* subnavigation */

#subnav ul{
	text-align: right;	
	margin: 25px 8px 0 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;	
}

#subnav li{
	list-style: none;
	margin: 0.3em 0;	
}

#subnav a{
	color: White;	
	padding-right: 12px;
}

#subnav a:hover{
	text-decoration: underline;	
	padding-right: 12px;
	background: url(../images/arw_red_l.gif) right no-repeat;
}

#subnav .active-link a{
	color: #d80505;
}


/* navigation */
html*#test { color: green; }
#nav ul{	
	/*font: 9pt Arial Black, Courier, Verdana, Tahoma, Helvetica, sans-serif;*/
	text-align: left;	
	margin: 25px 0;
	font-size: 1.25em;
	font-weight: bold;
	color: #0c3379;
	text-transform: uppercase; 
	padding: 0;
}

#nav li{
	list-style: none;
	margin: 0.2em 0;
}

#nav a{
	color: #0c3379;
	padding: 0 0 0 1em;
}

#nav a:hover{
	text-decoration: none;		
	background: url(../images/arw_red.gif) left no-repeat;
}

#nav .active-link{
	background: url(../images/arw_red.gif) left no-repeat;
}

#nav .active-link a{
	color: #d80505;
}

/* Logo (Wimpel od. Boot) */
#wimpel{
	float:left;
	position: relative;
	left: 160px;
	bottom: 98px;
	width: 130px;
}

#sailing-for-fun{
	float:left;
	position: relative;
	left: 155px;
	bottom: 155px;
	width: 130px;
}

/****** Welle ******/
#welle{
	float:left;
	position: relative;
	left: 530px;
	bottom: 98px;
}

#welle-wimpel{
	float:left;
	position: relative;
	left: 530px;
	bottom: 98px;
}

/* content */

/* footer */
#footer{
	color: white;
	text-align: center;
	padding: 7px 0 0 0;
}

/* Float and Alignment Classes */
.float-left{ float: left; }
.float-right{ float: right; }

.clear{ clear: both;}
.clear-left{ clear: left; }
.clear-right{ clear: right; }

.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }


/*** REGATTA-ANMELDUNG ***/

#regattaanmeldung div{ padding: 0.2em; }
#regattaanmeldung label{ font-size: 0.9em; }
#regattaanmeldung input{ width:200px;}
#regattaanmeldung select, input, textarea{ font-size: 1em; }

#pers-daten{
	float: left; 
	width: 45%;
	margin: 10px 0 5px 2px;
	border: 1px solid #CCCCCC;
	height: 480px;
}

* html #pers-daten { /*IE*/
	margin: 5px 0 5px 5px;	
	padding: 0px 0 0 10px;	
}

#pers-daten legend{ font-size: 1.2em;}

#reg-daten{
	float: right; 
	width: 48%;
	margin: 10px 0 5px 3px;
	border: 1px solid #CCCCCC;
	height: 480px;
}

* html ##reg-daten {  /*IE*/
	margin: 5px 10px 5px 5px;	
	padding: 0px 0 0 10px;	
}

#reg-daten legend{ font-size: 1.2em;}

#reg-infos{
	float: left; 
	width: 96%;
	margin: 0px 0 5px 5px;
	border: 1px solid #CCCCCC;
}

* html #reg-infos{
	width: 93%;
	padding: 0.5em 0.5em;
}

#reg-infos legend{ font-size: 1.2em;}

#regattaanmeldung #bemerkung {
	width: 99%;
	margin-bottom: 0.8em;
}

#regattaanmeldung .btn1 {
	width: 9.5em;
	height: 2.2em;
	margin-right: 1em;
}

#no-regatta{
	text-align: center;
	margin: 3em 0;
	font-size: 1.5em;
}

#regattaanmeldung input.error {
	border: 1px solid red;
	background-color: #FFCCCC;
}

#regattaanmeldung #error-msg {
	color: red;
	width: 100%;
	text-align: center;
	clear:both;
}

#regattaanmeldung  {
	margin-left: 0.5em;
}

#adresse{
	margin-left: 1.5em;
}

/*** NEWSLETTER ***/
#newsletter {padding-left:1em;}
#newsletter div{ padding: 0.2em; }
#newsletter label{ 
	font-size: 0.9em; 
	width: 6em; 
	text-align: right; 
	display:block; 
	float:left; 
	margin-right: 1em;
}
#newsletter input{ width:20em;}
#newsletter select, input, textarea{ font-size: 1em }

#newsletter input.error {
	border: 1px solid red;
	background-color: #FFCCCC;
}

#newsletter .submit { margin-left: 6.2em; }
#newsletter .submit input { width: 10em; }
#newsletter .bemerkung { 
	color:#666666;
}

#newsletter .error-msg{ 	
	color: red;
	font-size: 0.9em; 	
}

/********* Gallery ************/
#gal-singlepic {
	text-align:center;
	margin-top: 30px;
}

#gal-singlenav, #gal-thumbsnav {
	margin: 0 0 15px 0;
}

#gal-singletext {
	text-align:left;
	padding: 5px 40px 0 40px;
	font-size: 0.9em;
}

#gal-thumbs {
	text-align:center;
}

/********* Termine ************/

#termine{
	width: 90%;
	margin: 1em;
	text-align:left;
	border: 0px;
}

#termine #ausschreibung{
	text-align:center;
}

#termine th{
	border-bottom: 1px solid #0C3379; 
	background-color:#699FC8;
	padding: 0.2em 0.3em;
	color:#FFFFFF;
}

#termine td{
	border-bottom: 1px solid #b5cfe4; 
	padding: 0.2em 0.3em;
}


/********* Bootsklassen ************/

#bootsklassen-navi{
	width:80%;
	margin: 1em auto;
	text-align:center;	
}

#bootsklassen-navi img{
	margin: 0 1em;
}

#bootsklassen{
	width:99%;
	margin: 1em auto;
}

#bootsklassen h3{
	display:inline;	
}

#bootsklassen h4{
	margin: 2.5em 0 0 0; 
}

#bootsklassen img{
	margin: 0 1em 0.5em 0;	
}

#bootsklassen td{
	vertical-align:top;
	padding: 0.5em;
}

#bootsklassen ul{	
	padding: 0.1em 1.5em;
}

/********* Links ************/

#links-table {
	width:95%;
	border: 0px;
}

.left-cell{
	text-align:right;
	padding: 0 2em 0 0;
	vertical-align:top;
}

.right-cell{
	padding: 0 0 0 2em;
	vertical-align:top;
}