<!--

/*************************************************************
/ CSS Developed by MOONBEETLE (www.moonbeetle.com)
/ for verzekeringskantoor DOM
**************************************************************/

html, body{height: 100%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #111;
	background: #fff url("../images/bg_home.jpg") top left repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#container{
	width:845px;
	height:90%;
	margin:0 auto;
	background:#fff;
	text-align:left;
	font-size:80%;
}
#header {
	background: #e7e7e7 url("../images/bg_header.jpg") bottom left repeat-x;
	height: 95px;
	width: 845px;
	float:left;
	margin:0;
}
#headerleft{float:left; clear:none; width:586px; padding:0; margin:0; border:none;}
#headerright{float:right; clear:right; width: 200px; height:85px; text-align:left; padding: 5px 10px 0 0; margin:0;}
#visual {
	clear:both;
	background: #f00 url("../images/bg_spotlight.gif") top left no-repeat;
	height: 175px;
	width: 845px;
	color:#fff;
	padding:0;
}
#leftmargin{
	width: 200px;
	margin: 0;
	float:left;
	padding: 10px 0 0 0;
}
#contentwrapper{
	width: 645px;
	float:left;
	margin:0;
	background:#fff url("../images/bg_content.jpg") top left repeat-x;
}
#content{
	width: 425px;
	padding: 10px;
	float:right;
}
#rightmargin{
	width: 179px;
	margin: 0;
	padding: 10px;
	float:right;
	background: url("../images/bg_rightmargin.jpg") top left repeat-x;
	border-left:1px solid #e7e7e7;
}
#logos{clear:both; text-align:center; padding:10px;}

/* --- Nav styles --- */
.nav ul{margin:0;padding:0 12px;}
.nav ul li{
	margin:0 0 12px 0;
	padding: 0 0 0 18px;
	list-style:none;
	background:  url("../images/arrow_off.gif") no-repeat 0 3px;
}
.nav ul li a:link, .nav ul li a:visited{color:#111; font-size:100%; font-weight:bold; text-decoration:none;}
.nav ul li a:hover, .nav ul li a:active{color:#c00; font-size:100%; font-weight:bold; text-decoration:none;}
body#nav1 #s1,body#nav2 #s2,body#nav3 #s3,body#nav4 #s4,body#nav5 #s5,body#nav6 #s6,body#nav7 #s7,body#nav8 #s8,body#nav9 #s9,body#nav10 #s10 {
	background:  url("../images/arrow_on.gif") no-repeat 0 3px;
}

/* --- Product listing styles --- */
.product ul{margin:0;padding:0;}
.product ul li{
	margin:0 0 8px 0;
	padding: 0;
	list-style:none;
	display:block;
	border-top: 1px solid #ccc;
}
.product ul li a:link, .product ul li a:visited{color:#111; font-size:100%; font-weight:normal; text-decoration:none;}
.product ul li a:hover, .product ul li a:active{color:#f00; font-size:100%; font-weight:normal; text-decoration:underline;}

/* --- Top menu listing styles --- */
.topmenu ul{margin:0;padding:0 12px;}
.topmenu ul li{
	margin:0 0 4px 0;
	padding: 0 0 0 18px;
	list-style:none;
	background:  url("../images/bullit_topmenu.gif") no-repeat 0 3px;
}
.topmenu ul li a:link, .topmenu ul li a:visited,.topmenu ul li a:hover, .topmenu ul li a:active{color:#f00; font-size:100%; font-weight:bold; text-decoration:underline;}

/* --- HTML styles --- */
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;}
h1{font-size: 150%; color:#111;}
h2{font-size: 140%; color:#111;}
h3{font-size: 130%; color:#111;}
h4{font-size: 120%; color:#111;}
h5{font-size: 140%; color:#c00;}
h6{font-size: 120%; color:#C00;}

/* --- Custom classes --- */
.noBorder{border:none;}
.visualTxt div{padding:15px 0 0 15px; color:#fff;}
.visualTxt h1,.visualTxt h2,.visualTxt h3,.visualTxt h4,.visualTxt h5,.visualTxt h6 {color:#fff; margin-top:0; margin-bottom:0.5em;}
.visualTxt p {color:#fff; line-height:1.3em; padding:0;}
.visualTxt a:link,.visualTxt a:visited,.visualTxt a:active,.visualTxt a:hover{color:#fff; font-weight:bold; text-decoration:underline;}
-->