/* WPD */

/* Hintergrund */
body {
 background-color: #cccccc;
 margin:12px;
 padding:0px;
}


/* Head */
#head {
 width: 1200px;
 margin: auto;
 padding: 0px;   
}

#head-left {
 float: left;
 width: 910px;
 background-color: #7F7F7F; 
 padding: 5px;
 margin: 0;
}
	
#head-right {		
 float: left;
 width: 245px;
 height: 88px;
 background-color: #f7f7f7;
 border-top: 1px inset #808040;
 border-bottom: 1px outset #808040;
 margin-left: 15px;
 padding-left: 15px;  
}

/* Head Links */
.head-links {
  float: left;
  width: 30%;  
  text-align:center;
  margin-top:55px;
  padding:2px   
}

/* Bild Logo */
#logo{
 height:80px;
 background-image:url("images/design-logo.gif");
 background-repeat:no-repeat;
 background-position: 1% 0%; 
}

/* Slogan */
#slogan {
 width: 800px;
 margin: auto;
 margin-top:1px;
 margin-bottom:3px;
 padding-left:220px; 
}
#slogan2 {
 width: 800px;
 margin: auto;
 margin-top:1px;
 margin-bottom:3px;
 padding-left:20px; 
}

/* Content */	
#content {
 width: 1200px;    
 padding:0px;
 margin: auto; 
}
#content-left {
 float: left;
 width: 200px;   
 padding-left:10px; 
 padding-top:35px;  
}
#content-middle {
 float: left;
 width: 685px;
 background-color: #ffffff; 
 padding-left: 20px;
 padding-top: 35px;
 padding-right: 5px;
 padding-bottom: 30px;
}
#content-right {		
 float: right;
 width: 270px; 
 background-color: #cccccc; 
 margin:0px;
 padding: 5px;
}

/* Überschrift */	
#ueberschrift { 
 width: 1200px;
 height: 30px;
 margin: auto;
} 
#ueberschrifta { 
 width: 905px;
 height: 20px;
 margin: 0;
 padding-left: 15px;
 padding-top: 15px;
 background-color: #ffffff;     
} 

/* Fuss */
#fuss {
 width: 1200px;
 margin: auto;
 margin-top: 20px;
 padding: 0px; 
}
#fuss-left {
 float: left;
 width: 920px;
 height: 39px;
 text-align:center;
 background-color: #cccc66; 
 margin:0px;
 padding-top:27px;
}   
#fuss-right {		
 float: left;
 width: 225px;
 height: 63px;
 background-color: #f7f7f7;
 border-top: 1px inset #808040;
 border-bottom: 1px outset #808040;
 margin-left: 15px;
 padding-left: 35px;
} 
/* Inhalt Fuss Links */
.fuss-links {
 float: left;
 width: 80px;  
 text-align:center;
 background-color: #e8e8e8;
 border-bottom: 1px dashed #000000;
 border-top: 1px dashed #000000;
 margin-left:0px;
 margin-top:19px;
 margin-right:20px;
 padding:5px   
}

/* Bilder Links */
#picture-left {
 float:left;  
 margin-bottom: 10px;
 padding-left: 5px;
 padding-top: 10px;
 background-repeat:no-repeat; 
}


/* Bild Hintergrund */
.hintergrund{
 background-image: url(images/design-hintergrund.gif);
 background-repeat:repeat-y;
}

/* Inhalt Register */
#register {
 float: left;
 width: 260px;   
 height:200px;
 background-color: #f7f7f7;
 border-top: 1px inset #808040;
 border-bottom: 1px outset #808040;
 margin-left: 10px;
 margin-top:-35px;
 padding-top:25px;
 padding-bottom:15px; 
}
/* Inhalt Register Links */
.register-links {
 float: left;
 width: 130px;   
 background-color: #e8e8e8;
 border-bottom: 1px dashed #000000;
 border-top: 1px dashed #000000;
 margin-bottom:5px;    
 padding:0px   
}

/* Inhalt Kontaktdaten */
#kontaktdaten {
 float: left; 
 width: 250px;
 height:220px;   
 background-color: #f7f7f7;
 border-top: 1px inset #808040;
 border-bottom: 1px outset #808040;
 margin-left: 10px;
 margin-top:50px;
 padding-left:10px;
 padding-top:15px;
 padding-bottom:15px;
}
/* Kontaktdaten */
#kontaktdaten-left {
 float: left;
 width: 60px;
 height:50px;
 text-align:left;
 padding: 0px;     
 margin-top:5px;
} 
#kontaktdaten-right {
 float: left;
 width: 135px;
 height:50px;
 text-align:left;
 padding: 0px;
 margin-top:5px;
} 

