@charset "UTF-8";

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, th, tr, td, span, em, pre, img{
	margin:0;
	padding:0;
	}

html{
	height:100%;
	margin-bottom:1px;}
	
body {
	color:#000;
	background: #8C0A00 url(../img/balken_quer.gif) repeat-x 0px 140px;
	font: 14px/18px Arial, Helvetica, sans-serif;
	line-height:20px;
	}
	

	
/** Hintergrundfarbe *********************************************************************/
#header{
    background: #F2F4FB; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f4fb 64%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(64%,#f2f4fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f4fb 64%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f4fb 64%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f4fb 64%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4fb',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f2f4fb 64%); /* W3C */
	}

#right, #left, #outer, #breadcrumb, #container   {
	background: #F2F4FB;
	}
	
#content, #contentFormular{
	border-left-color: #F2F4FB;
	}

/* Konturfarbe von Outer ändern Zeile 250 */
/* Kontur-Top beim Footer anpassen Zeile 327 */
/* Background Image in Breadcrump anpassen Zeile 203 */









/*************************************************************************************/
/* Ende Hintergrundfarbe */


/*************************************************************************************/
/* Anfang Kontur, Schatten etc.*/
#content img, #right img, #content .textBildfeld{
	}



/*************************************************************************************/
/* Ende Kontur */

/*************************************************************************************/
/* Anfang Typo */

	
h1 {
	font-size:22px;
	line-height:30px;
	padding: 5px 0;
	margin-bottom:20px;
	font-weight: lighter;
	color: #8C0A00;
	}

h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	}
	
h3{
	color:#8C0A00;
	padding-bottom:0px;
	font-size:14px;
	}
	
#right h3{
	margin-top:15px;
	}
	
#right a{
	text-decoration:none;
	}
	
	
p {
	margin-bottom:10px; 
	}
.rechtsKastenGrau p {
	padding: 0px;
	margin: 0px;
}
	
em {
	font-weight:bold;
	font-style: normal;
	}
	
.menu {
	text-transform:uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	}
	
	
	
.shadow{
	box-shadow: 5px 5px 3px #888
	}
	
.rechtsKastenGrau .abstandOben{
	margin-top:10px;
	}
	
	
/*************************************************************************************/
/* Ende Typo */

#content ul {
	padding-left:15px;
	list-style:url(../img/quadrat_bp.gif) outside;
	}
	
#content .floatLeft{
	float:left ;
	position:relative;
	margin-right:15px;
	margin-top:7px;
	}
	
#content .textBildfeld{
	margin-bottom:25px;
	padding:12px;
	}
	
#content .textBildfeld img{
	margin-bottom:0px;
	padding:0px;
	border: none;
	
	}

a {
	color: #8C0A00;
	text-decoration:underline;
	}

a:visited {
	color:#39393F;	
	text-decoration:none;
	}

a:hover {
	color: #c64e44;
	text-decoration: none;
	}
	
#content a:hover {
	background-color:#c64e44;
	}

a:active { 
	color:#000000; 	
	text-decoration: none;
	}
	
.r_over{
	}
	
.r_over:hover{
	color:  #39393F;
	}


img.download {
	vertical-align:middle;
	}
	

/* ----------container zentriert das layout----------------------------------------- */
#container {
	width: 950px;
	padding:0px;
	margin: 40px auto;
	} 

/* ----------header for logo-------------------------------------------------------- */

#header {
	height:63px;
	width:100%;
	margin:0;
	padding:0px;
	padding-top:37px;
	line-height:73px;
	text-align: right;
	}
/* ------ service navi ------------------------------------------------------------- */


#header a {
	
	line-height:100px;
	padding-right: 25px;
	color:#39393F;
	text-decoration: none;
	font-size:12px;
	} 

#header a:hover { 
	color: #8c0a00;
	text-shadow:#fff 1px 1px 2px;
	}
/* ------ Ende service navi -------------------------------------------------------- */

