/* **************************************************

***	

***	File:			site.css

***	Home:			www.rainerherzog.de

***	

***	Last Update:	Oct/XX/2009

***	Copyright:		Rainer Herzog

***	

************************************************** */



/* **************************************************

***					TOC

***	

***		01	-

***		02	-

***		03	-

***		04	-

***		05	-

***	

***		Farben:

***			braun:	#A58A77

***			orange:	#F29400 -> hell: #EFCC2C

***			gruen:	#A5C421

***			blau:	#99ccff

***	

************************************************** */



@import 'tooltip.css';

@import 'sample.css';

@import 'inlineplayer.css';

@import 'lightbox_screen.css';

@import 'imageslider.css';



/* *********** 00 - RESET PREFERENCES *********** */



* {

	margin:0px;

	padding:0px;

	}



html {

	/*background:#B8C631 url(../bilder/bg3.jpg) top fixed;*/ /*C6B9A2//99ccff; */

	background:#fff url(../bilder/bg_body.jpg) top fixed; /*C6B9A2//99ccff; */

	/*color:#A58A77;*/

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	}



h1,h2,h3 { font-family:arial,georgia,trebuched,lucida; }



img,img:active {

	border:none;

	}



ul { list-style-type:none; }

	

	

/* *********** ALLGEMEINES *********** */



.clear {

	clear:both;

	height:0px;

	}





/* *********** CENTER *********** */

#center {

	background-color:#;

	background-image:url(../bilder/centerBG.png);

	background-position:top center;

	background-repeat:repeat-y;

	margin:0 auto;

	padding:0 auto;

	width:960px;

	}

#centerInner {

	margin:0px 10px;

	width:940px;

	}



	

/* ********** HEADER ********** */

#header {

	}

	

#headerTop {

	background-color:#EFCC2C; /*-A5C421-D5D5D5*/

	background-image:url(../bilder/KOPF_verlauf_neu.jpg);

	background-position:bottom left;

	background-repeat:no-repeat;

	border-top:5px solid #A58A77;	

	height:100px;

	}

	#headerNavInner {

		color:#A58A77;

		float:right;

		font-size:12px;

		margin-right:15px;

		}

		#headerNavInner a {

			color:#A58A77;

			padding:5px;

			text-decoration:none;

			}

		#headerNavInner a:hover {

			background-color:#fff;

			color:#99ccff; /*F29400*/

			text-decoration:none;

			

			border:2px solid #99ccff;

			padding:3px;

			-moz-border-radius:3px;

			-webkit-border-radius:3px;

			-opera-border-radius:3px;

			-khtml-border-radius:3px;

			border-radius:3px;

			}



	#headerInnerBG { background-image:url(../bilder/content_top.jpg);height:20px; }



	

	#headerNav {

	background-color:#f29400;/*f29400*/

	background-image:url(../bilder/img_nav/bg_nav_aX.png);

	background-position:top left;

	background-repeat:repeat-x;

	height:40px;

}			

			

	/* *********** TESTS - *********** */

	#here {

		background-color:#A58A77;

		-moz-border-radius-bottomright: 10px;

		-moz-border-radius-bottomleft: 10px;

		-webkit-border-bottom-left-radius: 10px;

		-webkit-border-bottom-right-radius: 10px;

		}

	#here_lev_2 {

		background-color:#A58A77;

		-moz-border-radius: 10px;

		-moz-border-radius: 10px;

		-webkit-border-radius: 10px;

		-webkit-border-radius: 10px;

		}

		

        /* menu */

        #menu{ 

			margin-left:0px;

			padding:0px 10px 0px 10px;

			list-style:none;

			color:#fff;

			line-height:35px;

			display:inline-block;

			/*

			*/

			z-index:1000;

			height:40px;

			width:;

			}

			/*#menu a { color:#fff; text-decoration:none; }*/

        #menu a { 

			border-bottom:0px dotted #99CCFF;

			color:#fff;

			display:block;

			font-size:18px;

			font-weight:bold;

			padding:0px 5px;

			text-decoration:none;	

			}		

        #menu > li {cursor:pointer; float:left; position:relative;padding:0px 5px;}

        #menu > li a:hover {

			background-color:#EFCC2C;/**/

			background-image:url(bilder/img_nav/bg_nav_aX.png);

			background-position:left top;

			background-repeat:repeat-x;

			color:#A58A77;

			

			/*

				-moz-border-radius:6px;

				-webkit-border-radius:6px;

				-opera-border-radius:6px;

				-khtml-border-radius:6px;

				border-radius:6px;

			*/

			-moz-border-radius-bottomright: 10px;

			-moz-border-radius-bottomleft: 10px;

			-webkit-border-bottom-left-radius: 10px;

			-webkit-border-bottom-right-radius: 10px;

			

			} /*B0D730*/

        #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}

		

        /* sub-menus*/

        #menu ul { padding:0px; margin:0px; display:block; display:inline;}

        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:35px; width:150px; line-height:16px; background-color:#f29400; color:#0395CC; /* for IE */ display:none; }

        #menu li:hover ul { display:block;}

        #menu li ul li{ display:block; margin:0px 20px; padding: 3px 0px;  border-top: dotted 0px #606060; list-style-type:none; }

        #menu li ul li:first-child { border-top: none; }

			/*#menu li ul li a { display:block; color:#99ccff; }*/

        #menu li ul li a {

			border:none;

			color:#fff;

			display:block;

			font-size:12px;

			font-weight:normal;

			padding:2px;

			text-decoration:none;			

			}

        #menu li ul li a:hover {

			color:#99CCFF;

			background-color:white;

			font-weight:bold;

			

				-moz-border-radius: 10px;

				-moz-border-radius: 10px;

				-webkit-border-radius: 10px;

				-webkit-border-radius: 10px;

			}

		

        /* main submenu */

        #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}

		

        /* search */

        .searchContainer div { background-color:#fff; display:inline; padding:5px;}

        .searchContainer input[type="text"] {border:none;}

        .searchContainer img { vertical-align:middle;}

		

        /* corners*/

        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}

        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}

        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}

        #menu .corner_left { position:absolute; left:0px; top:0px;}

        #menu .corner_right { position:absolute; left:132px; top:0px;}

        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}





