.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
	}

.fase4rdf {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {background-color: #f0f0f0;}


/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}




/* ===== ZAB DESIGN ==== Globale Formate ======== */
body	{
	margin: 0; padding: 0;
	background: #FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-align: center; color: #000;
	background: #D6D0C9;
} 

div, ul, li, p {margin: 0px; padding: 0px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;}

#content-box a:link		{color: #015DB3; text-decoration: underline; line-height: 145%;}
#content-box a:visited 	{color: #215E94; text-decoration: underline; line-height: 145%; }
#content-box a:active, a:hover, a:focus	{color: #000; background: #FFF; text-decoration: underline;}

/* DIVS */
#main-container	{
		width: 769px;
		margin: 15px auto 0 auto;
		background: url("../gfx/design/bg-content.gif") top right repeat-y #FEFFFA;
		font-size: 100%;
}
		
#main-container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#inner-container 	{ 
			width: 100%;
			text-align: left;
			background: url("../gfx/design/bg-head.jpg") no-repeat;
}
			

#header	{
	width: 100%; height: 118px;
	text-align: left; 
}
	

#header a, #header a:visited, #header a:hover, #header a:active, #header a:focus {display: block; position: relative; top: 30px; left: 10px; height: 80px; width: 250px; overflow: hidden; letter-spacing: 1000px; text-indent: -500em; text-decoration: none; border: none; background: none;}

/* Positionsanzeige */

#show-position	{	
		width: 769px; min-height: 2.1em;
		vertical-align: middle;
		font-size: 11px; line-height: 190%; color: #FFF;
		background: url("../gfx/design/bg-show-position.jpg") top left no-repeat;
		z-index: 10;
}

* html #show-position {height: 2.1em;}

#show-position a, #show-position a:visited {text-decoration: none; line-height: 150%; color: #FFF; text-decoration: underline;}
#show-position a:hover, #show-position a:active, #show-position a:focus {color: #005BB9;  text-decoration: none;  text-decoration: underline; background: none;}

#show-position p {margin: 0 0 0 10px; line-height: 130%; width: 480px; }

/* Inhaltsbereich */

#content-container {background: url("../gfx/design/bg-content-start.gif") top right no-repeat; height: 1%;}
#content-box  {width: 555px; margin: 18px 0 0 17px; padding-bottom: 20px; float: left;  font-size: 83%;} 

* html #content-box { position: relative; left:0; top: 0; display: inline; margin: 18px 0 0 20px;}

#inner-container:after, #content-container:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* ========= Navigations - Bereich ======== */

/* Navigation (global) */

#nav {
		width: 165px; padding-top: 13px;
		float: left; display: inline; 
		background: url("../gfx/design/bg-nav-start.gif") top left no-repeat; 
}

#nav ul {
	display: block; 
	border-left: 1px solid #FFF;
	font-size: 83%;
}

#nav ul li {
		padding: 1px 0 1px 0;
		list-style: none;
		white-space: nowrap;	
		background: url("../gfx/design/n-bg-li.gif") top left no-repeat;		
}

#nav a, #nav a:visited 	{
		display: block; width: 163px;
		padding: 1px 0 1px 0;
		color: #2C2D2C; font-weight: normal; text-indent: 9px; font-size: 100%; line-height: 173%;
		background: url("../gfx/design/n-inactive.gif") left center repeat-y;
		border-bottom: 1px solid #DEEDFC;
		text-decoration: none;
}

#nav a:hover, #nav a:active, #nav a:focus, #nav a:focus .sffocus {background: url("../gfx/design/n-active.gif") left center repeat-y; color: #000;}

/* Navigation (styling the level) */

a#level-0, a:visited#level-0 	{
			padding: 1px 0 1px 0;
			background: url("../gfx/design/n-active.gif") left center repeat-y;
			font-weight: bold; color: #000;
			border-bottom: none;
}
			
a:hover#level-0, a:active#level-0, a:focus#level-0, a:focus#level-0 .sffocus {background: url("../gfx/design/n-active.gif") left center repeat-y; font-weight: bold;}


/* Menü (LEVEL 1 [sub]) */

#nav ul ul {background: none; border: 0px;}

#nav ul ul li	{
		font-size: 100%; text-indent: 9px; white-space: nowrap;
		background: none;
		padding: 1px 0 1px 0;
		background: url("../gfx/design/n-sub-inactive.gif") left center repeat-y;
}
	
#nav ul ul li a, #nav ul ul li a:visited	{	
		color: #2C2D2C;
		background: url("../gfx/design/n-sub-inactive.gif") left center repeat-y;
		border-bottom: none; border-top: 1px solid #9FC9EE;
		text-indent: 9px; line-height: 163%;
}

#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li a:focus, #nav ul ul li a:focus .sffocus {color: #000; background: url("../gfx/design/n-sub-active.gif") left center repeat-y;}

