@charset "UTF-8";
/* Main Stylesheet NVS Darmstadt
* vanhaven 2009
* #E3011A rot ist ohne ausreichnden Farbkontrast für AAA, besser C2021F
*/

/* body, page, raender */
*{margin:0;padding:0} 

/*html{height:100%; margin-bottom:1px}
body, html { height: 100% !important; padding: 0;} */
* html body *{overflow:visible} 
option { padding-left: 0.4em; } 
select { padding: 1px; }
img { border: none;}

body { 
  background: #FFF;
  color: #333;
  padding: 0;
  margin: 0;  
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 101%; /* war 100.01 - damit ist .75em = 12px*/
  text-align:center;
}

#page_container { 
  	position:relative !important;
	border: 0 none; 
  	margin: 0 auto;
	padding-bottom: 30px;
	width: 990px;  
	
}

#logo {
	position: absolute;
	z-index: 4;
	top: 70px;
	left: 717px;
	height: 101px;
	width: 272px;
	font-size: 0pt;
}

#page { 
	border: 0 none; 
	margin: 0; 
	padding: 0;
	background: #e9e5dd url("../bilder/bg-page.jpg") repeat-y top;
	text-align:left;
}
#header { 
	margin: 0;
	padding: 0;
	height: 300px;
	width: 990px;
	color: #333; 
	background: #e9e5dd url("../bilder/header.jpg") no-repeat top left;
	
	}

#servicenavi { 
	color: #FFF; 
	padding: 0;
	background: transparent; 
	width: 912px;
}
/* absolute position fuer IE */ 
#breadcrump { 
	position: absolute;
	color: #333; 
	margin: 0 0 0 462px;
	top: 280px;
	font-size: .75em;
	}

#main { 
	padding: 0;
	margin: 0; 
	background: transparent;
	text-align:left;
	clear:both;
}

/* Spalten-Container */
#col1 { float: left; width: 332px;  margin:0 }
#col2 { float: left; width: 528px;  margin:0 }
#col2a { float: left; width: 658px;  margin:0 }
#col1_content,#col2_content, #col2a_content {position:relative}

#col1_content {
	padding: 43px 0 20px 46px;
}
#col2_content { padding: 0 78px 20px 0 }
#col2a_content { padding: 0 78px 20px 130px }


/**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c130px {float: left; }
  .c450px {float: right; margin-left: -5px; }

  .c130px { width: 130px;}
  .c450px { width: 450px;}

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 0; }
  .subcr { padding: 0 0; }
  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c130px,.equalize .c450px {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

#footer {
	padding: 0;
	margin: 0 auto;
	background: url("../bilder/bg-footer.jpg") no-repeat bottom; 
	border: none;
	width: 990px;
	height: 53px;
	clear: both;
	}

#footer p {
	margin: 0 0 0 462px;
	padding: 10px 0;
	font-size: .75em;
	line-height: 1em;
	}

/* Listen */
#col2_content ul, #col2a_content ul {
	margin: 1.0em 0 1em 1.2em;
	list-style-type: disc;
	padding: 0;
}
#col2_content li, #col2a_content li {
	color: #333;
	margin-left: 1.0em;
	margin-bottom: .7em;
	font-size: .8em;
	line-height: 1.3em
}

#servicenavi ul {
	float: right;
}
#servicenavi ul li {
	float: left;
	display: block;
	margin: 0;
	color: #FFF;
	font-size: .8em;
	font-weight: normal;
	line-height: 2.0em;	
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background: transparent url("../bilder/bg-servicenavi.gif") no-repeat top right ;
	padding: 0 10px;
	}
#servicenavi .anfang {
	/*background-image:none;*/
}
#servicenavi li.aktiv {	color: #FFF; font-weight: bold; text-decoration: underline; }


#mainnavi ul {
	margin: 0 0 30px 0;
	line-height: 1.5em;
	list-style: none;
}
#mainnavi ul li {
	list-style: none;
	margin: 0 0;
	padding: 3px 0 10px 40px;
	font-size: .8em;
	line-height: 1.5em;
	font-weight: normal;
	background: transparent url("../bilder/navi.gif") no-repeat left top ;
}

#mainnavi ul li.aktive {
	color: #CC0000;
	font-weight:bold;
	background: transparent url("../bilder/navi-over.gif") no-repeat left top ;
}


/* Textformatierung */

 /*   h1 { font-size: 200% }                       24px */
 /*   h2 { font-size: 166.67% }                    20px */
 /*   h3 { font-size: 150% }                       18px */
/*   h4 { font-size: 133.33% }                     16px */
/*  h6 { font-size: 116.67%; font-style:italic; }  14px E3011A*/

h1,h2,h3,h4,h5,h6 { 
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold; 
	color:#333;
	margin: 0 0 0.25em 0; 
	padding: 0;
}

h1 { font-size: 1.3em; padding-top: 5px; margin-bottom: 15px; color:#E2001A; }  

#col2a #col2_content h1 { margin-left: 130px; }  

	
#col2_content h2, #col2a_content h2 {
	font-size: 1.0em;
	line-height:1.3em; 
	color:#333;
	margin-bottom: .1em;
}
#col2a_content .post h2 {
	font-size: 1.0em;
	line-height:1.3em; 
	color:#333;
	margin: .2em 0 .2em 0;
}
#col2_content h3, #col2a_content h3 {
	color:#333;
	font-size: .8em; 
	margin-bottom: .1em;
}

