/*
#########################
#		ALGEMEEN 		#
#########################
*/
html,body,div,span,h1,h2,h3,h4,p,ul,ol,li,table,tr,td,a {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

img {
	border: none;
}

body {
	font: 62.5% Arial;
	background: #3360b5 url(/img/bg.gif) repeat-x;
}

/*
########################
#		LAYOUT		   #
########################
/*

/* CONTAINER */

div#container {
	margin: auto;
	width: 950px;
	height: 300px;
	padding: 30px 0 20px 0;
}

div#moi { width: 400px; height: 200px; background: red; margin: auto; }

div#header {
	width: 940px;
	height: 105px;
	padding: 0 0 20px 5px;
	background: url(/img/header_2009.jpg) no-repeat 180px 0px;
}

a#siteLogo { margin: 0 0 0 -10px; display: block; padding: 35px 0 0 0;}

div#contactBlok {
	float: right;
	width: 220px;
	height: 100px;
	margin-top: 9px;
}

div#zoeken {
	height: 36px;
	padding: 6px 0 0 9px;
	background: #002C6C;
}

div#zoeken form { padding: 4px 0 0 2px; }

input.inputbox {
	border: 0;
	height: 19px;
	margin: 0;
	float: left;
	width: 130px;
	background: url(/img/bgforminputbox.gif);
}

div#tel {
	float: left;
	height: 56px;
	width: 220px;
}

/*
########################
#		MENU     	   #
########################
*/

div#menu {
	float: left;
	clear: left;
	width: 945px;
}

ul#mainMenu {
	background: url(/img/bgmenu.gif) no-repeat;
	list-style: none;
	height: 50px;
	float: left;
	overflow: hidden;
}

ul#mainMenu li.hover img,
ul#mainMenu li a:hover img {
	margin-top: -100px;
}

ul#mainMenu li {
	float: left;
	padding: 0 0 0 0px;
	overflow: hidden;	
}

ul#mainMenu li img {
	margin-top: 0;
}

ul#mainMenu li.contact {
	float: right;
	padding: 0 0 0 1px;
	margin: 0 2px 0 0 ;
}

ul#mainMenu li.contact a {
	background: none;
}
ul#mainMenu li a {
	height: 15px;
	float: left;
	margin: 1px 0 0 2px;
	padding: 9px 12px 7px 10px;	
	font-size: 1.2em;
	text-decoration: none;
	color: #0159a1;
	font-weight: bold;
	background: url(/img/bgspacermenu.gif) no-repeat right top;
}

ul#mainMenu li a:hover {
	background: #0159a1;
	color: #fff;
}

ul#mainMenu li.active a {
	background: #0159a1;
	color: #fff;
}

ul#tel {
	float: left;
	list-style: none;
	width: 220px;
	height: 24px;
}

ul#tel li {
	float: left;
}

ul#tel li a {
	display: block;
}

div#telno_delfzijl {
	clear: left;
	float: left;

}

ul.sub li h4 {
	color: #fff;
	padding: 3px 0 0 10px;
	font-size: 2.0em;
}

ul.sub {
	position: absolute;
	display: none;
	width: 217px;
	height: 32px;
	padding: 4px 0 0 3px;
	margin: 0;
	background: #002c6c;
	list-style: none;
	overflow: hidden;
	
}

/* LANG */

/* TAALMENU */
ul#taalMenu {
	position: absolute;
	margin: 0.8em 0 0 5em;
	font-weight: bold;
	list-style: none;
	background: #b4156f;
}

ul#taalMenu li {
	cursor: default;
	border: 1px solid #fff;
}

ul#taalMenu li h3 {
	display: block;
	padding: 1px 25px 1px 8px;
	font-size: 1.1em;
	background: #b4156f url(/images/kiesTaal/bgKiesTaal.gif) no-repeat top right;
}

ul#sub_taalMenu {
	display: none;
	list-style: none;
	border-top: 1px solid #fff;
}

ul#sub_taalMenu li {
	border: none;
	background: #db2592;
}

ul#sub_taalMenu li a {
	display: block;
	padding: 3px 0 3px 8px;
	color: #fff;
	text-decoration: none;
}

