/* top right bottom left */

body { margin: 0px; padding: 0px; }
body, .search-form-text { font-family: 'lucida grande','lucida sans',arial,helvetica,verdana,sans_serif; font-size: 11px; color: #464646; }

/* farbanmutungen */
/* anmutung 01 (beige) */
.anmutung-01 { background-color: #F1F0DA; background-image: url(../layout_pics/body_verlauf_01.png); background-repeat: repeat-y; background-position: center; }
.anmutung-01 .main-nav-back { background-image: url(../layout_pics/menu_verlauf_01.png); background-repeat: no-repeat; }
.anmutung-01 #logo { background-image: url(../layout_pics/logo_verlauf_01.png); background-repeat: no-repeat; }
.anmutung-01 .bc { background-color: #F1F0DA; }
.anmutung-01 .head-nav-back { background-color: #FFFFEB;}
/* anmutung 02 (hellblau) */
.anmutung-02 { background-color: #EDEEED; background-image: url(../layout_pics/body_verlauf_02.png); background-repeat: repeat-y; background-position: center; }
.anmutung-02 .main-nav-back { background-image: url(../layout_pics/menu_verlauf_02.png); background-repeat: no-repeat; }
.anmutung-02 #logo { background-image: url(../layout_pics/logo_verlauf_02.png); background-repeat: no-repeat; }
.anmutung-02 .bc { background-color: #EDEEED; }
.anmutung-02 .head-nav-back { background-color: #FFFFFF;}
/* anmutung 03 (braun) */
.anmutung-03 { background-color: #F4F3E1; background-image: url(../layout_pics/body_verlauf_03.png); background-repeat: repeat-y; background-position: center; }
.anmutung-03 .main-nav-back { background-image: url(../layout_pics/menu_verlauf_03.png); background-repeat: no-repeat; }
.anmutung-03 #logo { background-image: url(../layout_pics/logo_verlauf_03.png); background-repeat: no-repeat; }
.anmutung-03 .bc { background-color: #F4F3E1; }
.anmutung-03 .head-nav-back { background-color: #FBFBE8;}
/* anmutung 04 (weiß) */
.anmutung-04 { background-color: #FFFFFF; background-image: url(../layout_pics/body_verlauf_04.png); background-repeat: repeat-y; background-position: center; }
.anmutung-04 .main-nav-back { background-image: url(../layout_pics/menu_verlauf_04.png); background-repeat: no-repeat; }
.anmutung-04 #logo { background-image: url(../layout_pics/logo_verlauf_04.png); background-repeat: no-repeat; }
.anmutung-04 .bc { background-color: #FFFFFF; }
.anmutung-04 .head-nav-back { background-color: #F7F7F7;}

/* weisser hintergrund für system- und dekorseiten */
.weiss { background-image: url(../layout_pics/body_verlauf_weiss.gif); background-repeat: repeat-y; background-position: center; }

.clear { clear: both; }
img { border: 0px none; }
ul, li, form { padding: 0px; margin: 0px; }
input, button, select, option { font-size: 10px; }
textarea { font-family: arial,helvetica,verdana,sans_serif; font-size: 11px; }

.mark { color: #000000; text-decoration: none; }

/* kopfbereich */
#all { width: 899px; margin: 0px auto; }

#head { position: relative; height: 120px; }

#head-nav { width: 173px; padding: 7px 0px 7px 0px }
#head-nav a { color: #464646; text-decoration: none; padding-left: 10px; margin-left: 15px; }
#head-nav a:hover { text-decoration: underline; }

#logo, #print-logo { position: absolute; right: 0px; top: 0px; }
#logo { display: block; width: 520px; height: 120px; }
#print-logo { display: none; }

#eingeloggt { position: absolute; left: 203px; top: 67px; color: #FF6400; line-height: 150%; }
#eingeloggt a { color: #464646; text-decoration: none; }
#eingeloggt a:hover { text-decoration: underline; }

#warenkorb-notiz {  width: 173px; padding: 7px 0px 7px 0px; position: absolute; left: 0px; top: 67px; }
#warenkorb-notiz a { color: #FF6400; text-decoration: none; padding-left: 10px; margin-left: 15px; }
#warenkorb-notiz a:hover { text-decoration: underline; }

#lang-menu { position: absolute; left: -42px; top: 145px; text-align: right;  }
#print-btn { display: block; margin-bottom: 12px; }

/* content-bereich */

#main-nav { width: 173px; float: left; height: 555px; padding-top: 25px; }
#main-nav ul { padding: 0px; margin: 0px 0px 25px 25px; }
#main-nav li { list-style-type: none; padding-bottom: 1px; }
#main-nav a { color: #464646; text-decoration: none; }
#main-nav .dealerlogin { color: #FF6405; text-decoration: none; }
#main-nav .dealerlogin.itsme { color: #FF6405; text-decoration: underline; }
#main-nav .dealerlogin-a { color: #464646; text-decoration: none; }
#main-nav .dealerlogin-a:hover { color: #FF6405; text-decoration: none; }
#main-nav a:hover {  text-decoration: underline; }
#main-nav .itsme { text-decoration: underline; color: #174372; }

#main-nav .sec-lev { background-image: url(../layout_pics/dot_arrow.gif); background-repeat: no-repeat; padding-left: 10px; background-position: left center; }

#main-nav .dealer-menu a { color: #FF6400; }

#search-form { padding-left: 25px; margin: 0px;}
.search-form-wrapper { border: 1px solid #818182; width: 123px; margin: 20px 0px 20px 0px;  }
.search-form-text { background-color: transparent; border: 0px none; width: 100px; vertical-align: middle; margin-left: 4px; padding: 0px; }
.search-form-btn { vertical-align: middle; }

#loginform { margin-top: 40px; }
.login-txt {  background-color: transparent; width: 200px; border: 1px solid #818182; padding: 1px; font-size: 10px; }
.login-desc { margin-bottom: 12px; margin-top: 5px; }
/*.login-btn { width: 123px; text-align: right; }*/
/*.login-btn input { color: #707F83; }*/

.success { color: green; }
.fail { color: red; }

#content { width: 702px; float: right; padding-top: 25px; }
#content p { margin: 0px; padding: 0px 0px 20px 0px; line-height: 140%; }

#content a { color: #464646; }
#content a:hover { color: #174372; }


.cols-x-3 { margin: 0px 0px 20px 0px; }
.cols-x-3-cont { float: left; width: 209px; padding: 0px 25px 0px 0px; line-height: 140%; }
.cols-x-3-cont.last { margin: 0px; }
.cols-x-1-cont { margin: 0px 20px 20px 0px; line-height: 140%; }

.bigimg { padding-bottom: 25px; }
.bigflash { width: 701px; height: 267px; margin-bottom: 25px; }

.p-sys { margin-bottom: 20px; float: left; margin: 0px 12px 12px 0px; }
.p-sys img { display: block; margin-bottom: 3px; }
.syslabel { background-color: #ffffff; padding: 2px 5px 0px 5px; width: 115px; font-size: 10px; height: 31px; }

.dekor-item { margin-bottom: 12px; }
.dekor-item img { margin-bottom: 2px; }

.gallery-nav { margin-bottom: 20px; }
.gallery-nav a { display: block; float: left; text-decoration: none; width: 17px; height: 21px; margin-right: 7px; background-image: url(../layout_pics/doc_transparent.gif); background-repeat: no-repeat; }
.gallery-nav a:hover { background-image: url(../layout_pics/doc_white.gif); }
.gallery-nav a.itsme { background-image: url(../layout_pics/doc_white.gif); }

.ref-nav { margin-bottom: 20px; }
.ref-nav a { display: block; float: left; text-decoration: none; margin-right: 5px; border: 1px solid transparent; }
.ref-nav a.itsme { border: 1px solid #464646; }


.service { margin-bottom: 20px; margin-right: 20px; }
.service a { color: #464646; text-decoration: none; }
.service a:hover { color: #464646 ! important; text-decoration: underline; }
.service-left a { background-image: url(../layout_pics/dot_arrow.gif); background-repeat: no-repeat; padding-left: 10px; margin-right: 15px; background-position: left center; }
.service-right a { background-image: url(../layout_pics/pdf_sign.gif); background-repeat: no-repeat; padding-left: 20px; margin-left: 15px; background-position: left center; }
.service-left { float: left; }
.service-right { float: right;}

.pdf-sign, .zip-sign { margin-top: 15px;}
.pdf-sign a {  background-image: url(../layout_pics/pdf_sign.gif); background-repeat: no-repeat; padding-left: 20px; background-position: left center; text-decoration: none; }
.zip-sign a { background-image: url(../layout_pics/zip_sign.gif); background-repeat: no-repeat; padding-left: 20px; background-position: left center; text-decoration: none; }
.pdf-sign a:hover, .zip-sign a:hover { text-decoration: underline; }

.teaser { width: 50%; height: 108px; float: left; margin-bottom: 12px; }
.teaser-img { float: left; margin-top: 12px; }
.teaser-text { width: 150px; float: left; height: 84px; margin: 12px 0px 0px 12px; position: relative; }
.teaser ul { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; }
.teaser li { list-style-type: none; line-height: 115%; }
.teaser-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; }
.teaser-text li a, .sitemap, .link-alone { background-image: url(../layout_pics/dot_arrow.gif); background-repeat: no-repeat; padding-left: 10px; background-position: left center; }

.teaser-head-link, .summ-body a, .such-body a, .teaser-text li a, .sitemap, .link-alone { text-decoration: none; }
.teaser-head-link:hover, .summ-body a:hover, .such-body a:hover, .teaser-text li a:hover, .sitemap:hover, .link-alone:hover {  color: #464646 ! important; text-decoration: underline; }


.summ { margin-bottom: 12px; padding: 12px 0px 12px 0px; }
.summ-img { width: 181px; display: block; float:left; }
.summ-flash-breit { width: 181px; height: 84px; display: block; float:left; }
.summ-flash-schmal { width: 181px; height: 84px; }
.summ-text { width: 490px; float: left; height: 84px; margin: 0px 0px 0px 12px; position: relative; }
.summ-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; vertical-align: top; }
.summ-body { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; }

.such { margin-bottom: 12px; padding: 12px 0px 12px 0px; }
.such-img { width: 181px; display: block; float:left; }
.such-flash-breit { width: 181px; height: 84px; display: block; float:left; }
.such-flash-schmal { width: 181px; height: 84px; }
.such-text { width: 490px; float: left; height: 84px; margin: 0px 0px 0px 12px; position: relative; }
.such-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; vertical-align: top; }
.such-body { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; }

.suchbegriff { background-color: #FFC4C4; }

.teaser-nolink { margin-bottom: 12px; padding: 12px 0px 12px 0px; }
.teaser-nolink-img { width: 181px; display: block; float:left; }
.teaser-nolink-flash { width: 181px; height: 84px; display: block; float:left; }
.teaser-nolink-text { width: 490px; float: left; height: 84px; margin: 0px 0px 0px 12px; position: relative; }
.teaser-nolink-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; vertical-align: top; }
.teaser-nolink-body { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; }

.person { margin-bottom: 12px; padding: 12px 0px 12px 0px; }
.person-img { width: 181px; display: block; float:left; }
.person-flash { width: 181px; height: 84px; display: block; float:left; }
.person-text { width: 490px; float: left; height: 84px; margin: 0px 0px 0px 12px; position: relative; }
.person-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; vertical-align: top; }
.person-body { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; }
.person-body a { text-decoration: none; }

.gegenstand { margin-bottom: 12px; padding: 12px 0px 12px 0px; }
.gegenstand-img { float:left; }
.gegenstand-text { float: left; margin: 0px 0px 0px 12px; }
.gegenstand-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; vertical-align: top; padding-bottom: 12px; }
.gegenstand-body { padding-bottom: 12px; }
.gegenstand-anzahl { border: 0px none; width: 30px; text-align: center; }
.gegenstand-form-elements { text-align: right; margin-top: 10px; padding-top: 10px; border-top: 1px solid #D1D6D6;  }

.download { margin-bottom: 12px; padding: 12px 0px 12px 0px; }
.download-img { float:left; }
.download-text { float: left; margin: 0px 0px 0px 12px; }
.download-head { font-family: arial,helvetica,verdana,sans_serif; font-weight: bold; font-size: 12px ! important; vertical-align: top; padding-bottom: 12px; }
.download-body { padding-bottom: 12px; }

h1 { font-family: arial,helvetica,verdana,sans_serif; font-weight: normal; font-size: 22px ! important; margin: 0px 0px 20px 0px; }
h2 { font-weight: bold; font-size: 11px ! important; margin: 0px 0px 10px 0px; }


.sitemap { display: block; margin-bottom: 8px; }

.link-alone {display: block; margin-bottom: 8px; margin-top: 8px; }


/* kontaktformular */

.form-anrede { margin-bottom: 15px; }
.form-anrede .first { width: 90px; float: left; }
.form-anrede .second { float: left;}

.form-back { background-color: #B5BFC0; margin-bottom: 25px; padding: 20px 20px 0px 25px; }

.set-left, .set-right { float: left; margin: 0px; padding: 0px; }

.set-left { width: 320px; margin-bottom: 0px  }
.set-right { width: 320px; padding-left: 10px; margin-bottom: 0px }
.set-textarea { width: 650px; padding-bottom: 10px }

.label-left { float: left; margin-bottom: 0px;  }
.input-right { float: right; margin-bottom: 5px; }

.set-left input, .set-right input { border: 0px none; padding: 1px 0px 1px 0px; width: 230px; }
.set-left br, .set-right br, .set-textarea br {  clear: both; }
.set-textarea textarea { border: 0px none; width: 560px; height: 50px; margin-bottom: 5px;   }
.set-textarea input { display: block; }

/* Infobestellformular */

.infobestell-form-back { background-color: #B5BFC0; margin-bottom: 25px; padding: 20px 25px 0px 25px; }

.infobestell-set-left, .infobestell-set-right { float: left; margin: 0px; padding: 0px; }

.infobestell-set-left { width: 180px; margin-bottom: 20px; text-align: center; }
.infobestell-set-right { width: 450px; padding-left: 10px; margin-bottom: 20px }

.infobestell-label-left { float: left; margin-bottom: 0px;  }
.infobestell-input-right { float: right; margin-bottom: 5px; }
.infobestell-input-left { float: left; margin-bottom: 10px; margin-left: 110px }

.infobestell-set-right .input-text { border: 0px none; padding: 1px 0px 1px 0px; width: 300px; }
.infobestell-set-right .input-area { border: 0px none; padding: 1px 0px 1px 0px; width: 300px; }
.infobestell-set-right br {  clear: both; }
.infobestell-label-right { width: 300px; float: right; margin-bottom: 5px; }
.infobestell-value-text { padding: 10px 0px 10px 0px; }

/* Warenkorbformular */

.warenkorb-form-back { background-color: #B5BFC0; padding: 20px }

.warenkorb-label { margin-bottom: 3px; }
.warenkorb-input .input-text { margin-bottom: 5px; border: 0px none; padding: 2px; width: 400px; }

.warenkorb_table {background-color: #B5BFC0; width: 100%; margin-bottom: 2px; border-collapse: collapse;}
.warenkorb_table td { padding: 3px 10px 3px 10px;}
.warenkorb_table .erste { width: 10%}
.warenkorb_table .zweite { width: 30px}

/* Personalformular */

.personal-form-back { background-color: #B5BFC0; margin-bottom: 25px; padding: 20px 20px 0px 25px; }

.personal-set-left, .personal-set-right { float: left; margin: 0px; padding: 0px; }

.personal-set-left { width: 320px; margin-bottom: 0px  }
.personal-set-right { width: 320px; padding-left: 10px; margin-bottom: 0px }
.personal-set-textarea { width: 650px; padding-bottom: 10px }

.personal-label-left { float: left; margin-bottom: 0px;  }
.personal-input-right { float: right; margin-bottom: 5px; }

.personal-set-left input, .personal-set-right input { border: 0px none; padding: 1px 0px 1px 0px; width: 230px; }
.personal-set-left br, .personal-set-right br, .personal-set-textarea br {  clear: both; }
.personal-set-textarea textarea { border: 0px none; width: 560px; height: 50px; margin-bottom: 5px;   }
.personal-set-textarea input { display: block; }
.personal-check-wrapper input { display: inline; }
.personal-check-wrapper { margin: 10px 0px 10px 0px; }

/* bilddatenbank */

.bdb { float: left; width: 208px; height: 272px; background-color: #B5BFC0; position: relative; margin-bottom: 25px; margin-right: 25px; }
.bdb .data { position: absolute; left: 10px; bottom: 10px; width: 180px; }
.bdb span { font-weight: bold; }
.bdb a { margin-top: 10px; }
.bdb-img { margin: 10px 0px 0px 10px; }
.bdb-select-wrapper { margin: 0px 25px 25px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #B5BFC0; }
.bdb-katlabel { width: 202px; margin-right: 25px; float:left; background-color: #B5BFC0; padding: 3px 3px 3px 3px; }

.bdb-backend-select { width: 202px; margin-top: 3px  }
.bdb-backend-input { width: 204px; margin: 0px 25px 0px 0px; display: block; float:left; padding: 0px; }