/* 
Auteur: Vasilis van Gemert - Mirabeau

In deze stylesheet worden de volgende elementen gestyled:
- De content

De navigatie wordt gestyled in navigatie.css
De globale layout en de extras worden gestyled in stijl.css

KLEUREN:
Donkerblauw: #006
tussenblauw: #3467b4
Lichtblauw: #22b2fd
Heel lichtblauw: #eaf1fa
Grijs tekst: #555


FONTS
Broodtekst: arial, helvetica "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif
Headers: "trebuchet MS"

 */
a:focus{
	outline: none;
}
#inhoud{
	line-height: 1.7em;
}

#inhoud h2{
	color: #006;
	margin: 5px 0 14px;
	padding: 0;
	font-weight: normal;
	font-size: 1.6em;
}
#inhoud h3{
	color: #3467b4;
	margin: 0 0 8px;
	padding: 0;
	font-size: 1.2em;
}
#inhoud h4{
	margin: 0;
	color: #555;
	font-size: 1.1em;
}
#inhoud a:link{
	color: #3467b4;
}
#inhoud a:visited{
	color: #2b8dd9;
}
#inhoud a:hover{
	color: #22b2fd;
}
#inhoud p{
	margin: 0 0 30px;
	padding: 0;
}
#inhoud ul{
	margin: 0 0 30px;
	padding: 0;
	list-style: square;
}
#inhoud ol{
	margin: 0 0 30px;
	padding: 0;
}
#inhoud li{
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
#inhoud p.intro{
	font-weight: bold;
}
#inhoud .imagehouder,
#inhoud .imageactiehouder{
	float: left;
	margin: 4px 14px 4px 0;
}
#inhoud .imageactiehouder,
#inhoud .imageactiehouder img{
	width: 115px;
}
#inhoud .imagehouder.blok{
	margin: 0 0 30px;
	width: 100%;
	float: none;
}
#inhoud .imagehouder.blok img{
	display: block;
	margin: 0 0 3px;
}
#inhoud .imagehouder p{
	font-size: 0.92em;
	margin: 0;
	line-height: 1.5em;
}

#inhoud a:link.leesverder,
#inhoud a:visited.leesverder,
#inhoudhome a:link.leesverder,
#inhoudhome a:visited.leesverder{
	color: #3467b4;
	padding: 0 15px 0 0;
	text-decoration: none;
	background: url(/bezorgersgeadresseerd/img/leesverder.gif) no-repeat 100% 3px;
	white-space: nowrap;
}
#inhoud a:hover.leesverder,
#inhoudhome a:hover.leesverder{
	color: #22b2fd;
}

/* Table */
table{
	border-collapse: collapse;
	color: #555;
	width: 100%;
	margin: 0 0 30px;
	border: 0 none;
	empty-cells: show;
	font-size: 1em;
}
caption{
	text-align: left;
	font-weight: bold;
	font-size: 1em;
}
th, td{
	padding: 2px 10px 2px 8px;
	text-align: left;
	font-weight: normal;
	font-size: 0.92em;
	border: 0 none;
}
thead th{
	background: #fff;
	border: solid #bac7d8;
	border-width: 0 0 1px;
}
tfoot td{
	background: #fff;
	border: solid #bac7d8;
	border-width: 1px 0 0;
}
tbody td,
tbody th{
	background: #eff4fc;
}
tbody .even td,
tbody .even th{
	background: #fff;
}
tbody th{
	border: solid #bac7d8;
	border-width: 0 1px 0 0;
}

