/*Arsenaal  handcoding by Robin Bodegom for Bodegom.com*/
BODY {background-color: #fff; color: #000000; background-image: url(back-dots.png); background-repeat: repeat;}
HEADER, FOOTER, SECTION, ASIDE, NAV, ARTICLE { display: block; }
IMG { border: none; border: 0; }

/*Blokken*/
#container { width: 980px; margin: 0px auto; overflow: auto; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight: normal; background-color: #FFFFFF; color: #5a5a5c; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
HEADER#banner { margin-bottom: 25px; border-bottom: 10px solid #802478; height: 200px; }
SECTION#content { position: relative; width: 500px; margin: -16px 0px 15px 35px; }
SECTION#content-breed { position: relative; width: 800px; margin: -16px 0px 15px 35px; }
SECTION#kolom-rechts { width: 400px; margin: 60px 0px 0px 75px; float: right; }
SECTION#kolom-rechts-2 { width: 230px; margin: 55px 25px 20px 0px; float: right; border: 2px solid #f6d05a; border-radius: 10px;}
SECTION#icoon {	width: 90px; height: 90px; position: absolute;	margin: 55px 0px 0px 600px; z-index: 4;}

/*blok zelf */
.subkop-rechts { margin-left: 20px; }
SECTION#kolom-rechts-2 ul { margin: 0px 0px 25px; }
/* inhoud blok 35*/
FOOTER { position: relative; float: left; width: 980px; padding-top: 10px; margin: 0px auto; }
#iframe-1 { position: relative; min-height: 950px; width:750px; border:none; margin-left: -10px; }
.tabel-1 { width:700px; border:none; font-size: small; }

/*Letter werk*/
H1 { font-size: large; color: #802478; }
H2 { font-size: medium; }
H3 { font-size: small; font-weight: bold; color: #802478; }
P { font-size: small; margin: 0 0 0.5em; text-align: justify; }
.p-breed { font-size: small; margin: 0 0 0.5em; text-align: justify; z-index:2; position: relative; width: 600px; }
#kruimels { font-size: small; }
.bottom { font-size: small; color: black; margin: 0px 0px -5px 40px; }
.voorpagina { list-style-type: square; font-style: oblique; line-height: 1.7em; margin-left:-15px; z-index:2; position: relative; width: 600px; }
.p-verzekering { min-height: 150px; }
.p-verzekering-2 { min-height: 200px; }
.highlights-rechts { padding: 10px; display: block; width: 300px; height: 150px; margin-top: 20px; margin-bottom: 15px; -webkit-box-shadow: 3px 3px 7px rgba(66, 75, 89, 0.75); -moz-box-shadow: 3px 3px 7px rgba(66, 75, 89, 0.75); box-shadow: 3px 3px 7px rgba(66, 75, 89, 0.75); border-radius: 10px; }

/*Knoppen*/
.knoppen-rechts LI A, .knoppen-rechts-2 LI A { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px #FFFFFF; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #b8b8b8) ); background: -moz-linear-gradient( center top, #ededed 5%, #b8b8b8 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b8b8b8'); background-color: #EDEDED; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #DCDCDC; display: inline-block; margin: 5px 0px -15px; margin-bottom: 20px; color: #777777; font-family: arial; font-size: 12px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 1px 1px #FFFFFF; }
.knoppen-rechts LI A:hover, .knoppen-rechts-2 LI A:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8b8b8), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #b8b8b8 5%, #ededed 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ededed'); background-color: #b8b8b8; }
.knoppen-rechts LI A:active, .knoppen-rechts-2 LI A:active { position: relative; top: 1px; }
.knoppen-rechts-2 LI A { display: inline-block; width: 150px; margin: 5px -25px 0px; }

/*Menu bodem*/
.streep-bodem{width:940px; height: 3px; color: #ee5f33; background-color: #ee5f33; position: relative;  }
.menu-bottom-1 { width: 200px; margin-top: 10px; float: left; }
.menu-bottom-2 { width: 250px; margin-top: 10px; float: left; }
.menu-bottom-3 { width: 240px; margin-top: 10px; float: left; }
.menu-bottom-4 { width: 190px; margin-top: 10px; float: left; }

/* Link styles */
NAV#kruimels A:link, NAV#kruimels A:visited { list-style: none; text-decoration: none; color: #5a5a5c; }
NAV#kruimels A:hover { list-style: none; text-decoration: underline; color: #802478; }
.menu-bottom-1 UL LI A:link, .menu-bottom-2 UL LI A:link, .menu-bottom-3 UL LI A:link, .menu-bottom-4 UL LI A:link, .tabel-1 A:link { list-style: none; text-decoration: none; color: #5a5a5c; }
.menu-bottom-1 UL LI A:visited, .menu-bottom-2 UL LI A:visited, .menu-bottom-3 UL LI A:visited, .menu-bottom-4 UL LI A:visited { list-style: none; text-decoration: none; color: #5a5a5c; }
.menu-bottom-1 UL LI A:hover, .menu-bottom-2 UL LI A:hover, .menu-bottom-3 UL LI A:hover, .menu-bottom-4 UL LI A:hover, .tabel-1 A:hover { text-decoration: underline; color: #802478; }
UL { list-style: none; font-size: small; }
OL { font-size: small; }
SECTION#kolom-rechts-2 ul li a { color: #802478; }

/*Productwijzers*/
#pdf-l { width: 300px; height: 200px; margin: 0px 0px 0px -35px; position: relative; display: block; }
#pdf-r { width: 300px; height: 200px; margin: -211px 0px 0px 250px; position: relative; display: block; }
.pdf-lijst LI { padding-left: 0px; background-image: url(li-pdf.png); background-repeat: no-repeat; background-position: 0px 2px; padding: 3px 0 13px 25px; list-style-type: none; }
.pdf-lijst LI A:link { color: #5a5a5c; background-color: transparent; font-size: small; text-decoration: none; }
.pdf-lijst LI A:visited { color: #5a5a5c; background-color: transparent; font-size: small; text-decoration: none; }
.pdf-lijst LI A:hover { color: #802478; background-color: transparent; font-size: small; text-decoration: underline; }

/*Check*/
.check-lijst LI { padding-left: 0px; background-image: url(li-check.png); background-repeat: no-repeat; background-position: 0px -5px; padding: 3px 0 13px 25px; list-style-type: none; }
.check-lijst LI A:link { color: #5a5a5c; background-color: transparent; font-size: small; text-decoration: none; }
.check-lijst LI A:visited { color: #5a5a5c; background-color: transparent; font-size: small; text-decoration: none; }
.check-lijst LI A:hover { color: #802478; background-color: transparent; font-size: small; text-decoration: underline; }

/*FAQ*/
.faq {text-align: justify;}

/*contact*/
.td-contact {width:250; vertical-align: text-top;}

/* kleuren
Bruin = 5a5a5c
donker Paars = 802478 
Lichter paars = cc99cc
Nog lichter paars = dec2d7
Oranje : ee5f33
Eigeel = f6d0a5
wit geel = f5ead5
*/