#visual{
	width: 950px;
	height: 170px;
	/*border-bottom: 7px solid #FCA22B;*/
	}

/* -------optionaler Kopf----------------------------------------------------------- */
#visualiframe{ 
	width: 950px; 
	height: 170px;
	overflow:hidden !important;
	}

#slightshow {
	height:170px;
	width:950px;
	margin:0;
	padding:0;
	border:none;
	overflow: hidden !important;
	}

/* ----------breadcrumb------------------------------------------------------------- */
#breadcrumb {
	height:20px;
	font-size: 10px;
	padding:12px;
	padding-left:245px;
	text-align: left;
	background-image:url(../img/header_phone.gif);
	background-repeat: no-repeat;
	position:relative;
	z-index:10 !important;
	}

#breadcrumb a {
	padding-right: 20px;
	color: #fff;
	text-decoration: none;	
	}

#breadcrumb a:hover {
	color: #39393F;
	} 

.hl {
	font-weight: bold;	
	color: #39393F;;
	} 

/* ----------outer und inner-------------------------------------------------------- */
#outer{
	border-left: 213px solid #F2F4FB;
	border-right: 200px solid #F2F4FB;	 /* Farbe fuer Inhalt Spalten  */
	} 

#inner{
	margin:0; 
	width:100%;
	}
	
/* --------------left und right navigavtion----------------------------------------- */
#left {
	width:200px;
	min-height:350px;
	height:auto !important;
	height:350px;
	margin-top: -43px;
	padding-top: 60px;
	padding-left:0px;
	position:relative;
	margin-left:-190px;
	/*background-image: url(../img/shadow_left.jpg);*/
	background-repeat: no-repeat;
	background-position: right 0px;
	float:left;
	z-index: 1;
	}

#right {	
	width:180px;
	min-height:250px;
	height:auto !important;
	height:250px;
	position:relative;
	padding-top: 90px;	
	padding-left: 15px;
	padding-right:25px;
	margin-top: -43px;
	margin-right: -200px;
	margin-left: 1px;
	/*background-image: url(../img/shadow_right.jpg);*/
	background-repeat: no-repeat;
	background-position: left 0px;
	float: right;
	z-index: 0;
	}

.rechtsKastenRot, .rechtsKastenGrau {
	margin-left:0px;
	margin-bottom:20px;
	padding:7px 6px 5px 8px;
	}
	
.rechtsKastenRot {
	background: #8c0a00;
	color: #fff;
	}
	
.rechtsKastenGrau {
	background: #D8D8D9;
	color: #8c0a00;
	}

/* -----------------Inhalt---------------------------------------------------------- */
#content{
	min-height:250px;
	height:auto !important;
	height:250px;
	position: relative;
	padding: 7px 35px 30px 1px;
	margin-left: 30px;
	margin-right:20px;
	border-left-width: 3px;
	border-left-style: solid;
	background-position: left;
	z-index: 0;
	}
	
	
pre{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
	}

/*  ----------------footer---------------------------------------------------------- */
#footer {
	padding: 0;
	margin: 0;
	color:#fff;
	font-size:14px;
	text-align:center;
	/*background-image:url(../img/footer.jpg)*/
	line-height:50px;
	height: 50px;
	width: 950px;
	clear:left;
	background:#8C0A00;
	   
	
	
	}


/****************** navigation *******************************************************/ 
/*************************************************************************************/
/* Einstellung Farben Navigation */

/*-- Farbe Linien Menue -------------------------------------------------------------*/
.menu ul li a, .menu ul li a:visited {
	border-top:#F2F4FB 1px solid;
	}

.letzterMenuepunkt {
	border-bottom:#F2F4FB 1px solid;
	}

.menu ul li:hover ul li a {
	border-left:1px solid #D8D8D9;
	}
/*-- Ende Farbe Linien Menue --------------------------------------------------------*/


/*-- Farbe Menue Ebene 1 normal------------------------------------------------------*/	
.menu ul li a {
	color:#8C0A00;
	background: #D8D8D9;
	}

