@import url("plugins.css");
@import url("elements.css");

/* Allgemeine Deklarationen */
HTML,BODY{
	font-family:arial,helvetica,sans-serif;
	color:rgb(101,99,98);
	background-color:#CCC;
	margin:0; padding:0;
	height:100%;
}
DIV{
	border:none;
}
P{
	margin-top:0;
	margin-bottom:6pt;
}
H1{
	color:rgb(56,172,57);
}
H2,H3,H4,H5,H6{
	margin-bottom:6pt;
}
HR{
	height:1px;
	background-color:rgb(101,99,98);
}
A,
A IMG{
	color:rgb(0,0,0);
	border-color:rgb(0,0,0);
	text-decoration:none;
	border-width:1px;
}
DIV#teaserBlock A,
DIV#teaserBlock A IMG{
	border:none;
}

A:LINK:HOVER, 
A:VISITED:HOVER,
A:LINK:HOVER IMG, 
A:VISITED:HOVER IMG{
	color:rgb(101,99,98);
/*	border-color:rgb(101,99,98);*/
}
UL{
	list-style:none;
}
LI DFN, 
SPAN.usb{
	display:block;
	position:absolute;
	left:-3000px;
	width:0px;
	height:0px;
}
TABLE TD{
	vertical-align:top;
}

DIV#contentBlock UL{
	list-style-image:url("/media/images/ULarrow.png");
	margin:10px 20px;
	padding:0;
}
DIV#contentBlock UL LI{
	margin:5px 0;
}
DIV#contentBlock A,
DIV#teaserBlock A{
	color:rgb(56,132,57);
}


/* Spezielle Deklarationen */
DIV#frame{
	text-align:left;
	background-color:#F3F4F5;
	border:rgb(100,98,96) solid 1px;
	width:792px;
	margin:10px auto;
	padding:5px;
}
@media print{
	DIV#frame{
		width:590px;
	}
}
DIV#framePrint{
	text-align:left;
	background-color:#FFF;
	border:rgb(100,98,96) solid 1px;
	width:590px;
	margin:10px auto;
	padding:5px;
}
DIV#header{
	height:175px;
	background:url("/media/images/header.png") top left no-repeat;
}
@media print{
	DIV#header{
		display:none;
	}
}
DIV#fontSwitch{
	margin:0 2px 38px 677px;
	width:105px;
	height:16px;
	line-height:14px;
	vertical-align:middle;
	border:rgb(100,98,96) 1px solid;
	padding:2px 3px;
}
DIV#fontSwitch IMG{
	height:12px;
	width:12px;
	margin-left:5px;
	vertical-align:middle;
	border:rgb(194,193,193) solid 1px;
	background-color:rgb(194,193,193);
}

/* Meta-Navigation */
DIV#metaNavi{
	height:20px;
	margin-left:215px;
	padding-top:1px;
}
DIV#metaNavi UL, 
DIV#metaNavi UL LI, 
DIV#metaNavi FORM{
	float:left;
	margin:0;
	padding:0;
}
DIV#metaNavi FORM INPUT.text{
	display:block;
	float:left;
	width:92px;
	height:17px;
	line-height:17px;
	padding:0 5px;
	vertical-align:middle;
	border:1px solid rgb(54,172,54);
}
DIV#metaNavi FORM INPUT.image{
	margin:2px 5px;
}
DIV#introHeader FORM LABEL,
DIV#metaNavi FORM LABEL{
	display:none;
}
DIV#metaNavi UL{
	margin-left:20px;
	padding-top:3px;
	color:rgb(54,172,54);
}
DIV#metaNavi UL LI A{
	padding:0 6px;
}
DIV#date{
	float:right;
	margin-right:2px;
	padding-top:3px;
}
DIV#date IMG,
DIV#datePrint IMG{
	height:9px;
	width:9px;
	margin:0 4px 0 0;
}

/* Top-Header-Navigation */
DIV#movieLine{
	height:57px;
	overflow:hidden;
	margin:3px 4px 0 192px;
	padding:5px;
}
DIV#topNavi{
	margin:3px 0 0 193px;
}
DIV#topNavi UL{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	height:19px;
}
DIV#topNavi UL LI{
	float:left;
	margin-right:1px;
	text-align:center;
	vertical-align:middle;
	width:137px;
	line-height:19px;
}
DIV#topNavi UL LI A.active{
	font-weight:bold;
}
DIV#langSelectors{
	float:right;
}
UL#langNavi{
	float:right;
	padding:0;
	margin:14px 1px 0 0;
}
DIV#langSelectors UL#langNavi{
	margin-top:2px;
	height:15px;
}
UL#langNavi LI{
	margin:0; padding:0;
	float:left;
}
BODY DIV UL#langNavi LI{
	width:28px;
	line-height:15px;
}
DIV#intro IMG,
UL#langNavi IMG{
	border:none;
}

/* Haupt-Block */
DIV#mainBlock{
	background:url("/media/images/mainBlockBg.png") top left repeat-y;
}
BODY.singleRow DIV#mainBlock{
	background:url("/media/images/mainBlockSingleBg.png") top left repeat-y;
}
@media print{
	DIV#mainBlock{
		background:rgb(255,255,255);
	}
	BODY.singleRow DIV#mainBlock{
		background:rgb(255,255,255);
	}
}

