@charset 'utf-8';
@import url(reset.css);
@import url(colorbox.css);
@import url(navigation.css);


/* ----------------------------------------------------- All browsers */

/* TEMP */
.marker { background:#ff0; font-size:17px }

html { background:#FFF url(/bitmaps/bg_kachel.gif) 50% 0 repeat-y }
body { background:transparent url(/bitmaps/bg_top.gif) 50% 0 fixed no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:1.4em; font-size:12px }

#nonFooter { min-height:100%; width:995px; margin:auto; text-align:left; background:#EEE url(/bitmaps/bg_content.gif) 0 0 repeat-y }
	#colwrapper { padding-bottom:55px }
		#navigation { float:left; width:409px }
		#flashcontainer { position:relative; z-index:9999; margin-top:-32px }
		#contentwrapper { margin-left:409px }
			#header { position:relative; height:265px; background:url(/bitmaps/trenner.gif) 0 bottom no-repeat }
			#content { position:relative; margin:20px; padding-bottom:10px }
#footer { 
	width:985px; margin:auto; margin-top:-55px; height:25px; padding:30px 10px 0 0;
	text-align:right; color:#FFF; font-weight:bold; font-size:11px; position:relative; 
	background:#E1E1E1 url(/bitmaps/bg_footer.gif) 0 0 no-repeat;
} 
	#footer a { width:32px; height:180px; background:url(/bitmaps/top_pfeil.gif); position:absolute; top:0; left:63px }
	#footer a:hover { background-position:0 -3px }
	#footer div { position:absolute; left:-95px; top:-126px; width:167px; height:180px; background:url(/bitmaps/top.gif) }


/* Clearen per Overflow - generate BFC */
.floatbox { overflow:hidden }

a { }
a:active { position:relative; top:1px }
p { font-size:12px; line-height:18px }

/*
a { color:#00c300; text-decoration:none }
a:hover { text-decoration:underline }
*/
a.textlink { padding-left:15px; color:#00c300; text-decoration:none; background:url(/bitmaps/textlink_intern.gif) left center no-repeat }
a.textlink:hover { text-decoration:underline }
a.textlink_extern { padding-left:20px; color:#00c300; text-decoration:none; background:url(/bitmaps/textlink_extern.gif) left center no-repeat }
a.textlink_extern.re { padding-left:0; padding-right:20px; background-position:right center }
a.textlink.re { padding-left:0; padding-right:15px; background-position:right center }
a.textlink_extern:hover { text-decoration:underline }
a.textlink_zurueck { padding-left:15px; color:#00c300; text-decoration:none; background:url(/bitmaps/btnPrev.gif) left center no-repeat }
div.videoteaser { padding-right:22px; color:#888; text-decoration:none; background:url(/bitmaps/iconVideo.gif) right center no-repeat }
div.audioteaser { padding-right:22px; color:#888; text-decoration:none; background:url(/bitmaps/iconVideo.gif) right center no-repeat }
a.kommentarSchreiben { padding-left:25px; color:#00c300; text-decoration:none; background:url(/bitmaps/iconKommentarSchreiben.gif) left center no-repeat }
a.kommentarSchreiben:hover { text-decoration:underline }

.fr { float:right }
.fl { float:left }

#content p { margin:15px 0 }
#content h1 { font-size:17px; line-height:22px; color:#1e1e1e; margin:10px 0; font-weight:normal } /* font-weight:bold */
#content .trenner { height:30px; background:url(/bitmaps/dotted.gif) left center repeat-x }
#content .trennerKlein { height:5px; line-height:5px; font-size:5px; overflow:hidden; background:url(/bitmaps/dotted.gif) left center repeat-x }


ul.playlist { margin-top:5px }
ul.playlist li a { display:block; height:25px; line-height:25px; color:#1e1e1e; padding-left:55px; text-decoration:none; margin:2px 0; background:url(/bitmaps/playlist.gif) 0 -25px no-repeat }
ul.playlist li a:hover, ul.playlist li a.aktiv { background-position:0 0 }
ul.playlist li a.aktiv { cursor:default }

/* Zitate */
div.zitat { padding-bottom:2px; position:relative }
div.zitat div.top { background:url(/bitmaps/dotted.gif) 0 0 repeat-x; padding-top:3px }
div.zitat div.middle { background:#fcfcfc url(/bitmaps/bg_verlauf_blanko.jpg) left center repeat-x; padding:8px 5px }
div.zitat div.quote { height:30px; width:28px; background:url(/bitmaps/zitatblock.gif); position:absolute; left:-5px; top:auto }
div.zitat div.text { position:relative }
div.zitat span { font-size:17px; line-height:1.2em; display:block }
/* END Zitate */



/* Startseite */
.startBox {margin-bottom:10px; width:269px;}
.startBoxHead {height:59px; background:transparent url('/bitmaps/startboxHeadline.png') -1px top no-repeat; cursor:pointer;}
.openBox .startBoxHead {cursor:default !important;}
.startBoxHeadline {margin: 34px 0 0 15px;font-weight:bold; line-height:25px; font-style:italic;}
.startBoxContent {background-color:white;height:179px; overflow:hidden;position:relative;} /*   */
.boxRahmen {height:179px; display:none; background:transparent url('/bitmaps/pixel-rahmen.png') top left no-repeat; z-index:2; width:269px;}
.startBoxInner {position:absolute;top:0; left:0; height:179px; width:269px;}
#ticker {line-height:30px; height:30px; width:269px; margin-bottom:20px; background:transparent url(/bitmaps/ticker-bg.png) top left no-repeat;}/* overflow:hidden;*/
	#ticker .inhalt {font-weight:bold;}/* font-style:italic; overflow:visible;*/
			#ticker .inhalt a {color:#000; text-decoration:none;}
/* Ende Startseite */
/* Termine, Tourplan */
a.toggle { cursor:pointer; display:block; float:right; height:50px; width:30px; background:url(/bitmaps/termine_pfeil.gif) }
a.toggle:hover, div.opened a.toggle { background-position:0 -50px }
#map { position:absolute; width:290px; height:320px; top:-275px; right:-20px }
.terminbox { width:546px; margin-top:2px; padding-bottom:2px; background:#FFF url(/bitmaps/dotted.gif) 0 bottom repeat-x }
.termin { margin-bottom:2px; padding:5px; background:url(/bitmaps/bg_termin.gif) 0 -999px no-repeat }
.opened .termin { background-position:0 0; background-color:#EFEFEF; }
.info { display:none }
.opened .info { display:block }
.terminbox td { vertical-align:top }
.terminbox .status { color:#999 }
.terminKalenderMonat{background:url(/bitmaps/dotted.gif) repeat-x scroll 0 bottom #FFFFFF;padding-bottom:1px;}
.terminKalenderMonat h1{background:url(/bitmaps/bg_verlauf_blanko.jpg) repeat-x scroll left center #FCFCFC;margin:2px 0px 2px 0px !important;padding:5px;}
/* END Termine, Tourplan */

/* Mit Schroeder unterwegs */
#blaettern {text-align:right; margin:5px 0; line-height:18px;}
#blaettern a { width:15px; height:18px; line-height:18px; text-align:center; text-decoration:none; color:#1e1e1e; margin-left:5px; }/*display:block; float:left; */
#blaettern a.aktiv { background:url(/bitmaps/iconX.gif) center center no-repeat }

#kommentar input[type=text] { border:none; height:20px; width:285px; font:12px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px 5px 0 5px; background:#dfdfdf; margin:5px 0 }
#kommentar textarea { border:none; overflow:auto; margin:5px 0 15px 0; width:536px; height:80px; background:#dfdfdf; padding:5px; font:12px/20px Arial, Helvetica, sans-serif; color:#000 }
#kommentar input[type=submit] { text-indent:-9999px; width:76px; background:#FFF url(/bitmaps/btnAbschicken.gif) center center no-repeat; border:none }
#kommentar input[type=button], .formularContainer input[type=button] { text-indent:-9999em; width:76px; background:#FFF url(/bitmaps/btnAbbrechen.gif) center center no-repeat; border:none }
.formularContainer textarea { border:none; overflow:auto; width:281px; height:80px; background:#dfdfdf; padding:5px; font:12px/20px Arial, Helvetica, sans-serif; color:#000 }
.formularContainer label {float:left; width:90px; line-height:20px;}
.formularContainer input[type=text] { border:none; height:14px; width:285px; font:12px/20px Arial, Helvetica, sans-serif; color:#000; padding:3px; background:#dfdfdf;}
.formularContainer select { border:none; height:20px; width:291px; font:12px/20px Arial, Helvetica, sans-serif; color:#000; background:#dfdfdf;}
.formularContainer p {margin:6px 0 !important; overflow:hidden; width:100%;}
.formularContainer input[type=submit] { text-indent:-9999em; width:76px; background:#FFF url(/bitmaps/btnAbschicken.gif) center center no-repeat; border:none; margin:10px 0 10px 90px;}
.formularContainer .unformated {width:auto; float:none;}
/* ENDE Mit Schroeder unterwegs */

/* Formulare */
.error { background-color:#0f0 !important }.orderForm {margin-bottom:30px;}
.errorBox {color:red; padding:5px; text-align:center; border:1px solid red; margin: 15px 0;}
.orderForm label {width:90px; float:left; line-height:22px;}
.orderForm p {margin:5px 0 !important;}
.orderForm input {width:275px; border:1px solid #A5A5A5;}
.orderForm textarea {width:275px; border:1px solid #A5A5A5; height:90px;}
.orderForm select {width:277px; border:1px solid #A5A5A5;}
.orderForm .unformated {width:auto; float:none;}
.orderForm, .formularContainer input.radio {width:auto; margin-left:90px; position:relative; top: 2px; border:none;}/**/
.orderForm, .formularContainer label.radio {width:auto; float:none;}
input.pfeilRechts {overflow:visible;border:none; width:auto; margin:0; background:none; height:20px; text-align:right; padding:0 15px 0 0; color:#00C300; background:transparent url(/bitmaps/textlink_intern.gif) right 4px no-repeat;}
.warenkorbSubmit{border:none; background:white url("/bitmaps/textlink_intern.gif") no-repeat scroll left center; color:#00C300; padding:0 0 0 15px; margin:0; width:120px; text-align:left;}
                   
/* ENDE Formulare*/

/* Shop */

table.groessen {border:none; margin-top:6px; border-collapse:collapse;}
	table.groessen td {width:80px; line-height:22px; border-right:2px solid white;border-top:2px solid white;}
	table.groessen td.hell {background-color:#ebebeb; padding-left:7px;}
	table.groessen td.dunkel {background-color:#dfdfdf; padding-left:7px;}

/* ENDE Shop */

/* Presse */

/* END Presse */


/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }
.ie7 .ieblock { display:block }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }
.ie6 #nonFooter { height:100% }
	.ie6 #navigation { margin-right:-3px }
	.ie6 #contentwrapper { margin-left:406px; height:1% }
.ie6 .floatbox { width:100% } /* hasLyout + 100% für IE */

.ie6 #map { right:0 }