html, body
{ margin:0; padding:0; background-image:url(../bilder/hintergrund.jpg); background-color: #ffcc00; } 
 
#pagewidth
{ max-width:100%; min-width:100%; }
 
#header
{ position:relative; height:140px; background-color: transparent; width:100%;
border-bottom: 1px solid black; } 

#logo
{ position: relative; top: 10px; left: 45px; float: left; }

#headline { position: absolute; left: 355px; bottom: 5px; float: left; font-family: verdana;}

.navigrafik
{ position: absolute;	right: 30px; bottom: 23px; }
 
#linke_spalte
{ width:20%; height: auto; float:left; position:relative; background-color: transparent; }
 
#twocols{ width:80%; float:right; position:relative; }
 
#rechte_spalte
{ width:32%; float:right; position:relative; background-color: transparent; }

#news
{ width: 70%; height: auto; text-align: center; font-family: verdana; font-size: 0.7em;
color: #000; background-color: #dcdcdc; margin-top: 5px; margin-left: 20px; padding: 5px;
border-bottom: 1px solid #000;  }

#news a:link
{ font-family: inherit; font-size: inherit; color: red;}

#news a:hover
{ font-family: inherit; font-size: inherit; color: #fff; }

#news a:visited
{ font-family: inherit; font-size: inherit; color: #cc00ff; }
 
#inhalt
{background-color: #ffcc00; float: left; display:inline; position: relative; 
 width:68%; margin-top: 5px; }
 
#footer
{ height:50px; background-color: transparent; clear:both; font-family: verdana;
font-size: 0.7em; text-align: center; padding-top: 10px; border-top: 1px solid black; } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix
{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#linke_spalte{display:none;} 

/*hide the right column when printing*/ 
#rechte_spalte{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*Beginn Hauptnavi*/
#navicontainer { position: relative; left: 45px; margin: 0; padding-top: 5px; padding-bottom: 10px; }
#navicontainer ul { list-style-type: none; text-align: left; margin: 0 0 0 5px; padding: 0 0 0 0px; }
#navicontainer ul li a { background: url(../bilder/list-off.gif) no-repeat left center; text-align: left; font-size: 0.7em; font-family: verdana; text-decoration: none; color: #000; margin: 0 0 0 5px; padding: 0 0 0 15px; }
#navicontainer ul li a:hover { background: url(../bilder/list-on.gif) no-repeat left center; color: #474747; margin: 0 0 0 5px; padding: 0 0 0 15px; }
#navicontainer ul li a:focus { color: #474747; background: url(../bilder/list-on.gif) no-repeat left center; margin: 0 0 0 5px; padding: 0 0 0 15px; }
#navicontainer hr { width: 50%; position: absolute; left: 0; }

#startseite .startseite, #impressum .impressum, #disclaimer .disclaimer, #team .team,
#kontakt .kontakt, #referenzen .referenzen, #downloads .downloads, #toenung .toenung,
#agentur .agentur, #digitaldruck .digitaldruck, #fahrzeug .fahrzeug, #links .links,
#schilder .schilder, #textil .textil, #website .website
{ font-weight: bold; }

#counter
{ width: auto; height: 100px; position: relative; left: 45px; margin-top: 10px; margin-bottom: 10px; font-family: verdana;
font-size: 0.7em; color: #000; }
/*Ende Hauptnavi*/





/*Beginn Navigation unten*/
#footer a, a:link, a:visited
{ font-family: verdana; font-size: inherit; text-decoration: none; color: black;}

#footer a:visited, a:active
{ text-decoration: none; color: #474747; }

#footer a:hover
{ color: #808080; }
/* Navigation unten ende */

/* Beginn CSS fü Inhalte */

#inhalt_impressum
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.7em; padding-bottom: 20px; }

#inhalt_disclaimer
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.7em; padding-bottom: 20px; }

.mitarbeiter
{ border-bottom: 1px solid #000; width: auto; height: 120px; padding: 5px; }

.mitarbeiter h5
{ padding: 0; margin: 0; }

#mitarbeiter
{ float: left; margin-right: 15px; margin-bottom: 5px; }

#inhalt_team
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.7em;
 padding-bottom: 20px; }

#inhalt_kontakt
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.7em; padding-bottom: 20px; }

#adresse_kontakt
{ border-bottom: 1px solid #000; width: auto; height: auto; padding: 5px; }

#mail
{ border: none; margin-left: 5px; margin-right: 5px; }

#inhalt_startseite
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.9em; padding-bottom: 20px;
text-align: center; }

#inhalt_agentur
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em; padding-bottom: 20px; }

#liste_agentur
{ line-height: 1.5em; list-style: square; }

#inhalt_downloads
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.7em; padding-bottom: 20px; }

#inhalt_links
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.7em; padding-bottom: 20px; border-bottom: 1px solid #000; }

#inhalt_links a:link a:focus
{ text-decoration: underline; color: blue; }

#inhalt_links a:hover
{ text-decoration: underline; color: red; }

.bilder_links
{ border: none; margin-left: 10px; margin-right: 10px; }

#inhalt_fahrzeug
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; }

.produktbild
{ float: left; border: none; margin-bottom: 10px; margin-right: 10px; }

.produkt
{ margin-left: 20px; margin-top: 20px; margin-bottom: 10px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; height: 170px; }

.produkt_gross
{ margin-left: 20px; margin-top: 20px; margin-bottom: 10px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; height: 335px; }

#inhalt_schilder
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; }

#inhalt_toenung
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; }

#inhalt_homepage
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; }

#inhalt_digitaldruck
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; }

#inhalt_textil
{ margin-left: 20px; margin-top: 20px; font-family: verdana; font-size: 0.8em;
padding-bottom: 20px; border-bottom: 1px solid #000; }