@charset "utf-8";
/* CSS Document */

/*===================================================================================================================
CSS Document for screendesign
Last Update: 02.10.2009
Author: Sabine Moser-Schlüer
Media: Screen

Structure:	1a. Kalibrierung
			1b. Allgemeine Definitionen
			1c. Anchors
			2.  Screendesign
			3.  Navigation
			4.  Home 
			5.  Über uns
			6.	Dienstleistungen
			7a.  Kontakt
			7b.  Kontaktformular
======================================================================================================================*/

/* ================================================================
   1a. Kalibrierung
   ================================================================ */
   
* {padding:0; margin:0;}  
   
html{
	height:100%;
	margin-bottom:1px;
}
body{
	height:100%;
	width:100%;
}
   
/* ================================================================
   1b. Allgemeine Definitionen
   ================================================================ */   
*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b673e;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	border:none;
} 
   
body{
	background-color:#f7f8f2;
}

p{
	margin-top:5px;
	margin-bottom:5px;
	line-height:1.3em;	
}

h1{
	font-size:20px;
	font-weight:bold;
	color:#6b673e;
	margin-top:5px;
	margin-bottom:10px;	
}

h2{
	font-size:14px;
	font-weight:bold;
}	

h3{
	font-size:12px;	
	font-weight:bold;
	color:#6b673e;
}

h4{
	font-weight:bold;
	color:#6b673e;
}

.underline {text-decoration:underline}

.kursiv {
	font-style:italic;
	font-size:13px;
	font-weight:bold;
}

.mittig {
	position:absolute;
	margin-left: 280px;
	font-size:12px;
	font-style:italic;
	line-height: 1.5em;
}
   
/* ================================================================
   1c. Anchors
   ================================================================ */ 

a:link{
	color: #663300;
	text-decoration: underline;  
	font-weight:bold;
}
a:visited{
	color: #333333;
	text-decoration:underline;
	font-weight:bold;
}
a:hover, a:focus{
	/*color: #6b673e;*/
	color:#dde068;
	font-weight:bold;
	text-decoration: none;
}

a:active{
	color:#dde068;
	text-decoration:underline;
	font-weight:bold;
}
   
/* ================================================================
   2.  Screendesign
   ================================================================ */  
   
#wrapper {
   position:relative;
   width:1000px;
   height:750px;
   margin-top:0;
   margin-left:50px; 
   background-color:#FFFFFF;
   z-index:1;
}

#kopfbereich {
	position:absolute;
	/*vorher: fixed*/
	margin-top:0;
	margin-left:0;
	width:1000px;	
	z-index:100;
}

#content {    
   position:absolute;
   width:500px;
   height:500px;  
   margin-top:200px;
   margin-left:20px;   
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}

#content ul li {
	list-style: inside;
	list-style: square;
} 

#textbox {
	position:absolute;	
	width:200px;	
	height:230px;
	margin-top:250px;
	margin-left:730px;
	padding:5px;
	background-color:#f7f8f2;
} 

#textbox_neu {
	position:absolute;	
	width:325px;	
	height:230px;
	margin-top:250px;
	margin-left:598px;
	padding:10px;
	background-color:#f7f8f2;
} 

address{
	position:absolute;
	width:550px;
	height:20px;
	margin-top:720px;
	margin-left:20px;	
	padding-left:30px;
	background-color:#fff;
	font-size:9px;
	font-style:normal;	/*verhindert, dass gewisse Browser kursiv darstellt*/	
	vertical-align: left;
}
   
#printheader{
	display:none;
}  

.bild {					/*Position des Fotos in grauer Box rechts*/
	float:left;
	padding-left:10px;
	padding-right:5px;
	margin-right:10px;
	} 
	
.text_textbox {
	float:left;
	padding-left:10px;
	padding-right:5px;
	margin-right:10px;
	margin-top:20px;
}	

#kontaktbox {			/*Titelposition auf Seiten index, kontakt*/
	padding-left: 10px;
}

/* ================================================================
   3.  Navigation 
   ================================================================ */   

#navhorizontal {
	position:absolute;
	/*vorher: fixed*/
	width:980px;
	height:45px;
	margin-top:160px;
	margin-left:20px;
	background-color:#FFFFFF;
	z-index:102;
}

ul#Navigation {
    margin: 0; 
	padding: 0.8em;
    text-align: center;
    border: none;
    background-color: #FFFFFF;
  }

ul#Navigation li {
    position:relative;
	list-style: none;
	display: inline;
    margin: 0; 
	padding: 0;
	background-color:#FFFFFF;
}

ul#Navigation a, ul#Navigation span {
    float: left; 
	width: 205px;
    margin: 0.1em; 
	padding: 0.5em 1em;
    text-decoration: none; 
	font-weight: bold;
    border: none;
    color: #6b673e; 
	background-color: #dde068;  /*grün*/
	font-size:11px;
  }

ul#Navigation a:hover, ul#Navigation span {
    color: white; 
	background-color:#6b673e;  /*braun*/
  }
ul#Navigation div {
     clear: left;
  }
 
ul#Navigation #seite_aktuell {
	color: white; 
	background-color:#6b673e;
}

/* ================================================================
   4.  Home
   ================================================================ */  