/* Impressum */
.impressum-left {
 float: left;
 width: 120px;
 text-align:left;
 padding-bottom: 10px;     
 margin-left:10px;
} 
.impressum-right {
 float: left;
 width: 250px;
 text-align:left;
 padding-bottom: 10px;
 margin-left:10px;
}


/* Orte */
.orte-top {
 float: left;  
 width: 95%;
 text-align:left;            
 background-color:#cccccc;
 padding: 0px;     
 margin-top:30px;
} 
.orte-bottom {
 float: left;
 width: 95%;
 text-align:justify;
 background-color:#f7f7f7;
 padding-top: 10px;
 padding-bottom: 10px;    
}

/* Google Karte */
.karte {
 float: left;
 text-align:center;
 padding: 0px;     
 margin-top:30px;
 margin-bottom:30px;
} 

/* Layouts */
#layouts {
 width: 570px; 
 margin: auto;
}

.layouts-left {
 float: left;
 width: 250px;
 text-align:center;
 background-color: #f7f7f7;
 border: 1px solid #000000; 
 margin-bottom:15px;
 padding:5px;
}   

.layouts-right {		
 float: right;
 width: 250px;
 text-align:center;
 background-color: #f7f7f7;
 border: 1px solid #000000;  
 margin-bottom:15px;
 padding:5px;
}

/* Preise */	
.preise {    
 width: 640px; 
 padding:0px;
 margin: 0; 
}
.preise-left-top {
 float: left;
 width: 160px;
 height:20px;
 text-align:center;
 background-color: #cccccc;
 margin-right:5px;   
 padding:5px;  
}
.preise-middle-top {
 float: left;
 width: 340px;
 height:20px;
 text-align:center;
 background-color: #cccccc; 
 margin-right:5px;
 padding:5px;
}
.preise-right-top {		
 float: left;
 width: 100px;
 height:20px; 
 text-align:center;
 background-color: #cccccc; 
 margin:0px;
 padding:5px;
}
.preise-left-dunkel {
 float: left;
 width: 160px;
 height:40px;
 background-color: #e8e8e8; 
 margin-top:3px;
 margin-right:5px;   
 padding:5px;  
}
.preise-middle-dunkel {
 float: left;
 width: 340px;
 height:40px;
 background-color: #e8e8e8; 
 margin-top:3px;
 margin-right:5px;
 padding:5px;
}
.preise-right-dunkel {		
 float: left;
 width: 100px;
 height:40px; 
 text-align:right;
 background-color: #e8e8e8;
 margin-top:3px; 
 padding:5px;
}
.preise-left-hell {
 float: left;
 width: 160px;
 height:40px;
 background-color: #f7f7f7; 
 margin-top:3px;
 margin-right:5px;
 padding:5px;  
}
.preise-middle-hell {
 float: left;
 width: 340px;
 height:40px;
 background-color: #f7f7f7; 
 margin-top:3px;
 margin-right:5px;
 padding:5px;
}
.preise-right-hell {		
 float: left;
 width: 100px;
 height:40px;
 text-align:right; 
 background-color: #f7f7f7; 
 margin-top:3px;
 padding:5px;
}

/* Preise Firmengründer */	
#preise-gruender {    
 width: 640px; 
 padding:0px;
 margin: 0; 
}
.preise-gruender-left-top {
 float: left;
 width: 190px;
 height:20px;
 text-align:center;
 background-color: #cccccc;
 margin-right:5px;   
 padding:5px;  
}
.preise-gruender-middle-top {
 float: left;
 width: 310px;
 height:20px;
 text-align:center;
 background-color: #cccccc; 
 margin-right:5px;
 padding:5px;
}
.preise-gruender-right-top {		
 float: left;
 width: 100px;
 height:20px; 
 text-align:center;
 background-color: #cccccc; 
 margin:0px;
 padding:5px;
}
.preise-gruender-left-dunkel {
 float: left;
 width: 190px;
 height:40px;
 background-color: #e8e8e8; 
 margin-top:3px;
 margin-right:5px;   
 padding:5px;  
}
.preise-gruender-middle-dunkel {
 float: left;
 width: 310px;
 height:40px;
 background-color: #e8e8e8; 
 margin-top:3px;
 margin-right:5px;
 padding:5px;
}
.preise-gruender-right-dunkel {		
 float: left;
 width: 100px;
 height:40px; 
 text-align:right;
 background-color: #e8e8e8;
 margin-top:3px; 
 padding:5px;
}
.preise-gruender-left-hell {
 float: left;
 width: 190px;
 height:40px;
 background-color: #f7f7f7; 
 margin-top:3px;
 margin-right:5px;
 padding:5px;  
}
.preise-gruender-middle-hell {
 float: left;
 width: 310px;
 height:40px;
 background-color: #f7f7f7; 
 margin-top:3px;
 margin-right:5px;
 padding:5px;
}
.preise-gruender-right-hell {		
 float: left;
 width: 100px;
 height:40px;
 text-align:right; 
 background-color: #f7f7f7; 
 margin-top:3px;
 padding:5px;
}

 /* Referenzen */