/* Twee lists naast elkaar */
.lists{
	border: solid #bac7d8;
	border-width: 1px 0;
	overflow: auto;
	padding: 10px 0;
	margin: 0 0 25px;
}
.lists div{
	width: 49.9%;
	float: left;
}
#inhoud .lists ul.list{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#inhoud .lists .list li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#inhoud .lists ul.list li a:link,
#inhoud .lists ul.list li a:visited{
	display: block;
	text-decoration: none;
	color: #555;
	background: url(/bezorgersgeadresseerd/img/lists/list.png) no-repeat 0 6px;
	padding: 0 10px 0 15px;
	margin: 0 0;
}
#inhoud .lists ul.list li a.pdf{
	background: url(/bezorgersgeadresseerd/img/lists/pdf.gif) no-repeat 0 6px;
	padding: 0 0 0 18px;
}
#inhoud .lists ul.list li a.word{
	background: url(/bezorgersgeadresseerd/img/lists/word.gif) no-repeat 0 6px;
	padding: 0 0 0 18px;
}
#inhoud .lists ul.list li a.excell{
	background: url(/bezorgersgeadresseerd/img/lists/excell.gif) no-repeat 0 6px;
	padding: 0 0 0 18px;
}
#inhoud .lists ul.list li a.powerpoint{
	background: url(/bezorgersgeadresseerd/img/lists/powerpoint.gif) no-repeat 0 6px;
	padding: 0 0 0 18px;
}

#inhoud .lists ul.list li a:visited{
	color: #2b8dd9;
}
#inhoud .lists a span{
	color: #a0a5aa;
}

#inhoud .lists ul.list li a:hover{
	color: #22b2fd;
}

#inhoud form{
	background: #eaf1fa url(/bezorgersgeadresseerd/img/form/bg.gif) 100% 0 repeat-y;
	font-size: 1em;
	margin: 0 0;
	padding: 0;
}
#inhoud form fieldset{
	border: 0 none;
	padding: 16px;
	margin: 0 0 16px;
}
#inhoud form .nieuws,
#inhoud form .zoek,
#inhoud form .vacatures{
	margin: 0;
}
#inhoud form label{
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#inhoud form input,
#inhoud form textarea,
#inhoud form select{
	border: 1px solid #66cbff;
	padding: 2px;
	color: #555;
	float: left;
	width: 230px;
}
#inhoud form input,
#inhoud form textarea{
	width: 224px;
}
#inhoud form fieldset div{
	overflow: auto;
	margin: 0 0 12px;
}
#inhoud form p{
	margin: 0;
	padding: 0;
}
#inhoud form dl{
	padding: 0;
	margin: 0 0 15px;
}
#inhoud form dt{
	font-weight: bold;
	float: left;
	width: 113px;
	margin: 0 10px 0 0;
}
#inhoud form hr{
	border: solid #bac7d8;
	border-width: 0 0 1px 0;
	width: 353px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	height: 1px;
}
#inhoud form .radio,
#inhoud form .check{
	width: auto;
	margin: 2px 5px 0 0;
	border: 0 none;
	padding: 0;
}
#inhoud form .radiocheck{
	margin: 0;
	width: 232px;
}
#inhoud form .geregistreerd .radiocheck{
	margin: 0 0 0 120px;
	width: 232px;
}
#inhoud form .geregistreerd .radiocheck label{
	font-size: 0.92em;
	
}
#inhoud form .geregistreerd .radiocheck button{
	float: right;
	width: 70px;
}
#inhoud form .radiocheck label{
	float: none;
	width: auto;
	display: inline;
	font-weight: normal;
}
#inhoud form .radiocheck label:hover{
	text-decoration: underline;
}
#inhoud form fieldset .buttonhouder{
	width: 353px;
	text-align: right;
}
#inhoud form fieldset h3{
	width: 353px;
}


/* Specifieke stijlen */
#inhoud form .algemeen{	background: url(/bezorgersgeadresseerd/img/form/algemeen.png) 405px 13px no-repeat;}
#inhoud form .algemeen label,
#inhoud form .offerteaanvragen label,
#inhoud form .geregistreerd label,
#inhoud form .overig label{
	width: 110px;
}
#inhoud form .nieuws{	background: url(/bezorgersgeadresseerd/img/form/nieuws.png) 405px 13px no-repeat;}
#inhoud form .vacatures{	background: url(/bezorgersgeadresseerd/img/form/vacatures.png) 410px 10px no-repeat;}

