/* nav.css - www.berlin-laeuft.de */


/* ############# Navigationsbox ################### */

#lang {
position: absolute;
top : 10px;
left: 330px;
}

#lang img{
border:none;
vertical-align:middle;
}

ul.nav_lang {
display: block;
list-style: none;
	font-size:0.8em;
	text-transform:uppercase;
	font-family : Book Caps, Verdana, sans-serif;
	font-weight: bold;
	line-height: 10px;
	text-align: left;
	color: #152e7b;
}

ul.nav_lang li {
	background: inherit;
	padding: 0px;
	margin:0px;
}

ul.nav_lang a, 
ul.nav_lang a:link {
	display: block;
	color:#152e7b;
	background: inherit;
	text-decoration : none;
	text-transform: uppercase;
	padding: 4px 0 4px 4px;
}

ul.nav_lang a:hover {
	color:#eee;
	background-color: #6d7fb8;
	padding: 4px 0 4px 4px;
}


#navleiste_h {
position: relative;
top: 0px;
/*left:8px;*/
margin: 0 auto;
width: 1024px;
	background-image : url(../images/button_navbar.jpg);
	background-repeat : repeat-x;
}

/* ############## erweiterte navigation ############*/

ul#nav_horizontal {
display: inline;
list-style: none;
text-transform: uppercase;
font-weight:bold;
}

ul#nav_horizontal li {
list-style:none;
clear:both;
position:relative;
margin: 0.8em;
padding: 0;
bottom:0.2em;
background: inherit;
display:inline;
}

* html ul#nav_horizontal li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}

*:first-child+html ul#nav_horizontal li { /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}

ul#nav_horizontal li ul {
margin: 0;
padding: 0;
position: absolute;
bottom: 1.0em;
left: -1.1em;
display:none; /* Unternavigation ausblenden */
}

* html ul#nav_horizontal li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}

*:first-child+html ul#nav_horizontal ul { /* Workaround fuer den IE7 */
padding-bottom: 0;
}


ul#nav_horizontal li a:hover{
color:#fff;
}

ul#nav_horizontal li:hover ul{
display: block; /* Unternavigation in modernen Browsern einlenden */
border-left: 1px solid #bababa;
border-right: 1px solid #bababa;
border-bottom: 1px solid #bababa;
background-color:#fff;
}

ul#nav_horizontal li ul li {
display: block;
float:none;
margin: 0;
width:10.8em;
height:1.2em;
padding:0.4em 0 0.2em 0;
}

ul#nav_horizontal li ul li:hover {
background-color:#bababa;
margin-top:0em;
height:1.2em;
padding:0.4em 0 0.2em 0;
}


ul#nav_horizontal a, ul#nav_horizontal span {
/*display: block;*/
width: 9.6em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.2em 1.2em;
margin: 0;
/*text-decoration:none;
font-weight: bold;*/
/*border: 1px solid black;*/
/*border-left-color: white;*/
border-top-color: white;
/*color: maroon;
background-color: #ccc;*/
color: #152e7b;
font-size: 12px;
/*font-size: 0.8em;*/
text-decoration: none;
}

* html ul#nav_horizontal a, * html ul#nav_horizontal span {
w\idth: 8.6em; /* Breite nach altem MS-Boxmodell fuer IE 5.x */
width: 6.4em; /* korrekte Breite fuer den IE6 im standardkompatiblen Modus */
}

ul#nav_horizontal a:hover, ul#nav_horizontal span, li a#aktuell{
border-color: black;
border-left-color: grey;
border-top-color: black;
color: #152e7b;
}

ul#nav_horizontal li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: maroon;
}

#nav_left {
	position : relative;
	display: block;
	float: left;
	top:4px;
	left:8px;
	width: 192px;
/*	border: 1px solid #bababa;*/
	padding : 0px;
	text-align:left;
margin-bottom:10px;
}



#nav_left img, 
#nav_left a,
#nav_left a:link,
#nav_left a:hover {
border:none;
}

p.nav_left_button {
position:relative;
background-image: 
url(../images/nav_bottom_center.png);
background-repeat : repeat-x;
text-align:center;
border-bottom:1px solid #bababa;
width:168px;
line-height:24px;

}

p.nav_left_button a,
p.nav_left_button a:link  {
text-transform: uppercase;
font-weight:bold;
color:#152e7b;
text-decoration:none;
font-size:12px;
margin:0;
}

p.nav_left_button img {
vertical-align:top;
margin-top:4px;

}

/* #################################### */



