body{ background : #0098CA url('../img/bg.jpg') repeat-x; margin : 0; font-family : "Trebuchet MS"; font-size : 10pt; }
.content{ background : #fff; padding : 5px 10px; }
.clearer{ clear : both; }
.hidden{ display : none; }
.line{ background : url('../img/line.jpg') repeat-x; height : 1px; width : 100%; margin : 5px 0 0 0; }
h5{ border-top : 1px dotted #cccccc; padding : 15px 50px 15px 10px; border-bottom : 1px dotted #cccccc; margin : 10px 0; color : #ff9933; background : url('../img/important.jpg') right no-repeat; font-style : italic; font-size : 10pt; }
h1{ color : #223e99; text-transform : uppercase; font-weight : normal; font-size : 16pt; margin : 0; padding : 15px 0; }
h3{ font-size : 11pt; margin : 0; padding : 10px 0; }
h4{ border-top : 1px dotted #cccccc; padding : 20px 50px 20px 10px; border-bottom : 1px dotted #cccccc; margin : 10px 0; color : #ff9933; background : url('../img/offer.jpg') right no-repeat; font-style : italic; }

#container{ width : 850px; margin : 10px auto 0 auto; }

#logo{ background : url('../img/logo.jpg') no-repeat; width : 547px; height : 136px; margin : 0 auto; }

/* MENU */

#menu ul { list-style: none; padding: 10px 0; margin : 0; float: left; }
#menu a{ display: block; margin: 0; color: #fff; background: none; text-decoration: none; }
#menu a.home{ display : block; border : 0; margin : 0; padding : 0; color : #999; }
#menu a.active{ display : block; border : 0; margin : 0; padding : 0; color : #ff9900; }
#menu a:hover{ color: #ff9900; background: #fff; }
#menu li {position: relative; float : left; padding : 0 28px; text-transform : uppercase; text-align : center; font-size : 11pt; color : #999; }
#menu ul ul li{ text-transform : none; text-align : left; width : 150px; font-size : 10pt; padding : 0; float : none; }
#menu ul ul li a{ display : block; padding : 6px 0 6px 5px; }
#menu ul ul { position: absolute; z-index: 500; background : #FF9948 !important; padding : 0; margin : 0; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }
#menu .sub{ height : 1% !important; }
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{ display : none; }
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{ display : block; }

/* ROUNDED WHITE */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; }
.xb1 { margin:0 5px; background:#fff;}
.xb2 { margin:0 3px; }
.xb3 { margin:0 2px;}
.xb4 { height:2px; margin:0 1px; }

/* BREADCRUMB */

#breadcrumb{ padding : 5px; background : #efefef; margin : 5px 0 0 0; color : #666; }
#breadcrumb a{ color : #666; text-decoration : none; }
#breadcrumb a#lastactive,#breadcrumb a:hover{ color : #314ba0; text-decoration : underline; }

/* INHOUD */

#inhoud{ width : 580px; text-align : justify; float : left; color : #666; }
#inhoud strong{ border-bottom : 1px dashed #223e99 !important; color : #223e99; }
#inhoud h2{ color : #223e99; font-size : 12pt; margin : 0; padding : 10px 0; }
#inhoud a{ color : #ff9900; }
#inhoud a:hover{ text-decoration : none; }
#rechts{ float : right; color : #666; }
#pensioen{ width : 233px; height : 112px; margin : 20px 0 0 0; background : url('../img/pensioen.jpg') no-repeat; }
#kijker{ width : 213px; height : 92px; margin : 20px 0 0 0; background : url('../img/kijker.jpg') no-repeat; padding : 10px; }
#kijker h2,#openingsuren h2,#adresgegevens h2{ color : #666; font-size : 12pt; margin : 0; padding : 0; }
#kijker p{ background : url('../img/kijker_bg.gif') no-repeat right; padding : 10px 40px 10px 0; margin : 0; }
#kijker a{ color : #333399; background : url('../img/kijker_a.jpg') left no-repeat; padding : 0 0 0 15px; }
#kijker a:hover{ text-decoration : none; }
#openingsuren{ width : 213px; height : 142px; margin : 20px 0 0 0; background : url('../img/openingsuren.jpg') no-repeat; padding : 10px; }
#openingsuren table{ margin : 10px 0 0 0; }
#openingsuren table .first{ font-weight : bold; padding : 0 10px 0 0; }
#openingsuren table .second{ padding : 0 10px 0 0; }
#adresgegevens{ width : 213px; height : 121px; margin : 20px 0 0 0; background : url('../img/adresgegevens.jpg') no-repeat; padding : 10px; }
#adresgegevens p{ background : url('../img/adresgegevens_bg.gif') no-repeat right; padding : 10px 0; margin : 0; line-height : 1.4; }
#adresgegevens a{ color : #333399; }

#sfeer{ width : 233px; height : 162px; margin : 20px 0 0 0; }

/* COPYRIGHT */

#copyright{ margin : 10px 0; color : #fff; font-size : 8pt; text-align : center; }
#copyright a{ color : #fff; }

/* PRODUCTEN */

.productcat{ float : right; margin : 0 0 10px 10px; border : 1px solid #666; }
.productfiche{ float : right; margin : 0 0 10px 10px; border : 1px solid #666; }
.products{ list-style : none; margin : 0 0 20px 0; padding : 0; }
.product{ float : left; width : 190px; text-align : center; }
.product img{ border : 1px solid #666; }
h3#nopadding{ padding : 0 0 10px 0; margin : 0; }

/* FORMULIEREN */

fieldset{ border : 0; margin : 0; padding : 0; }
form{ margin : 0; padding : 0; }
fieldset div{ padding : 10px 5px; background : #efefef; margin : 1px 0; }
fieldset .star{ background : #efefef; }
fieldset input,fieldset textarea{ border : 1px solid #ccc; padding : 2px; font-family : "Trebuchet MS"; font-size : 10pt; }
fieldset textarea{ width : 225px; height : 100px; }
fieldset .required{ float : right; font-size : 16pt; color : #ff9900; }
label{ float : left; width : 300px; font-weight : bold; padding : 0 10px 0 0; }

/* CONTACT */

#map{ width : 100%; height : 300px; margin : 10px 0; border : 1px solid #ccc; }