#inhoud form .zoek{	background: url(/bezorgersgeadresseerd/img/form/zoeken.png) 405px 10px no-repeat;}
#inhoud form .zoek div{
	width: 353px;
}
#inhoud form .zoek button{
	float: right;
	width: 70px;
}
#inhoud form .zoek div input{
	width: 262px;
}
#inhoud form .offerteaanvragen{background: url(/bezorgersgeadresseerd/img/form/offerteaanvragen.png) 405px 10px no-repeat;}
#inhoud form .geregistreerd{background: url(/bezorgersgeadresseerd/img/form/geregistreerd.png) 405px 10px no-repeat;}
#inhoud form .account{background: url(/bezorgersgeadresseerd/img/form/account.png) 405px 10px no-repeat;}
#inhoud form .aanmelden{background: url(/bezorgersgeadresseerd/img/form/aanmelden.png) 405px 10px no-repeat;}
#inhoud form .vraag{background: url(/bezorgersgeadresseerd/img/form/vraag.png) 405px 10px no-repeat;}

/* Paginanavigatie */
#inhoud .paginanavigatie{
	text-align: center;
	list-style: none;
	margin: 0;
	padding:  2px 0;
	border: solid #bac7d8;
	border-width: 0 0 1px;
	text-transform: lowercase;
}
#inhoud .paginanavigatie li{
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.92em;
}
#inhoud .paginanavigatie li a,
#inhoud .paginanavigatie li.active span,
#inhoud .paginanavigatie li span{
	color: #3467b4;
	border: solid #bbb;
	border-width: 0 1px 0 0;
	text-decoration: none;
	padding: 0 5px;
}
#inhoud .paginanavigatie li span{
	color: #bbb;
}
#inhoud .paginanavigatie li a.laatste{
	border-width: 0;
}
#inhoud .paginanavigatie a:hover,
#inhoud .paginanavigatie li.active span{
	text-decoration: underline;
	color: #22b2fd;
}
#inhoud .paginanavigatie .volgende{
	float: right;
	border: 0 none;
}
#inhoud .paginanavigatie .vorige{
	float: left;
}
#inhoud .paginanavigatie .volgende a,
#inhoud .paginanavigatie .vorige a{
	border: 0 none;
	text-transform: capitalize;
}
#inhoud .paginanavigatie .volgende a{
	background: url(/bezorgersgeadresseerd/img/volgende.gif) no-repeat 100% 4px;
	padding: 0 10px 0 0;
}
#inhoud .paginanavigatie .volgende a:hover{
	background: url(/bezorgersgeadresseerd/img/volgendea.gif) no-repeat 100% 4px;
	text-decoration: none;
}
#inhoud .paginanavigatie .vorige a{
	background: url(/bezorgersgeadresseerd/img/vorige.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
}
#inhoud .paginanavigatie .vorige a:hover{
	background: url(/bezorgersgeadresseerd/img/vorigea.gif) no-repeat 0 4px;
	text-decoration: none;
}
#inhoud ol.zoekresultaten{
	list-style: none;
	margin: 20px 0 0;
}
#inhoud ol.zoekresultaten li{
	margin: -10px 0 0 0;
}
#inhoud ol.zoekresultaten a{
	display: block;
	padding: 7px 0 0 0;
	text-decoration: none;
}
#inhoud ol.zoekresultaten a .schaduw{
	background: url(/bezorgersgeadresseerd/img/content-bottom.png) no-repeat 0 100%;
	display: block;
	padding: 7px 15px 20px 20px;
	color: #555;
}
#inhoud ol.zoekresultaten a:hover{
	background: url(/bezorgersgeadresseerd/img/content-top-hover.png) no-repeat;
}
#inhoud ol.zoekresultaten a:hover .schaduw{
	background: url(/bezorgersgeadresseerd/img/content-bottom-hover.png) no-repeat 0 100%;
}
#inhoud ol.zoekresultaten a img{
	border: 0 none;
	float: left;
	width: 79px;
	margin: 4px 10px 3px 0;
}
#inhoud ol.zoekresultaten .header{
	display: block;
}
#inhoud ol.zoekresultaten .header strong{
	color: #3467b4;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 5px 0 0;
	margin: 0;
	float: left;
}
#inhoud ol.zoekresultaten .header em{
	color: #767a7f;
	font-size: 0.92em;
	font-style: normal;
}
#inhoud ol.zoekresultaten .leesverder{
	color: #3467b4;
	padding: 0 15px 0 0;
	text-decoration: none;
	background: url(/bezorgersgeadresseerd/img/leesverder.gif) no-repeat 100% 3px;
	display: inline;
	white-space: nowrap;
}
#inhoud ol.zoekresultaten a:hover .leesverder,
#inhoud ol.zoekresultaten a:hover .header strong{
	color: #22b2fd;
}


