body {
	margin:5px 0px 5px 0px;
	padding:0px;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	background-color:#C0C0C0;
	background-image:url(../images/bg.jpg);
	}
	
#Page {
	width:900px;
	margin: 0px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
	background-repeat:repeat-y;
	height:auto;
	background-color:#FFFFFF;
	border: 1px solid #205971;
	border-top:none;


	}
	
	#valid {
	width:900px;
	margin: 0px auto;
	text-align:left;
	padding:5px 0px 0px 0px;
	height:auto;
	}

#CEO {

	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	color: #415167;
	line-height: 140%;
                     	text-align:justify;

}


h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 15px 0px 20px 0px;
	color: #8FB868;

	
}
.form h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 20px 0px 0px 0px;
	color: #92AABC;
	letter-spacing: 1px;
	
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 15px 0px 15px 0px;
	color: #507b87;

	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	line-height: 130%;
	color: #507b87;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5A7A92;
	margin: 0px 0px 0px 0px;
	line-height: 110%;
}

h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8FB868;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#AAAAAA;
	margin: 0px 0px 0px 0px;
	line-height: 110%;
	font-weight:normal;
}
.send_button{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A7A92;
	font-weight: normal;
	border: 1px solid #5A7A92;
	background-color: #ffffff;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

img#imagebig {

	margin: 10px 20px 20px 0px;
	border: 1px solid #5A7A92;
	text-align:left;
	
	}

#Content>p {margin:0px;}
#Content>p+p {text-indent:0px;}

a {
	color: #205971;
	text-decoration:underline;
		
	}
a:link {

	color: #205971;

}
a:visited {

	color: #415167;

}
a:hover {

text-decoration:underline;
color: #8FB868;

}

#Header {
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px;
	height:210px;
	width: 900px;
	line-height:11px;
	background-image: url(../images/header.jpg);
	background-repeat:no-repeat;
	background-color:#eee;
	voice-family: "\"}\"";
	voice-family:inherit;

	}
	
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Leiste {
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:31px;
	width: 840px;
	line-height:11px;
	background-image:url(../images/leiste.jpg);
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Leiste {height:14px;}

#menu_1 {

	width:201px;
	float: left;
	text-align:left;
	height:auto;
	padding:0px 0px 30px 0px ;
	line-height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-image:url(../images/navi_bg.gif);
	background-repeat:repeat-y;
	border-bottom: 1px solid #205971;
	


	}
	
/* Again, "be nice to Opera 5". */
body>#Menu {width:144px;}

#content {
	float: left;
	text-align:left;
	height:auto;
	margin:10px 0px 0px 0px;
                     padding:0px 20px 20px 30px;
	width: 480px;
	background-image:url(../images/back1.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	border-right: 1px dotted #bbbbbb;
	min-height:450px;
	}
	
	* html #Content { height:450px; } /* nur für IE 5.5 - 6.x */
html + body #Content { height:450px; } /* nur vom IE 5.0 */
		* html #Content { width:530px; } /* nur für IE 5.5 - 6.x */
html + body #Content { width:530px; } /* nur vom IE 5.0 */
	
#Rechts {
	float: left;
	text-align:left;
	height:auto;
	margin:70px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width: 150px;
	}

* html#Rechts{ width: 150px;}/* nur für IE 5.5 - 6.x */

html + body#Rechts{ width: 150px;} /* nur vom IE 5.0 */
	
#Rechts a {
	color: #507b87;
	font-size:10px;
	text-decoration:none;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	}

#Rechts li a:hover {

color:#8FB868;

}
	
#Rechts ul { 	
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	list-style:none;


	}
#Rechts li {

	border-bottom: 1px solid #cccccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
#Rechts p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 30px 0px 20px 0px;
	color: #205971;
	line-height: 140%;
	vertical-align:bottom;

}

#Newsletter {
	width:70px;
	margin: 30px 10px 10px 45px;
	padding: 6px 0px 2px 0px;
	border: 1px dotted 	#bbbbbb;
	background-color:#fbfbfb;
	text-align:center;
}

#Newsletter a{
font-weight:normal;
font-size:10px;
	color: #777;
}


#Flash {
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	height:120px;
	width: 840px;
	line-height:11px;
	background-image: url(../images/bg_page.jpg);
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;


	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Flash {height:14px;}

#content ul {
	padding: 0;
	margin: 10px 0px 15px 30px;
	text-align:left;
	list-style-image:url(../images/bullet.gif);
	color: #1D2B3F;
}

#content li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D2B3F;
	line-height: 130%;
	margin-bottom:4px;
	
}

#navlist {
	padding: 0;
	margin: 0;
	width: 200px;
	height:auto;
	text-align:left;
	list-style-type: none;
	font-size:11px;
}

#navlist li {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	background-image:url(../images/button.gif);
	height: 26px;
	background-repeat:repeat-x;
	
}

* html #navlist li { height:29px; }/* nur für IE 5.5 - 6.x */

html + body #navlist li { height:29px;  } /* nur vom IE 5.0 */


#navlist li a {

font-weight:bold;
text-decoration: none;

}