#nav a#level-1, #nav a:visited#level-1 {
				background: url("../gfx/design/n-sub-active.gif") left center no-repeat; 
				color: #003465;
}
							
a:hover#level-1, a:active#level-1, a:focus#level-1, a:focus#level-1 .sffocus {background: url("../gfx/design/n-sub-active.gif") left center no-repeat; }

/* Hack IE (kein doppelter Abstand bei Listenpunkten durch Border */

/* Hack IE 5.0 Löst in diesem Fall das 2 Pixel-Abstand-Problem und mit float:none das Verrutschen der Menüpunkte */
html + body #nav a {width: auto; height: 1%;}  
html + body #nav a:visited {width: auto; height: 1%;}  
html + body #nav ul li {text-indent: 0px; display: inline;}
html + body #nav ul ul li {text-indent: 0px; display: inline;}

#nav-end {
	float: left; 
	height: 185px; width: 165px; 
	background: url("../gfx/design/bg-nav-end.gif") no-repeat; 
}

/* Footer mit 2 Hacks und einem Workaround */
/* Die Hintergrundpositionen entfernt einen 1 Pixel-Abstand des Footers (nach oben) beim IE */
#footer	{width: 100%; height: 71px; background: url("../gfx/design/bg-footer.gif") left top no-repeat #D6D0C9; color: #645D53; font-size: 85%; clear: both;
		display: inline; /* für IE 5.5 */
		voice-family: "\"}\"";
		display: block; /* für alle anderen Browser */
}
html + body #footer {display: inline;}  /* für IE 5 */

#footer a, #footer a:visited  {text-decoration: none; background: none; color: #B63633; }
#footer a:hover, #footer a:active,  #footer a:focus, #footer a:focus .sffocus {color: #000;}

#footer p a, #footer p a:visited  {text-decoration: none; background: none; color: #645D53; }
#footer p a:hover, #footer p a:active,  #footer p a:focus {color: #000;}

#bottom-nav {
	width: 587px; 
	display: block; float: right; clear: both; 
	font-size: 11px; 
	margin: 10px 0 18px -2px;
}

/* Navigation [bottom] */
#bottom-nav li {display: inline; float: left;}
#bottom-nav li a, #bottom-nav li a:visited {
				display: block; float: left; height: 1.2em; line-height: 1.2em;
				padding: 0 0 0 11px;
				margin: 0;
				color: #00519D;
				border: none; 
				font-size: 100%;
} 

html>body #bottom-nav li a, #bottom-nav li a:visited {padding-top: 1px;} 
		
#bottom-nav li  a:hover, #bottom-nav li  a:active,  #bottom-nav li  a:focus {font-size: 100%;}
		
#bottom-nav li#backlink {width: 300px; }
#bottom-nav li#printlink {width: 140px;}
#bottom-nav li#toplink {width: 130px;}
li#backlink a, li#backlink a:visited {background: url("../gfx/design/icon-back.gif") center left no-repeat;}
li#printlink a, li#printlink a:visited {background: url("../gfx/design/icon-print.gif") center left no-repeat;}
li#toplink a, li#toplink a:visited {background: url("../gfx/design/icon-top.gif") center right no-repeat; padding-left: 0px; padding-right: 10px;}

.imprint {display: none;}


/* ========= Content - Bereich ======== */

/* Der folgende Style wird nicht auf dem Schirm angezeigt, aber von Screenreadern vorgelesen) */
.hiddenbutreader {position: absolute; left: -999em; top: -999em;}



/* Tabellen */

td {vertical-align: top;}	
td.date {width: 7em; font-size: 70%; padding-top: 4px;}	
td a, td a:visited {line-height: 150%; padding: 0;}
td.sectiontableheader {padding-top: 7px;}
td.poll  {padding: 12px 0 15px 0;}
table.pollstableborder  {padding: 12px 23px 15px 20px; background: #E0EEFB; margin-bottom: 12px; border: 1px solid #FF8218;}
.pollstableborder td  {padding: 2px;}
.button {
	margin-top: 3px; 
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 100%;
	float: left;
	clear: both;
	padding: 3px; margin: 5px 0 0 0;
	text-align: center;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #FF8218;
	font-weight: bold;
}

input {
	padding: 2px; 
	background: #F2F8FE;
	border: 1px solid #FF8218;
}
textarea {
	padding: 2px; 
	background: #F2F8FE;
	border: 1px solid #FF8218;
}

form#loginformform {display: block; padding: 15px 20px 17px 25px; background: #9FC9EF; border: 1px solid white; margin: 0 0 0 -4px; width: 510px;}

		

/* Schriften */

h1 {
	width: 85%;
	font-weight: bold; color: #015DB3;
	margin: 0 11px 6px 0;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;  
	font-size: 1.3em;
	line-height: 1.3em;
}

h2 {
	width: 85%;
	color: #6E6E70;
	margin: 1px 11px 14px 0;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 1.0em;
	line-height: 1.2em;
}

h3 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 1.0em;
	line-height: 1.5em;
}