DIV#naviBlock{
	width:193px;
	float:left;
	overflow:hidden;
}
@media print{
	DIV#naviBlock{
		display:none;
	}
}
DIV#naviHeader{
	background:url("/media/images/header.png") bottom left no-repeat;
	font-size:1px;
	height:16px;
}
DIV#mainNavi{
	margin-top:15px;
	margin-left:23px;
	margin-right:8px;
	width:160px;
	overflow:hidden;
/*	white-space:nowrap;*/
	border-top: 1px solid rgb(162,161,161);
}
DIV#mainNavi UL{
	margin:0;
	padding:0;
	list-style:none;
}
DIV#mainNavi UL LI{
/*	white-space:nowrap;*/
	line-height:0px;
}
DIV#mainNavi UL LI A{
	display:block;
	line-height:18px;
	vertical-align:middle;
	color:rgb(101,99,98);
	padding:0 7px;
	background:rgb(235,234,234) url("/media/images/mainNaviFstBg.png") repeat-y;
	border-top:1px solid rgb(255,255,255);
	border-bottom:1px solid rgb(162,161,161);
}
DIV#mainNavi UL LI A.active{
	font-weight:bold;
	background:rgb(252,235,173) url("/media/images/mainNaviFstActBg.png") repeat-y;
}
DIV#mainNavi UL UL LI A{
	padding-left:12px;
	color:rgb(101,99,98);
	background:rgb(243,243,244) url("/media/images/mainNaviSndBg.png") repeat-y;
}
DIV#mainNavi UL UL LI A.active{
	background:rgb(226,241,216) url("/media/images/mainNaviSndActBg.png") repeat-y;
}
DIV#mainNavi UL UL UL LI A, 
DIV#mainNavi UL UL UL LI A.active{
	padding-left:17px;
	background:rgb(255,255,255) url("/media/images/mainNaviTrdBg.png") repeat-y;
}
DIV#mainNavi UL UL LI A.active{
	font-weight:bold;
}


DIV#contentBlock{
/*	position:relative;*/
	width:396px;
	float:left;
	margin:8px;
	overflow:hidden;
}
BODY.singleRow DIV#contentBlock{
	width:566px;
}
DIV#contentBlock IMG{
	margin:0 8px;
}
DIV#teaserFrame{
	float:left;
	min-height:50px;
	background:url("/media/images/teaserFadeIn.png") top left no-repeat;
}
DIV#teaserBlock{
	width:154px;
	margin:8px;
	margin-right:23px;
	overflow:hidden;
}
DIV#teaserFramePrint DIV#teaserBlock{
	margin-right:10px;
}
@media print{
	DIV#teaserBlock{
		margin-right:10px;
	}
}
DIV#teaserBlock DIV{
	margin-bottom:15px;
}
DIV#fader{
	clear:both;
	height:10px;
	background:#F3F4F5 url("/media/images/faderBg.png") top left no-repeat;
	text-align:center;
	padding-top:44px;
	font-size:7pt; /* hier definiert, da von Schriftgradänderung ausgeschlossen */
}
DIV#faderPrint{
	clear:both;
	text-align:center;
	font-size:7pt; /* hier definiert, da von Schriftgradänderung ausgeschlossen */
}
BODY.singleRow DIV#fader{
	background:#F3F4F5 url("/media/images/faderSingleBg.png") top left no-repeat;
}
DIV#clear{
	clear:both;
}

/* INTRO */
DIV#intro{
	height:100%;
	width:100%;
	background:rgb(243,244,245) url("/media/images/introBg.png") top center repeat-y;
}
DIV#introHeader{
	height:203px;
	width:790px;
	margin:auto;
}
DIV#introHeader FORM{
	float:left;
	margin-top:169px;
	width:290px;
}
DIV#introHeader FORM INPUT.text{
	border:1px solid rgb(100,98,96);
	color:rgb(100,98,96);
	width:155px;
	padding:2px 5px;
	margin-right:5px;
}
IMG#introLogo{
	float:left;
}
DIV#introHeader UL#headerNavi{
	float:right;
	margin-top:134px;
	padding:0;
	padding-right:22px;
}
DIV#introHeader UL#headerNavi LI{
	text-align:right;
	margin:10px 0;
	padding-right:18px;
}
DIV#introHeader UL#headerNavi LI#news{
	background:url("/media/images/LIPointYellow.png") center right no-repeat;
}
DIV#introHeader UL#headerNavi LI#events{
	background:url("/media/images/LIPointGreen.png") center right no-repeat;
}
DIV#introMovieLine{
	height:189px;
	width:786px;
	overflow:hidden;
	margin:auto;
	padding:2px;
	border:1px solid rgb(56,172,54);
	background-color:rgb(255,255,255);
	white-space:nowrap;
	clear:both;
}
DIV#introMovieLine IMG{
	margin-right:3px;
}
DIV#introFooter{
	width:790px;
	margin:auto;
	height:33%;
}
DIV#introFooter UL#rootNavi{
	float:left;
	margin:14px 0 0 7px; 
	padding:0;
	padding-left:22px;
	width:320px;
}
DIV#introFooter UL#rootNavi LI{
	margin:10px 0;
}
DIV#introFooter UL#rootNavi LI#landratsamt{
	list-style-image:url("/media/images/LIPointYellow.png");
}
DIV#introFooter UL#rootNavi LI#themen{
	list-style-image:url("/media/images/LIPointGreen.png");
}
DIV#introFooter UL#rootNavi LI#zielgruppen{
	list-style-image:url("/media/images/LIPointGrey.png");
}
IMG#introCarta{
	float:left;
}