/* @override http://coffeeline.html.uwcoder.nl/css/main.css */
* {
margin: 0;
padding: 0;
}
html, body {
background: #fff url(../images/bg.png) repeat-x;
}
body {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
color: #454141;
}
.clearfloat {
clear:both;
height:0px;
}
img {
border:0px;
}
p, ul, ol {
margin-bottom: 18px;
}
h1, h2, h3 {
/* text-transform: uppercase;*/
font-size: 12px;
line-height: 18px;
}
a:link, a:visited {
color: #da2521;
text-decoration: none;
}
a:link:hover, a:visited:hover {
color: #00a0d3;
text-decoration: underline;
}
a:link:active, a:visited:active {
color: #000;
}
.pdf {
background: url(../images/pdf.png) no-repeat 0 2px;
padding-left: 35px;
font-size: 11px;
line-height: 16px;
}
/* HEADER */
#header {
width: 1024px;
margin: 4px auto 0;
height: 377px;
padding: 0 9px;
background-image: url(../images/header.png);
position: relative;
overflow: hidden;
}
#header #logo {
z-index: 0;
position: absolute;
background-image: url(../images/logo.png);
width: 431px;
height: 78px;
display: block;
text-indent: -9999px;
left: 232px;
bottom: 21px;
}
#header #banner {
z-index: 0;
position: absolute;
width: 150px;
height: 150px;
display: block;
text-indent: -9999px;
left: 132px;
bottom: 132px;
}
#header #quality {
z-index: 0;
position: absolute;
background-image: url(../images/quality.png);
width: 87px;
height: 90px;
display: block;
text-indent: -9999px;
top: 254px;
right: 46px;
}
#header #navigation {
position: absolute;
z-index: 0;
height: 41px;
top: 21px;
width: 880px;
left: 9px;
list-style-type: none;
padding-left: 144px;
padding-top: 5px;
background: url(../images/navigation.png) 0 0;
}
#header #navigation li {
float: left;
background: url(../images/navigation-seperator.png) no-repeat right 0;
}
#header #navigation li.last {
background-image: none;
width: 122px;
}
#header #navigation li.last a {
padding-right: 0;
}
#header #navigation li a {
float: left;
color: #b1afae;
text-decoration: none;
font-size: 10px;
padding: 0 9px;
}
#header #navigation li a:hover, #header #navigation li a#current:hover {
text-decoration: none;
color: #fff;
}
#header #navigation li a#current {
text-decoration: none;
color: #d6d6d6; /*#da2521;*/
}
#header #navigation li a strong {
font-size: 12px;
line-height: 18px;
display: block;
}
#header img {
position: absolute;
top: 9px;
left: 9px;
z-index: 0;
}
#header #langform {
position: relative;
float:right;
z-index: 0;
height: 21px;
top: 62px;
left: 9px;
list-style-type: none;
margin-right: 20px;
margin-top: 20px;
background: none;
color: #D6D6D6;
padding: 4px;
background-color: #2b2828;
width:160px;
}
#header #langform #langspan {
cursor:pointer;
}
#header #langform ul#langdiv {
list-style:none;
width:160px;
margin-top: 7px;
padding: 4px;
background-color:#D6D6D6;
margin-left: -4px;
}
#header #langform ul#langdiv li {
height:20px;
vertical-align:middle;
}
#header #langform ul#langdiv li a{
color: black;
text-decoration:none;
outline:none;
}
#header #langform ul#langdiv li a:hover {
color: #FFFFFF;
text-decoration:none;
}
img.vlag{
position:relative !important;
padding-right:5px;
float:left;
top:0px !important;
left:0px !important;
vertical-align:middle;
}
/* MAIN */
#main {
width: 1024px;
margin: 0 auto;
background: url(../images/content.png) repeat-y;
padding: 32px 9px 0;
overflow: hidden;
}
#main h1 {
font-size: 18px;
line-height: 22px;
}
#main h2 {
font-size: 14px;
line-height: 20px;
font-weight: normal;
font-style: normal;
}
#main h3 {
font-size: 11px;
line-height: 20px;
font-weight: bold;
font-style: normal;
border-bottom: 1px solid #454141;
background-color: #454141;
color: white;
padding: 4px;
margin-bottom: 10px;
}
#main p.cat {
font-size: 13px;
line-height: 20px;
font-weight: bold;
font-style: italic;
color: #da2521;
}
#main .imgright {
float: right;
}
#main .imgright15 {
float: right;
margin-left: 15px;
}
#main #textcolumn {
width: 422px;
display: block;
}
#main #linebox {
width: auto;
display: block;
padding=bottom: 10px;
border-bottom: 1px solid #454141;
overflow: hidden;
}
#main ul li {
list-style-position: outside;
list-style-type: square;
line-height: 20px;
margin-left: 15px;
}
#main #colwrap {
float:left;
width:auto;
margin-top:0px;
margin-left:0px;
border: 0px solid #f0f0f0;
padding-left: 32px;
}
#main #ingredients {
margin-left:0px;
margin-top:0px;
width:221px;
height:250px;
margin-bottom:0px;
float:left;
display:inline;
}
#main #automatics {
margin-left:0px;
margin-top:0px;
width:239px;
height:250px;
margin-bottom:0px;
float:left;
display:inline;
}
img.vaag:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
#main #disposables {
margin-left:0px;
margin-top:0px;
width:298px;
height:250px;
margin-bottom:0px;
float:left;
display:inline;
}
#main #filter {
margin-left:0px;
margin-top:0px;
width:169px;
height:250px;
margin-bottom:0px;
float:left;
display:inline;
}
/* --- */
#main #content {
padding-bottom: 1px;
float: right;
width: 682px;
padding-right: 32px;
}
/* --- */
#main #sidebar {
float: left;
width: 247px;
padding-left: 32px;
}
/* FOOTER */
#footer {
width: 1024px;
margin: 0 auto;
background: url(../images/footer.png) 0 bottom;
height: 71px;
padding: 0 9px;
position: relative;
}
#footer #upto {
z-index: 0;
width: 294px;
height: 45px;
display: inline;
text-indent: -9999px;
background-image: url(../images/upto.png);
float: right;
margin-right: 32px;
margin-top: 7px;
}
table {
font-size: 10px;
}
#bestelformulier {
margin: 0 auto;
width: 720px;
text-align: left;
padding: 10px;
}
.input{
width:500px;
}
.mceEditor{
width:500px;
height:300px;
margin: 5px 0px 15px;
}