/* Styles  - Atelier Meier*/

html,body{margin:0;padding:0}
body{background: #FFF; font: 90% Arial,sans-serif}

/* Tabs, Menus */
div#menu{float:left;width: 100%;padding-top:120px; margin-bottom: 30px; background: #BBD9EE}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 100px;width:650px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #C0C0C0;color: #FFF} 
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

/* Hauptstruktur */
div#container{width:930px;padding:10px 0;text-align:left}
div#content{float:left;width:610px; padding:20px; margin-left: 100px; background: #F1EFE2;color: #003;text-align:left}
ul#content{width:650px;overflow:hidden; margin:0;padding:0}
div#pics{float:right;width:130px;padding:20px; background: #F1EFE2; color: #003;}
div#logo{position:absolute; left: 750px; top: 40px; height: 150px; width: 300px;}


/* Spezialfälle - kontakt*/
body#kontakt div#beschreibung{float:left; width: 350px; }
body#kontakt div#uebersicht{float:left; text-align: right; width: 250px;}
/* Spezialfälle - moebel*/
body#bereich div#beschreibung{float:left; width: 210px;}
body#bereich div#uebersicht{float:left; text-align: right; margin-top: 55px;}
/* Spezialfälle - schrank*/
body#produkt div#beschreibung{float:left; width: 290px; }
body#produkt div#uebersicht{float:left; text-align: right;}

/* Images */

img#main_pic{float: right; margin-left: 20px;}
img#thumb_pic{margin: 0px 15px 10px 15px;}
img#uebersicht_pic{margin: 0px 0px 15px 25px}

/* Überschriften, Lauftext */
h1,h2{margin: 0;padding: 0; font-weight:100;color: #003;}
h1{font-size: 160%}
h2{font-size: 130%}
p{margin:0;padding: 0; text-align: justify;}
p#subTitle{margin:0;padding: 1em 0 0.5em; text-align: left; font-weight: bold;}

/* Buttons - Anfrage */

ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none}
ul.postnav li{float:left;width: 9em;font-size:120%;margin-right: 5px}
ul.postnav a{display:block;width:9em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
    text-transform:uppercase;background: #C0C0C0;color: #666;
    text-decoration:none;text-align:center}
ul.postnav a:hover{background: #666;color:#C0C0C0}

/* Index - Seite*/

ul#about,ul#about li{list-style-type:none;margin:0;padding:0; font-size: 22pt; font-family: arial;}
ul#about{width: 554px;margin:70px auto 0;text-align:left}
ul#about li{float:left;width: 120px; height:100px; padding: 30px 15px 20px 35px;margin:8px 8px 0 0}
li#ab1{background: #BBD9EE}
li#ab2{background: #E7F1F8}
li#ab3{background: #C0C0C0}
li#ab4{background: #E7E4D3}
li#ab5{background: #F1EFE2}
li#ab6{background: #FFF}