/*
orange ed8600
grau 595959
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Oswald');

*
{
margin:0;
padding:0;
}

body
{
                                 background-image:url(bilder/leer.gif);
                                 width:320px;
margin: 0 auto;
font-family:Titillium Web,Arial,sans-serif;
                                 font-size:15px;
color:#000000;
}

#gesamt
{
}
#inhalt-oben
{
}
#inhalt-mitte
{
                                 display:inline-block;
                                 min-height:100%;
                                 width:280px;
                                 margin-top:0px;
                                 padding-right:20px;
                                 padding-left:20px;
                                 padding-bottom:40px;
}

#menue-oben
{
                                 display:none;
}

#inhalt-oben-menu-mobil
{
                                 display:block;
float:right;
margin-top:10px;
margin-right:20px;
position:relative;
z-index:500;
}
#inhalt-oben-menu-mobil img
{
                                 width:50px;
}
#inhalt-oben-menu-layer-mobil
{
margin-left:-250px;
display:none;
background-color:#ffffff;
position:absolute;
top:85px;
width:320px;
z-index:9999;
border-top:1px solid #ed8600;
}
#inhalt-oben-menu-layer-mobil li
{
list-style-type:none;
padding-top:4px;
padding-bottom:3px;
border-bottom:1px solid #ed8600;
}
#inhalt-oben-menu-layer-mobil a
{
text-transform:uppercase;
text-decoration:none;
padding-left:15px;
color:#ed8600;
font-size:20px;
}
.a-menu-oben-mobil
{
text-decoration:none;
}
#kopf
{
background-color:#ed8600;
}
#logo
{
position:relative;
z-index:100;
                                 margin-left:5px;
                                 margin-bottom:22px;
}
#logo img
{
                                 width:140px;
}

#kopfbild-desktop
{
                                 display:none;
}
#kopfbild-mobil
{
position:relative;
                                 margin-top:-43px;
z-index:5;
                                 display:inline-block;
}
#bild-abbruckprofis-mobil
{
                                 display:inline-block;
}
#kopfbild img
{
                                 width:100%;
}
#kopfbild-mobil img
{
                                 width:100%;
}
#bild-abbruckprofis-mobil  img
{
                                 width:100%;
}
#direkt-telefon
{
                                 background-image:url(bilder/leer.gif);
font-family:Oswald,Arial,sans-serif;
color:#ffffff;
position:relative;
float:right;
                                 margin-top:-16px;
margin-right:20px;
padding-left:60px;
width:100px;
font-size:14px;
font-weight:bold;
z-index:50;
}
#kopf-text
{
background-color:#ed8600;
                                 background-image:url(bilder/leer.gif);
background-repeat:no-repeat;
background-position:0px 150px;
float:left;
                                 height:100%;
                                 width:280px;
                                 padding-right:20px;
                                 padding-left:20px;
                                 padding-bottom:20px;
}
#ueberschrift-kopf
{
font-family:Oswald,Arial,sans-serif;
font-weight:bold;
                                 font-size:18px;
                                 line-height:22px;
                                 margin-top:12px;
}
#ueberschrift-mitte
{
font-family:Oswald,Arial,sans-serif;
font-weight:bold;
                                 font-size:18px;
                                 line-height:22px;
margin-top:30px;
margin-bottom:30px;
color:#ed8600;
}
#ueberschrift-mitte-kleiner
{
font-family:Oswald,Arial,sans-serif;
font-weight:bold;
                                 font-size:16px;
                                 line-height:18px;
margin-top:30px;
margin-bottom:10px;
color:#ed8600;
}
.ueberschrift-text
{
font-size:22px;
margin-bottom:10px;
                                 margin-top:10px;
}

#inhalt-spalte-links
{
display:none;
}

#inhalt-spalte-mitte
{
                                 width:100%;
float:left;
                                 margin-right:0px;
                                 margin-bottom:0px;
}
#inhalt-spalte-mitte-und-rechts
{
                                 width:100%;
float:left;
                                 margin-right:0px;
                                 margin-bottom:0px;
}
#inhalt-spalte-mitte img
{
                                 width:100%;
}

#inhalt-spalte-rechts
{
                                 width:100%;
float:left;
                                 margin-top:0px;
                                 margin-bottom:0px;
}
#inhalt-spalte-rechts-index
{
                                 width:100%;
float:left;
                                 margin-top:0px;
                                 margin-bottom:0px;
}
#inhalt-spalte-rechts img
{
                                 width:85%;
}
.abstand-oben
{
margin-top:35px;
}

#footer
{
                                 background-image:url(bilder/hmg-abbruch-nettetal-streifen-mobil.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
background-color:#ed8600;
                                 width:280px;
                                 padding-right:20px;
                                 padding-left:20px;
                                 padding-bottom:50px;
                                 height:100%;
color:#ffffff;
font-size:18px;
}
.footer-text
{
float:left;
}
.footer-link-impressum
{
float:right;
text-transform:uppercase;
color:#000000;
margin-right:50px;
}

.inhalt-aufzaehlung-links
{
float:left;
width:3%;
}
.inhalt-aufzaehlung-rechts
{
float:left;
width:97%;
}
.inhalt-aufzaehlung-links2
{
float:left;
width:35%;
}
.inhalt-aufzaehlung-rechts2
{
float:left;
width:65%;
}

a
{
color:#ffffff;
text-decoration:none;
}
.a-schwarz
{
color:#000000;
text-decoration:none;
}
.a-orange
{
color:#ed8600;
text-decoration:none;
}

.mobil-aus
{
display:none;
}
.desktop-aus
{
                                 display:block;
}

.formular-input
{
font-family:Titillium Web,Arial,sans-serif;
font-size:14px;
width:180px;
margin-bottom:15px;
}
.formular-input-2
{
font-family:Titillium Web,Arial,sans-serif;
font-size:14px;
width:80px;
margin-bottom:15px;
}
.formular-input-breit
{
font-family:Titillium Web,Arial,sans-serif;
font-size:14px;
width:277px;
margin-bottom:15px;
}
#formular-abschicken
{
background-image:url(bilder/hmg-abbruch-nettetal-pfeile-telefon.jpg);
background-repeat:no-repeat;
background-position:20px 14px;
font-family:Oswald,Arial,sans-serif;
color:#ffffff;
position:relative;
padding-top:14px;
padding-bottom:10px;
padding-right:0px;
padding-left:90px;
font-size:25px;
font-weight:bold;
height:25px;
width:140px;
background-color:#ed8600;
margin-top:20px;
}
.formular-dotted-line
{
margin-top:4px;
width:100%;
border-top:1px dotted #595959;
}