/*	------------------------------------------------------------------
		INHALT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		1. Seiteneigenschaften
		2. Bilder
		3. Kopfzeile
		4. Navigation
		5. Inhalt
		6. Fu?zeile
	============================================	*/
	
/*	--------------------------------------------------------------------
		SEITENEIGENSCHAFTEN
	==============================================	*/
body { background: #0d3f96;}
#container {
	 background: #e7ecf5; width: 760px; margin: 0 auto; padding: 0; text-align: left;
}
#header { height: 120px; padding: 0; margin:0; background: #e7ecf5; width: 760px;}

.map { padding: 5px 0; margin:0;}

.ro {
	background:url(../images/roundedbox_ro.gif) top right no-repeat;
}

.lo {
	background:url(../images/roundedbox_lo.gif) top left no-repeat;
}
.ru {
	background:url(../images/roundedbox_ru.gif) bottom right no-repeat;
}

.lu {
	background:url(../images/roundedbox_lu.gif) bottom left no-repeat;
}
.sort-string, .geo {visibility:hidden; height:0;}

body.sectionHome  li#homeTab a, body.sectionAktuelles  li#aktuellTab a, body.sectionTrainer li#trainerTab a, body.sectionKontakt  li#kontaktTab, body.sectionImpressum  li#impressumTab { }
#content iframe { text-align: center; }
/*	--------------------------------------------------------------------
		BILDER
	==============================================	*/

img {
	border: 0;
}

/*	------------------------------------------------------------------
		KOPFZEILE
	=============================================	*/

.skip {
	color: #0d3f96;
	font-size: 0.6em;
	visibility: hidden;
}

.logo {
	float: left;
}

#header form {
	margin: 0; padding: 35px 5px 0 0; float: right;
}
#searchfield:hover, #searchfield:focus{
	vertical-align:middle; padding: 4px; margin: 0; border: 1px solid #adadad;
	background-color: #DAE1E8;
}
#searchfield {
	vertical-align:middle; padding: 4px; margin: 0; border: 1px solid #cccccc;
}
.go {
	vertical-align:middle; padding: 0; margin: 0; border: 0;
}
.go:hover {
	vertical-align:middle; padding: 0; margin: 0; border: 0;
}
#search p {
	margin: 0;
}
	
.untertitel {
	float: left; margin: 0; padding: 5px 0 0 150px; text-align: center; color: #0D3F96;
}
#br {float:left;}
#bl {float:left;}
/*	--------------------------------------------------------------------
		NAVIGATION
	==============================================	*/


/* style the outer div to give it width */
#mainNavigation {
background-color: #e7ecf5;
width: 755px;
height: 30px;
padding: 0 0 0 5px;
font-size:0.9em;
position:relative; margin: 10px 0 0 0; z-index:100;
}
/* hack to correct IE5.5 faulty box model */
* html #mainNavigation {width:756px; w\idth:755px;}

/* remove all the bullets, borders and padding from the default list styling */
#mainNavigation ul {
padding:0;
margin:0;
list-style-type:none;
}
#mainNavigation ul ul {
width:145px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainNavigation li {
float:left;
width:145px;
position:relative;
}

/* style the links for the top level */
#mainNavigation a{
display:block;
text-decoration:none; 
color:#e7ecf5; 
width:145px; 
height:30px; 
background: #0D3F96 url(../images/button2.gif); 
padding-left:0px; 
line-height:29px;
text-align: center;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #mainNavigation a {
width:145px;
w\idth:145px;
}

* html #mainNavigation img {
height: 30px;
width: 0px;
w\idth: 13px;

}

/* style the second level background */
#mainNavigation ul ul a.drop {
background:#0D3F96 url(../images/button2.gif);
}
/* style the second level hover */
#mainNavigation ul ul a.drop:hover{
background:#E84100 url(../images/button.gif);
}
#mainNavigation ul ul :hover > a.drop {
background:#E84100 url(../images/button.gif);
}
/* style the third level background */
#mainNavigation ul ul ul a {
background:#0D3F96 url(../images/button2.gif);
border-left: 1px solid #FFFFFF;
border-top: 1px solid #ffffff;
}
/* style the third level hover */
#mainNavigation ul ul ul a:hover {
background:#E84100 url(../images/button.gif);
border-left: 1px solid #FFFFFF;
border-top: 1px solid #ffffff;
}
#mainNavigation ul ul ul :hover > a {
background:#E84100 url(../images/button.gif);
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainNavigation ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:145px;
}
/* another hack for IE5.5 */
* html #mainNavigation ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
#mainNavigation ul ul ul{
left:145px; 
top:0;
width:145px;
}
/* position the third level flyout menu for a left flyout */
#mainNavigation ul ul ul.left {
left:-145px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#mainNavigation table {position:absolute; top:0; left:0;}

/* style the second level links */
#mainNavigation ul ul a {
border-top: 1px solid #ffffff;
border-left: 1px solid #FFFFFF;
background:#0d3f96 url(../images/button2.gif); 
color:#E7ECF5; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
text-align: left;
width:124px;
}

/* yet another hack for IE5.5 */
* html #mainNavigation ul ul a{
width:145px;
w\idth:124px;
}


/* style the top level hover */

 #mainNavigation ul ul a:hover{
color:#e7ecf5; 
background: #E84100 url(../images/button.gif);
}
#mainNavigation a:focus, #mainNavigation a:hover{
color:#e7ecf5; 
background: #E84100 url(../images/button_focus2.gif);
}
#mainNavigation :hover > a{
color:#e7ecf5; 
background: #E84100 url(../images/button_focus2.gif);
}

/* make the second level visible when hover on first level list OR link */
#mainNavigation ul li:hover ul, #mainNavigation ul a:hover ul{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
#mainNavigation ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#mainNavigation ul :hover ul :hover ul{ 
visibility:visible;
}

