@charset "UTF-8";

/*-------------------------------------------    

	reset

-------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; background: #fff transparent; font: 11px Tahoma, Helvetica, Arial, Verdana, sans-serif;}
blockquote, q { quotes: none;}
:focus {outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
ol, ul, li { list-style:none;}
a { text-decoration:none; color:#202020;}
.clearfix {clear:both; padding:0; margin:0;}

.blue {color:#1082d9;}

#content {position:relative;text-align:left;width:980px;margin:0 auto;padding:0;}
#back_bottom {background-color:#d2d2d2;width:100%;height:100%;margin:20px 0 0 0;}
#content2 {position:relative;text-align:left;width:980px;margin:0 auto;padding:10px 0;}

/* Navi Style & Logo */
/* ---------------------------------------------------- */
	/* Position/Style Logo & Main-Navi */
	/* ---------------------------------------------------- */
	#logo {float:left; width:797px; padding:30px 0 0 0px;}
	#suewag_logo {float:right; width:183px ;padding:15px 0 0 0px;}
	#navi {width:980px;padding:25px 0 0 0;}
	#navi ul {list-style:none;padding:0;margin:0;}
	#navi li {list-style:none; float:left;padding:6px 0; margin:0 1px 0 0;}
	a.navi_style { font-size:13px; text-transform:uppercase; text-decoration:none; color:#202020; padding:9px 15px;  background-color:#fff;}
	a.navi_style:hover { font-size:13px; text-transform:uppercase; text-decoration:none; color:#202020; background-color:#d2d2d2; padding:9px 15px;}
	a.navi_style-selected { font-size:13px; text-transform:uppercase; text-decoration:none; color:#fff; background-color:#fdb812; padding:9px 15px;}
	a.navi_style-anmeldung { font-size:13px; text-transform:uppercase; text-decoration:none; color:#202020; margin:0; padding:9px 15px; background-color:#d2d2d2;}
	a.navi_style-anmeldung:hover { font-size:13px; text-transform:uppercase;text-decoration:none;color:#fff; background-color:#E73C02; padding:9px 15px;}
	a.navi_style-anmeldung-selected { font-size:13px; text-transform:uppercase;text-decoration:none;color:#fff; background-color:#E73C02; padding:9px 15px;}
	.padding_navi {padding:10px 0;}
	

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
	
/* MAIN CONTENT */

/* Run-Introduction */
/* ---------------------------------------------------- */



#run_introduction { display:block; height:450px; width:980px; overflow:hidden; position:relative; }
#run_introduction:after /* Clear after floats */ { content:"."; display:block; height:0; clear:both; visibility:hidden }
#run_introduction .run { zoom:1; display:block; height:450px; width:980px; float:left; position:relative; }
#run_introduction .run:after /* Clear after floats */ { content:"."; display:block; height:0; clear:both; visibility:hidden }
#run_introduction #run_cycle { zoom:1; width:; height:450px; display:block; }
#run_introduction #run_cycle:after /* Clear after floats */ { content:"."; display:block; height:0; clear:both; visibility:hidden }
#run-1 { background:url(../images/run_introduction/image001.jpg); }
#run-2 { background:url(../images/run_introduction/image002.jpg); }
#run-3 { background:url(../images/run_introduction/image003.jpg); }
#run-4 { background:url(../images/run_introduction/image004.jpg); }
#run-5 { background:url(../images/run_introduction/image005.jpg); }
#run-6 { background:url(../images/run_introduction/image006.jpg); }
#run-7 { background:url(../images/run_introduction/image007.jpg); }
#cyclenumber { position:absolute; bottom:0; left:0; width:980px; height:21px; z-index:20; }
#cyclenumber .white { width:812px; height:22px; background:#fff;opacity:0.5;filter:alpha(opacity=50); float:left; }
#cyclenumber ul { zoom:1; margin:0; padding:0; width:66px; float:left; }
#cyclenumber ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#cyclenumber ul li { padding:0; margin:0; overflow:hidden; float:left; text-indent:-9999px; display:block; width:22px; height:21px; }
#cyclenumber a { background:url(../images/run_introduction/number.jpg) no-repeat; overflow:hidden; display:block; float:left; width:16px; height:20px; color:#202020; padding:3px 0 0 8px; font: 11px Tahoma, Helvetica, Arial, Verdana, sans-serif;}
#cyclenumber a.activeSlide { background:url(../images/run_introduction/number_hover.jpg) no-repeat; color:#fff; }



	
/* LINK STYLE ON ALL DIFFRENT BOXES THE SAME */	
/* ---------------------------------------------------- */
	a.box_button {font-size:10px; text-transform:uppercase; text-decoration:none; color:#202020; margin:0; padding:6px; background-color:#d2d2d2;}
	a.box_button:hover {font-size:10px; text-transform:uppercase; text-decoration:none; color:#fff; margin:0; padding:6px; background-color:#1082d9;}
	a.box_button_link {font-size:8px; text-transform:uppercase; text-decoration:none; color:#202020; margin:0; padding:3px; background-color:#d2d2d2;}
	a.box_button_link:hover {font-size:8px; text-transform:uppercase; text-decoration:none; color:#fff; margin:0; padding:3px; background-color:#1082d9;}
	
	
/* NEWS BOX IN INDEX */
/* ---------------------------------------------------- */
	.news_box {float:left; width:480px; margin:20px 0 0 0;}
	.news_box p { line-height:2.0em; margin:5px 0 0 0;}
	.links ul li,
	.news_box ul li { line-height:1.5em; margin:2px 0 0 0; padding:2px 0 0 0;}



/* INFO TABS & NAVI & CONTENT*/
/* ---------------------------------------------------- */
.ui-tabs { position: relative; padding:0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; }
.ui-tabs .ui-tabs-nav li { list-style: none; display:block; position: relative; padding:9px 0 10px 0; margin:0;white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a {font-size:13px; text-transform:uppercase; text-decoration:none; color:#202020; margin:0; padding:9px 15px; background-color:#fff;}
.ui-tabs .ui-tabs-nav li a:hover {font-size:13px; text-transform:uppercase; text-decoration:none; color:#fff; margin:0; padding:9px 15px; background-color:#d2d2d2;}
#panorama {font-size:13px; text-transform:uppercase; text-decoration:none; color:#fff; margin:0; padding:9px 15px; background-color:#E73C02;}
#panorama:hover {font-size:13px; text-transform:uppercase; text-decoration:none; color:#fff; margin:0; padding:9px 15px; background-color:#d2d2d2;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { color:#202020;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {font-size:13px; text-transform:uppercase; text-decoration:none; color:#fff; margin:0; padding:9px 15px; background-color:#1082d9;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding:0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs {margin:0; padding:10px 0 0 0; border-top:1px solid #d2d2d2;}
.info_box_short {float:right; width:360px; margin:0;}
.info_box_content {float:left; width:600px; margin:6px 0 0 0; padding:6px;}
.headline_h1 { font-size:11px; background-color:#1082d9; color:#fff; padding:6px 10px; text-transform:uppercase; margin:0;}
.headline_h2 { font-size:11px; background-color:#d2d2d2; color:#202020; padding:2px; text-transform:uppercase; margin:0;}
.headline_h3 { font-size:18px; background-color:#1082d9; color:#fff; padding:6px 10px; text-transform:uppercase; margin:0;}
.headline_h4 { font-size:11px; background-color:#E73C02; color:#fff; padding:6px 10px; text-transform:uppercase; margin:0;}
.info_box_content p { font-size:11px; color:#202020; line-height:2.0em; padding:0; margin:10px 0 20px 0;}
.table {line-height:2.0em; font-size:11px; color:#202020; padding:0; margin:0;}
.info_box_short img {padding:20px 0 0 0; margin:0; border-top:1px solid #d2d2d2;}

/* RESULTS */

#results {margin:0; padding:10px 0 0 0; border-top:1px solid #d2d2d2;}
#results p { font-size:11px; color:#202020; padding:0 0 30px 0; margin:0;}
#sponsoren {margin:0; padding:16px 0 0 0; border-top:1px solid #d2d2d2;}
#sponsoren p { font-size:11px; color:#202020; padding:20px 0 20px 0; margin:0; text-align:center;}
#sponsoren p img{ font-size:11px; color:#202020; padding:10px 0 10px 0; margin:0;}

#results ul { font-size:11px; color:#202020; padding:0 0 13px 0; margin:0 0 0 0; clear:both;}
#results li { font-size:11px; color:#202020; padding:6px 0; margin:0; float:left;}
.padding_bottom {padding:10px 0;}


#popup {margin:0; padding:10px; background-color:#fff; }
#popup p { font-size:11px; color:#202020; padding:0 0 30px 0; margin:0; line-height:2.0em;}
.popup_h1 { font-size:11px; background-color:#1082d9; color:#fff; padding:6px 10px; text-transform:uppercase; margin:0;}
.popup_h2 { font-size:11px; background-color:#d2d2d2; color:#202020; padding:2px; text-transform:uppercase; margin:0;}






#anmeldung {margin:0; padding:16px 0 0 0; border-top:1px solid #d2d2d2;}
#anmeldung p { font-size:11px; color:#202020; line-height:2.0em; padding:0; margin:10px 0 20px 0;}
.headline_h5 { font-size:11px; background-color:#1082d9; color:#fff; padding:6px 10px; text-transform:uppercase; margin:0;}



/* BOTTOM */
/* ---------------------------------------------------- */

	
	#content2 p {width:980px; text-align:center; padding:10px 0 20px 0;}
	a.bottom_link {text-decoration:none; color:#202020;}
	a.bottom_link:hover {text-decoration:underline; color:#202020;}
	a.bottom_button {font-size:10px; text-transform:uppercase; text-decoration:none; color:#d2d2d2; margin:0 0 0 1px;; padding:6px; background-color:#202020;}
	a.bottom_button:hover {font-size:10px; text-transform:uppercase; text-decoration:none; color:#202020; margin:0 0 0 1px; padding:6px; background-color:#d2d2d2;}