@charset "iso-8859-1";

/* div {border: solid 1px #f00;} */

/***********************************/
/**** Colors

hoover und active Hintergrundfarbe			#FF9900
a Rahmenfarbe										#FDFDFD
box border											#EEEEEE
box background										#FDFDFD

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


body {
	min-height: 100%;
	padding: 3em 5em 1em 5em;
	font-size: 76%; /*100.1%*/
	background-color: #dddddd;
	background-image: url(../images/body_verlauf_grey.jpg);
	background-repeat: repeat-x;
	text-align:center;
/*	background: url(../images/background.jpg) repeat-x;*/
	}
	
body #pagewrapper {
    text-align:left;
}

* { margin:0; padding:0; }

html {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
/* \*/  html { height:100%; }
/*	background-color: #DDD;*/
	}

							/* Struktur - Elemente */

h1, h2, h3, h4{
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}

h1 {font-size: 130%;}
h2 {font-size: 115%;}
h3 {font-size: 100%;}
h4 {font-size: 90%;}
h5 {font-size: 85%; text-transform: none;}
h6 {font-size: 80%; text-transform: none;}


/* Standard - Elemente */

code {
	font-family: "Courier New", Courier, monospace;
	}

table {
	font-size: 100%;}

/* ### 11.01.2007 geändert ###

td, th {
	vertical-align: top;}
*/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}

/*
ol {
	list-style: decimal;
	list-style-type: decimal;
	list-style-position: inside;
	}*/

	
br {
	/*clear: both;*/
	height: 0;
	line-height: 0.0;
	font-size: 1px;
}

/* NEU2011*/
#hnav1 p  a,
#hnav2 p  a {
     color:#777777;
	 /*text-decoration:none;*/
}

div.standards a,
div#hnavr a,
div#right a,
div#left div.box a,
div#center a,
#hnav1 p span.extra,
#hnav2 p span.extra {
     color: #FF9900;
}

/* NEU2011 ENDE */	
	
	
a, a:link, a:visited, a:active {
	text-decoration: underline;}

a:hover {
	text-decoration: none;}

					/* Helpers */
	
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.hide {
	display: none !important;
}

.inside {
	padding: 0 1em;
	}

	
/* Layout */	

#hnav1,
#hnav2 {
	width: 100%;
/*	border: 1px solid #f00; */
	margin: .5em 0 .2em 0;
/* geändert 11.01.2007 */
/*	padding: .3em 0 ; */
}

#hnav1 p,
#hnav2 p{
	padding: 0;
	margin: 0;
	font-size: 90%;
}

.hnav {
	text-align: left;
	margin: 0;
/* geändert 11.01.2007 */
	vertical-align: middle; 
}

.standards {
/*	display: inline;*/
	float: right;
}

.hide {
	display: none !important;
}

.login {
	background: transparent;
	/* NEU2011*/
	/*width: 199px; /*14em;*/
	width:199px;
	/* padding: .1em; */
	padding: .1em  0px .1em 0px;
	/* NEU2011 ENDE */	
	float: left;
	text-align: center;
	
	/* neu 10.01.2007 */
	vertical-align: middle; 
/*	margin: .2em;	*/ /* geändert 11.01.2007 */
	
}

.login a{
	border: 1px solid #DDD;
	text-decoration: none;
	color: #FF9900;
	background-color: #FDFDFD;
	font-weight: bolder;
	font-size: 90%;
}

							/*** Layout in Spalten ***/

#pagewrapper {
    /* NEU2011*/
	/*padding-bottom: -1px;*/
	/* NEU2011 ENDE */
	margin-right: -3px;
	 /* NEU2011*/
	width:1000px;
	margin:0px auto !important;
	 /* NEU2011 ENDE */
	
}

#header {
	background: url(../images/mast_back_100px.jpg) top left;
	/* NEU2011*/
	background-position:0px 0px ;
	/* NEU2011 ENDE */
	border: 1px solid black;
	height: 150px;
	}

#content {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	border: 1px solid #DDD; /*#DDD*/
}	

#left {
	float: left;
	/* NEU2011*/
	/*width: 185px;*/
	width:190px;
	/*padding: 0 .5em;*/
	padding: 0 5px;
	/* NEU2011 ENDE */
	
/*	height: 100%;*/
	}

#right {
	float: right;
	/* NEU2011*/
	/*width: 13em;*/
	width:190px;
	/*padding: 0 .5em;*/
	padding: 0 5px;
	/* NEU2011 ENDE */	
	