/* ********** CONTENT ********** */

#content {

		background-color:#fff;

/*		

		background-image:url(../bilder/content_bottom.jpg);

		background-position:bottom center;

		background-repeat:no-repeat;

		padding-bottom:20px;

*/

	}

    #contentInner {

		/*

		background: # url(../bilder/top_.png) top center no-repeat;

		*/

		background-color:#;

		background-image:url(../bilder/sidebar_.png);

		background-position:top right;

		background-repeat:no-repeat;

		float:left;

		margin:0px 20px 20px 20px;

		min-height:200px!important;

		width:620px;

		}

		#contentInner h1 {

			font-size:24px;

			margin:20px 0px 10px 0px;

			}	

		#contentInner h2 {

			font-size:20px;

			margin:10px 10px 5px 0px;

			}





		/* STYLE MUSS GEÄNDERT WERDEN */

		#contentInner p {

			color:#;

			/*

			font-size:16px;

			line-height:24px;

			padding:10px;

			*/

			}

			

		/* AUSBESSERUNGEN */	

		

		#contentInner div.artikel {

			margin:20px 0px 10px 0px;

			background-color:;

			}

			#contentInner div.artikel p {

				font-size:16px;

				line-height:150%;

				margin-bottom:20px;

				/*

				padding:10px;

				*/

			}	

		

		

		

		

		

		

		

		