ul.nav1st {
	font-size:0.8em;
	padding-left:0;
	margin-top:0;
	text-transform:uppercase;
	display: block;
	font-family : Book Caps, Verdana, sans-serif;
	list-style : none;
	font-weight: bold;
	line-height: 1.2em;
	color:#e9ebf4;
background-color:#2c3079;
border: 1px solid #e9ebf4; 
}

ul.nav1st li {
	background: inherit;
	font-weight:bold;
	text-align: center;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#e9ebf4;
	background: inherit;
	text-decoration : none;
	text-transform: none;
	padding: 3px 0px 3px 0px;
}


ul.nav1st a:hover {
	color:#eee;
	background-color: #6d7fb8;
	padding: 3px 0px 3px 0px;
}

/* ############################################################# */

ul.nav2nd {
	font-size:13px;
	text-transform:none;
	display:block;
	font-family : Book Caps, Verdana, sans-serif;
	list-style: none;
	font-weight:normal;
	line-height: 14px;
	color:#e9ebf4;
	padding-bottom: 5px;
	padding-left:10px;
	margin-bottom:10px;
}

ul.nav2nd li {
	background: inherit;
	font-weight:normal;
	text-align: left;
	border-bottom: 1px solid #bababa;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display: block;
	color:#2c3079;
	background: inherit;
	text-decoration : none;
	padding: 2px 0 2px 0px;
}

ul.nav2nd a:hover {
	color:#eee;
	background-color: #6d7fb8;
	padding: 2px 0 2px 0px;
}

ul.nav2nd li ul {	
	font-size:13px;
	text-transform:none;
	display: block;
	font-family : Book Caps, Verdana, sans-serif;
	list-style : none;
	font-weight: normal;
	line-height: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul.nav2nd li ul li {
	background: inherit;
	font-weight:normal;
	text-align: left;
	border: 0;
}

ul.nav2nd li ul li a, 
ul.nav2nd li ul li a:link {
	display: block;
	color:#2c3079;
	background: inherit;
	text-decoration : none;
	padding: 2px 0px 2px 20px;
}

ul.nav2nd li ul li a:hover {
	color:#eee;
	background-color: #6d7fb8;
	padding: 2px 0px 2px 20px;
}

/*  ############################################# */

ul.nav3rd {
	font-size:13px;
	padding-left:0px;
	text-transform:uppercase;
	display: block;
	font-family : Book Caps, Verdana, sans-serif;
	list-style : none;
	font-weight: bold;
	line-height: 14px;

/*border: 1px solid #e9ebf4;*/ 
/*	color:#2c3079;*/
/*	padding:5px 0px 0 0px;*/
/*	margin: 0px 0 0 0px;*/
	text-align: left;
}

ul.nav3rd li {
	background: inherit;
	text-align: left;
}

ul.nav3rd a, 
ul.nav3rd a:link {
	display: block;
	color:#2c3079;
	background: inherit;
	text-decoration : none;
	text-transform: uppercase;
	padding: 6px 0 6px 8px;

}

ul.nav3rd a:hover {
	color:#eee;
	background-color: #6d7fb8;
	padding: 6px 0 6px 8px;
}


table.calendar td {
border-right: 1px solid #152e7b;
border-top: 1px solid #152e7b;
background-color: #e9ebf4;
text-align:center;
vertical-align:middle;
}

/* #### nav_box #### */

#nav_event_box {
position:relative;
width:190px;
margin-bottom:3px;
}

#sponsor_box {
position:relative;
width:203px;
margin-bottom:0px;
}

#nav_box_top {
position:relative;
text-align:center;
max-width:650px;
height:37px;
vertical-align:top;
}

#sponsor_box_top {
position:relative;
text-align:center;
max-width:203px;
height:37px;
vertical-align:top;
}

#nav_box_top h1{
margin-bottom:0px;
}

#sponsor_box_top h1{
margin-bottom:0px;
}

#nav_box_cup_top {
position:relative;
text-align:center;
width:190px;
height:30px;
vertical-align:top;
}

.ecke_l {
position:absolute;
display:inline;
left:0px;
}

.ecke_r {
position:absolute;
display:inline;
right:0px;
}


h1.top_center {
position:absolute;
display:inline;
vertical-align:top;
background-color: transparent;
background-image: url(../images/nav_top_center_h1.png);
background-repeat : repeat-x;
text-align:left;
width:155px;
left:10px;
padding-left:5px;
}

h1.cup_top_center{
position:absolute;
display:inline;
vertical-align:top;
background-color: transparent;
background-image: url(../images/nav_cup_top_center.png);
background-repeat : repeat-x;
color:#152e7b;
font-size:0.8em;
text-align:center;
width:151px;
left:15px;
padding-left:5px;
}

