@import url(basic.css);
@import url(menu.css);
@import url(tl_config.css);
@import url(headlines.css);

.debug { border:1px solid #ff0000; background: #258725;}

body { font-family: Arial, Helvetica, sans-serif; background: url(../img/bg_wrap.gif) no-repeat #000000;  }
#wrap, #header, #main, #main-full, #footer { width: 808px; }

#wrap { padding-left: 76px; height: 100%; position: relative; }
/*-| Header Styles [START] */
#header { height: 108px; position: relative; }
#header h1 { position: absolute; top: 18px; right: 0px; }
#header h1 a { width: 272px; height: 74px; }
#header .block { }
/*-| Header Styles [STOP!] */

/*-| Main Navigation Styles [START] */
#mainnav { }
#mainnav .box { }
/*-| Main Navigation Styles [STOP!] */
.font_normal {font-size:91%;}
/*-| Content Column Styles [START] */
#main { position: relative; font-size: 0.67em; color: #ffffff; overflow: hidden; }
.half { height: 323px; margin-bottom: 18px;  }
.full { height: 492px; margin-bottom: 0; }
#main a { color: #9ab405; text-decoration: underline; }
#main a:hover { color: #999999;}
#main img { display: block; }
#main h3 { padding-bottom: 10px; font-size:116%; }
#main h3.setpx { padding-top: 10px; }
#main ul li { padding-bottom: 3px; }
#main p { padding-bottom: 10px; line-height: 1.3em; clear: both; font-size:116%; }
#main .block { width: 489px;  }
#main .block-en { width: 400px;  }
#main .ce_list { width:600px;}
#main #cols2 { width: 722px; float:left; } 
#main #order-text { float:left; width: 350px; padding-right: 50px; }
#main #order-form { float:left; width: 300px; }
#main #order-form .adresse { padding: 12px 0 10px 0px; border-top:1px solid #626364;}
#main #order-form .feld-checkbox { padding-bottom: 10px; }

#main #kontakt { width: 700px; }
#main #kontakt #order-form { padding-top: 38px; width: 530px; }
#main #kontakt #order-form .submit {  }
#main #kontakt #order-form label { width: 60px; }
#main #kontakt #order-form .strassenr label { width: 20px; }
#main #kontakt #order-form .ort label { width: 23px; }
#main .ce_download { width: 360px;}
.ce_download img { padding-right: 5px; }
.ce_download img, .ce_download a { float: left; }
.ce_download a { padding-top: 2px; }
#main .ce_image { width: 90px; float: left; margin-bottom: 2px; }

.center-dl { padding: 15px 0 0 0;  }


form .feld-checkbox input { float: left;margin:0px; padding:0px;}
form .feld-checkbox label { float: left; width: 220px; padding-left: 5px; }


form .adresse legend { color: #ffffff; }
form .adresse div.box {float:left; padding-bottom:3px;}
form .adresse label { float: left; width: 70px; padding-top:3px; text-align:right;padding-right:10px;}
form .adresse input.text, select { float: left; width: 214px; height: 13px; font-size: 11px; color:#fff; background-color: #707173; border: 1px solid #68696b; padding: 2px 2px 3px 2px;font-family: Arial, Helvetica, sans-serif;  }
select { float:left; width:220px; height:19px; padding:1px 1px 1px 0; border:1px solid #68696b;}
form .adresse textarea { float: left; width: 176px; height: 70px; font-size: 0.9em; background-color: #707173; border: 1px solid #68696b; margin-bottom: 2px; padding: 2px; font-family: Arial, Helvetica, sans-serif;  }
form .adresse .vorname input { width: 40px; }
form .adresse .box { position: relative; }
form .adresse .nachname label { padding-left: 10px; width: 60px; }
form .adresse .nachname input { width: 60px; }
form .adresse .strasse input { width: 130px; }
form .adresse .strassenr input { width: 28px; }
form .adresse .strassenr label { padding-left: 15px; width: 25px; }
form .adresse .plz input { width: 40px; }
form .adresse .ort input { width: 118px; }
form .adresse .ort label { padding-left: 15px; width: 25px; }
form .error { display: none; }
form .adresse .errorborder input.text { border: 1px solid #ca1d00; }
form .feld-checkbox .errorborder { padding-left:12px; background:url('../img/icon_error.gif') no-repeat 0px 3px;}


#main #kontakt-form { width: 170px; float: left;}
#main #order-form .konform { padding: 0px 0 10px 0px; border-top:0px; width:530px;}
#main #kontakt #order-form .konform label { width: 60px; }
form .konform input.text { width: 189px;  }
form .konform .strasse input.text { width:105px;}
#main #kontakt #order-form .konform .strassenr label { width:20px;}
#main #kontakt #order-form .konform .strassenr input.text { width:33px;}
#main #kontakt #order-form .konform .plz input.text { width:33px;}
#main #kontakt #order-form .konform .ort label { width:20px;}
#main #kontakt #order-form .konform .ort input.text { width:105px;}
/*
form .adresse div.mmail, form .adresse div.bbetreff {width:530px;}
*/
#main #kontakt #order-form .konform .bbetreff input.text { }
form .konform textarea { width: 454px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
form .konform .errorborder textarea {border: 1px solid #ca1d00;}

form .formnews label { float: left; padding-top:3px; text-align:left;padding-right:10px; width:auto;}
form .formnews #abo { padding-top:4px;padding-left:3px;}



#abo { margin: 1px 0 0 5px; }
/*---| Navigation Styles [START] */
		#nav-main ul { border: 1px solid red; }
		#nav-main ul a { border: 1px solid red; }
/*---| Navigation Styles [STOP!] */

/*--| Content Column Styles [START] */
	#middle { width: 660px; background: #d1d1d1 }
	#middle .block { }
/*--| Content Column Styles [STOP!]*/
#teasers { width: 546px; float: left; }
#teasers .block .block { float: left; display: block; padding-right: 18px; width: 255px; }
#navigation { float: left; }
#sub #navigation ul { width: 260px; font-size: 13px; }
/*#sub #navigation li { padding-bottom: 5px; }*/
#sub #navigation ul li {
	padding-bottom: 10px;
}
#sub #navigation ul li ul li {
	padding-bottom: 0px;
}
#sub #navigation li.last {
	padding-bottom: 0px;
}
#sub #navigation li a, #sub #runtastic li a {
	width: 272px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	background-image:url(/res/img/freecross_submenu.jpg);
	background-position:1px 3px;
	padding-left:15px;
}
#sub #navigation li a.active {
	background-image:url(/res/img/freecross_submenu_act.jpg);
	background-position:0 3px;
	color:#a9c606;
}
#sub #navigation li ul li a {
	background-image:url(/res/img/freecross_submenu2.jpg);
	padding-left:32px;
	font-size: 12px;
	background-position:25px 5px;
	text-transform:none;
}
#sub #navigation li ul li a.active {
	background-image:url(/res/img/freecross_submenu2_act.jpg);
	background-position:25px 5px;
}
#sub #navigation li ul li a{ width: 272px; }


#overlay { position: absolute; top: 0; left: 0; filter:alpha(opacity=08); -moz-opacity: 0.08; opacity: 0.08; background: #fff; width: 100%; height: 100%; z-index: 1; }
.half #inside { 
	position: absolute;
	top: 0;
	left: 0;
	width: 752px;
	height: 272px;
	z-index: 3;
	border: 1px solid #ffffff;
	margin: 12px;
	background: url('../img/bg_inside.gif') no-repeat;
	padding: 25px 0 0 30px;
}

.full #inside { 
	position: absolute;
	top: 0;
	left: 0;
	width: 782px;
	height: 466px;
	z-index: 3;
	border: 1px solid #ffffff;
	margin: 12px;
	padding: 0;
}


