/* CSS Document */

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14pt; color:#000000; text-align:center; background-image:url(images4/background.gif); background-repeat:repeat;}

h1{font-size:13px; font-weight:bold;}
h2{margin-top:0px; margin-bottom:0px; font-size:12px; font-weight:bold;}
h3{margin-top:0px; margin-bottom:0px; font-size:16px; font-weight:bold;}
h4{margin:0px; padding:10px; color:#303788; font-size:34px; font-weight:bold;}

fieldset{border:none; width:350px; padding:0px; margin:0px;}
label{float:left; width:200px;}
ol{margin:0px; padding:0px; list-style:none;}

li{margin-bottom:6px;}
textarea{width:300px; height:80px; margin:0px; padding:0px;}

#container{width:1020px; margin:10px auto; padding-top:15px; text-align:left; background-color:#FFFFFF; border:1px solid #AAAAAA;}
#main{width:1000px; clear:both; padding-top:15px;}
#banner{width:1000px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#bannerfoto{width:770px; }
#menu{width:230px;  float:left;}
#maincontent{width:770px; float:left;}
.contentlinks{width:475px; float:left; padding-top:15px; padding-bottom:15px; padding-right:25px;}
.contentrechts{width:270px; float:left; padding-top:15px; padding-bottom:15px;}
#contenttotal{width:770px; padding-top:15px; padding-bottom:15px;}
#footer{width:1020px; height:1px; clear:both; border-top:1px solid #999999;}

#logo{width:430px; float:left; margin-left:31px;}
#bannernaamcontact{width:521px; float:right; text-align:right; padding-right:10px; color:#666666;}
#bannernaamcontact p{margin:0px; padding:5px 0px 3px 0px;}
#bannernaam{font-size:16pt; font-weight:bold;}
#bannerslogan{font-size:14pt; position:relative; top:7px;}
#bannercontact{font-size:9pt; font-weight:bold; position:relative; top:18px;}

.menuoptie{text-align:left; width:166px; height:26px; font-weight:bold; margin-bottom:5px; margin-left:31px;}
.menuoptie a{width:100%; height:100%; display:block; text-decoration:none; background-image:url(images4/menuknop.gif); color:#FFFFFF; font-size:10px;}
.menuoptie a:hover{color:#FFFFFF; background-image:url(images4/menuknopover.gif);}
.menuoptietekst{position:relative; top:2px; left:10px;}

.image{margin-top:20px; float:right;}

#homevergelijkdiv{width:486px; height:376px; background-image:url(images4/vergelijkachtergrond.gif); position:relative;}
#vergelijkdivtitel{width:486px;text-align:center; position:absolute; top:20px;}
#vergelijkdivimage{width:262px; position:absolute; top:100px; left:50%; margin-left:-131px;}
#vergelijkdivimagefidelisfd{width:262px; position:absolute; top:60px; left:50%; margin-left:-131px; }
#vergelijkdivsubtitel{width:486px; text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; position:absolute; top:276px;}
#vergelijkdivopties{width:auto; position:absolute; top:317px;}
#vergelijkdivopbjecten{width:486px; position:absolute; top:0px;}
.vergelijkdivobject{width:160px; text-align:center; float:left; color:#000000; font-weight:bold; font-size:12px;}
.vergelijkdivobject a{text-decoration:none; color:#000000;}
.vergelijkdivobject a:hover{text-decoration:underline;}
#vergelijkdivobjectactive{color:#303788; float:left;}
.vergelijkdivlijn{width:2px; height:57px; float:left; position:relative; top:-9px; background-image:url(images4/tussenlijn.gif);}

#nieuws{width:500px; margin-top:15px;}



#polissen{width:800px; height:auto;}
.polis{width:350px; height:130px; position:relative; margin-bottom:50px; float:left;}
.polismain{width:180px; height:130px; float:left;}
.polissublinks{width:170px; height:130px; float:left; line-height:12pt;}
.polissublinks span{position:absolute; bottom:-3px; padding-left:5px;}
.polissublinks a{text-decoration:none; color:#333333;}
.polissublinks a:hover{text-decoration:underline; }
.poliscontent{width:180px; height:130px; background-color:#FFFFFF;}
.polislink{width:180px; height:130px; position:relative; top:-130px; background-image:url(images4/polisrand3.gif);}
.polislink a{width:100%; height:100%; display:block; text-decoration:none; background-image:url(images4/polisrand3.gif);}
.polislink a:hover{ background-image:url(images4/polisrand3-over.gif);}
.poliscontentimage{width:180px; height:100px;}
.poliscontenttekst{width:180px; height:30px; line-height:normal; text-align:center;}


.productpolis{width:181px; height:248px;}
.productpolismain{width:180px; height:130px;}
.productpolissublinks{width:140px; height:130px; line-height:12pt; padding-top:5px;}
.productpolissublinks a{text-decoration:none; color:#333333;}
.productpolissublinks a:hover{text-decoration:underline;}

.poliseigenschappen{float:left; margin-top:10px; padding:10px; background-color:#F3F3F3; border:1px solid #999999;}
.poliseigenschappenlinks{float:left; font-weight:bold;}
.poliseigenschappenrechts{float:left; margin-left:15px; padding-left:15px; border-left:1px solid #999999;}

#submenu{width:770px; margin-left:230px;}
#submenu a{text-decoration:none; color:#666666;}
#submenu a:hover{text-decoration:underline;}

.knop{height:26px; padding-bottom:10px;}
.oranjeknoplinks{width:23px; height:26px; background-image:url(images4/knop-links.gif); float:left;}
.oranjeknoplinks a{width:100%; height:100%; display:block; text-decoration:none; color:#FFFFFF;}
.oranjeknopmidden{width:auto; height:26px; background-image:url(images4/knopachtergrond.gif); float:left;}
.oranjeknopmidden a{width:100%; height:100%; display:block; text-decoration:none; color:#FFFFFF;}
.oranjeknoptekst{position:relative; top:2px; font-weight:bold;}
.oranjeknoprechts{width:40px; height:26px; background-image:url(images4/knoprechts.gif); float:left;}
.oranjeknoprechts a{width:100%; height:100%; display:block; text-decoration:none; color:#FFFFFF;}

.productgroep{width:135px; padding-bottom:10px; float:left;}
.productgroep a{text-decoration:none; color:#000000;}
.productgroep a:hover{text-decoration:underline;}

.productgroep1{width:150px; padding-bottom:10px; float:left;}
.productgroep1 a{text-decoration:none; color:#000000;}
.productgroep1 a:hover{text-decoration:underline;}

.nieuwsbericht{width:486px; padding-bottom:10px;}
.nieuwsbericht a{text-decoration:none; color:#303788;}
.nieuwsbericht a:hover{text-decoration:underline;}

.productbeschrijving{width:485px;}

#productmenu{margin-top:0px; margin-bottom:15px;}
.productmenuoptie{width:210px; height:24px; border-bottom:1px solid #666666; margin:0px;}
.productmenuoptie a{width:100%; height:100%; display:block; text-decoration:none; background-color:#FFFFFF; color:#666666;}
.productmenuoptie a:hover{background-color:#F3F3F3; color:#000000; text-decoration:none;}
.productmenutekst{position:relative; top:3px; left:2px; font-size:12px;}

#vergelijklink{width:270px; height:170px; margin-bottom:15px; text-align:center; font-size:14px; font-weight:bold;}
#vergelijklink a{width:100%; height:100%; display:block; text-decoration:none; background-image:url(images4/kleinvergelijkimg.jpg); background-repeat:no-repeat; color:#303788;} 
#vergelijklink a:hover{background-image:url(images4/kleinvergelijkimg-over.jpg);}
#vergelijklinktekst{position:relative; top:15px;}

.cfveld{width:200px; margin:0px; padding:0px;}
.productlijst{width:250px; margin-bottom:5px;}
#productvoegtoe{margin-bottom:5px;}
#offerteaanvraag{padding-right:15px;}

a.button:link, a.button:visited {
border:1px solid #cccccc;
display: block;
text-align: center ; 
text-decoration: none;
color: #FC6401;
float: left;
font-size: 11px;
font-weight: bold;
padding: 4px;
color: #303788;}

a.button:hover { background-color:#cccccc; color: #cccccc; }

#fotocontact {width:auto; position:relative; padding-top:25px;}

#fotomenu {width:auto; padding-left:30px; padding-top:25px; float:left;}

.buttonkleur {background-color:#666666;
color:#ffffff;
margin-top:15px;
border:2px;
border-color:#000000;
}

.contentlinksbeheer{width:350px; float:left; padding-top:15px; padding-bottom:15px; padding-right:25px;}
.contentrechtsbeheer{width:270px; float:left; padding-top:15px; padding-bottom:15px;}

#lijn{width:790px; height:1px; clear:both; border-top:1px solid #999999;}

.border {border:1px}

.box-gradient {
    background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF 10%)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(center bottom , #F1F1F1, #FFFFFF 10%); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(center bottom , #F1F1F1, #FFFFFF 10%); /* FF3.6 */
	background-image:     -ms-linear-gradient(center bottom , #F1F1F1, #FFFFFF 10%); /* IE10 */
	background-image:      -o-linear-gradient(center bottom , #F1F1F1, #FFFFFF 10%); /* Opera 11.10+ */
	background-image:         linear-gradient(center bottom , #F1F1F1, #FFFFFF 10%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#FFFFFF'); /* IE6–IE9 */
}