/*	height: 100%;
	clear: both;*/
}

#right table td { 
  font-size:10px;
  vertical-align:top;
}

#right table td p {margin-top:0px;}

#center {
    /* NEU2011*/
	/*margin-right: 14em;	
	margin-left: 200px;*/
	float:left;
	width:575px;	
	/*padding: 0 1em 1em 1em;*/
	padding: 0 10px 1em 10px;	
	/* NEU2011 ENDE */	
	background-color: #fff; 
	min-height: 50em;

/*	height: 50em;*/

}
/* mindesthöhe im IE 5-6 */
* html #center { height:50em; } /* nur für IE 5.5 - 6.x */
html + body #center { height:50em; } /* nur vom IE 5.0 */

.box {
/*
	border: 1px solid #EEEEEE;
	background-color: #FDFDFD;
*/
	padding: 0 0.5em;
	margin: 0.5em 0em 1em 0em;
}

.box p {
	line-height: 1.3em;
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}

/* edit 19.01.2007
   Anpassung der Überschriften an Content mit Bild
	damit gleiche Höhe erreicht wird */

.box td h1 {
	margin-top: 0px;	
}


/*### edit 10.01.2007
### .box ul, li {*/

.box ul li {
	list-style-position: inside;
	list-style-type: disc;
}

.box ol li {
	list-style-position: outside;
	list-style-type: decimal;
	padding: .5em;
	margin-left: 2em;
/*	text-indent: -1.2em;*/
	}
	
	
	
body #footer {
	font-size: 80%;
	text-align: right !important;
	/* NEU2011       */
	width:1000px;
	margin:0px auto;
	 /* NEU2011 ENDE */
	
	}
	
#footer p{
	vertical-align: middle;
	margin: 5px 5px;
	color: #FF9900;
	font-weight: bold;
}

#footer a{
	color: #FF9900;
	margin-top: 5px;
}

					/* Textformatierungen in den Elementen */
					/* horizontal navigation elements */
	
.hnav ul li a {
	font-weight: bold;
	font-size: 90%;
	color: Black;
/*	vertical-align: -5px;*/
	background-color: #FDFDFD;
	}

.hnav ul, .hnav ul li {
/*	margin: 3px;*/
	display: inline;
	list-style-type: none;
/*	background-color: transparent;*/
}

.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover {
	text-decoration: none;
	border: 1px solid #DDD;
	padding: 1px 3px;
	margin: 3px;
}

.hnav ul li a:hover,
.hnav ul li a.aktiv {
	color: #FFF;
	background-color: #FF9900;
}

.hnav ul li a:active {
	color: #FFF;
	background-color: #FF9900;
}

.hnav ul li span.divider {
	display: none;
}

* html .hnav ul li, * html .hnav ul li a {
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
		position: relative;
	/* reset above hack */
}

* html .hnav, * html .hnav ul a {
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}

