@charset "utf-8";
@import "clevercms.css";
@import "sifr.css";
@import "fancybox.css";
/* CSS Document */
@media screen {
* 						{ margin: 0; padding: 0;}
body					{ margin: 0; font-size: 11px; font-family: Verdana; background: url(../img/bg.jpg) top center no-repeat;}

p							{ padding-bottom: 15px;}
img						{ border: 0; }
hr						{ height:1px; color:#cccccc; }

h1, .header1 	{ font-size: 20px; color: #033f88;}
h2, .header2  { font-size: 16px; color: #033f88;}
h3,	.header3  { font-size: 12px; color: #033f88;}

a,
a:active,
a:visited			{ text-decoration:underline; color:#000;}
a:hover				{ text-decoration:none; color:#000;}

.leesmeer { color: #033f88; }

form					{ border:0px; }

.box 					{ position: absolute; width: 100%; background: url(../img/bg_header.jpg) top center no-repeat; height:499px; z-index: 1; }
.container 		{ position: absolute; margin-left: -490px; left: 50%; width: 970px; padding: 0 5px; height: 499px; z-index: 99; }
.header				{ float: left; width: 950px; padding: 0 10px; }
.logoprint		{ display: none; float: left; width: 100%; height: 175px; }
.logo					{ float: left; width: 100%; height: 175px; }
.logo					{ float: left; width: 745px; height: 175px; }
.login				{ float: left; width: 205px; padding-top: 50px; height: 125px; }
.login .inloggen { height: 43px; }
.login .slotje { background: url(../img/icon_slot.gif) left top no-repeat; line-height: 25px; padding: 3px 0 3px 20px; }
.login input	{ float: left; height: 16px; width: 148px; border: 1px solid #d7d5d5; padding: 4px 3px; font-family: Verdana; size: 11px; color: #757575; }
.login .inloggen a,
.login .inloggen a:active,
.login .inloggen a:visited {color: #000000; text-decoration: none;}
.login .inloggen a:hover {color: #000000; text-decoration: underline;}

.midden				{ float: left; width: 950px; padding: 0 10px; }
.menu 				{ float: left; width: 200px; padding: 0 0 40px 0; }
.menu ul 			{ float: left; margin: 0px; padding: 0px; list-style: none; width: 200px; }
.menu li			{ float: left; width: 200px; padding:0px 0px 2px 0px; margin:0px; }
.menu li a		{ color: #FFFFFF; text-decoration: none; background: #033f88; padding: 7px 10px; display: block;}
.menu li a.aan { color: #FFFFFF; text-decoration: none; background: #fcb713 url(../img/arrow.gif) right bottom no-repeat; padding: 7px 10px; display: block; font-weight: bold;}
.menu li a:hover { color: #FFFFFF; text-decoration: none; background: #fcb713 url(../img/arrow.gif) right bottom no-repeat; padding: 7px 10px; display: block;}
.menu li.sub a		{ color: #FFFFFF; text-decoration: none; background: #fcb713; padding: 7px 10px; display: block;}
.menu li.sub a.aan { color: #FFFFFF; text-decoration: none; background: #fcb713 url(../img/arrow.gif) right bottom no-repeat; padding: 7px 10px; display: block; font-weight: bold;}
.menu li.sub a:hover { color: #FFFFFF; text-decoration: none; background: #fcb713 url(../img/arrow.gif) right bottom no-repeat; padding: 7px 10px; display: block;}
.content			{ float: left; width: 750px;  }
.content .breadcrumb { float: left; width: 750px; height: 19px; font-size: 10px; padding: 7px 20px 0 20px;}
.content .breadcrumb a,
.content .breadcrumb a:active,
.content .breadcrumb a:visited {color: #000000; text-decoration: none;}
.content .breadcrumb a:hover {color: #000000; text-decoration: underline;}
/*vervolgbreed */
.content .texttop { float: left; width: 750px; height: 21px; background: url(../img/bg_text_vervolg.gif) top right no-repeat; }
.content .text { float: left; width: 710px; background:  #FFFFFF; min-height: 500px; height:auto !important; height:500px; padding: 0px 20px 20px 20px; line-height: 18px; }
/*Home*/
.content .texttop_home { float: left; width: 750px; height: 21px; background: url(../img/bg_text_home.gif) top right no-repeat; }
.content .textlinks { float: left; width: 476px; background:  #FFFFFF; min-height: 500px; height:auto !important; height:500px; padding: 0px 20px 20px 20px; line-height: 18px; }
.content .tussen { float: left; width: 10px; min-height: 500px; height:auto !important; height:500px; }
.content .textrechts { float: left; width: 184px; background:  #FFFFFF; min-height: 500px; height:auto !important; height:500px; padding: 0px 20px 20px 20px; line-height: 18px; }
.content .textrechts h1,
.content .textrechts h2,
.content .textrechts h3 { color: #ee9314; }
.content .textlinks h1,
.content .textlinks h2,
.content .textlinks h3 { color: #033f88; }

.content .textrechts  .agendahome { float: left; width: 180px; border-bottom: 1px dotted #CCCCCC; padding: 10px 0px 20px 0px; }
.content .textrechts  .leesmeer { color: #ee9314;}

.content .nieuwshome { float: left; width: 475px; padding: 20px 0px 30px 0px; border-top: 1px dotted #CCCCCC; font-size: 11px; }
.content .nieuwshome .afblinks { float: left; width: 135px; }
.content .nieuwshome .nieuwstekst { float: left; width: 340px; }
.content .nieuwshome .nieuwstekstbreed { float: left; width: 475px; }
.content .nieuwshome .nieuwstekst .titel,
.content .nieuwshome .nieuwstekstbreed .titel { font-weight: bold; color: #033f88; }
.content .nieuwshome .nieuwstekst .leesmeer,
.content .nieuwshome .nieuwstekstbreed .leesmeer { color: #033f88; }
.content .textlinks .cc_tekstinhoud { }

/*vervolgdetail */
.content .textdetail { float: left; width: 710px; background:  #FFFFFF; min-height: 500px; height:auto !important; height:500px; padding: 0px 20px 20px 20px; line-height: 18px; }
.content .textdetail .textlinks { float: left; width: 486px; background:  #FFFFFF; min-height: 500px; height:auto !important; height:500px; padding: 0px 20px 0px 0px; line-height: 18px; }
.content .textdetail .tussen { float: left; width: 10px; min-height: 500px; height:auto !important; height:500px; }
.content .textdetail .textrechts { float: left; width: 173px; background:  #FFFFFF; min-height: 500px; height:auto !important; height:500px; margin-top: 40px; padding: 0px 0px 0px 20px; line-height: 18px; border-left: 1px dotted #CCCCCC; }
.content .textdetail .textrechts .blok1 { padding: 0 0 20px 0; border-bottom: 1px dotted #CCCCCC; }
.content .textdetail .textrechts .blok2 { padding: 20px 0 20px 0;  }


.footer 			{ float: left; width: 930px; border-top: 1px solid #dedede; background:#FFFFFF; padding: 5px 10px 20px 10px; }
.footer .left	{ float: left; width: 465px; color: #BBBBBB; }
.footer .right	{ float: left; width: 465px; color: #BBBBBB; text-align:right; }
.footer .right a {text-decoration: none; color: #BBBBBB;}
.footer .right a:hover {text-decoration: underline; color: #BBBBBB;}

}

@media print { 

* 						{ margin: 0; padding: 0;}
body					{ margin: 0; font-size: 12px; line-height: 20px; font-family: Verdana;}

p							{ padding-bottom: 15px;}
img						{ border: 0; }
hr						{ height:1px; color:#cccccc; }

h1, .header1 	{ font-size: 20px; color: #033f88; padding: 30px 0 15px 0;}
h2, .header2  { font-size: 16px; color: #033f88; padding: 30px 0 15px 0;}
h3,	.header3  { font-size: 12px; color: #033f88; padding: 30px 0 15px 0;}

a,
a:active,
a:visited			{ text-decoration:underline; color:#000;}
a:hover				{ text-decoration:none; color:#000;}

form					{ border:0px; }

.container 		{ float: left; width: 100%; }
.header				{ float: left; width: 100%; }
.logoprint		{ float: left; width: 100%; height: 175px; }
.logo					{ display: none; float: left; width: 100%; height: 175px; }
.login				{ float: left; display: none; }


.midden				{ float: left; width: 100%; }
.menu 				{ float: left; display: none; }
.content			{ float: left; width: 100%;  }
.content .breadcrumb { display: none; }
/*vervolgbreed */
.content .texttop { display: none; }
.content .text { float: left; width: 100%; }
/*Home*/
.content .texttop_home { display: none; }
.content .textlinks { float: left; width: 100%;}
.content .tussen { display: none; }
.content .textrechts { float: left; width: 100%; }
.content .textrechts h1,
.content .textrechts h2,
.content .textrechts h3 { color: #ee9314; }
.content .textlinks h1,
.content .textlinks h2,
.content .textlinks h3 { color: #033f88; }

.content .textrechts  .agendahome { float: left; width: 100%; }
.content .textrechts  .leesmeer { color: #ee9314;}

.content .nieuwshome { float: left; width: 100%; border-bottom: 0; padding-bottom: 20px; }
.content .nieuwshome .afblinks { float: left; }
.content .nieuwshome .nieuwstekst { float: left;  }
.content .nieuwshome .nieuwstekst .titel { font-weight: bold; color: #033f88; }
.content .nieuwshome .nieuwstekst .leesmeer { color: #033f88; }
.content .textlinks .cc_tekstinhoud { border-bottom: 0px; }

/*vervolgdetail */
.content .textdetail { float: left; width: 100%; background:  #FFFFFF; padding: 0px 20px 20px 20px; line-height: 18px; }
.content .textdetail .textlinks { float: left; width: 75%; background:  #FFFFFF; padding: 0px 20px 0px 0px; line-height: 18px; }
.content .textdetail .tussen { display: none; }
.content .textdetail .textrechts { float: left; width: 20%; background:  #FFFFFF; margin-top: 40px; line-height: 18px; border-left: 0px; }
.content .textdetail .textrechts .blok1 { padding: 0 0 20px 0; border-bottom: 0px; }
.content .textdetail .textrechts .blok2 { padding: 20px 0 20px 0;  }


.vraagaanbod { float: left; width: 690px; }
.vraagaanbod .zoekblok { float: left; padding: 15px 0 20px 0; width: 500px;}
.vraagaanbod .zoekblok .zoeken { float: left; padding: 2px 0 3px 0; width: 110px; font-weight: bold; color: #033f88; }
.vraagaanbod .zoekblok input { float: left; height: 16px; width: 148px; border: 1px solid #d7d5d5; padding: 4px 3px; font-family: Verdana; size: 11px; color: #757575;}
.vraagaanbod .zoekblok img { float: left; }
.vraagaanbod .toevoegen { float: left; width: 190px; padding: 17px 0 0 0; }

.vraagaanbod .titel { float: left; width: 690px; padding: 4px 10px 5px 10px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; background: #fafafa;}
.vraagaanbod .item { float: left; width: 690px; padding: 10px 10px 15px 10px; border-bottom: 1px dotted #cccccc;}
.vraagaanbod	.foto { float: left; width: 105px;}
.vraagaanbod	.omschrijving { float: left; width: 330px;}
.vraagaanbod	.prijs { float: left; width: 65px;}
.vraagaanbod	.datum { float: left; width: 90px;}
.vraagaanbod	.plaats { float: left; width: 90px;}

.footer 			{ float: left; width: 100%; border-top: 1px solid #dedede; margin-top: 30px; }
.footer .left	{ float: left; width: 100%; color: #BBBBBB; }
.footer .right	{ float: left; display:none; }

}