h1.top_blank_center {
position:absolute;
display:inline;
vertical-align:top;
background-color: transparent;
background-image: url(../images/nav_top_center.png);
background-repeat : repeat-x;
color:#152e7b;
font-size:0.8em;
text-align:center;
width:153px;
left:12px;
padding-left:5px;
}


#nav_box_middle {
border-left:1px solid #bababa;
border-right:1px solid #bababa;
padding-top: 5px;
padding-bottom:0px;
}

#nav_box_cup_middle {
border-left:1px solid red;
border-right:1px solid red;
border-top:1px solid #bababa;
padding-top:12px;
padding-bottom:0px;
}

.event_logo {
text-align:center;
padding:8px 0 12px 0;
}

#nav_box_bottom {
position:relative;
width:190px;
border-top:1px solid #bababa;
/*margin-bottom: 0px;*/
height:22px;
text-align:center;

}

#nav_box_bottom  h1{
position:absolute;
display:inline;
vertical-align:top;
background-color: transparent;
background-repeat : repeat-x;
text-align:center;
width:155px;
left:12px;
padding-top:0px;
padding-left:5px;
}

#nav_box_bottom a,
#nav_box_bottom a:link{
text-transform:uppercase;
font-size:12px;
color:#152e7b;
text-decoration:none;
}

h1.bottom_center {
background-image:url(../images/nav_bottom_center.png);
}

h1.bottom_center img {
vertical-align:top;
margin-top:3px;
}

h1.cup_bottom_center {
background-image:url(../images/nav_cup_bottom_center.png);
}


/* #### Sponsorenleiste  #### */

#sponsoren { 
	position : relative;
	display: block;
	float: right;
	top:4px;
	right:8px;
	width: 202px;
	padding:0px;
margin-bottom:10px;
	}


#sponsoren img,
#sponsoren a,
#sponsoren a:link,
#sponsoren a:hover {
	border:none;
}

#sponsoren hr {
margin-top: 5px;
margin-bottom:15px;
background-color:#bababa;
color:#bababa;
}

ul.sponsorlogo {
padding:0;
margin-top:5px;
margin-bottom:5px;
}
ul.sponsorlogo li {
display: block;
list-style: none;
padding-bottom: 20px;
}

/*Dankseite*/
#sponsorth {
margin: 0;
padding:0;
}

#sponsorth p{
line-height: 120px;
text-align:center;
}


#sponsorth a:link {
border:none;

}


#sponsorth a img {
border: 1px solid #fff;
margin: 5px;
padding:5px;
}

p.footer,
p.footer a,
p.footer a:hover {
color:#152e7b;
text-decoration: none;
font-size: 0.8em;
text-align:right;
margin-right:5px;
}

/*


#race_news {
position : absolute;
bottom: 0px;
left: 0px;
padding:0 2px 0 2px;
overflow: auto;
}

ul.sidebar {
color:#ea8a00;
display:block;
text-transform:uppercase;
font-size: 0.9em;
font-weight: bold;
margin-bottom:5px;
list-style: none;
padding-left: 4px;
}

ul.sidebar li {
display:block;
padding-bottom:4px;
text-align:left;
}

ul.sidebar a,
ul.sidebar a:link {
font-size:0.8em;
font-stretch:auto;
font-weight:normal;
text-transform: none;
text-decoration:none;
color: #ea8a00;
}

ul.sidebar a:hover {
text-decoration: underline;
}

/*##############*/

/*
ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	padding:4px 17px 4px 10px;
	background-image:url(../images/button.gif);
	background-position:15px 7px;
	background-repeat: no-repeat;
	background-color:#90b0bf;
	color:#37444f;
}

#copy {
position: relative;
display: block;
top: 58px;
left: 0px;
font-size:10px;
color:#ffffff;
}


/*
ul.race_news {
font-size:14px;
font-weight:bold;
padding: 10px 0 10px 0;
color: #ea8a00;
text-transform:uppercase;
}

ul.race_news li{ 
padding:0 0 10px 0;
color: #ea8a00;
font-size:12px;
font-weight:normal;
}

ul.race_news a,
ul.race_news a:link {
color:#ea8a00;
font-weight:normal;
text-decoration: none;
}

ul.race_news a:hover {
color:#152e7b;
text-decoration:none;
background-color: inherit;
}

*/
/*
#nav_main {
	position : absolute;*/
/*	background:url(../images/bg_nav.gif) repeat-y;*/
/*	display: block;
	top:-1px;
	left:200px;
	height: 500px;
	width: 200px;*/
/*	min-height:299px;
	background-color:#eee;*/
/*	border-top: 1px solid #152e7b;*/
/*	padding : 0px;
	text-align:center;
	}*/