p {font-family:Verdana,  Tahoma, Arial, Helvetica, Sans-Serif; line-height: 145%; margin: 0.4em 0 0.8em 0; }
.see-strong {font-weight: normal;}
#footer p {display: block; position: relative; width: 100%; margin: 0; font-size: 80%; text-align: center; clear: both; line-height: 1em;}
abbr, acronym { cursor: help; border-bottom: 1px dotted #000;}
			
#content-box hr { color: #FFA860; width: 553px; background-color: #FFA860; border-top: 1px solid #C3C6CD; border-left: 1px solid #C3C6CD; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; margin: 15px 0 15px 0; display: block; line-height: 1px; font-size: 1px;}

.ul-image 	{ 	
		line-height: 190%; 
		list-style-image: url("../gfx/design/ul-img.gif");
		margin: 12px 5px 23px 28px; padding: 2px 0 2px 11px; 
		}

.ul-arrow	{ 	
	line-height: 190%; 
	list-style-image: url("../gfx/design/ul-img-arrow-01.gif");
	margin: 12px 5px 26px 18px; padding: 2px 0 2px 20px; 
	}

.ul-arrow li {margin-bottom: 1em; background-image: none;}
.ul-image li {margin-bottom: 0.6em; background-image: none;}


#content-box ul {margin: 10px 0 15px 30px;}
#content-box ul li {
			background: none;
			list-style-type: circle; 
			line-height: 160%; 
			margin: 0; 
			padding: 2px 0 2px 2px; 
			}
			
		
ol {line-height: 165%; margin: 20px 0 23px 15px;}
ol li {margin-bottom: 1em; background-image: none;}


/* HTML TAGS for ACCESSIBILITY */

dfn {display: none; }

abbr, acronym, .theabbr { cursor: help; border-bottom: 1px dotted #000;}
			
/* Bilder */

#content img	{font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; border: 0px; float: right; margin: 5px 5px 10px 5px; border: 1px solid #7B6F6F;}
.deco-right {float: right; margin: 15px 5px 10px 5px; border: 1px solid #7B6F6F;}
.deco-left {float: left; margin: 15px 10px 12px 0; border: 1px solid #7B6F6F;}

/* Newsbereich */

#newsbox {margin: 12px 0 0 0;}
#newsbox span {line-height: 200%;}
#newsbox h2 {
	margin: -10px 11px -10px 0;
}

#newsbox input	{
			color: #000;
			border: 1px solid #B83733;
			background: url("../gfx/design/button-form.gif") left center repeat-x #FFF;
			cursor: pointer;
			}
			
/* Searchform */

#searchform {height: 16px; line-height: 16px; margin: -90px 17px 0 0; padding: 0; float: right; vertical-align: middle; }
#searchform .inputbox {width: 100px; margin: 0; padding-left: 2px; float: left; height: 16px; background: url("../gfx/design/bg-search.png"); border: 1px solid #3D7BB4; color: #3D7BB4; font-size: 12px;}
#searchform .submitter {margin: 0 0 0 4px; padding: 0; height: 16px; width: 16px; line-height: 16px; vertical-align: middle; background: url("../gfx/design/icon-search.gif") no-repeat; border: none;}

html>body #searchform .inputbox {height: 12px;} /* fix for height */
* html #searchform {display: inline; } /* fix for doublemargin bug */
* html #searchform .submitter {margin: 0 0 1px 2px;}

/* Loginform */

#loginform {margin: 5px 0 0 6px; padding: 0; font-size: 83%;}
#loginformform {margin: 0; padding: 0; }
#loginformform .inputfield {margin: 2px 0 3px 0; width: 125px; padding: 0; height: 16px; line-height: 16px; background-color: #E9EEF3; border: 1px solid #3D7BB4; color: #3D7BB4; font-size: 12px; padding: 0 2px 0 2px;}
#loginformform .inputbox  {margin: 3px 0 2px 0; float: left;}
#loginformform .submitter {margin: 8px 0 2px 0; float: left; padding: 1px 0 2px 0; height: 17px; line-height: 18px; width: 90px; font-weight: normal; background-color: #CCE4F9; border: 1px solid #3D7BB4;  color: #000; font-size: 12px;}
#loginform span {display: block; clear: both;}
#loginform p {margin: 3px 0 0 0;}

#nav #loginform a:link		{display: inline; border: none; background: none; color: #015DB3; text-decoration: underline; font-size: 10px; padding: 0;}
#nav #loginform a:visited 	{display: inline; border: none; background: none; color: #215E94; text-decoration: underline; font-size: 10px; padding: 0;}
#nav #loginform a:hover, #nav #loginform a:active, #nav #loginform a:focus	{display: inline; color: #000; background: #FFF; text-decoration: underline; font-size: 10px;}

