/***************************/
/* CSS Document for Screen */
/***************************/
html, body	{ 
  text-align: center;
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
    
  font-family: arial, nimbus sans;
  font-size: 10px;
  line-height: 15px;
  color: #666666;
}

html {
  height: 100%;
  overflow: scroll;
}

body{
  position: relative;
  height: 100%;  
  width: 100%;
  min-height: 100%;
  height:auto !important; /* moderne Browser */
  height:100%; /* IE */
}

/*******************/
/* Standart Styles */
/*******************/
p {
  /*display: inline;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

.rot {
 color: #dc2a00;
}


ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited { 
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #dc2a00;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}

a.internal-link,
a.download,
a.external-link-new-window,
a.external-link {
  background:transparent url(bilder/pfeil.gif) no-repeat scroll 0pt 5px;
  color:#dc2a00;
  font-family: arial, nimbus sans;
  font-size: 10px;
  padding-left:14px;
  text-decoration:none;
}

a.internal-link:hover,
a.download:hover,
a.external-link-new-window:hover,
a.external-link:hover {
  background:transparent url(bilder/pfeil.gif) no-repeat scroll 0pt 5px;
  color:#666666;
  font-family: arial, nimbus sans;
  font-size: 10px;
  padding-left:14px;
  text-decoration:none;
}

h1 {
  color: #dc2a00;
  font-weight: bold;
  font-size: 10px;
  font-family: arial, nimbus sans;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

.meldung h1 {  
  display: inline;
  font-family: arial, nimbus sans;
  font-size: 10px;
  color: #dc2a00;
  font-weight: bold;
}

h3 {
  font-weight: bold;
  color: #dc2a00;
  display: inline;
  font-size: 14px;
  font-family: arial, nimbus sans;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
} 

h2,
h4, 
h5, 
h6 {
  font-weight: bold;
  color: #dc2a00;
  display: inline;
  font-size: 10px;
  font-family: arial, nimbus sans;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

.meldung h3 {  
  display: inline;
  font-family: arial, nimbus sans;
  font-size: 10px;
  color: #666666;
  font-weight: bold;
}

img {
  border: 0px;
}


#subnav a{
  margin: 0px 10px 0px 0px;
  padding: 5px 0px 0px 0px;
  display: block; 
  line-height: 13px;
  font-size: 10px;
  float: left;
  width: auto;  
}

#subnav a img.ebene1{
  padding: 0px 5px 1px 0px;
}

/* normal state */
#subnav a.norm:link {
	color: #000000;
	text-decoration: none;}

#subnav a.norm:visited { 
	color: #000000;
	text-decoration: none;}

#subnav a.norm:hover {
	color: #DC2A00;
	text-decoration: none;}

#subnav a.norm:active {
	color: #000000;
	text-decoration: none;}
	
/* active state */
#subnav a.active:link {
	color: #DC2A00;
	text-decoration: none;
  font-weight: bold;}

#subnav a.active:visited { 
	color: #DC2A00;
	text-decoration: none;
  font-weight: bold;}

#subnav a.active:hover {
	color: #000000;
	text-decoration: none;
  font-weight: bold;}

#subnav a.active:active {
	color: #DC2A00;
	text-decoration: none;
  font-weight: bold;}

