/* CSS Document */

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	html { height: 100% } 
	body {
		color: #333333;
		background: #fff;
		height:100%;
		margin:0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		min-height:100%;
		min-height: 100%;
		width:100%;
	} 
	div {
		margin:0em;
		padding:0em;
	}

/* ######################################################################################################
** ### Standardlayout ###################################################################
** ######################################################################################################
*/
	
#page {
	text-align:left;
	clear:both;
	text-align:left;
	height:inherit;
	min-height:100%;
	width:100%;
}
	#header { 
		height:8em;
		width:inherit;
		padding:0em 0.3em 0em 0em;
	}
	#logo {
		margin:0em;
		padding:2.1em 0em 0em 0em;
		float:left;
		clear:right;
	}
	#main {	
		margin:0em 0em 0em 0em;
		padding:0em 0em 0em 0em;
		height:inherit;
	 }
	#col1 {
		display: none; visibility:hidden;
	}
	#col2 {
		clear:both;
		width:55em;
	}

	#col3
	{	
		display: none; visibility:hidden;
	}	

/* ######################################################################################################
** ### Topnav ######################################################
** ######################################################################################################
*/	
	#topnav {display: none; visibility:hidden;}
	
/* ######################################################################################################
** ### Funktionsleiste ######################################################
** ######################################################################################################
*/
	#funktionsleiste {display: none; visibility:hidden;}
/* ######################################################################################################
** ### Subnav ######################################################
** ######################################################################################################
*/
	#subNav{display: none; visibility:hidden;}
/* ### Sondernav ############################################################################ */
	#sonderNav {display: none; visibility:hidden;}
/* ######################################################################################################
** ### Pfad  ######################################################
** ######################################################################################################
*/
	dl#path {	display: none; visibility:hidden;}
/* ######################################################################################################
** ### Inhaltselemente ######################################################
** ######################################################################################################
*/
	 #contentCol2 {
		clear:both;
		height:100%;
		width:100%;
		border:none;
	}
	.contentElem {
		clear:both;
		width:inherit;
		margin:0em 0em 2em 0em;
		padding:0.5em 0.5em 0em 0.5em;
	}
	.contentCol2-col-start-first  {
		float:left;
		clear:right;
		margin:0em 1em 0em 0em;
		padding:0.3em;
		width:35em;
		line-height:1.4em;
	}
	.contentCol2-col-start-last {
		float:left;
		clear:right;
		font-size:95%;
		padding-top:.3em;
		width:15em;
	}
	.contentCol2-col-first {
		float:left;
		clear:right;
		font-size:95%;
		padding:0em;
		width:15em;
	}
	.contentCol2-col-last   {
		float:left;
		clear:right;
		margin:0em 0em 0em 1em;
		padding:0em;
		width:35em;
		line-height:1.4em;
	}
	 #footer { 
	 	border-top: 1px solid #CCCCCC;
		clear:both; 
		margin:2em 0em 0em 0em;
		height:1.8em;
		padding:0.2em 0.3em 0.2em 0em;
	}	
	 #footer dl{display: none; visibility:hidden;
	}
	 #footer dd{display: none; visibility:hidden;}
	.copy {
		text-align:right;
		font-size:90%;
		color:#666666;
		float:right;
		width:30%;
		padding-top:.2em;
		vertical-align:middle;
	}
/* ######################################################################################################
** ### innerBoxen ######################################################
** ######################################################################################################
*/
	#innerBoxen-intern, #innerBoxen-extern {
		clear:both;
		width:inherit;
		margin:0em;
		padding:0em;
	}
	#innerBoxen-extern {
		margin-bottom:1em;
	}
	.innerBox {
		border-bottom:1px solid #ececec;
		margin:0em 0em 0em 0em;
		display:table;
		padding:0.5em 0em 0em 0em;
		width:inherit;
		clear:both;
		height:100%;
	}
	.innerBox-img {
		float:left;
		clear:right;
		width:8.4em;
		margin:0em 0.5em 0em 0em;
	}
	.innerBox-content {
		float:left;
		clear:right;
		width:22.5em;
	}