ul#sub_taalMenu li a:hover {
	color: #fff;
	background: #b4156f;
}
	
div#lang ul { 
	float: right;
	padding: 0;
	list-style: none;
	display: block;
	width: 50px;
	height: 14px;
	margin-right: 7px;
}

div#lang a {
	color: #000;
	text-decoration: none;
	display: block;
	border: 0px;
	width: 50px;
	font-size: 1.2em;
	height: 14px;
	background-color: #fff;
	border: 1px solid #fff;
}

div#lang p {
	color: #000;
	border: 1px solid #fff;
	display: block;
	width: 50px;
	height: 14px;
	font-size: 1.2em;
	background: #fff url(../images/arrow_down.gif) no-repeat 36px;
}

div#lang li {
	float: left;
	clear: left;
}

div#lang li ul { 
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

div#lang li>ul { 
	top: auto;
	left: auto;
}

div#lang li:hover ul, li.over ul { 
	display: block;
}

/*
########################
#	MAIN CONTENT       #
########################
*/

div#mainContent {
	position: relative;
	width: 945px;
	float: left;
	clear: both;
}

div#flash {
	float: left;
	width: 711px;
	height: 254px;
	margin: 0;
	padding: 0;
}

div#quicklist {
	float: right;
	width: 195px;
	min-height: 215px;
	background: url(/img/bgquicklist.gif) no-repeat left top;
	padding: 20px 0px 0 15px;
}

div#quicklist h1 {
	color: #fff;
	font-family: Times;
	font-size: 2.6em;
}

ul#quickmenu {
	margin: 10px 0 0 0;
	list-style: none;
}

ul#quickmenu li {
	height: 27px;
	background: url(/img/quicklistspacer.gif) no-repeat left bottom;
	
}

ul#quickmenu li a {
	font-size: 1.2em;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 6px 0 8px 30px;
	background: url(/img/arrow_blue.gif) no-repeat 5px 6px;
}

ul#quickmenu li a:hover {
	background: url(/img/arrow_red.gif) no-repeat 5px 6px;
}

div#extraBlokbottom {
	position: relative;
	clear: both;
	float: left;
	width: 945px;
	height: 230px;
	background: url(/img/bgcontentblokbottom.png) no-repeat left top;
	
}

div#nieuwsitemsfront {
	position: relative;
	float: left;
	margin: 60px 0 0 0;
	width: 500px;
	padding: 0;
}

div.nieuwsitem {
	font-size: 1.2em;
	float: left;
	width: 230px;
	min-height: 140px;
	margin-left: 8px;
	background: url(/img/nieuwsitemspacer.png) no-repeat right top;
}

div.nieuwsitem h2 {
	font-size: 1.2em;
	color: #fff;
	padding: 0 0 10px 0;
}

div.datefront {
	font-size: 1.1em;
	color: #5598cd;
}

div.nieuwsitem img {
	float: left;
	padding: 5px 10px 5px 0;
}

div.nieuwsitem p {
	margin: 3px 6px 0 0;
	color: #fff;
	line-height: 16px;
}

div.nieuwsitem a {
	clear: both;
	float: left;
	background: url(/img/arrow_blue.gif) no-repeat 0px 6px;
	padding: 5px 0 0 20px;
	color: #fff;	
	text-decoration: none;
}

div.nieuwsitem a:hover {
	background: url(/img/arrow_red.gif) no-repeat 0px 6px;
}

div#uitgelicht {
	font-size: 1.2em;
	float: right;
	width: 430px;
	min-height: 200px;
	margin: 20px 0 0 0;
}

img.uitgelicht {
	float: right;
	margin-right: 10px;
}

div#overlay {
	position: absolute;
	width: 173px;
	height: 173px;
	margin: 0 0 0 247px;
	background: url(/img/overlay.png) no-repeat;
}

div#uitgelicht h3 {
	padding: 25px 0 10px 0;
	color:  #5598cd;
	font-size: 2.0em;
}

div#uitgelicht p {
	color: #fff;
	line-height: 16px;
}

