/*	-------------------------------------------------------------
	1. RESET + STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body {
     height: 100.01%;
}

* {
     margin: 0;
     padding: 0;
}

img {
     border: none;
}

body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ECE8D8;
}

h1.top{
  	text-indent: -3000px;
	font-size: 1px;
}

#center a, #right a {
 	color: #17469E;
}

#center a:hover, #right a:hover {
    color: #CC3300;
}

#wrapper {
	width: 1000px;
	margin: 20px auto 0 auto;
}

#rahmen {
	border: 1px solid #663366;
	width: auto;
}

/*Hides from IE5-mac \*/
* html #rahmen, * html #middle, * html #wrapper {
	height: 1%;
}
/*Holly Hack ende*/

#header {
	height: 85px;
	background-image: url(image/kopfbild.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #40576A;
}

#ticker {
	height: 20px;
	background-color: #F1ECE7;
	border-bottom: 2px solid #FFFFFF;
	text-align: right;
	padding-right: 25px;
}

MARQUEE {
    margin-top: 2px;
    width: 770px;
}

#middle{
	background-image:url(image/seiten_bg_200.gif);
	background-repeat: repeat-y;
	height: 1%;
}

#middle-kd{
	background-image:url(image/seiten_bg_200-kd.gif);
	background-repeat: repeat-y;
	height: 1%;
}

#middle.archiv{
	background-image:url(image/seiten_bg_200-kd.gif);
	background-repeat: repeat-y;
	height: 1%;
}

#left {
	float: left;
	width: 200px;
	position: relative;
	z-index:2;
}

#center {
	float: left;
	margin-left: 25px;
	width: 550px; 
	margin-top: 19px;
	padding: 0 0 25px 0;
	display: inline;
}

* html #center {
	height: 1%;
}

#middle-kd #center {
	float: left;
	margin-left: 25px;
	width: 760px; 
	margin-top: 19px;
	padding: 0 0 25px 0;
}

#right {
	float: right;
	margin-left: 10px;
	width: 175px;
	margin-right: 10px;
	margin-top: 20px;
	display: inline;
}



/*---------------------------------------------------------*/


#footer {
	clear: both;
	float: none;
	padding: 4px;
	text-align: center;
	background-color: #ECE8D8;
}

.clear {
	clear: both;
	float: none;
}



/*	-------------------------------------------------------------
	3. HEAD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	--------head-left---------------------------------------------*/
#head-left {
	float: left;
	width: 175px;
	height: 230px;
	margin: 0px;
	background-image: url(image/hg-left-top.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}


/*	--------head-center---------------------------------------------*/
#head-center {
	float: left;
	width: 610px;
	height: 230px;
	margin-left: 14px;
	background-image: url(image/kopfbild.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}


/*	--------head-right---------------------------------------------*/
#head-right {
	float: left;
	width: 175px;
	height: 230px;
	margin-left: 14px;
	background-image: url(image/hg-right-top.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}


/*	-------------------------------------------------------------
	4. LEFT + MENUE-LEFT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

#middle #left ul#menu, #middle-kd #left ul#menu {
	list-style: none;
	margin-top: 20px;
}

#middle-kd #left ul#menu h4 {
  padding-left: 23px;
  padding-top: 5px;
  color: #40576A;
  background-color: #E6DCD0;
  border-top: 1px dotted #ffffff;
  font-size: 11px;
  height: 1%;
}

*html #middle-kd #left ul#menu h4 {
  padding-left: 23px;
  padding-top: 5px;
  color: #40576A;
  background-color: #E6DCD0;
  border-top: 1px dotted #ffffff;
  font-size: 11px;
  height: 1%;
}

#middle #left ul li a, #middle-kd #left ul li a{
	text-decoration: none;
	background-image:url(image/bullet-weiss-level1.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	width: 185px;
  background-color: #40576A;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;
}


/* CSS-Hack für IE6 und kleiner */
* html #middle #left ul li a, * html #middle #left ul li a:hover, * html #middle-kd #left ul li a, * html #middle-kd #left ul li a:hover {  
	width: 185px;  
}