* html .HNAV {
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

						/* vertical navigation  */

/* geändert 13.02.2007 */						
.section {

	font-weight: bolder;
	font-size: 80%;
	color: grey;
/*	border-bottom: 1px solid grey;*/
/*	background-color: #DDD;*/
/*
	font: xx-small red; 
	border-bottom: 2px grey;
	margin: 3px;
	*/

}						
						
.vnav {
	margin: .5em 0 .5em 0;
/*	border: 1px dotted #DDD;*/
/*	height: 100%;*/
/*	background-color: #FEFEFE;*/
}

/**** VNAV LEVEL 1 ****/

ul .vnavlevel1 {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
.vnavlevel1 li {
		list-style: none;
/*		border-bottom: 1px solid #FF9900;*/
		margin: 3px;
		padding: 0;
		font-weight: bolder;
		}

.vnavlevel1 li a {
		display: block;
		padding: 2px;
/*		border-right: 1px solid #FF9900;*/
		background-color: #FFF;
		color: #000;
		text-decoration: none;
		width: 100%;
		}

html>body .vnavlevel1 li a {
		width: auto;
		}

.vnavlevel1 li a:hover,
.vnavlevel1 li a.aktiv {
/*		border-right: 1px solid #FF9900;*/
		background-color: #FFF;
		color: #FF9900;
		}

/**** VNAV LEVEL 2 ****/

ul .vnavlevel2 {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
.vnavlevel2 li {
		list-style: none;
		border-bottom: none;
		margin: 2px;
		margin-left: 15px;
		padding: 0;
		font-weight: normal;
		}

.vnavlevel2 li a {
		display: block;
		padding: 3px;
		border-right: none;
		background-color: #FFF;
		color: #000;
		text-decoration: none;
		width: 100%;
		}

html>body .vnavlevel2 li a {
		width: auto;
		}

.vnavlevel2 li a:hover {
		border-right: none;
		background-color: #FFF;
		color: #FF9900;
		}

/**** VNAV LEVEL 3 ****/

ul .vnavlevel3 {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
.vnavlevel3 li {
		list-style: none;
		border-bottom: none;
		margin: 2px;
		margin-left: 30px;
		padding: 0;
		font-weight: normal;
		}

.vnavlevel3 li a {
		display: block;
		padding: 3px;
		border-right: none;
		background-color: #FFF;
		color: #000;
		text-decoration: none;
		width: 100%;
		}

html>body .vnavlevel3 li a {
		width: auto;
		}

.vnavlevel3 li a:hover {
		border-right: none;
		background-color: #FFF;
		color: #FF9900;
		}
	
		
.vnav h3 {
	margin: .5em .5em 0 .5em;
	padding-left: 2px;
	color: #ff8001;
	font-weight: bold;
/*	border: 1px solid #DDD;*/
}

* html .vnav ul li a			/* Wichtig! Versteckt vor IE5.0/Win & IE5/Mac*/
{height: 0.01%;}

* html .vnav ul				/* IE braucht das gür ein rendering problem */
{position: relative;}


							/**** Fieldset - Login, Suche etc. ****/

fieldset
	{
	padding:	5px;
	border:	1px solid black;
	width: 20em 
	}

fieldset legend {

}	
	
fieldset input
	{
	margin: 2px;
	padding:	2px;
/*	display: block;*/
	float: left;
	}
	
input,textarea, select {
/*	text-indent : 5px; */
	color : Black;
	border: 1px solid #000;
	margin: .5em;
	0display: block;
}

/* NEU 2011-08-28 */



.csc-textpic-intext-left-nowrap .csc-textpic-single-image {
  width:auto;
  float:left;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
  width:auto;
  float:left;
}

dd.csc-textpic-caption {font-size:9px;text-align:center;}
/*
.csc-textpic-intext-right-nowrap .csc-textpic-single-image,
.csc-textpic-intext-right-nowrap .csc-textpic-single-image img,
.csc-textpic-intext-right .csc-textpic-single-image,
.csc-textpic-intext-right .csc-textpic-image,
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
  width:auto;
  float:right;
}
*/
.csc-textpic-intext-right .csc-textpic-imagewrap dl {margin-left:10px;}
.csc-textpic-intext-left img {margin-right:10px;}

.csc-textpic-left .csc-textpic-imagewrap div.csc-textpic-firstcol,
.csc-textpic-left .csc-textpic-imagewrap div.csc-textpic-lastcol {float:left;margin-right:5px;}

#center .box p {
  line-height:20px;
}

.csc-textpic-clear  {clear:both;}

#center .box ul li {line-height:20px;}
#center .box ul li {list-style-position:outside !important;}
#center .box ul {margin-left:20px;}

#right h1,
#left h1 {font-size:12px;}
#center h1 {font-size:15px;}

fieldset.csc-mailform {width:430px;}

#right .box {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #dddddd; 
}

#center {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #dddddd; 
margin-top:0.5em;
margin-bottom:0.5em;
}

/*

fieldset form
	{
	margin-top:	1%;
	padding:	0px 3px 0px 0px;
	}

input.button {
	background-color : #FFFFFF;
	color : Black;
	font-size: 0.8em;
}

input.mainoption {
	background-color : #FFFFFF;
	font-size: 0.8em;
}

input.liteoption {
	background-color : #FFFFFF; 
	font-size: 0.8em;
}

.mailform {
	font-size: 0.7em;
	border-bottom: 1px solid Black;
}  

.Checkbox {
	font-size: 0.8em;
	border: 1px solid Black; 	
}

.mailformrequired {
	font-size: 0.7em;
	border-bottom: 1px solid Black; 
}

.option {
	font-size: 0.8em;
	border: 1px solid Black; 		
}

*/


/***** SITEMAP *****/
/* Menu / Sitemap, "Sitemap" */

DIV.csc-menu-2 {bold #DDD; text-decoration: none; border: 1px solid gray}
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; }