div#uitgelicht a {
	float: left;
	background: url(/img/arrow_blue.gif) no-repeat 0px 6px;
	padding: 5px 0 0 20px;
	color: #fff;	
	text-decoration: none;
}

div#uitgelicht a:hover {
	background: url(/img/arrow_red.gif) no-repeat 0px 6px;
}

/* LANG */

div#lang ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	border: 1px solid #fff;
	width: 50px;
	height: 15px;
}

div#lang a {
	color: #000;
	background-color: #fff;
}

div#lang p {
	color: #fff;
}

div#lang li {
	float: left;
	position: relative;
	width: 10em;
}

div#lang li ul { 
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

div#lang li>ul { 
	top: auto;
	left: auto;
}

div#lang li:hover ul, li.over ul { 
	display: block;
}

/* CONTACT */

.contact {
	color: #0059A1;
	border: none;
	font-size: 1.1em;
}

.contact textarea {
	border: 1px solid #0059A1;
}

.contact input {
	border: 1px solid #0059A1;
}

.contact label {
	float: left;
	display: block;
	width: 90px;
}

.contact ul {
	list-style: none;
}

.contact li {
	list-style: none;
}

/* CONTACT */

.sitemap  {
	
}


.sitemap li {
	list-style: none;
	color:#0059A1;
}

.sitemap ul {
	list-style: none;
	color: #0059A1;
}

.sitemap a {
	text-decoration: none;
	font-size: 1.1em;
	color: #0059A1;
	background: url(/img/dot_blue.gif) no-repeat 2px;
	padding-left: 20px;
}

/* FOOTER */

div#footer {
	margin: 10px 0 20px 0;
	clear: both;
	float: left;
	height: 3.6em;
	background: url(/img/bgfooter.png) no-repeat left top;
	color: #fff;
	padding: 9px 0 0 10px;
	font-size: 1.1em;
	width: 950px;
}

div#footer a,
div.iwink a  {
	text-decoration: none;
	color: #fff;
}

div#footer a:hover,
div.iwink a:hover {
	text-decoration: underline;
}

div.iwink {
	float: right;
	margin: 0 24px 0 0;
}

/* TABS */

div#tabsContainer {
	float: left;
	width: 220px;
	padding: 0 0 9px 0;
	background: #002C6C;
}

ul#cityTabs {
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
	background: #003D84;
}

ul#cityTabs a {
	text-decoration: none;
	color: #fff;
	height: 15px;
	padding: 3px 0 0 0;
	background: #003D84;
}

ul#cityTabs li {
	display: block;
	float: left;
	text-align: center;
}

ul#cityTabs li#first {
	width: 110px;
}
ul#cityTabs li#first a {
	display: block;
	border-top: 1px solid #003D84;
	border-bottom: 1px solid #dddddd;
}
ul#cityTabs li#first a.active {
	display: block;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: #002C6C;
	background: url(/img/bg_tabs.gif) repeat;
}

ul#cityTabs li#second {
	width: 110px;
}
ul#cityTabs li#second a {
	display: block;
	border-top: 1px solid #003D84;
	border-bottom: 1px solid #dddddd;
}
ul#cityTabs li#second a.active {
	display: block;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: #002C6C;
	background: url(/img/bg_tabs.gif) repeat;
}

ul#cityTabs li#third {
	width: 69px;
}
ul#cityTabs li#third a {
	display: block;
	border-top: 1px solid #003D84;
	border-bottom: 1px solid #dddddd;
}
ul#cityTabs li#third a.active {
	display: block;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: #002C6C;
	background: url(/img/bg_tabs.gif) repeat;
}


div#tabContent {
	background: #002C6C;
	padding: 32px 0 0 10px;
}

/* SUBPAGINA */

div#subContent {
	width: 945px;
	float: left;
	clear: both;
	background: url(/img/subbg.gif) repeat-y left top;
}

ul#Menu {
	list-style: none;
	float: left;
	width: 205px;
	margin: 0 10px 0 0;
}

ul#Menu li {
	width: 205px;
	float: left;
	clear: left;
}

ul#Menu li a{
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	display: block;
	padding: 6px 0 6px 30px;
	background: url(/img/menubg.gif) no-repeat;
	font-weight: bold;
}

