/* CSS Document */

/* ==================================
   1. Allgemeine Styles 
   =============================== */   
   
html { height: 101%; }   
   
body {
	background: url(../images/farbverlauf.png) repeat-x;
	color: black;  /* Text Farbe */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* schriftart */
	font-size: small;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 {
	font-size: 110%;
	text-align: center;
	padding-right: 7px;
	margin:0px;
	
}

.rahmen h3{
	background: url(../buttons/buttonh3.png) no-repeat scroll left top transparent;
	font-weight:normal;
	padding-left:12px;
	line-height:32px;
}
/* ==================================
   2. Styles für Layoutbereiche 
   =============================== */  

#Seite{
	width: 850px;
	margin: 0px;
	padding: 5px;
	text-align: left;
}

/* ==================================
   Obere Bereich
   =============================== */ 

#oben{
	width: 100%;
	padding-top: 2px;
	margin-bottom: 5px;
}	

/* ==================================
   Ende Obere Bereich
   =============================== */ 

#mitte{
	width: 100%;
	margin: 0pt;
	padding-top: 5px;
}	


/* ==================================
   Ende Linker Bereich 
   =============================== */

#linkebereich{
	background: url(../images/farbverlauf_menu.png) repeat-x;
	width: 153px;
	height: 500px;
	margin: 0px;
	float: left;
}	

div.rahmen{
}

ul.menu
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 14em;
color: gray;
margin-top: -1px;
}

ul.menu li
{
list-style: none;
margin: 0px;
border-left: 1px #004080 solid;
border-bottom: 1px gray solid;
text-align: left;
}

ul.menu li a,
ul.menu li span 
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
color: black;
}


ul.menu li a:hover
{
font-weight:bold;
color: black;
background: #EFEFEF;
border-left: 3px #004080 solid;
}

#Startseite #navi01 span,
#Uber_uns #navi02 span,
#Leistung #navi03 span,
#Referenzen #navi04 span,
#Kontakt #navi05 span,
#Impressum #navi06 span{
font-weight:bold;
color: black;
background: #EFEFEF;
border-left: 3px #004080 solid;
}


/* ==================================
   Ende Linker Bereich 
   =============================== */ 

/* ==================================
   text Bereich
   =============================== */   

#textbereich{
	background-color:#EFEFEF;
	width: 547px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	height:490px;
}

/* ==================================
   Ende text Bereich
   =============================== */ 
   
   	
/* ==================================
   Rechter Bereich
   =============================== */   

#rechtebereich{
	background: url(../images/farbverlauf_menu.png) repeat-x;
	width: 130px;
	height: 500px;
	margin: 0px;
	float: right;
}

/* ==================================
   Ende Rechter Bereich
   =============================== */   

/* ==================================
   Fuss Bereich
   =============================== */ 

#fussbereich{
	width: 100%;
	background: url(../images/Fussbereich.png);
	height: 60px;
	clear:both;
}

#sitenotes {
	display:block;
	font-size:9px;
	position:relative;
	top: 30px;
	width: 486px;
	margin: 0px auto;
	text-align:center;
}

#sitenotes a{
	color:#000;
	text-decoration: none;
	text-underline: none;
}

/* ==================================
   Ende Fuss Bereich
   =============================== */ 
#bildee_haupt{
	padding-top:5px;
	padding-bottom:5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.bilder-haupt{
	border-top: 1px solid black;
	border-bottom: 1px solid black;	
}

#bild_haupt_1{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:12px;
	margin-top:5px;	
}

#bild_haupt_2{
	position:relative;
	left:12px;
	margin:5px;
}

#linie{
	border-left:2px solid black;
	float:left;
	width:1px;
	height:198px;
}

#leistung_inhalt {
	padding-right: 10px;
}

#leistung_inhalt h2{
	text-align:center;
}

#leistung_inhalt #erste-liste h3{
	font-size:small;
	text-align:left;
	padding-left:25px;
}

#leistung_inhalt #zweite-liste h3{
	font-size:small;
	text-align:left;
	padding-left:25px;
}


#leistung_inhalt li{
	list-style:square;
}

#leistung_inhalt ul{
	padding-left
}

#erste-liste{
	height:155px;
}

.Schutz-in-Wand-und-Decke{
	float:left;
}

.Deckensysteme{
	margin-right:0px;
	float:left;
}

.Wandsysteme{
	margin-right:0px;
	float:left;
}

.Bodensysteme{
	position:relative;
	left:56px;
	margin-right:0px;
	float:left;
}

.leistung-text{
	padding-left:20px;
}

.leistung-text p{
	margin-bottom:30px;
}

#knauf{
	margin-top:35px;
	margin-left:6px;	
}

#Marmorit{
	margin-top:5px;
	margin-left:6px;
}

#marqueecontainer{
position: relative;
width: 120px; /*marquee width */
height: 250px; /*marquee height */
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

.rsi{
width: 120px;
margin-bottom: 5px;
}

.anschrift_mitte{
	text-align:center;
}

.text_impressum{
	font-size:80%;
}

#dritte-spalte h3{
	text-align:left;
	padding-left:25px;
}