#content_home {    
   position:absolute;
   width:400px;
   height:500px;  
   margin-top:200px;
   margin-left:230px;   
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}

#content_home ul li {
	list-style: inside;
	list-style: square;
} 

/* ================================================================
   5.  Über uns
   ================================================================ */  

#content_ueberuns {    
   position:absolute;
   width:620px;
   height:500px;  
   margin-top:200px;
   margin-left:20px;   
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}

#ueberuns {    				/*für Seite ueberuns\ueberuns*/
   position:absolute;
   width:500px;
   height:500px;  
   margin-top:200px;
   margin-left:55px;   
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}  

.bild_ueberuns1 {					
	float:left;
	padding-left:5px;
	padding-right:1px;
	margin-right:2px;
	} 
	
.bild_ueberuns2 {					
	float:left;
	/*padding-left:10px;*/
	padding-right:5px;
	margin-right:10px;
	} 	

#content_ueberuns ul li {
	list-style: inside;
	list-style: square;
} 	
   
/* ================================================================
   6.  Dienstleistungen
   ================================================================ */   

#zelle1, #zelle2, #zelle3, #zelle4 {
	height:80px;
	width:205px;
	float: left;
	padding:10px;	
	padding-top:30px;	
}

a #zelle1, a #zelle4 {
	font-size:14px;
	/*background-color: #FFFFCC;*/
	background-color: #dde068;
	text-align:center;	
}

a #zelle2, a #zelle3 {
	font-size:14px;
	background-color: #ffffff; /*cccccc;*/
	text-align:center;	
}

#zelle1 {
	border-top:1px solid;
	border-left: 1px solid;
	border-color:#dde068;
}

#zelle2 {
	border-top:1px solid;
	border-right: 1px solid;
	border-color:#dde068;
}

#zelle3 {
	border-bottom:1px solid;
	border-left: 1px solid;
	border-color:#dde068;
}

#zelle4 {
	border-bottom:1px solid;
	border-right: 1px solid;
	border-color:#dde068;	
}

a:hover #zelle1, a:hover #zelle2, a:hover #zelle3, a:hover #zelle4 {
	color:#FFFFFF;
	font-size:14px;
	background-color:#6b673e;
	text-decoration: none;
}

#content_dienstleistungen {    
   position:absolute;
   width:550px;
   height:500px;  
   margin-top:200px;
   /*margin-left:20px;  */ 
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}

#content_dienstleistungen ul li {
	list-style:none;
}

.dienstleistung_detailliert {
	border:1px solid;
	border-color:#dde068;
	height:100px;
	width:270px;
	float: left;
	padding:10px;	
	padding-left:20px;
}

#dienstleistung_detailhoeher {
	border:1px solid;
	border-color:#dde068;
	height:180px;
	width:270px;
	float: left;
	padding:10px;	
	padding-left:20px;
}

#modular_paket {
	border:1px solid;
	border-color:#dde068;
	height:180px;
	width:270px;
	float: left;
	padding:10px;	
	padding-left:20px;
}

/* ================================================================
   7a.  Seite Kontakt
   ================================================================ */   

#spalte1 {    
   position:absolute;
   width:200px;
   height:500px;
   float:left;  
   margin-top:20px;
   margin-left:200px;   
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}

#spalte2 {    
   position:absolute;
   width:200px;
   height:500px;  
   margin-top:20px;
   margin-left:420px;
   float:left;
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}
  
/* ================================================================
   7b.  Kontaktformular
   ================================================================ */   

#kontaktform {    
   position:absolute;
   width:550px;
   height:460px;
   /*float:left; */ 
   /*margin-top:20px;*/
   margin-top:220px;
   margin-left:230px;   /*vorher: 180px;*/
   padding-top:5px;
   padding-left:30px;
   padding-right:10px;   
   background-color:#fff;
}

#kontaktformular { 
	background-color:#f7f8f2;
}

.left {
   float: left;
   text-align: right;
   width: 20%;
   margin-right: 2%;
}

.right {
   margin-left : 22%;
}


.fieldset1 {
   width:100%;
   border:1px solid;
}

.invisible {
	visibility:hidden;
	color:#FF0000;
}

.fehlermeldung {
   margin-left : 10px;;
   color:red;
   font-size:9px;
}

#vorname, #name, #strasse, #plz, #ort, #tel, #email {
	background-color: #ffffff;
	border-bottom:1px solid;
	border-bottom-color:#CCCCCC;
	border-left:1px solid;
	border-left-color:#CCCCCC;
}

#vorname_meldung, #name_meldung, #strasse_meldung, #plz_meldung, #ort_meldung, #tel_meldung, #email_meldung {
	color:#6b673e;
}

.eingerueckt {
	margin-left:120px;
}

.button_submit {
	color: #FFFFFF;
	background-color:#6b673e;
	font-size:11px;
	font-weight:bold;
	width:90px;
	height:20px;
	margin-left:120px;
	text-align:center;
}

.button_reset {
	color: #FFFFFF;
	background-color:#6b673e;
	font-size:11px;
	font-weight:bold;
	width:90px;
	height:20px;
	margin-left:5px;
	text-align:center;
}

/* ================================================================
   E N D E   D E S   S T Y L E S H E E T S 
   ================================================================ */