/*	---------------------------------------------------------------------
		FUSSZEILE
	==============================================	*/
#footer { clear: both; width: 760px;}
#footer ul { width: 740px; text-align: right; padding: 5px 0 10px 0; margin: 0 10px; border-top: 1px dashed #0d3f96; }
#footer ul li { display: inline; text-decoration: none; margin: 0; padding: 0;}
#footer ul li a{ text-decoration: none; margin: 0 5px; padding: 0;color: #0d3f96;}
#footer ul li a:hover, #footer ul li a:focus{ text-decoration: underline; margin: 0 5px; padding: 0;}


/*	---------------------------------------------------------------------
		PFADANGABE
	==============================================	*/
	
#path { float: left; width: 740px; padding: 10px 5px 5px 15px; background-color: #e7ecf5; }
#path ul {margin: 0; padding: 0;}
#path ul li { display: inline; text-decoration: none; }
#path ul li:before { content: url(../images/path.gif); }
#path ul li:first-child:before { content: ""; }
#path ul li a { font-weight: normal; font-style: normal; text-decoration: none; margin: 0 5px ; padding: 0; color: #4A6FB1;}
#path ul li a:hover, #path ul li a:focus{ font-weight: normal; font-style: normal; text-decoration: underline; margin: 0 5px; padding: 0; }
#path p {margin: 0; padding: 0; float:left;}

/*	---------------------------------------------------------------------
		INHALT
	==============================================	*/

#content {
	float:left;
	width: 720px;
	padding: 0 20px 10px 20px;
	background: #e7ecf5;
}

/*	---------------------------------------------------------------------
		FORMULAR
	==============================================	*/
	
.leftbar {
	width: 25%;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 10px 0;
	text-align: right;
}
.rightbar {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}
#kontakt input, textarea {
	border: 1px solid #cccccc;
	padding: 4px;
}
#kontakt input:hover, textarea:hover {
	border: 1px solid #adadad;
	background-color: #DAE1E8; padding: 4px;
}
#kontakt input:focus, input:active, textarea:focus, textarea:active {
	border: 1px solid #adadad; padding: 4px;
}

/*	---------------------------------------------------------------------
		TABELLEN
	==============================================	*/

.trainer {
	width: 720px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 30px 0;
}
.trainer caption {
	visibility: hidden; height: 0;
}
.trainer th {
	width: 25%;
	font: bold 0.85em Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #0d3f96;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background-color: #DAE1E8;
	border: 1px solid #0d3f96;
}

.trainer td {
	color: #0d3f96;
	border: 1px solid #0d3f96;
	padding: 5px;
}
.trainer img {
	text-align: center;
}

.empty {
empty-cells: hide;
}
th.empty, td.empty {
border: 0;
background: none;
}

td.trainer_pics {
text-align: center;
}

table.abt {width:720px;border-spacing: 0;
	border-collapse: collapse;margin: 0 0 20px 0;}
.abt thead th, .abt tbody td {width: 90px;}
.abt td {height: 40px; border: 1px solid #0d3f96;}
.abt tfoot td{padding: 20px 0 0 0; margin: 0; border: none;}
.abt tbody td:hover{ height: 40px; width: 90px; background-color: #DAE1E8; cursor: pointer;}
.abt th {
	font: bold 1em Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #0d3f96;
	background-color: #DAE1E8;
	border: 1px solid #0d3f96;
}
.abt tbody {
	color: #0d3f96;
	border: 1px solid #0d3f96;
}
.abt thead th a:hover{
	text-decoration: none;
}
.abt thead th:hover{
	background-color: #e7ecf5;
}
/*	---------------------------------------------------------------------
		LISTEN
	==============================================	*/

#rad {float:right; text-align: right;}

/*	---------------------------------------------------------------------
		AKTUELLES
	==============================================	*/

.split {float:left; width: 360px; padding: 0 0 30px 0;}
.split p {padding: 0; margin: 0;}
.nosplit {clear:both; padding: 0.5em 0 0 0;}
/* Termine */
.vevent {
width:720px;
padding: 0.5em 0;
clear:both;
}
.dtstart {
float:left;
}
.dtend {
float:left;
}
.date {
float:left;
width: 32%;
}
.summary {
width: 33%;
padding-left: 1%;
float: left;
font: bold 1em Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.location{
padding-left: 1%;
width: 33%;
float: left;
font: italic 1em Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
}
h4 {
clear:both;color: #0d3f96;font-size: 0.9em; margin:0; padding:0.5em 0 0 0;
}
/*	---------------------------------------------------------------------
		SCHRIFTEN
	==============================================	*/

hr { border-top: 1px solid #0d3f96;}
strong {color: #0d3f96; }
a {color: #0d3f96; text-decoration: none;}
a:hover, a:focus{color: #0d3f96; text-decoration: underline;}
a:visited{color: #7F7F7F}
h1 { float: left; height: 1.3em; margin: 0 ; padding: 20px 0 0 65px ; color: #0D3F96;}
h2 {color: #0d3f96; font-size: 1.4em; line-height: 1.45em;}
h3{color: #0d3f96; font-size: 1.1em; line-height: 1.2em;}
#content { font-family: Verdana, san-serif; font-size: 13px; line-height: 1.52em; }
#path { font-size: .8em; height: 1em;}
#footer { font-size: .8em;}
body {font-family: Arial, Verdana, san-serif;}
.untertitel { font-size: 1.2em; height: 1.3em;}
#mainNavigation a, #mainNavigation a:visited {
font-size:14px; }
.abt {font-size: .8em;text-align: center;}
.abt tbody td {vertical-align: bottom; }
.abt tfoot{text-align:left;}