/*********************/
/*   Layout Styles   */
/*********************/
.line {
  margin: 20px 0px 20px 0px;
  padding: 0px;
  line-height: 0px;
  height: 1px;
  background-image: url(bilder/border.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
} 

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

div#oben {
  position: relative;
  width: 918px;
  height: 162px;
  margin: 0px auto 43px auto;
  padding: 0px 0px 0px 0px; 
}
  /* START: Oben inside  */
  div#navigation {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 330px;
    text-align: left;
    z-index:20;
  }
  
  div#navigation_block{
    position: absolute;
    left: 332px;
    top: 2px;
    width: 240px;
    text-align: left;
    z-index:10;
  }
  /* START: Navigation */ 
    ul.qmmc a, 
    ul.qmmc a:link,
    ul.qmmc a:visited,
    ul.qmmc li {
      color: #dc2a00;
      text-decoration: none;      
      display: block;
      float: left;
      white-space: nowrap;
      margin: 0px;
      padding: 0px;
    }
    
    * html ul.qmmc a, 
    * html ul.qmmc a:link,
    * html ul.qmmc a:visited,
    * html ul.qmmc li {          
      height: 10px;            
      width: 10px;    
    }
       
    ul.qmmc li {
      margin-right: 20px;
      position: relative;
    }
    
    ul#qm1 li{
      width: 50px;
    }
    
    ul.qmmc li ul li {
      margin-right: 0px;
    }
        
    ul.qmmc a:hover {
      color: #dc2a00;
      text-decoration: none;
    }
   
    ul.qmmc ul a,
    ul.qmmc ul a:link,
    ul.qmmc ul a:visited {
      float: none;
      color: #dc2a00;
      font-size: 10px;
      padding: 1px 0px 1px 15px;
      background-color: #DDDDDD;
      width: 135px;
    }
    
    ul.qmmc ul a:hover {
      color: #ffffff;
      background-color: #dc2a00;
    }
 
    ul.qmmc li a,
    ul.qmmc li a:link,
    ul.qmmc li a:visited,
    ul.qmmc ul li {
      float: none;
    }
    
    ul.qmmc {
      list-style-image: none;
      list-style-type: none;
      margin: 0px;
    }
    
    ul.qmmc ul {
      left: -10000px;
      position: absolute;
    }
           
    ul.qmmc ul ul {
      z-index: 20;
      padding: 4px 0px;
    }
    
    ul.qmmc ul ul ul {
      z-index: 30;
      padding: 4px 0px;
    }
    
    ul.qmmc ul ul ul ul {
      z-index: 40;
      padding: 4px 0px;
    }
    
    ul.qmmc ul ul ul ul ul {
      z-index: 50;
      padding: 4px 0px;
    }
    
    li:hover > ul {
      left:auto;
    }
    
    ul.qmmc ul {
      list-style-image: none;
      list-style-type: none;
      z-index: 100;
      top: 100%;
      display: block;
      margin: 0px;
      padding: 0px;
      width: 150px;
      background-color: #DDDDDD;
      padding: 4px 0px;
    }
    
    ul.qmmc ul li:hover > ul {
      left: 149px;
      top: -4px;   
      background-color: #DDDDDD;
    }  

  /* END: Navigation*/
  
  #logo {
    position: absolute;
    right: 16px;
    top: 0px;
    width: 291px;
    display: block;
  }
  
  .banner {
    margin-top: 72px;
    padding-right: 3px;
  }  
  /* END: Oben inside  */

div#mitte {
  position: relative;
  width: 918px;
  margin: 0px auto 20px auto;
  padding: 0px 0px 0px 0px; 
  text-align: left;
}
  /* START: Mitte inside  */
    div.spalte {
      text-align: left;
      float: left;
      width: 286px;
      padding: 0px 20px 0px 0px;
    }
    
    div.spalte img {
      border: 0px;
      padding: 0px 0px 20px 0px;
    }
    
    div.spalte img.nospace,
    .nospace {
      border: 0px;
      padding: 0px 0px 5px 0px;
    }
    
    div.spalte1_2 {
      text-align: left;
      float: left;
      width: 592px;
      padding: 0px 20px 0px 0px;    
    }
  /* END: Mitte inside  */

