@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; color:#00375e; margin:0; padding:0;}
body{ background:url(../Images/body_bg.jpg) 50% 0 no-repeat;}
body#digitaal_drukken{ background:url(../Images/body_bg_drukken.jpg) 50% 0 no-repeat;}

a{ color:#333; text-decoration:underline;}
a:hover{ color:#333; text-decoration:none;}
p{ margin:0; padding:0 0 14px 0;}
ul{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:14px;}
img{ border:none;}
form{ margin:0; padding:0;}

table{ border-spacing:0;}
table td, table th{ padding:0;}

h1{ font-size:14px;}
h2{ font-size:13px;}
h3{ font-size:12px;}
h4{ font-size:11px;}
h5{ font-size:10px;}
h6{ font-size:9px;}

h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 20px 0; color:#00375e;}

.clear{ clear:both; height:0;}

a.item{ background:url(../Images/item.png) 0 0 no-repeat; height:21px; line-height:21px; float:left; margin:0; padding:0;}
a.item span{ background:url(../Images/item.png) 100% 100% no-repeat; height:21px; margin:0; padding:0 10px; color:#00375e; float:left;}
a.item:hover span{ color:#fff;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:960px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:0;}
#breadcrumbs{ width:940px; height:20px; line-height:20px; margin:0; padding:0 10px; font-size:11px;}
#links{ width:220px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#rechts{ width:740px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

/**************************************************************
** Links Styles
***************************************************************/
.content_links{ width:220px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.links_top{ background:url(../Images/links_top.png) 0 0 no-repeat; width:220px; height:25px; margin:0; padding:0; float:left; font-size:1px;}
.links_midden{ background:url(../Images/links_midden.png) 0 0 repeat-y; width:170px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 25px; float:left;}
.links_bottom{ background:url(../Images/links_bottom.png) 0 0 no-repeat; width:220px; height:25px; margin:0; padding:0; float:left; font-size:1px;}

#menu{ width:170px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#menu ul{ width:170px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#menu ul li{ width:170px; min-height:10px; height:auto !important; height:10px; margin:0; padding:3px 0; float:left; border-bottom:1px dotted #015998;}
#menu ul li a{ height:21px; line-height:21px; margin:0; padding:0 10px; float:left; color:#00375e; text-decoration:none;}
#menu ul li a:hover, #menu ul li a.aan{ background:url(../Images/item.png) 0 0 no-repeat; padding:0; float:left; cursor:pointer;}
#menu ul li a:hover span, #menu ul li a.aan span{ background:url(../Images/item.png) 100% 100% no-repeat; padding:0 10px; float:left;}

.sub{ display:none;}

#menu ul li .sub ul{ width:170px; min-height:10px; height:auto !important; height:10px; margin:3px 0 0 0; padding:0; list-style:none; border-top:1px dotted #015998;}
#menu ul li .sub ul li{ min-height:10px; height:auto !important; height:10px; margin:0; padding:0; border:none;}
#menu ul li .sub ul li a{ background:url(../Images/tree_lines.gif) 10px 0 no-repeat; min-height:21px; height:auto !important; height:21px; line-height:21px; margin:0; padding:1px 0 1px 22px; display:block;}
#menu ul li .sub ul li.laatste_sub a{ background:url(../Images/tree_endline.gif) 10px 0 no-repeat;}
#menu ul li .sub ul li a:hover, #menu ul li .sub ul li a.aan, #menu ul li .sub ul li.laatste_sub a:hover, #menu ul li .sub ul li.laatste_sub a.aan{ background:url(../Images/item.png) 0 0 no-repeat; margin:1px 0 1px 12px; padding:0; float:left; cursor:pointer;}

/**************************************************************
** Rechts Styles
***************************************************************/
.content_rechts{ width:740px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.rechts_top{ background:url(../Images/rechts_top.png) 0 0 no-repeat; width:740px; height:25px; margin:0; padding:0; float:left; font-size:1px;}
.rechts_midden{ background:url(../Images/rechts_midden.png) 0 0 repeat-y; width:680px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 30px; float:left;}
.rechts_bottom{ background:url(../Images/rechts_bottom.png) 0 0 no-repeat; width:740px; height:25px; margin:0; padding:0; float:left; font-size:1px;}

.corner{ width:10px; height:10px; font-size:1px; z-index:999; position:absolute; background:url(../Images/corners.png) no-repeat;}
.tl{ top:0; left:0; background-position:0 0;}
.tr{ top:0; right:0; background-position:100% 0;}
.bl{ bottom:0; left:0; background-position:0 100%;}
.br{ bottom:0; right:0; background-position:100% 100%;}

.content_afbeelding{ position:relative; width:680px; min-height:10px; height:auto !important; height:10px; margin:20px 0 0 0; padding:0; float:left;}
.content_afbeelding img{ width:680px; float:left;}

/**************************************************************
** Formulier Styles
***************************************************************/
input[type="text"], input[type="password"], input[type="email"], input[type="url"]{ background:#fff; width:196px; height:16px; margin-bottom:2px; border:1px solid #007ea2; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; color:#00375e;}
input[type="submit"]{ background:#fff; height:22px; border:1px solid #007ea2; cursor:pointer; color:#007ea2; text-transform:uppercase; font-weight:bold; font-size:10px;}
input[type="radio"]{ margin-bottom:4px;}
select{ margin-bottom:2px; border:1px solid #007ea2;}
textarea{ background:#fff; width:198px; height:88px; margin:0 0 2px 0; padding:0; border:1px solid #007ea2; color:#000;}

input[type="text"].form_text_middel{ width:134px;}
input[type="text"].form_text_klein{ width:55px;}