/* Zoekresultaten in een genummerde list */
#inhoud ol.zoekresultaten.zoek a .schaduw{
	padding: 7px 15px 20px 35px;
}
#inhoud ol.zoekresultaten.zoek .header strong{
	float: none;
}
#inhoud ol.zoekresultaten.zoek .nummering{
	float: left;
	margin: 0 0 0 -20px;
	color: #767a7f;
	font-size: 0.92em;
	font-style: normal;
}

/* Nieuwsoverzicht */

#inhoud .terug{
	border: solid #bac7d8;
	border-width: 1px 0;
	margin: 0 0 10px;
	padding: 3px 0;
}
#inhoud .terug a{
	background: url(/bezorgersgeadresseerd/img/vorige.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: 0.92em;
}
#inhoud .terug a:hover{
	background: url(/bezorgersgeadresseerd/img/vorigea.gif) no-repeat 0 4px;
	text-decoration: none;
}
.datelokatie{
	font-size: 0.92em;
	color: #9b9b9b;
	display: block;
	margin: -12px 0 14px 0 ;
}
.datelokatie .lokatie{
	float: right;
}

/* FAQ
Als javascript aanstaat wordt de FAQ verder vormgegeven in faq.css
 */
#inhoud .faq h3{
	padding: 0 0 0 15px;
}
#inhoud .faq ol{
	list-style: none;
	border: solid #bac7d8;
	border-width: 1px 0 0 0;
}
#inhoud .faq li{
	background: url(/bezorgersgeadresseerd/img/bgfaq.gif) repeat-x;
	border: solid #bac7d8;
	border-width: 0 1px 1px 1px;
	padding: 14px;
}
#inhoud .faq h4{
	font-size: 1.1em;
	padding: 0 0 0 18px;
	background: url(/bezorgersgeadresseerd/img/pijlfaqactief.gif) no-repeat 0 8px;
	color: #3467b4;
}
#inhoud .faq p{
	padding: 0 0 0 18px;
	margin: 0;
}
#inhoud .anderevraag{
	border: solid #bac7d8;
	border-width: 1px 0 0;
	padding: 4px 0 0;
}
#inhoud .anderevraag a{
	color: #3467b4;
	padding: 0 0 0 15px;
	text-decoration: none;
	background: url(/bezorgersgeadresseerd/img/leesverder.gif) no-repeat 0 2px;
}
#inhoud .anderevraag a:hover{
	color: #22b2fd;
}
.clear{
	clear: both;
}
/*  vestigingspagina */
#adressen{
	list-style: none;
	border: solid #dee9f8;
	border-width: 1px 0 0;
	margin: 0;
	padding: 0;
}
#adressen li{
	list-style: none;
	border: solid #dee9f8;
	border-width: 0 0 1px;
	padding: 16px 0;
	margin: 0;
}
#adressen li img{
	border: 1px solid #9b9b9b;
}
#adressen li h3{
	margin: 5px 0 0 0;
}
#adressen li h4{
	margin: 0 0 14px;
}
#adressen li address{
	display: block;
	width: 153px;
	float: left;
	font-style: normal;
}

/* Cases */
#inhoud ol.zoekresultaten.cases{
	border: solid #dee9f8;
	border-width: 1px 0 0;
	padding: 4px 0 0;
	margin: 0 0 14px;
}
#inhoud ol.zoekresultaten.cases .header strong{
	float: none;
	font-size: 1em;
}
#inhoud ol.zoekresultaten.cases .subheader{
	display: block;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 10px;
}
#inhoud ol.zoekresultaten.cases img{
	width: 140px;
	border: 1px solid;
}

