/* KONZEPT GESTALTUNG PROGRAMMIERUNG                    */
/* © 03.2008, REV 09.2011                               */
/* HERRMANN GERMANN | Konzept und Gestaltung | ZŸrich   */
/* http://www.herrmanngermann.ch                        */

/* MAIN DESCRIPTION */
* { outline:none; }

body {
    background-color: #ffffff; 
    padding:0px;
    margin:0px;
    overflow: auto;
    font-family: Arial, Helvetica, Verdana;
    font-size: 62.5%; /* Resets 1em to 10px */
    color:#222222; 
}

#centerbox {	
    position:absolute;
    z-index:2;
    height:620px; 
    width:990px;
    margin: 0px 0px 0px -495px;
    top: 20px; 
    left: 50%;
    text-align: left;
    padding: 0px;
    overflow: hidden;
}

/* TYPOGRAPHY AND ELEMENTS */
.txt { font-size: 1.2em; line-height: 1.8em; margin: 10px 10px 10px 10px; }
.titel { font-size: 1.2em; text-transform:uppercase; font-weight:bolder; }

p, form { margin: 0px; padding: 0px; }
a { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: none; }
a img { border:none; }
img { margin:0px; padding:0px; }

#logo { position:absolute; z-index:20; top: 545px; left: 400px; }
#imp { position:fixed; z-index:20; bottom:5px; left: 10px; }
#imp a { font-size:1.0em; color: #806F58; text-decoration: none; }
#imp a:hover { font-size:1.0em; color: #FFFFFF; text-decoration: none; background-color: #806F58; }
#impcont a { color:#000; }

/* NAVIGATION */
#navf { position:absolute; z-index: 20; top: 80px; left: 0px; }
#nava { position:absolute; z-index: 20; top: 0px; left: 600px; }
#navb { position:absolute; z-index: 20; top: 435px; left: 200px; }
#navn { position:absolute; z-index: 20; top: 270px; left: 800px; }
#navk { position:absolute; z-index: 20; top: 340px; left: 800px; }
#navkd { position:absolute; z-index: 20; top: 80px; left: 800px; }
#pigeon a { position:absolute; z-index:20; top: 555px; left: 10px; }
#pigeon a:hover { top: 553px; left: 12px; }

#navf a:link, #navf a:visited, #navf a:active { width:190px; height:70px; background: url(img/f_i.gif); display:block; }
#navf a:hover { background: url(img/f_a.gif); }
#nava a:link, #nava a:visited, #nava a:active { width:190px; height:70px; background: url(img/a_i.gif); display:block; }
#nava a:hover { background: url(img/a_a.gif); }
#navb a:link, #navb a:visited, #navb a:active { width:190px; height:70px; background: url(img/b_i.gif); display:block; }
#navb a:hover { background: url(img/b_a.gif); }
#navn a:link, #navn a:visited, #navn a:active { width:190px; height:70px; background: url(img/n_i.gif); display:block; }
#navn a:hover { background: url(img/n_a.gif); }
#navk a:link, #navk a:visited, #navk a:active { width:190px; height:70px; background: url(img/k_i.gif); display:block; }
#navk a:hover { background: url(img/k_a.gif); }
#navkd a:link, #navkd a:visited, #navkd a:active { width:190px; height:70px; background: url(img/kd_i.gif); display:block; }
#navkd a:hover { background: url(img/kd_a.gif); }

/* SITE SPECIFIC DESCRIPTION */
/* FIRMA */
#areaf { position:absolute; z-index: 18; top: 80px; left: 180px; width:410px; height:160px; background-color:#DFD2BB; }
#bildf { position:absolute; z-index: 19; top: 250px; left: 180px; width:610px; height:285px; }
#bildf1 { position:absolute; z-index: 19; top: 80px; left: 600px; width:190px; height:160px; }
#markef { position:absolute; z-index:5; top: 385px; left: 0px; width:71px; height:31px; background: url(img/marke.gif); }
#gratulieren { position:absolute; z-index: 20; top: 480px; left: 800px; width:190px; text-align:center; font-size:11px; }
#gratulieren img { margin-bottom:12px; }
#gratulieren a { text-decoration:none; outline:none; }
/* ANGEBOT */
#areaa { position:absolute; z-index: 18; top: 0px; left: 400px; width:390px; height:250px; background-color:#8D7D67; }
#areaa1 { position:absolute; z-index: 17; top: 0px; left: 200px; width:200px; height:250px; background-color:#8D7D67; }
#bilda { position:absolute; z-index: 19; top: 260px; left: 400px; width:390px; height:275px; }
#bilda1 { position:absolute; z-index: 20; top: 260px; left: 200px; width:190px; height:140px; }
#markea { position:absolute; z-index:5; top: 410px; left: 25px; width:71px; height:31px; background: url(img/marke.gif); }
/* BERATUNG */
#areab { position:absolute; z-index: 18; top: 260px; left: 0px; width:390px; height:245px; background-color:#CD525F; }
#bildb { position:absolute; z-index: 19; top: 110px; left: 400px; width:390px; height:395px; }
#markeb { position:absolute; z-index:5; top: 15px; left: 385px; width:71px; height:31px; background: url(img/marke.gif); }
/* NETZWERK */
#arean { position:absolute; z-index: 18; top: 160px; left: 530px; width:460px; height:180px; background-color:#C1D8E8; }
#bildn { position:absolute; z-index: 19; top: 160px; left: 200px; width:530px; height:330px; }
#marken { position:absolute; z-index:5; top: 335px; left: 105px; width:71px; height:31px; background: url(img/marke.gif); }
/* KONTAKT */
#areak { position:absolute; z-index: 18; top: 340px; left: 550px; width:440px; height:130px; background-color:#E49850; }
#bildk { position:absolute; z-index: 17; top: 5px; left: 230px; width:560px; height:420px; }
#markek { position:absolute; z-index:19; top: 325px; left: 145px; width:71px; height:31px; background: url(img/marke.gif); }
/* KLIMA */
#areakd { position:absolute; z-index: 18; top: 80px; left: 200px; width:800px; height:180px; background-color:#cee1a8; }
#bildkd { position:absolute; z-index: 19; top: 270px; left: 200px; width:800px; height:395px; }
#bildkd img { vertical-align:top; }
#markekd { position:absolute; z-index:5; top: 15px; left: 385px; width:71px; height:31px; background: url(img/marke.gif); }
#logokd { position:absolute; z-index:5; top: 38px; left: 800px; }