*{
margin:0;
padding:0;
}
body{
font-size:93.75%;
font-family: Arial,Verdana,sans-serif;
}
header{
height:140px;
background:url(../bilder/header_bg.png);
padding-top:40px;
}
h1{
font-size:2.2em;
line-height:1.5em;
font-weight:normal;
}
h2{
font-size:1.5em;
font-weight:normal;
border-bottom:1px dotted #666;
padding-bottom:5px;
color:#000099;
}
h3{
color:#fff;
font-weight:normal;
margin-top:40px;
}
article{
width:30.33%;
float:left;
}
section{
margin:40px 0;
}
section p{
clear:both;
}
section p a{
text-decoration:none;
}
section p a:hover{
text-decoration:underline;
}
article img{
float:left;
margin-right:10px;
}
article p{
padding:10px;
}
article a{
text-decoration:none;
color:#000099;
font-size:0.9em;
clear:both;
}
article a:hover{
text-decoration:underline;
}
nav{
padding-top:10px;
float:right;
}
nav ul li{
display:inline;
padding:12px;
border-right:1px dotted #666;
}
nav ul li:last-child{
border:none;
}
nav ul li a{
text-decoration:none;
font-size:1.3em;
color:#666;
padding:10px;
}
nav ul li a:hover{
color:#c24704;
background-color:#fff;
border-radius:5px;
}
footer{
height:391px;
background:url(../bilder/footer_bg.png);
}
footer aticle{
padding-top:40px;
}

/*klassen*/
.ausrichtung{
max-width:960px;
margin:0px auto;
padding:0 5px;
}
.section_abstand{
margin-left:3.33%;
}
.section_ver_abstand{
margin-top:0;
}
.form_foot p{
color:#fff;
padding:10px 0 0 0;
line-height:1.5em;
}

/* IDs */
#logo{
width:349px;
height:82px;
background:url(../bilder/logo.png) no-repeat;
background-size:310px;
}
#logo img{
width:36.3541667%;
height:auto;
}
#top{
height:130px;
background:url(../bilder/top_bg.fw.png);
color:#fff;
padding-top:20px;
}
#referenzen article{
width:60%;
}
#content article{
width:30%;
}
#home article{
width:60%;
}
#impressum{
min-height:240px;
}
#impressum article{
width:60%;
}
#kontakt{
padding:10px;
}
#bild{
float:right;
width:30%;
}
#bild img{
padding-top:31px;
border:none;
}

/*Formular*/
form label{
width:100px;
float:left;
margin-bottom:15px;
}
form textarea{
margin-bottom:10px;
border:1px solid #ccc;
}
form br{
clear:left;
}
form input{
outline:none; /* nur beim MAC */
width:149px;
height:20px;
border:1px solid #ccc;
}
form input:focus{
border:1px solid #000099;
}
form textarea:focus{
border:1px solid #000099;
}
form input.button{
border:1px solid #333;
}
form input.button:hover{
cursor:pointer;
color:#000099;
border:none;
}

/*Mediaqueries*/

@media screen and (max-width:1080px){

}

@media only screen and (max-width:660px){
nav{
float:none;
width:100%;
}
.ausrichtung{
width:100%;
}

#impressum article{
width:100%;
}
#logo{
padding-left:5px;
}
}

@media only screen and (max-width:480px){
nav{
float:none;
width:100%;
}

nav ul li{
border:none;
padding:0 5px;
}

h1{
font-size:150%;
}
.ausrichtung{
padding:0;
}
.section_abstand{
margin-left:0;
}
section{
padding:0 5px;
}
#content article{
width:100%;
}
#footer article{
width:100%;
}
}

@media only screen and (max-width:320px){
body{
width:320px;
margin:0;
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
nav ul li a{
font-size:1.0em;
}
}