body{
	height: 100.1%;
	color: black;
	background: #b2b2b2;
	padding: 5px 0 0 0 ;
	margin: 0;
	font: 13px verdana, arial, sans-serif;
	background-image:url(qualitaetsroute-sw-logo-t-01.gif);
	background-position: center;
	background-attachment: fixed;
	background-repeat:no-repeat;
}

#seite {
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	width: 1000px;
	padding: 0 ;
	marging-top: 0px;
	border: 2px solid #333;
	background-image:url(hintergrund-1000x100-01.jpg);
	background-position: center;
	background-repeat:repeat-y;
	}

html>body div#Seite {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}

#kopf{
 color: Navy;
 background:#fff9c7;
 width: 1000px;
 height: 150px;
 min-height: 150px;
 font: 18px verdana, arial, sans-serif; 
 padding: 8px 0 0 0px;
 border-bottom:0px solid #0c3c6b;
 margin-top: 0px;
 background-image:url(bglinks.jpg);
 background-position: bottom left;
 background-repeat:no-repeat;
}

#kopf h1{
 color: #0c3c6b;
 background: none;
 font: bold 18px verdana, sans-serif;
 padding: 4px;
 margin: 0;
}


#navi-top {
  text-align: left;
  color: black;
  width: 100%;
  background-color: #0c3c6b;
  padding: 5px 0px 5px 0px;

}
	  #navi-top ul {
	    margin: 0px auto 0px 125px;
	  }
    #navi-top li {
	 text-align: left;
      display: inline;
      list-style-type: none;
      margin: 0 ;
    }
    #navi-top a {
      color: white;
		background-color: #0c3c6b;
		text-decoration: none;
	    padding: 5px 10px 5px 10px;
	    border: 0px solid #8c8c8c;
    }
    #navi-top a:hover {
      text-decoration: none; /* Unterstreichung aus */
	    color: black;
	    background-color: white;
	    padding: 5px 10px 5px 10px;
	    border-bottom: 0px solid #81b624; 
	  }
    #navi-top a:active,
	  { 
	text-decoration: none; /* Unterstreichung aus */
	color: black;
	background-color: white;
	padding-bottom: 10px; /* ein Pixel mehr als oben */
   border-bottom: 0px solid #81b624; /* Untere Rahmenlinie aus */ 
	}


#navi-top a:focus{
	color: white;
	background-color:#0c3c6b;
	width:auto;
	height:30px;
	font: bold 12px verdana, sans-serif;
	text-decoration: none;
	text-align: left;
	border:0px solid white;
    padding: 5px 10px 5px 10px;
margin:0;

}




#inhalt {
	float: left;
	width: 1000px;
	padding-bottom: 0px;
	border: 0px solid #C6AE8C;
	background: none;
	background-image:url(hintergrund-1000x100-01.jpg);
	background-position: center;
	background-repeat:repeat-y;	
	}

/* Inhalt umschliesst die spalten für den inhalt damit diese korrekt aufgespannt werden */

#menulinks{
float:left;
width:230px;
height: auto;
padding-top:25px;
padding-left: 10px;
padding-right: 10px;
}

#menulinks ul{
	margin: 10px;
	padding: 20px 0 0 5px;
	}
	
#menulinks li{
	padding: 0 0 5px 0;
	margin: 0;
	list-style: none;
}



#menulinks a{
	color: black;
	background-color: none;
	padding: 0;
	font: bold 12px verdana, sans-serif;
	text-decoration: none;
	text-align: left;
}

#menulinks a span{
	color: black;
	background-color: none;
	padding: 0;
	font: italic 11px verdana, sans-serif;
	text-decoration: none;
	text-align: left;
}


#menulinks a:hover,
#menulinks a:acitve {
	color: black;
	background-color: none;
	font: bold 12px verdana, sans-serif;
	text-align: right;
	text-decoration: underline;	

}


#menulinks a:hover span,
#menulinks a:acitve span {
	color: black;
	background-color: none;
	font: italic 11px verdana, sans-serif;
	text-align: right;
	text-decoration: underline;	

}


#menulinks a:focus{
	color: black;
	background-color: none;
	font: bold 12px verdana, sans-serif;
	text-align: right;
	text-dekoration: underline;

}



#menurechts{

float:right;
width:230px;
height: auto;
padding: 25px 10px 0 10px;

}


#menurechts ul{
margin:0px;
padding:30px 0 0 0px;
list-style:none;}
#menurechts li{
padding:0 0 5px 0;
margin:0;}


#menurechts a{
	color: black;
	background-color: none;
	padding: 0;
	font: bold 12px verdana, sans-serif;
	text-decoration: none;
	text-align: left;
}