#referenzen {    
 width: 210px; 
 height:400px;
 margin-top:55px;
 margin-left: -7px; 
}
.referenzen-left {
 float: left;
 width: 68px;
 height:48px;
 text-align:center;
 background-color: #f7f7f7;
 margin-bottom:2px;
 padding-top:12px;  
}
.referenzen-middle {
 float: left;
 width: 68px;
 height:48px;
 text-align:center;
 background-color: #e8e8e8; 
 margin-left:2px;
 margin-right:2px;
 margin-bottom:2px;
 padding-top:12px;
}
.referenzen-right {		
 float: left;
 width: 68px;
 height:48px; 
 text-align:center;
 background-color: #f7f7f7; 
 margin-bottom:2px;
 padding-top:12px;
}
#referenzen-content {    
 width: 323px; 
 color: #000000;
 font-style: normal;
 font-weight: normal;
 font-size: 12px;
 font-family: Verdana, Arial, Sans-serif;
 text-align:center;
 padding-top:20px;
 padding-bottom:40px; 
 margin: auto; 
}

/* Inhalt Tranzparent */
.tranz1 {
 float: left;
 width: 60px;   
 height:100%;
 visibility:hidden;
 margin:0px;
 padding:0px   
}
.tranz2 {
 float: left;
 width: 5%; 
 height:100%; 
 visibility:hidden;
 margin:0px;
 padding:0px      
}

/* Spalten */
.spalte {
 width: 680px; 
 margin: 0px;
 padding: 0px; 
}
/* 3 Spalten */
.spalte1 {
 float: left;
 margin:0px;
 padding-right:30px;
}
.spalte2 {
 float: left;
 margin:0px;
 padding-right:30px;    
}
.spalte3 {
 float: left;
 margin:0px;
 padding:0px;  
}

 /* Liste 1*/
ul.liste1{
 list-style-type: none;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 font-size: 12px;
 font-family: Verdana, Arial, Sans-serif;
 line-height: 2.5;
 padding-top:5px;
 padding-bottom:5px;
}

 /* Liste 2 */
ul.liste2{
 line-height: 2.5;
 list-style-type: none;  
}
ul.liste2a{
 line-height: 1.5; 
 list-style-type: none;
}

 /* Besonderer Inhalt */
#tagcloud1 {
 float:left;
 width:160px;
 height:305px;
 font-family: Verdana, Arial, Sans-serif;
 border:1px solid #808040;
 margin-top: 20px;
 margin-left: 10px;
 margin-right: 5px;
 padding:5px;
}
#tagcloud2 {
 float:left;
 width:170px;
 height:315px;
 font-family: Verdana, Arial, Sans-serif;
 border:1px solid #808040;
 margin-top: 20px;
 margin-left: 10px;
 margin-right: 5px;
 padding:5px;
}
#tagcloud3 {
 float:left;
 width:600px;
 height:220px;
 font-family: Verdana, Arial, Sans-serif;
 border:1px solid #808040;
 margin-top: 20px;
 margin-left: 5px;
 margin-right: 5px;
 padding:5px;
}
#tagcloud4 {
 float:left;
 width:160px;
 height:300px;
 font-family: Verdana, Arial, Sans-serif;
 border:1px solid #808040;
 margin-top: 100px;
 margin-left: 10px;
 margin-right: 5px;
 padding:5px;
}

 /* Clear */
.clr {
  clear: both;
}
.clr-right {
  clear:right;
}
.clr-left {
  clear:left;
}


 /* Text Copyright */
q:before {
 content:"2010";    
 }


 /* Überschriften */
h1 {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 20px;
 font-family: Verdana, Arial, Sans-serif;
 text-align: left;
 margin-top: -7px; 
}

h2 {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 font-family: Verdana, Arial, Sans-serif;
 padding-left:10px;
 text-indent:-3em;
 margin-left:3em;
}