#contentMenu {

		background-color:#;

	 /*background-color:#EFCC2C;*/

	float:right;

	margin:0px 0px 0px 0px;

	min-height:200px!important;

	padding:0px;

	width:280px;	

	}

	#contentMenu .MenuBox {

		background-color:#EFCC2C;

		min-height:120px!important;

		border:0px solid #A58A78;

		margin:20px 20px 0px 0px;

		color:#;

		

			padding-bottom:10px;

		

		-moz-border-radius:10px;

		-webkit-border-radius:10px;

		-opera-border-radius:10px;

		-khtml-border-radius:10px;

		border-radius:10px;

		}

	#contentMenu .MenuBox h2 {

		background-color:#;/*9F541D*//*A58A78*/

		font-family:arial;

		color:#000;

		padding:15px 15px 5px 15px;

		margin:0px;

		text-align:center;
				/*text-shadow: #ccc 1px 1px 1px;*/
		font-size:16px;

		-moz-border-radius-topright:10px;

		-moz-border-radius-topleft:10px;

		-webkit-border-top-left-radius:10px;

		-webkit-border-top-right-radius:10px;

		}

	#contentMenu img {

		margin:0px 15px;

		}

	#contentMenu p {

		margin:10px 10px 10px 10px;

		font-size:12px;

		line-height:150%;

		}

	#contentMenu li {

			font-size:14px;

			line-height:20px;

			vertical-align:baseline;

			margin:5px 10px 5px 10px;

			vertical-align:text-top;

			}

			

	#contentMenu li img {

		margin:0px;

		padding:0px;

		}	

	img.icon { margin:20px 0px 0px 0px;padding-top:*px;outline:none;border:none; }

	a.lbOn { background-color:;padding:0px;margin-top:0px; }

	

	

	a.contentmenulink { color:#000;padding:5px;text-decoration:none; }

	a.contentmenulink:hover {

		background-color:#fff;

		color:#99ccff;

		font-weight:bold;

		

			border:2px solid #99ccff;

			padding:3px;

			-moz-border-radius:3px;

			-webkit-border-radius:3px;

			-opera-border-radius:3px;

			-khtml-border-radius:3px;

			border-radius:3px;	

		}

			

/* ********** FOOTER ********** */

#footer {

	background-color:#f29400;/* A58A77 */ 

	height:	px;	

	/*

	*/			

	border-bottom:0px solid #A5C421;

}

	#footer h1 { color:#fff;margin:10px;padding:2px; }	

	#footer h2 { color:#fff;margin:10px;padding:2px; }	

	#footer h3 {

		background:#f29400 url(../bilder/Homepage_Buttons.png) top center no-repeat;

		color:#000;

		font-size:12px;

		height:29px; /*34px image */	

		margin:10px;

		padding-top:5px;

		text-align:center;

		width:140px;

		}

#footerInner {

	/*background-image:url(../bilder/footer_bottom.png);*/

		background-image:url(../bilder/bg_footer_.jpg);

	background-position:bottom left;

	background-repeat:repeat-x;

		padding:10px 10px;

	}

							#footerInnerLeft {

								float:left;

								width:200px;

								}

							#footerInnerCenter{

								float:left;

								width:200px;		

								}	

							#footerInnerRight{

								float:left;

								width:240px;			

								}

#footerOut {

	background:#A58A77 url(../bilder/toto1.jpg_) top repeat-x;

	color:#fff;

	padding:10px 0px;

	text-align:center;

	}

#footerOut a { color:#fff;padding:2px; }

#footerOut a:hover { background-color:#fff;color:#f29400; }	

	

	

ul.nonlist {

	list-style-type:none;

	margin-left:0px;

	}

ul.nonlist li {

	font-size:14px;

	line-height:18px;

	margin:10px;

	vertical-align:top;

	}