#middle #left ul ul li, #middle #left ul ul ul li, #middle-kd #left ul ul li, #middle-kd #left ul ul ul li{
	list-style: none;
}


/*	----Level 1------------------------------------------*/
#middle #left li a:hover, #middle-kd #left li a:hover{
	text-decoration: none;
	background-image:url(image/bullet-weiss-level1.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	width: 185px;
	background-color: #9F8870;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;
}

#middle #left ul li a.active, #middle-kd #left ul li a.active {
	text-decoration: none;
	background-image:url(image/bullet-weiss-level1.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	width: 185px;
	background-color: #9F8870;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;
}

/*	----Level 2------------------------------------------*/

#middle #left ul ul li a, #middle-kd #left ul ul li a{
  text-decoration: none;
 	background-image:url(image/bullet-black-level2.gif);
	background-position: 15px 6px;
	background-repeat:no-repeat;
	background-color: #D8CABA;
	border-top: 1px dotted #AA9B8A;
	font-weight: normal;
	color: #000000;
	padding: 3px 0 3px 25px;
	width: 175px; 
}

#middle #left ul ul li a:hover, #middle-kd #left ul ul li a:hover{
	text-decoration: none;
 	background-image:url(image/bullet-weiss-level2.gif);
	background-position: 15px 6px;
	background-repeat:no-repeat;
	background-color: #9F8870;
	border-top: 1px dotted #AA9B8A;
	font-weight: normal;
	color: #ffffff;
	padding: 3px 0 3px 25px;
	width: 175px; 
}

/*#middle-kd #left ul ul li a:hover{
	font-weight: bold; 
}*/


#middle #left ul li ul li .active, #middle-kd #left ul li ul li .active, #middle-kd #left ul li ul li a:hover.active {
	text-decoration: none;
	background-image:url(image/bullet-black-level2.gif);
	background-position: 15px 6px;
	background-repeat:no-repeat;
	background-color: #B9A590;
	border-top: 1px dotted #AA9B8A;
	font-weight: bold;
	color: #000000;
	padding: 3px 0 3px 25px;
	width: 175px; 
}

/*	----Level 3------------------------------------------*/

#middle #left ul ul ul li a{
	text-decoration: none;
 	background-image:url(image/bullet-black-level2.gif);
	background-position: 25px 6px;
	background-repeat:no-repeat;
	background-color: #E6DCD0;
	border-top: none;
	font-weight: normal;
	color: #000000;
	padding: 3px 0 3px 35px;
	width: 165px;  
}

#middle #left ul ul li ul a:hover{
	text-decoration: none;
 	background-image:url(image/bullet-weiss-level2.gif);
	background-position: 25px 6px;
	background-repeat:no-repeat;
	background-color: #9F8870;
	border-top: none;
	font-weight: normal;
	color: #ffffff;
	padding: 3px 0 3px 35px;
	width: 165px;  
}
#middle #left ul li ul ul li .active {
	text-decoration: none;
	background-image:url(image/bullet-black-level2.gif);
	background-position: 25px 6px;
	background-repeat:no-repeat;
	background-color: #D8CABA;
	border-top: none;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding: 3px 0 3px 35px;
	width: 165px; 
}


/* Level 3 nur für Kundenbereich*/

#middle-kd #left ul ul ul li a {                 
	text-decoration: none;
 	background-image:url(image/bullet-black-level2.gif);
	background-position: 35px 6px;
	background-repeat:no-repeat;
	background-color: #E6DCD0;
	border-top: none;
	font-weight: normal;
	color: #000000;
	padding: 3px 0 3px 45px;
	width: 155px;  
}

#middle-kd #left ul ul li ul a:hover {
	text-decoration: none;
 	background-image:url(image/bullet-black-level2.gif);
	background-position: 35px 6px;
	background-repeat:no-repeat;
	background-color: #D8CABA;
	border-top: none;
	font-weight: normal;
	color: #000000;
	padding: 3px 0 3px 45px;
	width: 155px;  
}