h3 {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 font-family: Verdana, Arial, Sans-serif;
 text-align: center;
 padding-bottom:20px;
 margin:0; 
}

h4 {
 color: #808040;
 font-style: normal;
 font-weight: bold;
 font-size: 13px;
 font-family: Verdana, Arial, Sans-serif;
 text-align: left;
 margin-bottom:10px; 
}

 /* Schrift Normal*/
p {
 color: #000000;
 font-style: normal;
 font-weight: normal;
 font-size: 12px;
 font-family: Verdana, Arial, Sans-serif;
 line-height: 1.5;
 margin:0px;    
}


 /* Schrift Fett */
.schrift-fett {
 color: #000000;
 font-style: normal;
 font-weight: bold;
 font-size: 13px;
 font-family: Verdana, Arial, Sans-serif;
 line-height: 1.3;
 padding:0;
 margin:0; 
}
  
 /* Schrift Unterstrichen */
.schrift-unterstrichen {
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration:underline;
 font-size: 13px;
 font-family: Verdana, Arial, Sans-serif;
 line-height: 1.5;
}

 /* Schrift Klein */
.schrift-klein {
 color: #000000;
 font-style: normal;
 font-weight: normal;
 font-size: 9px;
 font-family: Verdana, Arial, Sans-serif;
 line-height: 1.5;
}

  /* Schrift Copyright */
.copyright {
 color: #000000;
 font-style: normal;
 font-weight: normal;
 font-size: 10px;
 font-family: Verdana, Arial, Sans-serif;   
}

 /* Schrift Gold Fett */
.gold-fett {
 color: #808040;
 font-style: normal;
 font-weight: bold;
 font-size: 12px;
 font-family: Verdana, Arial, Sans-serif;
 text-align: left;
}

 /* Schrift Gold 9px */
.gold9 {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 9px;
 font-family: Verdana, Arial, Sans-serif;
 text-align: left;
}

 /* Schrift Gold 12px */
.gold12 {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 12px;
 font-family: Verdana, Arial, Sans-serif;
 text-align: left;
 line-height: 2;
}

 /* Schrift Rot 12px */
.rot {
  color: #805540;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Arial, Sans-serif;   
}

 /* Schrift Rot 13px Fett*/
.rot-fett {
 color: #805540;
 font-style: normal;
 font-weight: bold;
 font-size: 13px;
 font-family: Verdana, Arial, Sans-serif;
}

 /* Text durchgestrichen */
.strich {
 color: #805540;
 font-style: normal;
 font-weight: normal;
 font-size: 12px;
 font-family: Verdana, Arial, Sans-serif;
 text-decoration: line-through;
}

 /* Schrift Slogan */
.slogan {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 10px;
 font-family: Verdana, Arial, Sans-serif;
}
.slogansympol {
 color: #808040;
 font-style: normal;
 font-weight: normal;
 font-size: 8px;
 font-family: Verdana, Arial, Sans-serif;
}

/* Hyperlinks Navigation */
a.navi{
 font-family:Verdana, Arial, Sans-serif;
 font-size:13px;
 color:#805540;
 font-weight:normal;
 text-align:center;
 text-decoration:none;
}
a.navi:link {
 display:block;
 padding:5px;
}
a.navi:hover {
 display:block;
 padding:5px;
 color:#ffffff;
 background-color:#7F7F7F;
}
a.navi:visited {
 display:block;
 padding:5px;
}
a.navi:active {
 display:block;
 padding:5px;
}


 /* Hyperlinks Normal */
a.normal {
 font-family:Verdana, Arial, Sans-serif;
 font-size:13px;
 font-weight: normal;
 text-decoration:none; 
}
a.normal:link {
 color:#805540;
}
a.normal:visited {
 color:#805540;
}
a.normal:hover {
 color: #000000;
}

/* Hyperlinks Orte */
a.orte {
 font-family:Verdana, Arial, Sans-serif;
 font-size:13px;
 font-weight: normal;
 text-decoration:none; 
}
a.orte:link {
 color:#000000;
 text-decoration:none;
}
a.orte:visited {
 color:#000000;
}

 /* Hyperlinks Normal */
 a.zurueck {
 float: right;
 font-family:Verdana, Arial, Sans-serif;
 font-size:13px;
 font-weight: normal;
 text-decoration:none;
 text-align: right;
}
a.zurueck:link {
 color:#805540;
}
a.zurueck:visited {
 color:#805540;
}
a.zurueck:hover {
 color: #000000;
}