.nonlist a { color:#000;padding:5px;text-decoration:none; }

.nonlist a:hover {

	background-color:#fff;

	color:#99ccff;

	font-weight:bold;

	

		border:2px solid #99ccff;

		padding:3px;

		-moz-border-radius:3px;

		-webkit-border-radius:3px;

		-opera-border-radius:3px;

		-khtml-border-radius:3px;

		border-radius:3px;

	}



	

	

	

	

	

	

	

/**

**	

**	Plugin- und Skriptanpassungen

**	

**/		

	

/* *********** IMAGE-CAPTIONS ********** */

.imgcontainer {
/*
	position:relative;
*/

	margin:15px 20px 10px 10px;

	float:left;

	}

.caption {

	position:absolute;

	bottom:0;

	left:0;

	text-align:center;

	background:#fff;

	width:130px;

	opacity:.75;

	filter:alpha(opacity=85);

	color:#000;

	letter-spacing:0.1em;

	font-weight:bold;

	padding:5px;

	}	



	

/* *********** SOUND-PLAYER ********** */

ul li a.sm2_link {

	/* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */

	/*

	display:inline-block;

	padding-left:22px;

	min-height:16px;

	padding:0px 3px 0px 20px;

	min-width:19em;

	_width:19em;

	*/

	border:*px solid #A58A78;

	background-color:#A5C421;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

	padding:3px;

	margin-bottom:2px;

	color:#fff;

	text-decoration:none;

}

	

ul li a.sm2_link:hover {

	background-color:#99ccff;

	color:#fff;

}



ul li a.sm2_playing,

ul li a.sm2_playing:hover {

	background:#000;

	text-decoration:none;

	color:#fff;

}



ul li a.sm2_paused,

ul li a.sm2_paused:hover {

	background:#000;

	text-decoration:none;

	color:#f29400;

}





/* *********** FORMULARE ********** */

#formularbox {

	background-color:#ddd;

	margin:10px 0px;

	padding:10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	width:460px;

	}

	#formularbox h2 { color:#000;margin:0px 0px 0px 0px;padding:0px; }

	#formularbox p { font-size:12px;margin:15px 0px 5px 0px;padding:0px;line-height:150%; }

	#formularbox span.stern { color:red; }



	#fehlerbox { margin:10px 0px;font-size:12px;font-weight:bold;min-height:15px;border:0px solid red; }

	

	