/* Directie */
#inhoud ol.zoekresultaten.directie{
	border: solid #dee9f8;
	border-width: 1px 0 0;
	padding: 4px 0 0;
	margin: 0 0 14px;
}
#inhoud ol.zoekresultaten.directie .header strong{
	float: none;
}
#inhoud ol.zoekresultaten.directie .subheader{
	display: block;
	font-weight: bold;
	margin: 0 0 10px;
}
#inhoud ol.zoekresultaten.directie img{
	width: 140px;
	border: 1px solid;
}


/* De homepage */
#inhoudhome .container{
	overflow: auto;
	margin: 0 0 9px;
	clear : left;
}
#inhoudhome .schaduw{
	float: left;
	width: 349px;
	background-image : url(/bezorgersgeadresseerd/img/kader-home-boven.png);
	background-repeat : no-repeat;
	margin: 0 0 0 11px;
	padding: 10px 0 0 0 ;
}
	#inhoudhome .item{
		margin: -3px 0 0 0;
		padding: 0 7px 14px;
		background-image : url(/bezorgersgeadresseerd/img/kader-home-onder.png);
		background-repeat : no-repeat;
		background-position : 0% 100%;
	}
		#inhoudhome .schaduwhover,
		#inhoudhome .schaduw:hover{
			background-image : url(/bezorgersgeadresseerd/img/kader-home-boven-hover.png);
			background-repeat : no-repeat;
		}
			#inhoudhome .schaduwhover .item,
			#inhoudhome .schaduw:hover .item{
				margin: -3px 0 0 0;
				padding: 0 7px 14px;
				background-image : url(/bezorgersgeadresseerd/img/kader-home-onder-over.png);
				background-repeat : no-repeat;
				background-position : 0% 100%;
			}
#inhoudhome p{
	padding: 13px 0 0;
	margin: 0 13px;
}
#inhoudhome p img{
	float: left;
	margin: 4px 10px 2px 0;
}
#inhoudhome h2{
	margin: 0 13px;
	font-weight: normal;
	font-size: 1.6em;
	color: #006;
	padding: 13px 0 0;
	width: 90%;
}
#inhoudhome h3{
	margin: 0 13px;
	padding: 2px 0 0;
	color: #3467b4;
	font-size: 1.2em;
}
#inhoudhome .webvideo,
#inhoud .webvideo{
	background: url(/bezorgersgeadresseerd/img/icon-webvideo.gif) no-repeat 0 0;
	padding: 0 0 2px 20px;
	color: #4371ba;
	text-decoration: none;
}
#inhoudhome a:hover.webvideo,
#inhoud a:hover.webvideo{
	color: #22b2fd;
}
#inhoudhome ul.list{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 13px 13px 0;
}
#inhoudhome .list li{
	list-style: none;
	margin: 0;
	padding: 0 0 5px;
}
#inhoudhome ul.list li a:link,
#inhoudhome ul.list li a:visited{
	display: block;
	text-decoration: none;
	color: #555;
	background: url(/bezorgersgeadresseerd/img/lists/list.png) no-repeat 0 4px;
	padding: 0 10px 0 15px;
	margin: 0 0;
}
#inhoudhome ul.list.sub li a:link,
#inhoudhome ul.list.sub li a:visited{
	color: #4371ba;
}
#inhoudhome ul.list li a.webvideo{
	background: url(/bezorgersgeadresseerd/img/icon-webvideo.gif) no-repeat 0 1px;
	padding: 0 0 0 20px;
	color: #4371ba;
	text-decoration: none;
}
#inhoudhome ul.list li a:hover,
#inhoudhome ul.list.sub li a:hover{
	color: #22b2fd;
}

/* position:fixed */
.outer{
	position:fixed;
	top:0; 
	left:0; 
	width:100%;
	height:100%;
	background: none;
}
 
 /* certering */
 .middle { height:100%; display:table; margin:0 auto; }
 .inner { vertical-align:middle; display:table-cell; }
 #flashfilm{
	width: 450px;
	height: 230px;
}
#flashhouder{
	background: #15226b;
	border: 1px solid #fff;
}

#flashcontainer h2{
	background: #dee9f8;
	padding: 7px 14px 0;
	margin: 0;
	color: #3467b4;
	font-size: 1.2em;
}
#flashcontainer h2 a{
	float: right;
	margin: 0 0 0 5px;
}
#flashcontainer h2 a img{
	border: 0 none;
}