html {
font: 12px/18px Arial,Helvetica,sans-serif normal
}
body {
margin: 0;
padding: 0;
background: #e2383a url(../images/lay-out/bg.jpg) repeat-x top
}
a img {
border:0
}
.rechts a, .quicknav a {
color:#EC1C24;
font-weight:bold;
text-decoration:none;
border-bottom: 1px dotted;
}
#conentpage{
background: #ec1c24 url(../images/lay-out/bg-content.jpg) repeat-x top
}
.clearall{clear:both;}
/** positionering/opmaak blokken */
.bgwrapper{
background: transparent url(../images/lay-out/backdrop.gif) no-repeat top center;
width: 987px;
margin: 0 auto;
}
#conentpage .bgwrapper{
background: transparent url(../images/lay-out/backdrop-content.gif) no-repeat top center;
width: 987px;
margin: 0 auto;
}
.wrapper {
width: 973px;
margin: 0 auto;
background-color: #fff
}
.header {
height: 70px;
background-image: url(../images/lay-out/header.jpg)
}
#conentpage .header {
height: 70px;
background-image: url(../images/lay-out/header-content.jpg)
}
.menu {
width: 973px;
height: 20px;
position: relative;
z-index: 100;
background-color: #ec1c24;
}
.content {
}
#conentpage .contentTop {
height: 193px;
background: url(../images/lay-out/banner-content.jpg) no-repeat;
}
.contentTop {
height: 323px;
background: url(../images/lay-out/banner.jpg) no-repeat;
}
.contentBottom {
height: 220px;
background: url(../images/lay-out/bg-bottom.gif) no-repeat top right
}
#conentpage .contentBottom {
/*height: 230px;*/
background:#fff url(../images/lay-out/bg-bottom-content.gif) no-repeat top right;
padding-top:23px;
height:auto;
}
.links {
width: 171px;
height: 219px;
background-color: #fff;
float: left;
clear: left;
}
#conentpage .links{
width: 171px;
float:left;
}
.products {
position: absolute;
margin: 20px 0px 0px 35px;
}
.noproducts {
display: none;
visibility: hidden;
}
#conentpage .rechts{
padding: 0px 0px 20px 90px;
/*margin-left: 171px;*/
margin: 0px;
background-color:white;
width:462px;
float:left;
}
#conentpage .rechtsfoto{
width:225px;
float:right;
margin-top:-40px;
}
.footer {
width: 973px;
margin: 0 auto;
background-color: transparent;
text-align: center;
color: #fff;
line-height: 22px
}
.promoArea {
margin: 0px;
padding: 0px;
width: 800px;
float: right;
height: 220px;
clear: right
}
/** drop down menu */
.menu ul {
padding: 0;
margin: 0;
list-style-type: none
}
.menu li {
float: left;
/*width: 110px;*/
position: relative
}
.menu a, .menu a:visited {
font-weight:bold;
display: block;
text-decoration: none;
color: #fff;
height: 19px;
border: 1px solid #fff;
border-width: 0 1px 0 0;
background: #ec1c24;
padding:0px 10px;
padding-top:1px;
}
* html .menu a, * html .menu a:visited {
width: 100px;
}
.menu .mHome {
width: 171px;
border: 1px solid #fff;
border-width: 0 1px 0 0;
}
#conentpage .menu .mHome {
border: 1px solid #fff;
border-width: 0 0px 0 0;
}
.menu .mHome a, .menu .mHome a:hover, .menu .mHome a:visited{
width: 171px;
}
.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
left: 0;
width: 190px !important;
width: 180px;/* voor ie6*/
}
* html .menu ul ul {
top: 30px !important;
top: 20px;/* voor ie6*/
}
.menu ul ul a, .menu ul ul a:visited {
background: #d31a21;
font-size: 10px;
font-weight:normal;
color: #fff;
height: 20px;
padding: 0 10px;
width: 190px;
border-width: 0 0 0;
}
* html .menu ul ul a, * html .menu ul ul a:visited {
width: 190px !important;
width: 180px;/* voor ie6*/
}
.menu table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}
.menu a:hover, .wrapper .menu ul li .active {
color: #EC1C24;
background: #fdebeb;
}
.menu ul ul a:hover {
color: #fff;
background: #ba1c1c
}
.menu:hover >a {
color: #fff;
background: #d31a21
}
.menu ul ul:hover >a {
color: #fff;
background: #ba1c1c
}
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility: visible
}
/* elementen */
.contentTop h2 {
display: none
}
.contentBottom .links dl {
margin: 0;
padding: 0
}
.contentBottom .links dt {
background: #deb793;
color: #FFF;
padding-left: 12px
}
.contentBottom .links dd {
margin: 0;
padding: 0 0 0 12px
}
.contentBottom .links a {
color: #deb793;
text-decoration: none
}
.contentBottom .links a:hover {
text-decoration: underline
}
.contentBottom .links ul {
font-size: 10px;
list-style: none;
margin: 20px 0 0;
padding: 0 0 0 12px
}
.promoArea .quicknav {
height: 120px;
width: 300px;
float: left;
margin-left: 50px !important;
margin-left: 25px;/* voor ie6*/
background: url(../images/lay-out/bg-quicknav.gif);
margin-top: 60px
}
.quicknav li {
font: bold 14px/21px "Trebuchet MS"Verdana,Arial,Helvetica,sans-serif;
list-style: url(none) none;
background: url(../images/lay-out/ql-arrow.gif) no-repeat;
padding-left: 19px;
margin-top: 5px
}
.quicknav li a {
color: #3B0018;
text-decoration: none
}
.quicknav li a:hover {
color: #3B0018;
text-decoration: none;
border-bottom: #999 dotted 1px
}
.quicknav ul {
padding: 20px 0px 0px 20px;
margin: 0px
}
.promoArea .promo01 {
height: 167px;
width: 328px;
float: left;
background: url(../images/lay-out/promo-banner.gif) no-repeat center bottom;
margin-top: 30px;
margin-left: 10px
}
.promoArea .promo01 a {
border: none
}
.header .mininav {
margin: 0px;
padding: 0px;
display: block;
float: right;
width: 195px;
font-size: 10px;
position: relative;
margin-right: 12px;
top: 51px;
}
.mininav a, .mininav {
color: #999;
text-decoration: none
}
.mininav a:hover {
color: #333
}
.rechts h2{
color:#EC7C1C;
font-family:"Trebuchet MS", Verdana;
font-size:35px;
margin:20px 0px;
padding:0px;
}
.rechts h3{
color:#ec1c24;
font-family:"Trebuchet MS", Verdana;
font-size:20px;
}
.rechts h4{
color:#EC7C1C;
font-size:12px;
}
.rechts h5{
background: url(../images/lay-out/content-arrow.gif) no-repeat left 3px;
}
.rechts h5 a {
font-size:12px;
margin-left:17px;
}
.rechts ul,
.rechts li{
list-style-type: disc;
}
.rechtsfoto p,
.rechtsfoto p a{
font-family:"Trebuchet MS", Verdana;
font-size:14px;
color:#51001e;
text-decoration:none;
font-weight:bold;
}
.rechtsfoto p strong{color:#ec1c24;}
.gototop {
text-align:right;
}
.gototop a {
font-size:10px;
}
.box_light {
padding:1px 15px 15px 15px;
border:#FAC4C5 solid 1px;
background-color:#ffcccc;
}
.box_light ul li{
margin-left: 15px;
}
.flash_home_page{
position: absolute;
margin: 200px 0px 0px 573px;
}
.flash_home_page a, .flash_content_page a {
width: 400px;
height: 177px;
position: absolute;
}
#flashcontent_content p a {
text-align: justify;
width: 170px;
color: #000;
text-decoration: none;
}
#conentpage .flash_home_page{
display: none;
visibility: hidden;
}
.hide {
display: none;
visibility: hidden;
}
.flash_home_page {
/*position: absolute;*/
/*margin: 10px 0px 0px -100px;*/
}