/* ######################################################################################################
** ### Containern ######################################################
** ######################################################################################################
*/
	.container{
		background-color:#ffffff;
		margin-bottom:1.27em;
	}
	.containerCon {
		padding:0.5em 0em 0.5em 0.4em;
	}
	#col1 .containerCon, #col2 .containerCon, #col3 .containerCon {
		padding:0.2em 0em 0.2em 0em;
	}
	#col2 .containerCon, #col3 .containerCon {
		padding:0.2em 0em 0.2em 0.2em;
	}
	#col2 .container {
		background:#FFFFFF;
		border:1px solid #ececec;
	}


/* ######################################################################################################
** ### Standard-Formatierungen für Überschriften ######################################################
** ######################################################################################################
*/
h1 {font-size: 150%;  margin:0; padding: 0.5em 0em .5em 0em; line-height:130%; color:#333333;}
h2 {font-size: 130%;  margin:0; padding: 0.5em 0em .5em 0em; line-height:130%; color:#333333;}
h3 {font-size: 100%;  margin:0; padding: 0.5em 0em .3em 0em; line-height:130%; color:#000000;}
h4 {font-size: 100%;  margin:0; padding: 0em 0em 0em 0em; line-height:100%; color:#000000; font-style:normal;}
h5 {font-size: 100%;  margin:0; padding: 0em 0em 0em 0em; line-height:130%; color:#000000; font-style:italic;}
h6 {font-size: 90%;  margin:0; padding: 0em 0em 0em 0em; line-height:130%; color:#000000; font-style:normal;}
h1.first, h2.first, h3.first { padding-top:0em; margin-top:0em;}
/* Überschriften in Containern */
#innerBoxen-intern h1,  #innerBoxen-extern h1 {
	margin:0em 0em;
	padding:.1em 0em 0.2em 0.4em;
	background-color:#ececec;
	border-left:2px solid #336699;
	font-size:100%;
	color:#333333;
}
.innerBox h2,  .innerBox h2 {
	font-size:100%;
	color:#333333;
	margin:0em;
	padding:0em;
}
.container h3{ 
	margin:0em 0em 0.3em 0em;
	padding:.2em 0em 0.4em 0.4em;
}
#col1 .container h3{
	background-color:#FFFFFF;
	border-left:2px solid #336699;
	
}
#contentCol2 .container h3{
	background-color:#ececec;
	border-left:2px solid #336699;
}

#col3 .container h3 {
	margin:0em;
	background-color:#ececec;
}

/* ######################################################################################################
** ### Links ######################################################
** ######################################################################################################
*/
a{ color: #ff0000; text-decoration:none;}
a:visited { text-decoration:none;}
a:hover, a:focus  {text-decoration:underline; color: #ff0000;}

/* ### Besondere Linkklassen ############################################################################ */
a.internal{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em 1em;
	margin:0em;
	background: url(../images/links/internLink.gif) no-repeat left .4em;
}
a.external{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em .8em;
	margin:0em;
	background: url(../images/links/extern.gif) no-repeat left .4em;
}
a.email{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em 1.4em;
	margin:0em;
	background: url(../images/links/email.gif) no-repeat left .3em;
}
a.download{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em 1.2em;
	margin:0em;
	background: url(../images/links/download.gif) no-repeat left .2em;
}
a.backLink{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em .8em;
	margin:0em 1em 0em 0em;
	background: url(../images/links/back.gif) no-repeat left .4em;
}
a.nextLink{
	color: #333333;
	text-decoration:none;
	padding:0em 0.8em 0em 0em;
	margin:0em 0em 0em 1em;
	background: url(../images/links/next.gif) no-repeat right .5em;
}
a.topLink {
	color: #333333;
	text-decoration:none;
	padding:0.2em 0.8em 0.2em 0.4em;
	margin:0em 0em 0em 1em;
	background: url(../images/links/top.gif) no-repeat right .5em;
	background-color:#ececec;
}
p.lupe a{
	text-decoration:none;
	background:transparent url(../images/links/lupe.gif) no-repeat scroll right 0.2em;
	margin:0em;
	padding:0em 1.5em 0em 0em;
	color: #000000;
}
a:hover, a:focus  {text-decoration:underline; color: #ff0000;}

/* ### Linkklassen innerBoxen############################################################################ */
.innerBox-content a, .innerBox-content a:visited{
	text-decoration:none;
	padding:0em 1.2em 0em 0em;
	margin:0em;
	background: url(../images/links/newsLink.gif) no-repeat right .3em;
	color: #333333;
}
.innerBox-content a:hover, .innerBox-content a:focus{
	text-decoration:underline; color: #ff0000;
}


/* ### Links Footer ############################################################################ */
#footer a { color: #666666; }
#footer a:hover {color: #ff0000; text-decoration:underline;}
#footer a:focus {color: #ff0000; text-decoration:underline;}

/* ### Links container ############################################################################ */
.container a { color: #000000; }
.container a:visited {color: #000000;}
.container a:hover, .container a:focus {color: #ff0000; text-decoration:underline;}

/* ### Links innerBoxen ############################################################################ */

/* ### Links Sondernav Links ############################################################################ */
ul.linkliste a, ul.linkliste  a:visited{
	color:#333333;
}

ul.linkliste a:hover, ul.linkliste  a:focus {
	color:#ff0000;
	text-decoration:underline;
}
ul.download a, ul.download  a:visited{
	color:#333333;
}
ul.download a:hover, ul.download  a:focus {
	color:#ff0000;
	text-decoration:underline;
}
/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/
	p {margin:0em 0em 1em 0em;} 
	p.caption {font-size:90%; margin:.4em 0em 1em 0em;}
	p.date {font-size:90%; margin:1em 0em 1em 0em;}
	p.lupe {text-align:right; margin:0em 0em 0em; padding:.4em; background-color:#f1f1f2;}
	p.browseIndex {
		margin:.5em 0em 1em 0em;
		text-align:right;
		}
	p.back {
		border-top: 1px solid #ececec;
		padding:.4em 0em 0em 0em;
		}
	p.top {
		float:right;
		margin:0em 0em 0.08em 0em;
		padding:0em;
	}
	p.clear {
		clear:both;
		margin:0em;
		padding:0em;
	}
 	ol{ 
		margin: 0 0 1em 0em;
		padding:0em 0em 0em 2.5em;

		}
	dl { 
		margin: 0 0 1em 0em;
		padding:0em 0em 0em 0em;
		}
	UL{
		margin:0em 0em 0em 1.10em;
		padding: 0em 0em 1em 0em;
		list-style-image:  url("../files/icons/bullet.gif");
	}
	li{
		margin:0em 0em 0.2em 0em;
		padding:0em;
	}
	ul.linkliste {
		margin:0em 0em 1em 1.5em;
		padding: 0em 0em 0em 0em;
		list-style-type: none;
		list-style-image:url(../images/links/bulletInternLink.gif);
	}
	ul.download  {
		margin:0em 0em 1em 1.7em;
		padding: 0em 0em 0em 0em;
		list-style-type: none;
		list-style-image:url(../images/links/bulletDownloadLink.gif);
	}
	.contentCol2-col-first ul.linkliste li, .contentCol2-col-first ul.download li {
		padding:.2em 0em .2em 0em;
		border-bottom:1px solid #ececec;
		
	}
	.container ul.linkliste, .container ul.download {
		margin-bottom:.3em;
	}
	
	dt { font-weight: bold; }
	dd { margin: 0em 0em 0em 0em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; }
	small {font-size:85%; color:#999999;}
/* ######################################################################################################
** ###  Tabellen #############################################################################
** ######################################################################################################
*/

table{
	margin:0em 0em .5em 0em;
	font-size:100%;
	}
table p{
	margin-top:0px;
	margin-bottom:.6em;
}
th { 
	text-align:left;
}
td	{
	padding:.2em 0em .2em 0em;
	margin:0em;
}
/* 		Tabelle mit weissem Kopf und weissen Rand */
table.grauerKopf{
	margin:0em 0em 1.5em 0em;
	padding:0em;
	border-right:1px solid #ececec;
	border-left:1px solid #ececec;
	border-top:1px solid #ececec;
}
table.grauerKopf td, table.grauerKopf th {
	margin:0em 0em 0em 0em;
	padding:.3em;
	text-align: left;
	vertical-align: text-top;
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;
}
table.grauerKopf th {
	color:#333333;
	background-color:#ececec;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
}


/* Ende Tabellenklassen */
/* ######################################################################################################
** ### Formulare #############################################################################
** ######################################################################################################
*/
form {
	margin:0em;
	padding:0em;
	}
form p {
	margin-bottom:.5em;
	padding:0em;
	clear:both;
}
form.google, form.webcode {
	margin:0.5em 0em 0.5em 0.4em;
	}
input {
	border: 1px #999999 solid;
    background: #ffffff;
	font-size:95%;
	font-family:Arial, Helvetica, sans-serif;
}
legend {
	color:#333333;
	padding:.5em 0em .5em 0em;
	font-weight:bold;
}
input:focus, textarea:focus {
	background: #ececec;
	border-color: #999999;
}
form.google .inputWidth {
	width:11em;
}
form .checkbox, .radio {
	border:none;
}
fieldset {
	border:1px solid #cccccc;
	margin-bottom:.5em;
}
fieldset.senden{
	margin-top:1.7em;
	padding:1em 0em 0em 7em;
}
form.email, form.feedback, form.haushalt{
	margin:0em;
	padding:0em;
}
form.webcode label {
 	font-weight:bold;
 }
label.email, label.feedback{
	width:6em;
	display: block;
  	float: left;
	padding:0em 0em 0em .4em;
	text-align:left;
}
label.haushalt{
	width:11em;
	display: block;
  	float: left;
	padding:0em 0em 0.5em .4em;
	text-align:left;
}
* html label.email, * html label.feedback {
	padding:0em 0em 0em .7em;
}
form.email input, form.email textarea, form.feedback input, form.feedback textarea{
	margin:0em 0em 0em 0.4em;
	padding:0.2em 0.2em 0.2em 0.2em;
}
.inputWidth {
	width:28em;	
}
form.haushalt .inputWidth {
	width:18em;	
}
form.email textarea, form.feedback textarea {
	width:24.5em;	
}
* html form.email textarea, * html form.feedback textarea {
	width:24em;	
}
.rot {
	color:#ff0000;
}
.tab {
	margin-left:8em;
}
form.haushalt .tab {
	margin-left: 11.5em;
}
/* ######################################################################################################
** ### Bilder ######################################################
** ######################################################################################################
*/

img{
	border:0;
}
img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
#col1 img.containerIMG {
	width:100%;
	margin:0em 0em 0em 0em;
}
#col3 img.containerIMG, #col2 img.containerIMG  {
	width:100%;
	margin:0em 0em 0em 0em;
	padding:0em;
}
.innerBox-img img {
	width:inherit;
}
img.xmlIcon {
	padding:0.2em 0.3em 0em 0em;
}
img.logo{
	width:30.8em;
}
#col2 img.containerIMG {
	width:100%;
	margin:0em 0em 0em 0em;
}
.contentCol2-col-first img {
	width:100%;
}
#footer img {
	padding:0em 0.4em 0em 0em;
	vertical-align:baseline;
	float:left;
}
/* ######################################################################################################
** ### Besondere HTML-Elemente######################################################
** ######################################################################################################
*/
hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #ececec solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ######################################################################################################
** ### TOC Listen######################################################
** ######################################################################################################
*/
dl.toc-simple {
	margin:0em 0em 1em 0em;
	padding:0em;
}
dl.toc-simple dd{
	margin: 0em;
	padding:0em;
}
dl.toc-simple dt{
	margin:0em 0em 1em 0em;
	padding:0em;
	font-weight:normal;
}
dl.toc {
	margin:0em 0em 0em 0em;
	padding:0em;
}
dl.toc dd, dl.tocIMG dd{
	margin:0em;
	padding:0em;
}
dl.toc dt, dl.tocIMG dt{
	margin:0em 0em 0em 0em;
	padding:0em;
	font-weight:normal;
}
dl.toc dd.date, dl.tocIMG dd.date{
	margin:0em;
	padding:0em;
}
dl.toc dd.des, dl.tocIMG dd.des{
	margin:0em;
	padding:0em 0em 1.5em 0em;
}
dl.tocIMG {
	margin:0em 0em 0em 0em;
	padding:0em;
	float:left;
	display:table;
	width:20em;
}
img.toc{
	float:left;
	margin:0em 1em 0em 0em;
}
/* Ende TOC*/