@CHARSET "UTF-8";
html{
height:100%;
padding-bottom:1px;
background-color: #fff;
}
div,span,td,label,input,select,textarea,h1,h2,h3,p,a,ul,li,button,strong,u,iframe,form{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
margin: 0;
padding: 0;
border: 0px solid;
list-style:none;
list-style-position:outside;
line-height: 15px;
vertical-align: baseline;
background: transparent;
text-decoration:none;
font-weight:normal;
}
h2{
font-weight:bold;
}
strong{
font-weight:bold;
}
u{
text-decoration:underline;
}
form {
margin: 0;
padding: 0;
display: inline;
}
label{
display:block;
cursor:pointer;
font-size:10px;
}
img {
border:none;
}
body{
background-color:transparent;
background-repeat:no-repeat;
background-position:0 0;
margin:0;
padding:0;
}
body.home{
background-image:url(/images/bg_start.jpg);
}
body.bemotec{
background-image:url(/images/bemotec_bg.jpg);
}
body.hemotec{
background-image:url(/images/hemotec_bg.jpg);
}
body.beli{
background-image:url(/images/beli_bg.jpg);
}
div#content{
text-align:left;
width:935px;
margin:42px 5px 70px 46px;
}
div#content div p{
width:590px;
margin-right:30px;
}
body.bemotec div#content,body.hemotec div#content,body.beli div#content{
min-height:563px;
}
* html body.bemotec div#content{
height:563px;
}
* html body.hemotec div#content{
height:563px;
}
* html body.beli div#content{
height:563px;
}
a.logo_teaser,a.logo_teaser2,a.logo_teaser3{
display:block;
width:289px;
height:218px;
position:relative;
margin-top:-14px;
margin-bottom:1px;
overflow:hidden;
}
a.logo_teaser2{
height:93px;
margin-bottom:0;
}
a.logo_teaser3{
margin-top:0;
height:125px;
}
body.home div#content{
text-align:left;
width:940px;
margin:42px 0 0 16px;
}
h1{
line-height:14px;
font-size:17px;
height:14px;
overflow:hidden;
width:590px;
text-transform:uppercase;
}
h1.news{
position:relative;
}
h1.news span{
right:5px;
line-height:14px;
font-size:17px;
height:14px;
display:block;
position:absolute;
top:0;
}
div#content div p.news{
position:relative;
width:490px;
}
div#content div p.news a{
position:absolute;
right:-95px;
bottom:0;
/*font-weight:bold;*/
}
body.home div.teaser{
width:280px;
height:446px;
overflow:hidden;
margin-right:30px;
float:left;
display:inline;
}
body.home div.teaser a{
display:block;
width:280px;
height:409px;
overflow:hidden;
}
body.home div.teaser a img:hover{
margin-top:-409px;
}
body.home div#content{
margin-bottom:188px;
padding-left:30px;
}
body.home.impressum div#content{
margin-bottom:70px;
}
div#whole{
position:relative;
width:981px;
margin-left:auto;
margin-right:auto;
}
div#outer_doc{
top:22px;
z-index:10;
position:relative;
}
* html div#outer_doc{
top:-4px;
}
* html body.home div#outer_doc{
top:22px;
}
div#doc{
background:url(/images/bg_white.png) no-repeat left top;
width:981px;
}
div#head{
margin:0 5px 54px 16px;
padding-top:27px;
height:63px;
text-align:right;
width:960px;
}
ul#navi,ul#navi li,ul#navi li a{
line-height:30px;
}
ul#navi{
position:absolute;
left:0px;
top:144px;
height:110px;
width:981px;
z-index:1;
}
ul#navi li{
display:block;
width:110px;
height:110px;
float:left;
margin-right:1px;
overflow:hidden;
background-color:#666;
text-align:center;
text-transform:uppercase;
display:inline;
}
ul#navi li a{
width:110px;
height:30px;
display:block;
}
ul#navi li.first{
background-color:#333;
}
ul#navi li a{
font-size:10px;
color:#fff;
}
body.beli ul#navi li.lang,body.beli ul#navi li.lang:hover{
width:41px;
background-color:transparent;
}
ul#navi li.lang a{
width:13px;
padding-left:28px;
font-size:10px;
color:#333;
}
ul#navi li.lang a.de{
background:transparent url(/images/de.jpg) 10px center no-repeat;
}
ul#navi li.lang a.en{
background:transparent url(/images/en.jpg) 10px center no-repeat;
}
div#content ul{
width:570px;
margin-right:30px;
margin-left:20px;
}
div#content ul li{
list-style-image:url(/images/list.gif);
}
div#content ul li.nopopint{
list-style-image:none;
}
div#footer,div#footer li,div#footer a,div#footer ul{
font-size:10px;
line-height:20px;
height:20px;
}
div#footer ul{
position:absolute;
right:2px;
top:0;
}
div#footer li{
display:inline;
}
div#footer li,div#footer a{
color:#ccc;
text-transform:uppercase;
}
div#footer{
text-align:left;
width:956px;
padding:0 2px;
line-height:20px;
border-top:1px solid #ccc;
color:#ccc;
position:relative;
margin:0px 5px 0 16px;
background-color:#fff;
}
div#content div.left.wide p{
font-size:11px;
width:590px;
overflow:hidden;
}
div#content div.left.wide{
padding-top:35px;
height:165px;
}
div#content div.left.wide_copy{
padding-top:35px;
}
p.top{
margin-top:35px;
}
img.top{
margin-top:40px;
margin-right:30px;
margin-left:30px;
}
div#content div.left.thin.first{
padding-top:35px;
height:auto;
}
div#content div.left.thin p{
font-size:11px;
width:280px;
overflow:hidden;
}
div#content div.left.thin_pure{
width:280px;
margin-right:30px;
overflow:hidden;
}
div#content div.left.thin_pure input{
width:100%;
background:transparent url(/images/input.gif) left center no-repeat;
height:16px;
line-height:16px;
overflow:hidden;
padding:3px 2px;
}
div#content p textarea{
width:100%;
background:transparent url(/images/textarea.png) left center no-repeat;
height:123px;
padding:0 2px;
overflow:hidden;
overflow-y:auto;
}
div#content div.left.thin_pure select{
width:106%;
height:22px;
padding:3px 0;
overflow:hidden;
background:transparent url(/images/select.png) left center no-repeat;
}
* html div#content div.left.thin_pure select{
width:100%;
}
*+html div#content div.left.thin_pure select{
width:100%;
}
div#content div.left.thin_pure input.checkbox{
width:auto;
height:auto;
margin:4px 0;
vertical-align:middle;
cursor:pointer;
background:none;
}
div#content div.left.thin_pure input.reset,div#content div.left.thin_pure input.submit{
vertical-align:middle;
text-align:center;
cursor:pointer;
background:#666;
color:#fff;
height:22px;
padding:3px 0;
font-weight:bold;
}
div#content div.left.thin{
height:345px;
overflow:hidden;
position:relative;
}
div#content div.left.rightside p{
font-size:11px;
width:280px;
overflow:hidden;
}
div#content div.left.rightside p.last{
border-bottom:1px solid #666;
padding-bottom:10px;
margin-bottom:10px;
}
div#content div.left.rightside{
height:345px;
overflow:hidden;
}
div#content div.left.rightside_copy{
width:280px;
overflow:hidden;
line-height:13px;
padding-top:35px;
}
* html div#content div.left.rightside_copy.contact{
margin-left:-30px;
line-height:15px;
}
div#content div.left.thin h2,div#content div.left.rightside h2,div#content div h2.main,div#content div.rightside_copy h2.main_r{
height:16px;
line-height:16px;
overflow:hidden;
margin-bottom:15px;
font-size:14px;
width:280px;
text-transform:uppercase;
}
div#content div h2.main{
width:590px;
}
div#content div.left.rightside p.date{
position:relative;
}
div#content div.left.rightside p.date a{
position:absolute;
right:3px;
top:0;
}
div#content div.left.rightside p.date a span{
font-size:11px;
}
body.bemotec a,body.bemotec div#content a,body.bemotec div#content a span,body.bemotec h1.news span,body.bemotec div#content div.left.rightside p.date a span,body.bemotec h2,body.bemotec div#content ul li span,body.bemotec{
color:#0768ac;
}
body.bemotec div#content div.left.thin_pure input.submit,body.bemotec ul#navi li.active,body.bemotec ul#navi li:hover{
background:#0768ac;
}
body.hemotec a,body.hemotec div#content a,body.hemotec div#content a span,body.hemotec h1.news span,body.hemotec div#content div.left.rightside p.date a span,body.hemotec h2,body.hemotec div#content ul li span,body.hemotec{
color:#d60b1e;
}
body.hemotec div#content div.left.thin_pure input.submit,body.hemotec ul#navi li.active,body.hemotec ul#navi li:hover{
background:#d60b1e;
}
body.beli a,body.beli div#content a,body.beli div#content a span,body.beli h1.news span,body.beli div#content div.left.rightside p.date a span,body.beli h2,body.beli div#content ul li span,body.beli{
color:#C8D200;
}
body.beli div#content div.left.thin_pure input.submit,body.beli ul#navi li.active,body.beli ul#navi li:hover{
background:#C8D200
}
div#content div.left.thin img{
margin-bottom:10px;
margin-right:30px;
}
div#content div.left.thin p.image{
position:absolute;
bottom:34px;
}
div#content div.left.thin p.info{
width:286px;
height:28px;
position:absolute;
margin-left:-3px;
bottom:0;
}
body.bemotec div#content div.left.thin p.info{
background:transparent url(/images/mehr_info_bemotec.png) center no-repeat;
}
body.hemotec div#content div.left.thin p.info{
background:transparent url(/images/mehr_info_hemotec.png) center no-repeat;
}
body.beli div#content div.left.thin p.info{
background:transparent url(/images/mehr_info_beli.png) center no-repeat;
}
body#en.beli div#content div.left.thin p.info{
background:transparent url(/images/mehr_info_beli_en.png) center no-repeat;
}
div#content div.left.thin p.info a{
width:280px;
display:block;
height:22px;
}
div#content div p img.left{
margin-right:14px;
}
a.smaller{
font-size:10px;
}
img.topper{
margin-top:-18px;
}
.left{
float:left;
display:inline;
}
.right{
float:right;
display:inline;
}
.clear{
clear:both;
height:0;
line-height:0;
overflow:hidden;
}
* html .clear{
display:none;
}
.eight{
height:8px;
overflow:hidden;
}