/* - master.css - */
@media screen {
/* http://www.henkell-sektkellerei.de/portal_css/master.css?original=1 */
/* */
/* */
#bo{
font-size: .625em;
line-height:1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5E6466;
margin:0;
padding:0;
background-color:#FEFDE8;
}
#eins{
position:absolute;
left:0;
top:0;
height:816px;
width:168px;
background: url(hus_back_r1_c1.jpg) no-repeat top left;
margin:0;
padding:0 24px 30px 24px;
} html>#eins{width:168px;}
#zwei{
position:absolute;
left:216px;
top:0;
height:816px;
border-left:1px solid #E9DCBC;
width:621px;
padding-bottom:130px;
font-size: 1.1em;
}
#zweia {
height:816px;
background: url(hus_back_r1_c3.jpg) no-repeat top left;
padding:76px 34px 5em 48px;
}
body.einspaltig {
background-image:url(hus_back1.gif);
}
body.zweispaltig {
background-image:url(hus_back.gif);
}
.zweispaltig #zweia {
float:left;
width:300px;
border-right:1px solid #E9DCBC;
}
.einspaltig #zweia {width:539px;}
.einspaltig #zweib {display:none;}
.zweispaltig #zweib{
float:left;
width:202px;
padding:76px 10px 0 24px;
border-left:2px solid #fff;
}
#linka{position:absolute; left:25px; top:465px;  }
#lilie_ecke{position:absolute; left:842px; top:3px;}
#logo {
background: url(logo.gif) no-repeat;
border: 0;
margin: 14px 0 0 7px;
padding: 0;
}
#logo a {
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding:56px 0 0 0;
height: 0 !important;
height /**/: 50px;
width: 154px;
cursor: pointer;
}
#home #logo{display:none;}
/* */
a:link,a:visited,a:hover,a:active {text-decoration: none; color:#5b504c; font-weight:bold;}
a:hover {color:#a6a297;}
#zweib a{font-weight: normal;}
.skip {margin-top:3em;}
img{border:0;}
p{ margin:0; padding: 0 0 1em 0;}
/* */
h1,
#zweib h2 {
text-transform:uppercase;
letter-spacing:1px;
}
h1,
#zweib h2 a,
#zweib h2 {
color: #E51419;
font-weight:bold;
}
h1,h2,h3,h4 {
font-size:1em;
font-weight:bold;
text-align:left;
}
h1 {
padding: 0 0 1em 24px;
margin-left:-24px;
}
.zweispaltig h1 {background: url(orange_line.gif) no-repeat left bottom;}
.einspaltig h1 {background: url(orange_line2.gif) no-repeat left bottom;}
.einspaltig h2,.zweispaltig #zweia h2 {margin: 0 0 1em -24px;padding:1em 0 1em 24px;}
.einspaltig h2{background: url(grey_line552.gif) no-repeat left bottom;}
.zweispaltig #zweia h2 {background: url(grey_line335.gif) no-repeat left bottom;}
#zweib h2 { background: url(orange_line3.gif) no-repeat left bottom; padding:0 0 0.5em 10px; margin-left:-10px;}
#zweia .textblock h3{padding: 0 1em 0 0;}
em { font-style:normal; } /* */
p>em {font-style:italic;} /* */
#i_navi {
background: url(brown_white_u.gif) no-repeat left bottom;
margin-left:-48px;
margin-top:-70px;
margin-right:-34px;
height:30px;
padding:10px 0 0 0;
width:382px;
font-size:90%;
}
#i_navieins{float:left; margin:0 0 0 24px; }
#i_navizwei{float:left; margin:0 0 0 24px; }
#i_navidrei{float:right;margin:0 24px 0 0; }
#i_logo { background: url(i_logo.jpg) no-repeat left top; margin-left:-48px; margin-right:-34px; width:382px; height:186px;}
#i_haus { background: url(i_haus.jpg) no-repeat left top; margin-left:-48px; margin-right:-34px; width:382px; height:266px;}
#i_text {
text-align:center;
margin-left:-24px;
font-weight:bold;
padding: 20px 0 20px 0;
font-size:90%;
}
#i_text { /* */
text-align: left;
}
#i_footer { background: url(brown_white_u.gif) no-repeat left top; text-align:center;
margin-left:-48px;
margin-right:-34px;
padding:10px 0 10px 0;
height:40px; width:382px;
font-size:90%;}
#navigation {
position:absolute;
top:78px;
width:176px;
}
#navigation a{ border:none; color:#5e6466; display:block;}
#navigation a:hover {color:#a6a297; background-color:transparent;}
#navigation ul, #navigation li {padding:0 !important; margin:0 !important; list-style-type:none;}
.navTreeLevel0 li a{ padding:6px 0 10px 24px; margin:0;
font-size:1.1em;
text-transform:uppercase;
background: url(navi_norm.gif) no-repeat left bottom;
letter-spacing:1px;
}
.navTreeLevel0 li a.isparent{
background: url(navi_selected.gif) no-repeat left bottom;
}
.navTreeLevel0 li a.navTreeCurrentItem {
background: url(navi_selected.gif) no-repeat left bottom;
}
.navTreeLevel0 li.skip a{ margin:3em 0 0 0;
}
#navigation .navTreeLevel2 li a {padding:6px 0 0px 24px;margin:0; letter-spacing:0px; text-transform:none !important; font-size:0.9em; background:none; }
#navigation .navTreeLevel2 li a.isparent {}
#navigation .navTreeLevel3 li a{padding:6px 0 0px 24px; margin:0; letter-spacing:0px;  text-transform:none !important; font-size:1em; font-weight:normal; background:none;}
#navigation .navTreeLevel3 li a.isparent{ font-weight:bold;}
#navigation .navTreeLevel4 li a{padding:6px 0 0px 30px; margin:0;letter-spacing:0px; text-transform:none !important;}
.navTreeLevel5 { margin-left: 3em; }
.navTreeLevel6 { margin-left: 3.5em;}
.navTreeLevel7 { margin-left: 4em;}
.navTreeLevel8 { margin-left: 4.5em;}
.currentNavItem0 {background: url(navi_selectedpm.gif) no-repeat left bottom;}
ul.navTreeLevel3 li a.navTreeCurrentItem {background: url(navi_lvl3_selected.jpg) no-repeat right bottom !important;
}
ul.navTreeLevel4 li a.navTreeCurrentItem {background: url(navi_lvl3_selected.jpg) no-repeat right bottom !important;
}
.currentNavItem3 {
background: url(navi_lvl3_selected.jpg) no-repeat left bottom;
margin-left:30px;
padding-left:4px;
}
.open0 {
color:#000 !important;
background: url(navi_selected.gif) no-repeat left bottom;
}
.open1, .open2, .open3 {color:#000 !important;}
.verkauf {background: no-repeat left center;}
/* */
.navTreeCurrentItem,.currentNavItem1,.currentNavItem2,.currentNavItem3 {color:#c00 !important; border:0px;  font-weight:bold !important; }
#zweia .subnavi { font-size:0.90em; padding:0; margin-left:-20px; }
#zweia .subnavi a { font-weight:lighter;}
#zweia .subnavi strong { font-weight:bold;}
#zweia .subnavi ul { margin:0; padding:0;  }
#zweia .subnavi li{  float:left; padding-top:0; list-style:none; padding-left:5px; padding-right:4px; background: url(grey_dot.gif) no-repeat 0 25%;}
#zweia #subnavi_first {background: none;}
.textblock {clear:both; padding: 0 0 1em 0;}
.textblock img { float:left; margin: 3px 15px 5px 0; border: 1px solid #E8DEC5;}
/* */
#zweia .img_block { margin:1em 0; }
#zweia .img_block img, #zweib .img_block img {border: 2px solid #fff; }
#zweia .img_trans {padding:0; margin:20px 0 0 0; border-width:0;}
#zweib .img_trans img{border:0;}
#zweib .img_block,#zweib .img_trans{ margin:0 0 2em 0; padding:0;}
/* */
.pm { padding:0 0 0 15px; width:100%; margin:0 0 1em -15px !important; clear:both; }
.pm img{float:right; margin: 0 0 1em 1em; border:1px solid #E8DEC5;}
.pm p{ width:77%; float:left; }
.pm .links, .pm h2.linie { margin:0 0 1em -16px; position:relative; padding: 0 0 10px 16px; float:left; text-transform:uppercase; width:350px; background: url(grey_line552.gif) no-repeat left bottom;}
.pm .links {background:none;}
.pm_head{margin:0 0 1em -15px; padding:0px 0 10px 16px; background: url(grey_line552.gif) no-repeat left bottom;}
.info .links,.pm h2.linie {width:552px;}
.pm .kategorie{position:relative;}
.pm_left{float:left;}
.pm .rechts {text-align:right; float:right; padding:0 0 8px 2px; width:187px;}
.pm h2{ padding:0 0 .2em 0;margin:0;clear:left; background:none;}
input[type="text"],input[type="password"],textarea,select {border: #ccc 1px solid;background:#fff;}
legend{font-weight:bold; line-height:150%; margin:0; padding: 0 0 .5em 0; color:#5E6466;}
input:hover,textarea:hover,input:focus,textarea:focus {border: #aaa 1px solid;background:#fff;}
fieldset { border:none; padding:0; margin: 0 0 3em 0; width:98%;}
fieldset p{line-height:1.5em;}
input[type="text"],input[type="radio"], select {}
label {
cursor:pointer;
text-align:left;line-height:200%;white-space:nowrap;overflow: visible;margin-right: .4em;
}
#profisuchemarken label{display:block; width:180px; float:left;}
#profisuchemarken input{float:left;}
form br{clear:both;}
form {line-height:200%; margin:2em 0 0 0; padding:0;}
#log_class {line-height:150%; }
#kontakt textarea{ width:100%;}
#kontakt input[type="submit"] {margin-left: 7.4em;}
#kontakt label[for="nachricht"] {width: 14em; margin-top: 2em;}
#kontakt div { width:13.3em; float:left; }
#kontakt label{float:left; width: 10em; }
#kontakt input[type="radio"] {float:left; width:1.5em; }
p.error { text-align:center; margin: 2em 0; padding:5px; border:1px solid #c00; background-color: #faebd7;}
input[type="text"].error, textarea.error,div.error{border:1px solid #c00; background-color: #faebd7;}
div.error{width:100% !important;}
label.error{color:#c00;}
.fehler{color:#c00;}
ul,li{ margin:0; padding:0; }
#content li {
padding:0 0 1em 15px;
margin:0;
list-style: none;
background: url(listitem.gif) no-repeat 0 0;
}
#zweib ul { list-style-type: none; margin:0; padding:0; }
#zweib li { padding:0 0 8px 0; margin:0; }
div#skizze{
background-image: url(anfahrtskizze.jpg);
height: 239px;
margin: -90px -34px 0 -48px;
}
div#unternehmen_skizze{
background-image: url(europakarte.gif);
height: 263px;
margin: -90px -34px 0 -48px;
}
#login {
background: url(verkauf.gif) no-repeat center left;
line-height: 30px;
font-weight: bold;
margin-left: -24px;
padding-left: 24px;
}
/* */
.feldFalse, .feldTrue {position: relative; float:right;  width: 50%; padding-bottom: 2em;}
.feldTrue {float:left;}
.feldFalse img, .feldTrue img{float:left; border: 1px solid #5E6466; margin: 0 5px 0 0;}
.feldFalse div, .feldTrue div { position:absolute; left:120px; top:0; width:145px;}
.feldFalse h2, .feldTrue h2 {background: none; padding: 0;margin: 0 0 1em 0;}
/* */
.e_mitte { width:30px; background: url(mail_pic.gif) no-repeat;}
.grey335ob {background: url(grey_line335_ob.gif) no-repeat left bottom; height:20px; padding-bottom:20px; margin-left:-24px; }
#formtabelle td{vertical-align:top;}
#dosage {
position:relative;
width:100%;
}
#dosage p {
position:absolute;
bottom: 0;
right:0;
width:50%;
}
#orangebottom {clear:left; background: url(orange_line552_u.gif) no-repeat 24px 1em; padding:2em 0 0 34px; margin-top:10px; margin-left:-48px; height:30px; }
/* */
table { border-collapse:collapse;}
#kennziffern {width: 100%;}
#kennziffern th.jahr, #kennziffern td.jahr{
border-left: 5px solid #fcf9da;
background: #ffe6a5;
border-right: 1px solid #ffe6a5
}
#kennziffern td {padding: 4px;text-align:right; vertical-align:top;}
#kennziffern th {
font-weight: bold;
text-align: left;
padding: 5px;
}
#kennziffern th.rechts {text-align: right;}
#kennziffern th.mitte {text-align: center;}
#kennziffern tr.line td, #kennziffern tr.line th{
border-bottom: 2px solid #ffe6a5;
margin:0 0 0 -5px;
padding:2px 5px;
font-weight: bold;
background: #fdfddb;
}
span.red {color:#c00;}
.related {
margin-bottom:25px;
}
.formid-forum-2009 .fieldRequired {
font-style:italic;
}
.formid-forum-2009 .field input {
width:300px;
padding:2px;
}
.formid-forum-2009 .field {
margin-top:10px;
}
.formid-forum-2009 #archetypes-fieldname-ich-moechte-am-forum-teilnehmen input,
.formid-forum-2009 #archetypes-fieldname-ich-komme-mit-fahrer input {
width:auto;
}
.formid-forum-2009 .formControls {
margin:20px 0;
}
.formid-forum-2009 input.context {
background:none #fff;
border:1px solid #ccc;
font-size:12px;
padding:2px 4px;
}
.formid-forum-2009 input.context:hover {
background-color:#ccc;
}
}