#col2_content p {
	margin: 0 0 1.2em 0; 
	padding:0;
	font-size: .8em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
#col2a_content p {
	margin: 0 0 1.2em 0; 
	padding:0;
	font-size: .8em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
#col2a_content p.datum {	margin: 0 0 .3em 0; }
#col2a_content p.postmetadata {	margin: 0 0 1.2em 0; 
	padding-bottom: 15px;
	background: transparent url("../bilder/trennlinie.gif") no-repeat left bottom ;
}
#col2a_content p.extraklein {font-size: .7em;}

.klein {font-size: .7em;}

.aktiv {
	color:#E3011A;
 	text-decoration:underline;
}

blockquote{font-style:italic; margin:0 0 1em 1.5em}
em,i { font-style:italic }
acronym, abbr {
	border-bottom: .1em dashed #EEE;
	cursor: help;
}
pre, code { font-family: monospace; font-size: .9em; }

/* Links  */

a { color: #CC0000; text-decoration:none;}
a:hover, a:focus {color:#CC0000; text-decoration: underline; }

#col1_content a { color: #333;  }
#servicenavi a { color: #FFF;  }
#breadcrump a:link, #breadcrump a:visited { color: #333;  }
#breadcrump a:hover, #breadcrump a:active, #breadcrump a:focus { color: #CC0000;  }


#mainnavi ul li a:link, #mainnavi a:visited {
	text-decoration: none;
	color: #333;	
}

#mainnavi ul li a:hover, #mainnavi a:active, #mainnavi a:focus {
	color: #CC0000;
	text-decoration: underline;
}
#mainnavi ul li a:link.aktive, #mainnavi a:visited.aktive {color: #CC0000; }
.nohand a:hover {
	cursor: default;
}

  
/* Positionierung, Hintergrundelemente */

.abstand10 {
	display: block;
	margin-bottom: 12px;
	margin-top: 12px;
	padding:0;
	height:1px;
}
.abstand100 {
	display: block;
	margin-bottom: 10px;
	margin-top: 200px;
	padding:0;
}

.center { text-align:center; margin: 0.5em auto }

/* bilder */

.left { float: left; display:inline; margin-top: .2em; margin-right: .6em; margin-bottom: 0.15em;  }
.right { float: right; display:inline; margin-top: .2em; margin-left: .6em; margin-bottom: 0.15em;  }
.block { display: block; text-align: right;}

/* Begin Images wp*/
p img { padding: 0;
        max-width: 100%;
        }

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
img.alignright {
        padding: 0;
        margin: 5px 0 5px 5px;
} 
img.alignleft, img.alignnone {
        padding: 0;
        margin: 5px 5px 5px 0;
        }
img.alignleft {
        padding: 0;
        margin: 5px 7px 5px 0;
        }
.alignright {
        float: right;
        }
.alignleft {
        float: left;
        }
/* End Images wp*/


/* stilauswahl  */
.fsSmall {
	font-size:smaller;
}
.fsBig {
	font-size: .9em;
}
sup {
 font-weight: bold;
 margin-top: -5px;
}
a.rahmen {
	text-decoration: none;
	border: 1px solid #e3011a;
}
a.rahmen:hover {
	text-decoration: none;
	border: 1px solid white;
}
a img { border: none; }

/* blog blaettern */
#blaettern {
	display: block;
	clear: both;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: .8em; 
	}
#blaettern a { 	color:#333;	}
.post hr {
	display: block;
	}
/*Tabellen */
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }



/* Formular */
fieldset { border: 2px dotted #fff; }
.norahmen { padding:0 0 .8em .2em; margin: .63em 0; }
legend { 
	color:#333;
	font-size: .8em; 
	font-weight: bold; 
	padding: 0 0 .7em 0; 
	margin: 0;
	background-color:#e9e5dd;
	line-height:1.2em;
}
.radio {border:none;}
label.labelnorm { padding-right: 8px; float:left; width: 7em; }
label.labelnormr { text-align: right; padding-right: 8px; float:left; width: 7em; }
label.labelright {padding-left: 8px;}

#anfrage label {
	font-size: .8em;
}
form#anfrage input, #anfrage textarea, #anfrage select {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: .8em;
	color:#333333;
}
#anfrage .zeile {
	padding: 1px 0 2px 0;
	margin: 0;
	display: block;
	border: none; 
}
#anfrage .senden {
	padding: 5px 0 15px 108px;	 
}

#anfrage select.dropdown {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: .75em;
}
form#anfrage input.einzeilig:hover, #anfrage input.einzeilig:focus, #anfrage textarea:hover, #anfrage textarea:focus {
	background-color: #f3f3f3;
}

textarea.mehrzeilig {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: .8em;
	color:#333333;

}

.error {
	color:#FF0000;
	font-style:italic;
}

/* little helpers */
.clearright {
	clear:left;
	display:block;
}

/*.clearfix:after{col2_content:".";display:block;height:0;clear:both;visibility:hidden} */
.clearfix{display:block}
#ie_clearing{display:none}
.unsichtbar,.print{position:absolute;top:-1200em;left:-1200em;height:1px;width:1px}
.unsichtbar:focus,.unsichtbar:active{position:static;top:0;left:0;height:auto;width:auto; font-size: .8em; margin-left: 150px;}