/*-- Farbe Menue Ebene 2 und 3 normal------------------------------------------------*/	
.menu ul li:hover ul li a, .menu ul li:hover ul li a.hide, .menu ul li:hover ul li:hover ul li a {
	color:#8C0A00;
	background: #D8D8D9;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

/*-- Farbe Menue Ebene 1 hover ------------------------------------------------------*/	
.menu ul li:hover a{
	color:#8C0A00;
	background: #D8D8D9 url(../img/menue_over.gif);
	}

/*-- Farbe Menue Ebene 2 und 3 hover ------------------------------------------------*/
.menu ul li:hover ul li a:hover, .menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li:hover ul li a:hover {
	color:#8C0A00;
	background: #D8D8D9 url(../img/menue_over.gif);
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
/*************************************************************************************/
/* Ende Farben Menue */


/*************************************************************************************/
/* Start Breite und Positionierung der Menuefelder */

/*-- Breite Menue Ebene 1 -----------------------------------------------------------*/
.menu ul li a, .menu ul li:hover a {
	width:165px; 
	}
/*-- Breite Menue Ebene 2 -----------------------------------------------------------*/
.menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li a  {
	width:155px;
	}
/*-- Breite Menue Ebene 3 -----------------------------------------------------------*/
.menu ul li:hover ul li:hover ul li a {
	width:155px;
	}
/*-- Abstand 2. Menue Ebene von links -----------------------------------------------*/	
	.menu ul li:hover ul {
	left:185px;
	}
/*-- Abstand 3. Menue Ebene von links -----------------------------------------------*/
.menu ul li:hover ul li:hover ul {
	left:216px;
	}
	
/*************************************************************************************/
/* Ende Breite und Positionierung der Menuefelder */


.menu {
	width:125px;
	height:125px;
	position:relative;
	z-index: 1;
	}

.menu ul li a {
	display:block;
	padding:7px 5px 7px 20px;
	line-height:12px;
	text-align:left;
	text-decoration:none;
	}

.menu ul li a:visited {
	width:125px;
	display:block;
	font-size:11px;
	line-height:12px;
	text-align:left;
	text-decoration:none;
	}

.menu ul {
	width:125px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	}

.menu ul li {
	float:left;
	margin-right:1px;
	position:relative;
	}

.menu ul li ul {
	position:absolute;
	left:-9999px;
	}
	
.menu ul li:hover ul {
	width:125px;
	display:block;
	position:absolute;
	top:0;
	}

.menu ul li:hover ul li ul {
	position:absolute;
	left:-9999px;
	}

.menu ul li:hover ul li a {
	display:block;
	}
	
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	top:0px;
	}

.menu ul li:hover ul li:hover ul li a {
	display:block;
	}

.aufzaehlung {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 20px 4px;
	}
	
.small {
	font-size: 9px;
	}
	
	
/*  ----------------tabellen------------------------------------------------------- */ 
.datentabelle{
	border-collapse:collapse;
	background:#9E9F3F;
	border:none;
	color: #FFFFFF;
	}

.datentabelle td{
	padding-left:5px;
	border:none;
	}
	
.tablehead {
	font-weight: bold;
	padding: 6px 10px 6px 10px;
	background: #484B2E;
	}

.cellleft {
	border-right:2px solid #9E9F3F!important;
	}


.top {
	padding: 6px 10px 6px 10px;
	vertical-align: top;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: -3px;
	}
	
.gerade {
	background: #7E7E33;
	color:#FFF;
	}

/*  ----------------Logo----------------------------------------------------------- */ 
.logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	/*background-image: url(../img/logo.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
	width: 171px;
	margin-left:0px;
	margin-top:0px;
	padding-top:0px;
	z-index: 2;
	}
.bullets {
	list-style: url(../img/quadrat_bp.gif) outside;
}

.bullets li {
	padding-left:3px;
}.bildnachweis {
	font-size: 11px;
	line-height: 12px;
}