/* Body & Co. */
html {font-family:Arial,Helvetica,sans-serif;}
body { margin:0px; padding:0px; background-color:#25272a; background-image:url(bg.gif); background-position:center; background-repeat:repeat-y; }
a { outline:none; text-decoration:none; color:#0099FF; }
a:hover {color:#666;}
img { border:none; }
input#kontaktfeld { color:#999; border-left:1px solid #9a9a9a; border-bottom:1px solid #f5f5f5; padding:2px; border-top:1px solid #9a9a9a; border-right:1px solid #f5f5f5; font:10px arial, helvetica, sans-serif; width:223px; margin-bottom:4px; }
textarea#text { color:#999; border-left:1px solid #9a9a9a; border-bottom:1px solid #f5f5f5; padding:2px; border-top:1px solid #9a9a9a; border-right:1px solid #f5f5f5; font-size:10px arial, helvetica, sans-serif; width:150px; margin-bottom:4px; }
/* Header */
h1 { font:16px arial, helvetica, sans-serif; color:#222; border-bottom:1px dotted #CCCCCC; font-weight:normal; padding-bottom:5px; margin-bottom:-25px; }
h2 { margin:0px 0px 3px 0px; font-size:12px; color:#ffffff; border-bottom:1px dotted #ffffff; font-weight:normal; padding-bottom:5px; }
#layout {
padding:0px 20px 20px 20px;
background-color:#ffffff;
width:800px;
}
#top {
height:100px;
width:800px;
background-image:url(logo.gif);
background-repeat:no-repeat;
background-position:left;
border-bottom:1px solid #e3e3e3;
margin-bottom:5px;
}
/* Mini-Search */
#suche {width:288px; padding-top:42px;}
input.suchfeld {padding:0px 0px 0px 20px; border:0px; color:#444; font-size:10px; height:25px; width:235px; background:url(search-bg.gif);}
input.button { width:33px; height:25px; margin-bottom:-8px;}
/* Quick-Access */
#sidenavi { color:#ccc; padding-top:5px; }
#sidenavi a { font-size:11px; outline:none; color:#0099FF; text-decoration:none; }
#sidenavi a:hover { outline:none; color:#333333; }
/* navi */
#mainnavi {float:left;}
#subnavi {float:right;}
.home {display:block; float:left; background:url(navi.gif) no-repeat top left; height:50px; width:120px;}
.home:hover {display:block; float:left; background:url(navi.gif) no-repeat bottom left; height:50px; width:120px;}
.produkte {display:block; float:left; background:url(navi.gif) no-repeat -120px 0px; height:50px; width:120px;}
.produkte:hover {display:block; float:left; background:url(navi.gif) no-repeat -120px -52px; height:50px; width:120px;}
.unternehmen {display:block; float:left; background:url(navi.gif) no-repeat -240px 0px; height:50px; width:120px;}
.unternehmen:hover {display:block; float:left; background:url(navi.gif) no-repeat -240px -52px; height:50px; width:120px;}
.inspektion {display:block; float:left; background:url(navi.gif) no-repeat -360px 0px; height:50px; width:120px;}
.inspektion:hover {display:block; float:left; background:url(navi.gif) no-repeat -360px -52px; height:50px; width:120px;}
.shop {display:block; float:left; background:url(navi.gif) no-repeat -480px 0px; height:50px; width:288px;}
.shop:hover {display:block; float:left; background:url(navi.gif) no-repeat -480px -52px; height:50px; width:288px;}
.spacer {width:30px; float:left;}
#bottom { padding-top:20px; margin-top:20px; height:0%; text-align:left; width:800px; line-height:16px; color:#666; border-top:1px dotted #999; }
#bottom a {color:#000; text-decoration:none; outline:none;}
#spacer {
height:20px;
}
.specials {
padding-left:20px;
}
#content {
padding-top:10px;
font-size:10px;
color:#333333;
line-height:17px;
}
table {
font-size:11px;
color:#333333;
line-height:17px;
}
.contentrechts {padding-left:15px; background-image:url(rechts-bg.gif); background-repeat:repeat-y;}
table {font-size:10px; color:#333333; padding:0px; margin:0px;}
table a {font-size:10px; color:#0099FF; outline:none; text-decoration:none; font-weight:normal;}
table a:hover {outline:none; text-decoration:underline;}
table #vertriebskasten {font-size:10px; color:#ffffff;}
table #vertriebskasten a {font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold;}
table #vertriebskasten a:hover { text-decoration:underline;}
a.kataloge {display:block; text-align:center; width:134px; margin:3px 0px -2px 0px; background-color:#333333; padding:6px 7px 6px 7px; color:#ffffff;}
a.kataloge:hover {background-color:#000000; color:#0099FF; text-decoration:none;}
div.prospektinarbeit {text-align:left; width:142px; height:38px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#cccccc;}
div.direktansehen {text-align:left; width:134px; margin:0px 0px 0px 0px; background-image:url(dl-arrow.gif); background-position:left; background-repeat:no-repeat; padding:0px 0px 0px 13px; color:#666666;}
div.direktansehen a {color:#0099FF;}
div.direktansehen a:hover {color:#82CDFF; text-decoration:none;}
.kwicks {
/* recommended styles for kwicks ul container */
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
width: 160px;
height: 100px;
border:1px solid #E1E1E1;
/*do not change these */
display: block;
overflow: hidden;
padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 5px; /*Set to same as spacing option. */
float: left;
}
.kwicks.vertical li{
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-bottom: 5px; /*Set to same as spacing option. */
}
#kwick_1 {
height:300px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
background-color:#f8f7f5 ;
}
#kwick_1:hover {
background-color:#ececec ;
}
#kwick_box {
width:500px;
padding:20px;
}
.kwick_heading {
width:140px;
height:110px;
float:left;
font-size:14px; color:#000;
}
.kwick_text {
float:left;
width:270px;
color:#666;
}
.kwick_text_1 {
float:left;
width:270px;
color:#222;
}
.kwick_product {
float:left;
width:140px;
padding-bottom:10px;
color:#fff;
}
#kwick_2 {
height:300px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
background-color:#f8f7f5 ;
}
#kwick_2:hover {
background-color:#ececec ;
}
#kwick_3 {
height:300px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
background-color:#f8f7f5 ;
}
#kwick_3:hover {
background-color:#ececec ;
}
#kwick_4 {
height:300px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
background-color:#f8f7f5 ;
}
#kwick_4:hover {
background-color:#ececec ;
}
.kwicks.horizontal #kwick_4 {
margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}