#ajaxload { position: absolute; top: 50%; left: 50%; }
#keyvisual { position: absolute; top: 0px; left: 0px; z-index: 2; }
#lbOverlay { z-index: 999; }
#lbCenter { z-index: 999; }

#vor { width: 200px; height: 200px; background: red; }
#zurueck { width: 200px; height: 200px; background: blue; }

#next1 { background: url(../img/btn_vor.gif) no-repeat; width: 16px; height: 27px; margin-top: 5px; cursor: pointer; }
#prev1 { background: url(../img/btn_zurueck.gif) no-repeat; width: 16px; height: 27px; margin-right: 7px; margin-top: 5px; cursor: pointer; }
.start { /*background: url(../img/btn_starten.gif) no-repeat;*/ width: 114px; height: 10px; position: absolute; bottom: -12px; left:23px; cursor: pointer; }
.slideshow_en .start { /*background: url(../img/btn_starten_en.gif) no-repeat;*/ width: 114px; height: 10px; position: absolute; bottom: -12px; left:23px; cursor: pointer; }
.pause { /*background: url(../img/btn_pause.gif) no-repeat;*/ width: 124px; height: 10px; position: absolute; bottom: -12px; left:23px; cursor: pointer; }
#btn_play {color: #9AB405;font-style:italic; text-transform:uppercase; width:230px; }
#slidenav { position: absolute; top: 248px; right: 52px; z-index: 80;  }
.mod_changelanguage ul { float:left; }
.mod_changelanguage li { float: left; width:15px;}
.image_container,  div.ce_image { float: left; width: 100px; }
#load { background: url(../img/preloader_gif.gif) no-repeat; position: absolute; bottom: 50px; left: 432px; width: 101px; height: 101px; z-index: 100; }