div#unten {
  position: relative;
  width: 918px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px; 
}
  div#unten .links {
    float: left;
  }
    div#unten .links img {
      padding: 0px 10px 0px 0px;
    }   
  
    div#unten .links a{
      background:transparent url(bilder/metaicon_on.gif) no-repeat scroll 0pt 5px;
      color:#dc2a00;
      font-family: arial, nimbus sans;
      font-size: 10px;
      padding-left:14px;
      padding-right:14px;
      text-decoration:none;
    }
    
    div#unten .links a:hover{
      background:transparent url(bilder/metaicon_off.gif) no-repeat scroll 0pt 5px;
      color:#666666;
      font-family: arial, nimbus sans;
      font-size: 10px;
      padding-left:14px;
      padding-right:14px;
      text-decoration:none;
    }
    
    div#unten .links a.act{
      background:transparent url(bilder/metaicon_off.gif) no-repeat scroll 0pt 5px;
      color:#dc2a00;
      font-family: arial, nimbus sans;
      font-size: 10px;
      padding-left:14px;
      padding-right:14px;
      text-decoration:none;
    }
    
    div#unten .links a.act:hover{
      background:transparent url(bilder/metaicon_on.gif) no-repeat scroll 0pt 5px;
      color:#666666;
      font-family: arial, nimbus sans;
      font-size: 10px;
      padding-left:14px;
      padding-right:14px;
      text-decoration:none;
    }
  
  div#unten .rechts {
    float: right;
    padding-right: 20px;
  }
  
    div#unten .rechts a{
      color:#e83200;
      font-family: arial, nimbus sans;
      font-size: 10px;
      padding-left:14px;
      text-decoration:none;
    }
    
    div#unten .rechts a:hover{
      color:#666666;
      font-family: arial, nimbus sans;
      font-size: 10px;
      padding-left:14px;
      text-decoration:none;
    }
/*******************/
/* Formular Styles */
/*******************/
form {
	margin: 0px;
  padding: 0px 0px 0px 0px;
	width: auto;
}
	
	form br {
		clear: left;
  }
		
	form img {
  	float:left;
  	border: 0pt;
  }
  
  form label {
  	text-align: left;
  	margin-top: 5px; 
  	display: block;
  	float: left;
  	width: 120px;
  }
	
	form label.headline {
		width: 400px;
		margin: 5px 0 5px 0;  /* Top, right, Bottom, left*/
		padding: 0 0 0 0;
		font-weight: bold;
		color: #000000;
  }
		
input { 
	float: left; 
	margin-top: 5px;
	padding: 2px;
	border: solid 1px #6e6e6e;
	outline-style: hidden; 
	outline-width: 0;
  font-family: arial;
  font-size: 10px;}
	
	input.text {
		width: 200px;}
		
	input.plz {
		padding: 2px;
		width: 50px;}
		
	input.ort {
		padding: 2px;
		width: 100px;}
		
	input.password {
		padding: 2px;
		width: 100px;}
		
	input.file {
		width: 250px;
		background-color: #EEEEEE;}
		
	input.radio {
		width: 30px;
		background-color: #EEEEEE;}
		
	input.checkbox {
		width: 30px;
		background-color: #EEEEEE;}
		
	input.submit {
  	width: 100px;
  	padding: 1px;
		background-color: #6e6e6e;
		color: #ffffff;
		font-weight: bold;}
	
select {	
	border: solid 1px #6e6e6e;
	outline-style: hidden; 
	outline-width: 0;
	margin-top: 5px;
	float: left; 
	width: 200px;
  font-family: arial;
  font-size: 10px;}

textarea {	
	width: 200px;
	height: 100px;
	padding: 4px;
	margin-top: 5px; 
	margin-left: 0px !important; 
	margin-left: -3px;
	border: solid 1px #6e6e6e; 
	outline-style: hidden; 
	outline-width: 0;
  font-family: arial;
  font-size: 10px;
}

/*******************/
/* Sitemap Styles  */
/*******************/

div.tx-dropdownsitemap-pi1{
  padding: 20px 40px 0px 40px;
}

div.tx-dropdownsitemap-pi1 img{
  float: left;
  padding: 0px 10px 0px 0px; 
}

div.tx-dropdownsitemap-pi1 li{
  padding: 2px 0px 2px 0px; 
}

.brandnav {
	position: relative;
	width: 285px;
	height: 105px;
	background-image: url(bilder/brandnav/brandnavbg.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
}

div.brandnav img.p1,
div.brandnav img.p2,
div.brandnav img.p3,
div.brandnav img.p4 {
	position: absolute;
	padding: 0px;
}

div.brandnav img.p1 {
	top: 23px; 
	left: 24px;
}

div.brandnav img.p2 {
	top: 23px; 
	right: 19px;	
}

div.brandnav img.p3 {
	bottom: 28px; 
	left: 24px;
}

div.brandnav img.p4 {
	bottom: 28px; 
	right: 19px;
}