/**

Stylesheet from www.mariohillemann.com

Author: Mario Hillemann
Devdate: 08.02.2011
Version: 0.802
Website: www.mariohillemann.com

**/

/** Corporate Design **/

html {font-size: 12px; color: #8F887C; font-family: 'Arial', serif; text-align: left;}
body{background: url('../images/kachel.jpg') repeat; line-height: 16px;}

h1 {font-size: 18px; text-transform: uppercase; color: #DED9CD; text-align: left; padding: 0 0 10px 0;}

/** DIV CONTAINER **/

#wrapper
{
width: 804px;
margin: 0 0 0 402px;
}

#header
{
position:relative;
width: 583px;
height: 118px;
background:url(../images/logo.png) no-repeat;
margin: 19px 0 0 8px;

}

.kopflink
{
display: block;
width: 583px;
height: 118px;
}

#kontaktdaten
{
position:absolute;
top: 95px;
left: 1014px;
font-size: 11px;
width: 170px;
}
span#telefon
{
text-align: left;
float: left;

}
span#email
{
text-align: left;
float:left;
}

span#phone
{
margin: 3px 5px 0 0 ;
width: 10px;
height: 10px;
background: url('../images/phone.gif') left no-repeat;
float:left;
}

span#mail
{
margin: 3px 5px 0 0 ;
width: 10px;
height: 10px;
background: url('../images/mail.gif') left no-repeat;
float: left;
clear:left;
}

#willkommen-leistungen
{
background: url('../images/kachel_text.jpg') ;
width: 803px;
height: 136px;
display:block;
margin: 0 0 0 1px;
}

#referenzen
{
margin: 136px 0 0 1px;
background: url('../images/kachel_text.jpg') ;
width: 794px;
height: 399px;
display:block;
padding: 9px 0 0 9px;
}

#hinweise
{
margin: 136px 0 0 202px;
background: url('../images/kachel_text.jpg') ;
width: 391px;
height: 126px;
display:block;
padding: 9px 0 0 9px;
text-align: left;
}

#hinweise-disc
{
margin: 136px 0 0 202px;
background: url('../images/kachel_text.jpg') ;
width: 382px;
height: 399px;
display:block;
padding: 9px 9px 0 9px;
text-align: left;
}

#hinweise-imp
{
margin: 136px 0 0 202px;
background: url('../images/kachel_text.jpg') ;
width: 382px;
height: 1078px;
display:block;
padding: 9px 9px 0 9px;
text-align: left;
}

#hinweise-disc p, #hinweise p, #hinweise-imp p {width: 382px;}

#kontakt
{
margin: 136px 0 50px 1px;

width: 644px;
height: 272px;
display:block;

text-align: left;
}

#kontakt-einleitung
{
background: url('../images/kontakt-background.png');
padding: 9px 0 0 9px;
width: 191px;
height: 262px;
display:block;
float: left;
}

#kontaktformular
{
float:left;
width: 391px;
height: 180px;
margin: 40px 0 0 10px;
}


.kontakt-bezeichnung
{
width: 30px;
display: block;
float: left;
}

#willkommen
{
float:left;
width: 393px;
padding: 9px 0 0 9px;
}

#einleitung
{
float:left;
width: 393px;
}

#einleitung a
{
text-decoration: none;
color: #8F887C;
font-size: 11px;
}

a
{
text-decoration: none;
color: #8F887C;
font-size: 11px;
}

#willkommen p {text-align: left;}
#referenzen p {text-align: left;}
#leistungen
{
float:left;
width: 392px;
padding: 9px 0 0 9px;
}

#leistungen ul li
{
list-style-type: none;
text-align: left;
font-size: 11px;
}
#leistungen ul
{
width: 190px;
height: 100px;
}

.list-style
{
background: url('../images/list-style.gif') no-repeat;
width: 5px;
height: 5px;
display: block;
float:left;
margin: 6px 5px 0 0;
}
span#left {float:left; width: 190px;}
span#right {float: left; width: 191px; margin: 0 0 0 11px;}

.feld3
{
font-size: 10px;
text-transform: uppercase;
color: #DED9CD;
background: none;
border: none;
text-align: right;
margin: -5px 0 0 0;

}
.nachricht
{
width: 381px;
background: url('../images/kontakt-background.png');
border: none;
color: #8F887C;
padding: 5px;
font-size: 12px;
font-family: 'Arial', sans-serif;
margin: 0 0 -1px 0;
}
.nachricht-einzeln
{
width: 180px;
background: url('../images/kontakt-background.png');
border: none;
color: #8F887C;
padding: 5px;
font-size: 12px;
font-family: 'Arial', sans-serif;
float:left;
margin: 0 0 5px 0;
}

.spacer
{
width: 11px;
float:left;
display: block;
}

.abschicken
{
float: right;
}

#footer
{
float:right;
margin: -50px 201px 0 0;
}

#footer a
{
text-decoration: none;
color: #8F887C;
font-size: 10px;
margin: 0 2px 0 0;
}

#referenzen a
{
margin: -9px 0 0 0;
display: block;
width: 200px;
height: 136px;
background: url('../images/kontakt-background.png');
float: left;
}

.bildelement.reihe2
{
margin: 0px 0 0 1px;
display: block;
width: 200px;
height: 136px;
background: url('../images/kontakt-background.png');
float: left;
}

.bildelement.reihe2.nr1
{
margin: 0px 0 0 -9px;
display: block;
width: 200px;
height: 136px;
background: url('../images/kontakt-background.png');
float: left;
}

.bildelement:hover, .bildelement.reihe2:hover, .bildelement.reihe2.nr1:hover {background: #ccc;}

.clear {clear: both;}