ul#Menu li a:hover,
ul#Menu li.active a  {
	background: url(/img/menubgactive.gif) no-repeat;
	padding: 6px 0 6px 30px;
}

ul#Menu ul.submenu {
	width: 185px;
	float: left;
	background: #0059a1 url(/img/subMenubg.gif) no-repeat left top;
	list-style: none;
	padding: 5px 0 5px 20px;
}

ul#Menu ul.submenu li {
	float: left;
	clear: left;
	width: 185px;
}

ul#Menu ul.submenu li a {
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	display: block;
	padding: 3px 0 3px 30px;
	background: url(/img/arrow_blue.gif) no-repeat 9px 4px;
	font-weight: normal;
	width: 155px;

}

ul#Menu ul.submenu li a:hover {
	font-weight: bold;
	padding: 3px 0 3px 30px;
	background: url(/img/arrow_blue.gif) no-repeat 9px 4px;
}

div#contentContainer {
	float: left;
	background: #fff;
	width: 694px;
	padding: 15px 10px 15px 25px;
}

div#breadcrumb {
	color: #0059a1;
	float: left;
	margin: 0 0 15px 0;
	width: 700px;
}

div#breadcrumb a {
	font-size: 1.1em;
	text-decoration: none;
	color: #0059a1;
}

div#breadcrumb a.active {
	font-weight: bold;
	color: #eb2734;
}

div#breadcrumb a:hover {
	text-decoration: underline;
	color: #0059a1;
}

div#titles {
	float: left;
	clear: left;
	width: 689px;
	overflow: hidden;
	height: 60px;
	margin: 0 0 10px 0;
	
}

div#contentContainer h1 {
	color: #eb2734;
}


div#contentContainer h2 {
	color: #0059a1;
}

div#nieuwsitems {
	float: left;
	width: 490px;
	margin: 0 10px 0 0;
}

div.item {
	float: left;
	border-top: 1px solid #c7dae9;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}

div.item h3 {
	font-size: 1.8em;
	color: #003d84;
	font-weight: bold;
}

div.item h4 {
	font-size: 1.4em;
	color: #003d84;
	font-weight: bold;
	line-height: 22px;
}

div.item p {
	font-size: 1.2em;
	line-height: 18px;
	color: #003d84;
	padding: 0 0 15px 0;
}

div.item a {
	color: #003d84;
	text-decoration: underline;
}

div.item a:hover {
	text-decoration: none;
}

div.item ul,
div.item ol {
	font-size: 1.2em;
	line-height: 18px;
	color: #003d84;
	padding: 0 0 15px 25px;
}


div.date {
	float: right;
	font-size: 1.1em;
	color: #5598cd;
	padding: 5px 0 0 0;
}

div.itemcontent {
	float: left;
	clear: both;
	margin: 5px 0 20px 0;
	width: 490px;
	background: #003d84;
	color: #fff;

}

div.itemcontent img {
	float: left;
	margin: 15px 15px 15px 15px;
}

div.itemcontent p {
	padding: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
}

div.itemcontent p a {
	text-decoration: underline;
	color: #fff;
}

div.itemcontent p a:hover {
	text-decoration: none;
}

div.itemcontent ul,
div.itemcontent ol {
	font-size: 1.2em;
	line-height: 18px;
	color: #fff;
	padding: 0 0 15px 35px;
}

/* MENU NIEUWSARCHIEF */

ul#nieuwsarchief {
	list-style: none;
	clear: both;
}

ul#nieuwsarchief li {
	padding: 3px 10px 7px 10px;
	height: 15px;
	font-size: 1.2em;
	color: #5598cd;
	line-height: 20px;
	border-bottom: 1px solid #dfeefa;
}
ul#nieuwsarchief li.active {
	background:#dfeefa;
}

ul#nieuwsarchief li a {
	margin: 0;
	display: block;
	background: url(/img/arrow_red.gif) no-repeat 6px 5px;
	padding: 0px 0 0px 25px;
	text-decoration: none;
	color: #003d84;
	width: 315px;
	text-align: left;
}

ul#nieuwsarchief li a:hover {
	font-weight: bold;
	background: url(/img/arrow_blue.gif) no-repeat 6px 5px;
}