.pos-out { position: absolute; top: -5000px; }

/*a.email_link { padding-left:13px; background:url('../img/icon_email.gif') no-repeat 0px 4px;}*/

#footer { font-size: 0.625em; padding-top: 12px; margin-bottom:40px; }
.tour #footer { padding-top: 0px; }
#footer ul {padding-right:5px;}
#footer li { padding-right: 10px; }
#footer li a { color: #999999; text-transform: uppercase; }
#footer li a:hover { color: #ffffff; }
#footer li.active a { color: #ffffff; }

#footer li a span {display:none;}
#footer li a { display:block; height:12px; background-position: -1px 0px;}
#footer li.active a, #footer li a:hover { background-position: -1px -50px; }

#footer li.meta-kontakt a { background-image:url('../img/utility/kontakt.gif'); width:52px;}
#footer li.meta-presse a { background-image:url('../img/utility/presse.gif'); width:40px;}
#footer li.meta-newsletter a { background-image:url('../img/utility/newsletter.gif'); width:70px;}
#footer li.meta-impressum a { background-image:url('../img/utility/impressum.gif'); width:63px;}

#footer li.meta-contact a { background-image:url('../img/utility/contact.gif'); width:50px;}
#footer li.meta-press a { background-image:url('../img/utility/press.gif'); width:34px;}
#footer li.meta-imprint a { background-image:url('../img/utility/imprint.gif'); width:46px;}