#navlist li a:hover {

color:#8FB868;

}
/*end navigation styles */

#Footer {

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:30px;
	width: 900px;
	line-height:11px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align:left;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Footer {height:14px;}

.tabelle td{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #415167;
}

.tabelle_training {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;

}

.tabelle_training td {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #415167;
}

.shortnav {
	position: relative;
	left: 185px;
	top: 102px;
}

.menuetab {
	width: auto;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dashed #63917e;
}

.menuetab2 {
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.line {
	float:left;
	width: 470px;
}

.image {
	width:auto;
	float:left;
	margin:11px 0px 0px 40px;
	border: 1px solid #999999;
}

.image a:href {
	width:auto;
text-decoration:none;
border:none;

}

.imagedef {
width:9px;
height:9px;
border:none;

}

.newsimagedef {

width:8px;
height:9px;
border:none;
margin: 0px 5px 0px 5px;

}

.imagebig {
float:right;
width:auto;
height:auto;
border:1px solid #507b87;
margin: 0px 5px 10px 10px;

}


.clear {

clear:both;

}

.nummern {
float:left;
margin: 0px 50px 0px 0px;


}

.aktion {
float:left;
width:auto;
border: 1px solid #6b879c;
margin: 5px 12px 3px 2px;

}
.aktion2 {
float:right;
width:auto;
border: 1px solid #6b879c;
margin: 5px 0px 3px 12px;

}



form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}



label {
 text-align: right; 
 padding-right: 1em; 
}


 .star {
   display: block;
  float: left;
  width: 20px; /* Breite.*/
	margin-top:12px;
	margin-left:10px;
   font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2F4353
	}
 .erfolg {
 background-image:url(../images/bg_emailform_erfolg.png)
 }
  .normal {
 background-image:url(../images/bg_emailform.png)
 }
td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
th {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


input, textarea, select { /* Alle Labels UND Formularelemente auswählen */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #41167;
padding: 3px;
font-size:11px;
}

input#submit { /* den Submit-Button */
padding:1px 3px 3px 3px;
height:21px;
width:auto;
font-size:11px;
}

* html  input#submit{ height:25px; }/* nur für IE 5.5 - 6.x */

html + body  input#submit{ height:25px;  } /* nur vom IE 5.0 */





	
/* ############### Gästebuch-Teil ################# */

.tx-veguestbook-pi1 {
font-size:10px;
}

.gb_list { 
border: 1px solid #ccc;
}

.tx-guestbook-list-header { 
background-color: #aaa; 
color: #415167; 
font-weight:bold;
padding:5px; 
background-image:url(../images/bg_gb_leiste.jpg);
}  
 
.tx-guestbook-list-row { 
background-color:#222;
padding:5px; 
background-color:#fff;

}    
.tx-guestbook-list-rowleft { 
background-color: #EEEEEE; 
width:175px;
padding:5px; 
background-color:f4f4f4;
}
.tx-guestbook-list-rowleft a { 
font-weight:normal;
}
  
.tx-guestbook-list-entrycomment-title {
font-weight: normal; 
}    
.tx-guestbook-list-entrycomment { 
font-style: italic; 
}    
.tx-guestbook-list-small { 
font-size: 9px; 
color: #415167;
}    
.tx-veguestbook-pi1-browsebox TD { 
font-size: 9px; 
color: #415167;
padding:5px;
}    
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { 
font-weight: bold; 
}    
.tx-veguestbook-pi1-browsebox-SCell { 
background-color: #EEEEEE; 
}    
.tx-guestbook-latest-header { 
background-color: #f4f4f4; 
	color: #415167;
font-weight:bold; 
}    
.tx-guestbook-latest-row { 
background-color: #FFFFFF; 
}    
.tx-guestbook-latest-small { 
font-size: 9px; 
	color: #415167;
}    
.tx-guestbook-form-inputfield-med { 
border-style: solid; 
border-width: 1px; 
border-color:#bbb; 
font-size:11px; 
color: #415167;
width:120px; 
height:13px; 
}    

* html  .tx-guestbook-form-inputfield-med{ height:19px; }/* nur für IE 5.5 - 6.x */

html + body   .tx-guestbook-form-inputfield-med{ height:19px;  } /* nur vom IE 5.0 */


.tx-guestbook-form-inputfield-big { 
border-style: solid; 
border-width: 1px; 
border-color:#bbb; 
font-size:11px; 
color: #415167;
width:120px; 
height:13px; 
}    

* html  .tx-guestbook-form-inputfield-big{ height:19px; }/* nur für IE 5.5 - 6.x */

html + body   .tx-guestbook-form-inputfield-big{ height:19px;  } /* nur vom IE 5.0 */

.tx-guestbook-form-textarea { 
border-style: solid;
font-family:Arial, Helvetica, sans-serif; 
border-width: 1px; 
border-color:#bbb; 
font-size:11px; 
	color: #415167;
width:190px; }    
.ltx-guestbook-form-obligationfield { 
	color: #415167;
}    
.tx-guestbook-form-error { 
	color: #415167; 
	}