/* KOLOM RECHTS */

div#kolomRechts {
	float: left;
	width: 190px;
}

div#blokExtra {
	float: left;
	border: 1px solid #c7dae9;
	padding: 10px 10px 20px 10px;
	margin: 0 0 10px 0;
	width: 170px;
}

div.blokOfferte {
	float: left;
	border: 1px solid #c7dae9;
	background: #dfeefa;
	padding: 10px 10px 20px 10px;	
	margin: 0 0 10px 0;
	width: 170px;
	line-height: 22px;
	color: #003d84;
}

div.blokOfferte p.intro {
	clear: left;
	font-size: 1.2em;
	font-weight: bold;
}

div.blokOfferte p {
	clear: left;
	font-size: 1.2em;

}

div.blokOfferte a {
	clear: left;
	font-size: 1.2em;
	color: #eb2734;
	text-decoration: none;
}

div.blokOfferte a:hover {
	text-decoration: underline;	
}

a.print {
	background: url(/img/print.gif) no-repeat 4px 1px;
	font-size: 1.2em;
	padding: 0 0 25px 25px;
	text-decoration: none;
	color: #0059a1;
	float: left;
	text-decoration: underline;
	width: 145px;
}

ul#zieookMenu { margin-bottom: 1.4em }

a.print:hover,
ul#zieookMenu li a:hover {
	text-decoration: underline;
	color: #eb2734;
}

div#blokExtra h5 {
	float: left;
	clear: left;
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	color: #eb2734;
	width: 170px;
}

div.blokOfferte h5 {
	float: left;
	clear: left;
	font-size: 1.8em;
	color: #003d84;
	margin: 0;
	padding: 0;
}

ul#zieookMenu {
	list-style: none;
	float: left;
	clear: left;

}

ul#zieookMenu li {
	float: left;
	width: 170px;
}

ul#zieookMenu li a {
	display: block;
	background: url(/img/arrow_blue.gif) no-repeat 5px 5px;
	padding: 4px 0 4px 25px;
	font-size: 1.2em;
	color: #0059a1;
}

/* PRODUCT PAGINA */

div#productgroep {
	float: left;
	width: 490px;
	margin: 0 0 30px 0;
	background: #c7dae9;
	line-height: 22px;
	font-size: 1.2em;
	color: #003d84;
}

div.prodGroepimg {
	float: left;
	width: 107px;
	height: 111px;
	border: 1px solid #c7dae9;
	overflow: hidden;	
}

div.prodGroepimg img {
	margin: 10px 10px 10px 10px;
}

div#productgroep p.intro {
	padding: 5px;
	width: 370px;
	float: left;
	font-weight: bold;
	display: inline;
}

div#productgroep p.intro a {
	color: #003d84;
	text-decoration: underline;
}

div#productgroep p.intro a:hover {
	text-decoration: none;
}


div#productgroep p {
	float: left;
	padding: 5px;
	width: 370px;
	display: inline;

}

div#productoverzicht {
	float: left;
	width: 455px;
	padding: 0 0 0 35px;	
}

div#productoverzicht h2 {
	font-size: 1.6em;
	font-weight: bold;
}

div.product {
	float: left;
	margin: 15px 0 15px 0;
	line-height: 18px;
	background: url(/img/bgproduct.gif) no-repeat 115px bottom;
}

div.product a.h3 {
	float: left;
	text-indent: 10px;
	font-size: 1.4em;
	color: #eb2734;
	background: none;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
}

div.product a.h3:hover {
	background: none;
	padding: 0;
	text-decoration: underline;
	color: #003d84;

}

div.product p {
	width: 330px;
	float: left;
	margin: 3px 0 0 10px;
	font-size: 1.2em;
	color: #003d84;

}

div.product a {
	font-size: 1.2em;
	color: #0059a1;
	float: left;
	padding: 4px 0 0 30px;
	background: url(/img/arrow_blue.gif) no-repeat 10px 7px;
}

div.product a:hover {
	color: #eb2734;
	background: url(/img/arrow_red.gif) no-repeat 10px 7px;
}