#middle-kd #left ul li ul ul li .active, #middle-kd #left ul li ul ul li a:hover.active{
	text-decoration: none;
	background-image:url(image/bullet-black-level2.gif);
	background-position: 35px 6px;
	background-repeat:no-repeat;
	background-color: #D8CABA;
	border-top: none;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding: 3px 0 3px 45px;
	width: 155px; 
}
/*	-------------------------------------------------------------
	4. CENTER-CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
#center {
padding: 3px 0;
line-height: 140%;
margin-bottom: 25px;
}

#center p {
padding: 3px 0;
}
	
.banner{
border: 1px solid #cccccc;
margin: 0 10px;
}

/* Seite SVG-Team - Fotos */
.bereich{                            
padding: 30px 0 5px 0;
}

#center h1 {
	font-size: 14px;
	color: #40576A;
	padding: 4px 0 15px 0px;
}

#center h2 {
	font-size: 12px;
	color: #40576A;
	padding: 4px 0 10px 0px;
}

#center h3 {
	font-size: 12px;
	color: #40576A;
	padding: 5px 0 0 0px;
}

#center h4 {
	font-size: 11px;
	color: #40576A;
	padding: 5px 0 0 0px;
}

#center ul {
 	list-style: none;
	margin: 5px 0 5px 10px;
	height: 1%;
}

#center ul li {
 	background-color: none;
	border: none;
 	list-style: none;
	line-height: 120%;
	background-image: url(image/bullet-black-level2.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 2px 10px;
}

#center ul li a {
 	color: #17469E;
}

#center ul li a:hover {
    color: #CC3300;
}

.hr {
	color: #CCCCCC;
	margin: 5px 5px 0 0px;
}

.sitemap {
    background-image: none;
    background-color: none;
    margin-left: 100px;
}

#center .block-liste {
	float: left;
	width: 260px;
	text-align: left;
}

#center .team-foto {
	padding: 5px 0 20px 0;
}

#center .block-liste hr {
	margin-top: 15px;
	color: #CCCCCC;
	width: 80%;
	line-height: 120%;
}

#center .bereich {
	font-weight: bold;
	padding: 5px 55px 0px 0;
	height: 50px;
	display: block;
}

#center .name{
	margin: 1px 0 5px 0;
	display: block;
} 

#center .bild_rechts{
	margin: 0 20px 20px 30px;
	float: right;
	width: 150px;
} 



/*	-------------------------------------------------------------
	5. RIGHT-CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#middle #right h3, #middle-kd #right h3{
  font-size: 13px;
	padding: 0;
	text-decoration: underline;
}

#middle #right h4, #middle-kd #right h4{
  font-size: 11px;
	padding: 5px 0 0px 0;
}

#right .bereich{
	font-weight: bold;
	padding: 5px 0 0px 0;
	display: block;
}

#right .foto img{
	margin: 7px 0 3px 0;
	border: 1px solid #CCCCCC;
	width: 170px;
}

#right .name{
	margin: 1px 0 5px 0;
	display: block;
}

#right .daten{
	margin: 8px 0 15px 0;
	display: block;
}

#right .bereich p, #right .name p, #right .daten p {
	margin: 0;
	padding: 0;
}


#Firmenprofil {
 display: block;
}

.foot_no_v {
 display: none;
}

/*	-------------------------------------------------------------
	7. CENTER-CONTENT_KUNDENBEREICH
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.diagramm {
 margin: 10px 0 20px 0;
}

.afom_table {
 width: 600px;
 text-align: left;
 border-spacing: 0;
}

.afom_table td {
 padding: 0; 
}

.afom_table tr {
 background-color: #ffffff;
}

.afom_table tr:hover {
 background-color: #E5E5E5;
}

.afom_table .fom_tab_ueberschrift {
 background-color: #ECE8D8;
}

.afom_table .neutral {
 background-color: #FFE0E0;
}