.mod_subscribe p.confirm, .mod_subscribe p.error, p.confirm { padding-top: 15px;font-size:12px; font-weight:bold; color:#8cbb15; }

form .formnews input.errornewsletter {border:1px solid #ca1d00;}

/*-| Erweiterung Pressespiegel [START] */
#main #presse-news-ausgabe { width:722px; height:247px;}
#main #presse-news-ausgabe #link_pressespiegel { clear:both;font-size:14px; width:200px; float:right; padding:0px; padding-top:30px;}
#main #presse-news-ausgabe #link_pressespiegel a { float:right; width:150px; height:16px; background:url('../img/btn_pressespiegel.gif') no-repeat; }
#main #presse-news-ausgabe #link_pressespiegel a span {display:none;}

#main #presse-news-ausgabe #link_inthenews { clear:both;font-size:14px; width:200px; float:right; padding:0px; padding-top:30px;}
#main #presse-news-ausgabe #link_inthenews a { float:right; width:131px; height:16px; background:url('../img/btn_inthenews.gif') no-repeat; }
#main #presse-news-ausgabe #link_inthenews a span {display:none;}

#main #pressespiegel-ausgabe, #main #pressespiegel-ausgabe .block { width:722px; }

#pressespiegel-items { width:722px; height:20px; padding-top:10px; }

#main #pressespiegel-ausgabe #teaser_ard, #main #pressespiegel-ausgabe #teaser_rtl, #main #pressespiegel-ausgabe #teaser_n24, #main #pressespiegel-ausgabe #linklist { float:left; }
#main #pressespiegel-ausgabe #teaser_ard { width:130px; }
#main #pressespiegel-ausgabe #teaser_rtl { width:130px; }
#main #pressespiegel-ausgabe #teaser_n24 { width:300px; }
#main #pressespiegel-ausgabe #linklist { width:160px; overflow:hidden;}
#main #pressespiegel-ausgabe #linklist a { text-decoration:none; }
#main #pressespiegel-ausgabe #linklist a:hover { text-decoration:underline; }
#main #pressespiegel-ausgabe #linklist ul li {padding-bottom:1px;}
/*-| Erweiterung Pressespiegel [STOP] */

#tour-map, #tour-nav { height: 466px; }
#tour-map { width: 486px; float: left; overflow: hidden; }
#tour-nav { width: 296px; float: left; overflow-x: hidden; overflow-y:scroll; background: #4d4d4d;}
#tour-nav h2 { text-transform:uppercase; font-size:12px; font-style:italic; padding:5px 0 0 10px; }
#tour-holder { width: 782px; }
#tour-holder p { padding: 10px; font-size: 1.15em; padding-right: 25px; }

#tour-dates li { float: left; font-size: 1.2em; background: url('../img/bg_tour-dates-li.gif') repeat-x #0b0b0b; width: 265px; padding: 0 7px 3px 7px; color: #808080; cursor: pointer; }
#tour-dates li.upcoming { border-left: 3px solid #a9c606; color: #fff; }
#tour-dates li.active { background: url('../img/bg_tour-dates-li-active.gif') repeat-x #7c900f; color: #000; }
#tour-dates li.active h2:hover{ text-decoration: none; }
#tour-dates li h2 { font-weight: bold; width: 259px; padding: 5px 0 3px 0; }
#tour-dates li h2 small { display: block; font-size: 0.8em; font-weight:normal; padding-bottom: 0px; }
#tour-dates li div { clear: both; float: left; width: 259px; }
#tour-dates li div a { color: #000; text-transform: uppercase; font-style: italic; font-size: 0.9em; display: block; float: left; margin-right: 15px; padding-bottom: 7px; }
#tour-dates li div a:hover { color: #fff; }
#tour-holder {  position: relative; }
#tour-overlay { position: absolute; top: 0; left: 0; }
.overlay-inline { background-color: #000; padding: 20px; position: absolute; top: 20px; left: 20px; width: 408px; height: 390px; overflow: auto;}
#main .overlay-inline p { padding: 0; padding-bottom: 10px;  }
#main .overlay-inline h2 { border-bottom: 1px dotted #999999; width: 100%; padding-bottom: 5px; margin-bottom: 10px; font-size: 1.7em; color: #a9c606; }
#main .overlay-inline h3 { margin-bottom: 10px; font-size: 1.5em; color: #a9c606; }
#main .overlay-inline h4 { margin-bottom: 10px; font-size: 1.3em; }
#main .overlay-inline strong { font-weight: bold; display: inline; }
#main .overlay-inline ul { padding: 0; margin: 0; font-weight: normal; padding-left: 5px; padding-bottom: 10px; font-size: 1.1em; }
#main .overlay-inline ul li { background: url('../img/icon_ul_li.gif') no-repeat 0 4px; padding-left: 15px; }
#main .tour-images a { border: 2px solid #a9c606; display: block; float: left; margin: 0 10px 10px 0; }
#tourclaim { padding-top: 73px; float: left; }
.innerTour { padding-top: 0px; overflow: hidden; width: 390px; position: relative; float: left; }
#tourbutton { position: absolute; right: -100px; bottom: 35px; width: 265px; float: right; overflow: hidden; }

#tour-dates li h2:hover { text-decoration: underline; }
#main #tourbuttonstart { background: url(../../tl_files/startseite/visual.jpg) no-repeat; width: 808px; height: 323px; float: left; position: relative; }
#main #tourbuttonstart img { position: absolute; bottom: 73px; right: 58px; }
#main #tourbuttonstart-en { background: url(../../tl_files/startseite/visual_en.jpg) no-repeat; width: 808px; height: 323px; float: left; position: relative; }
#main #tourbuttonstart-en img { bottom:73px;position:absolute;right:58px; }

/*Presse*/
#presse-download { float:left;width:365px; }
#presse-kontakt { float:right;width:349px; }
#presse-kontakt-person {  }
.presse-width { width:100%; }
.presse-kontakt-padding h3 { margin-bottom:14px; }
.presse-download-padding { padding-bottom:25px;}

/*die story*/
#main #die-story.block, #main #the-story.block {width:720px;}
#die-story .block, #the-story .block {height:190px;overflow-y:hidden ;overflow-x:hidden;width:489px;float: left;}
#die-story .block-widther, #the-story .block-widther {height:200px;overflow-y:hidden ;overflow-x:hidden;width:725px;float: left;}
#die-story .jScrollPaneContainer, #the-story .jScrollPaneContainer { float:left; }
#die-story .block p, #the-story .block p{padding-right:10px;}
#die-story .die-story_img.block, #the-story .the-story_img.block {height: 190px; float: right; width:200px; overflow: auto;}

/*hochschule*/
#die-story .sporthochschule_img.block, #the-story .sporthochschule_img.block {height: 150px; float: right; width:200px; overflow: auto;}

/*newsletter*/
#main #newsletter-formular.block, #main #newsletter-formular .block {width:auto;}
#main #newsletter_left { float: left; width:435px; }

#main #newsletter_archiv.block { float: right; width:231px; }
#main #newsletter_archiv.block h3 {margin-top:34px;}
#main #newsletter_archiv.block a {padding-right:18px; font-size:116%; color: #fff;text-decoration: none;background: transparent url("/res/img/link_bg_grey.jpg") right center no-repeat scroll;padding-right: 20px;}

iframe { background-color:#000000; }

.was-ist-freecross .level_2 {
	background-image:url;
}

#runtastic {
	float:left;
	margin-top:10px;
	font-size:13px;
	width:260px;
}