#menurechts a span{
	color: black;
	background-color: none;
	padding: 0;
	font: italic 11px verdana, sans-serif;
	text-decoration: none;
	text-align: left;
}


#menurechts a:hover,
#menurechts a:acitve {
	color: black;
	background-color: none;
	font: bold 12px verdana, sans-serif;
	text-align: right;
	text-decoration: underline;	

}


#menurechts a:hover span,
#menurechts a:acitve span {
	color: black;
	background-color: none;
	font: italic 11px verdana, sans-serif;
	text-align: right;
	text-decoration: underline;	

}

#menurechts a:focus{
	color: black;
	background-color: none;
	font: bold 12px verdana, sans-serif;
	text-align: right;
	text-dekoration: underline;

}


#leer {
width:500px;
height:20px;
min-height:20px;
margin: 0 250px 0 250px;
}


#ladeninfo {
height: auto;
color:black;
background: White;
font: 14px verdana, arial, sans-serif;
padding:2px 10px 10px 10px;
border-left:0px dashed silver;
border-right:0px dashed silver;
margin:0px 250px 0 250px;

}

#ladeninfo tr {
color:black;
font: 12px verdana, arial, sans-serif;
}

#ladenbilder {
height: auto;
min-height:145px;
color:black;
background: White;
font: 13px verdana, arial, sans-serif;
padding:25px 10px 10px 10px;
border-left:0px dashed silver;
border-right:0px dashed silver;
margin:0px 250px 25px 250px;

}

* html div#ladenbilder {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}


#ladenbilder #laden-rechts img,
#ladenbilder #laden-links img {

padding:3px;
border:1px solid black;
}

#ladenbilder #laden-links {

float:right;
width: 230px;
border: 0px;
padding-left:10px;
margin-left:0px;
}

#ladenbilder #laden-rechts {

float:left;
width: 230px;
border: 0px;
margin-left:0px;
}


#content{
height: auto;
min-height:450px;
color:black;
background: White;
font: 13px verdana, arial, sans-serif;
letter-spacing: 0,5em;
line-height:21px;
padding:25px 10px 10px 10px;
border-left:0px dashed silver;
border-right:0px dashed silver;
margin:0px 250px 0 250px;

}

* html div#content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}




#content h1{
	color: black;
	text-align: center;
	margin: 0 0 4px 0;
	padding: 2px 0 2px 0px;
	font: bold 16px verdana, sans-serif;
}

#content h2{
	color: black;
	font: bold 24px verdana, sans-serif;
	text-align:center;
	padding: 10px 0 2px 10px;



}
#content h3{
color: white;
background-color: #7f007e;
margin:20px 0 5px 0;
padding:2px 0 2px 10px;
font:bold 12px verdana, sans-serif;
border-left: 0px solid white;
border-right: 0px solid white;
}
#content h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-bottom: 1px solid #7f007e;
}




#foot{
	width: 100.1%;
	color: white;
	background: #0c3c6b;
	padding: 0;
	margin: 0;
	margin-top: 15px;

}
#foot p{margin:0;padding:6px;}

#foot a{
	color: White;
	text-decoration: none;
	padding:1px 2px 2px 2px;
	
}

#foot a:hover{
	color: Black;
	text-decoration: none;
	background: White;
	padding:1px 2px 2px 2px;
}




/* ===================================================
standard-elemente
=====================================================*/

a {
	outline: none;
}


/* ===================================================
klassen-elemente
=====================================================*/
.newsbox {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 95%;
	color: black;
	background-color: #ffffcc;
	border: 1px solid maroon;
	padding:10px 10px 10px 10px;
	margin-bottom: 15px;
}

.hausbox {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 0.80px;
	width: 90%;
	color: black;
	background-color: #ffffcc;
	border: 1px solid navy;
	padding:10px 10px 0px 10px;
	margin-bottom: 10px;
}



.n_box {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 95%;
	color: black;
	background-color: white;
	border-bottom: 1px solid maroon;
	padding:5px 0px 5px 0px;
	margin-bottom: 5px;
}

.start_box {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 95%;
	color: black;
	background-color: white;
	border: 0px solid maroon;
	padding:5px 0px 5px 0px;
	margin-bottom: 5px;
}

.mietbox {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 520;
	color: black;
	background-color: #ffffcc;
	border: 1px dashed maroon;
	padding:10px 10px 10px 10px;
	margin-bottom: 10px;
}

.kaufbox {
	font: 13px arial, verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 520;
	color: black;
	background-color: #ffffcc;
	border: 1px dashed silver;
	padding:10px 10px 10px 10px;
	margin-bottom: 10px;
}