form a { color:#000;padding:3px;margin:0px; }



fieldset { border:0px; }	

label { 

	display:block;

	font-size:120%;

	font-weight:bold;

	margin:10px 0px 2px 0px;

	}



input,textarea,select { font-family:arial;color:#a5a5a5;font-size:12px; }

textarea { background-color:#fff;border:1px solid #a5a5a5;padding:3px; }



input:active { border:0px;outline:none; }



select {

	background-color:#fff;

	border:1px solid #a5a5a5;

	padding:3px;

	font-size:12px;

	}

input[type=text] {

	background-color:#fff;

	border:1px solid #a5a5a5;

	padding:3px;

	font-size:12px;

	}



input[type=submit] {

	background-color:#A5C421;

	color:#fff;

	border:2px solid #a5a5a5;

	padding:2px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	}

input[type=reset] {

	background-color:#ddd;

	color:#000;

	border:2px solid #ddd;

	padding:2px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	}







	

	

	



/**

**	

**	Seitenspezifische Anpassungen

**	

**/



/* ********** SITEMAP ********** */

.sitemap {

	font-size:16px;

	}

	.sitemap p { margin:0px; }

	.sitemap ul { margin:5px 20px;line-height:150%; }

	.sitemap ul li { margin:5px 0px; }



	

/* ********** LIEDERTEXTE ********** */

div.seitenlinks {

	background:#eee url(../bilder/layout/hg_liste_klein.jpg) bottom left repeat-x;

	border:0px solid #ddd;

	margin:0px;

	padding:10px;

	font-size:14px;

	

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	-opera-border-radius:10px;

	-khtml-border-radius:10px;

	border-radius:10px;	

	}

	div.seitenlinks ul { float:left;margin-right:20px; }

	div.seitenlinks ul li { margin:3px 0px;padding:2px; }



	

/* ********** PROGRAMMÜBERSICHT ********** */

li.programm_liste_kompakt {

	margin:10px 10px 0px 0px;

	padding:10px;

	border:0px solid #ccc;

	

		-moz-border-radius:10px;

		-webkit-border-radius:10px;

		-opera-border-radius:10px;

		-khtml-border-radius:10px;

		border-radius:10px;



	background:#eee url(../bilder/layout/hg_liste_klein.jpg) bottom left repeat-x;

	width:260px;

	height:min-60px!important;

	float:left;

	}

	li.programm_liste_kompakt img { margin-right:5px;padding:0px;float:left; }

	div.programm_titel_kompakt { margin-bottom:10px;padding:0px;font-size:12px;font-weight:bold;float:none; }

	p.programm_info_kompakt { margin:10px;padding:0px;font-size:12px;line-height:150%; }

	li .programm_liste_kompakt div p { margin:15px 0px;padding:10px;font-size:10px; }



li.programm_liste_detail {

	margin:10px 0px 10px 0px;

	padding:10px;

	border:0px solid #ccc;

	

		-moz-border-radius:10px;

		-webkit-border-radius:10px;

		-opera-border-radius:10px;

		-khtml-border-radius:10px;

		border-radius:10px;



	background:#eee url(../bilder/layout/hg_liste_klein.jpg) bottom left repeat-x;

	width:560px;

	}

	.programm_liste_detail h2 { color:#;margin:0px;padding:0px 0px 10px 0px; }

	li.programm_liste_detail div.programm_liste_detail_left {	float:left;margin-right:10px; }

	li.programm_liste_detail div.programm_liste_detail_right {	

		background-color:#eee;

		float:left;

		font-style:italic;

		font-size:14px;

		min-height:160px!important;

		width:370px;

		padding:0px 0px;

		}

	

	li.programm_liste_detail div.programm_liste_detail_right p { margin-bottom:20px;line-height:150%; }

	

	.programm_liste_info {

		background:#fff url() top left repeat-x;

		padding:5px;

		min-height:30px!important;

		margin-top:10px;

		-moz-border-radius:10px;

		-webkit-border-radius:10px;

		-opera-border-radius:10px;

		-khtml-border-radius:10px;

		border-radius:10px;		

		}

	.programm_liste_info p { color:#000;line-height:150%;margin:5px;  }



	p.programminhalt { font-size:12px;line-height:12px;margin:0;padding:0;line-height:normal; }



	

	

	

	

/* **********  ********** */



p.centertext {

	text-align:center;

	}

p.centertext_highlight {

	color:#f29400;

	font-size:18px;

	font-weight:bold;

	text-align:center;

	}





/* ********** ÜBER RAINER ********** */

.zitat  {

	color:#F29400;

	font-family:georgia;

	font-size:14px;

	font-style:italic;

	margin:0px 15px;

	}



div.hinweisfeld {

	background-color:#f29400;

	border:0px solid #ddd;

	margin:10px 0px;

	padding:10px;

	font-size:14px;

	color:#fff;

	width:460px;



	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	-opera-border-radius:10px;

	-khtml-border-radius:10px;

	border-radius:10px;

	

}	



	

/* ********** STARTSEITE ********** */

		/* ********** DISPLAYBOX ********** */

		#displayBox {

			-moz-border-radius:10px;

			-webkit-border-radius:10px;

			-opera-border-radius:10px;

			-khtml-border-radius:10px;

			border-radius:10px;



			background:#eee url(../bilder/layout/hg_liste_klein.jpg) bottom left repeat-x;

			padding:10px 0px 10px 0px;

			}

				

			span.cdtitle { font-family:georgia;color:#A5C421;font-size:36px;margin:0px 0px 10px 20px;padding:0px; }

			span.cdartist { color:#A58A77;font-family:arial;font-size:16px;margin-left:10px;	}

			

			#displayBox h2 { color:#000;margin:10px 0px 10px 20px;padding:0px; }

			#displayBox img { margin:10px 20px 1px 20px; }

			#displayBox p { font-size:14px;line-height:150%;margin:0px 20px;padding:0px;}

	

		#box_neues{
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-opera-border-radius:10px;
			-khtml-border-radius:10px;
			border-radius:10px;

			border:0px solid #A48B75;/*A5C421*/
			background:#eee;
			padding:10px;margin:10px 0px;		
		}
			#box_neues h2,
			#box_neues h3 { color:#f29400; }
			#box_neues h3 { font-size:16px; }
				
			#box_neues a{ color:#;font-weight:bold; }
			#box_neues p{ line-height:150% }
			
			#box_neues ul { font-size:14px;line-height:150%; }


/* *********** SPECIALS ********** */