/*
#########################
#		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;
	padding: 30px 0 20px 0;
}

div#header {
	float: left;
	width: 930px;
	height: 105px;
	padding: 0 0 20px 15px;
	background: url(../img/header.gif) no-repeat 180px 0px;
}

div#contactBlok {
	display: none;
	float: right;
	width: 220px;
	height: 105px;
	margin: 9px 0 0 0;
}

div#zoeken {
	width: 210px;
	height: 30px;
	padding: 10px 0 0 10px;
	clear: left;
	float: left;
	background: #11357f;
}

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 {
	display: none;
	float: left;
	clear: left;
	width: 945px;
}

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

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

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 {
	display: block;
	margin: 1px 0 0 0;
	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;
	
}
/*
########################
#	MAIN CONTENT       #
########################
*/

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

div#flash {
	position: relative;
	float: left;
	width: 711px;
	height: 254px;
	background: url(../img/flash.png) no-repeat;
	margin: 0 22px 0 0;
	padding: 0;
}

div#quicklist {
	float: left;
	width: 195px;
	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 {
	float: left;
	margin: 60px 0 0 0px;
	width: 480px;
	padding: 0 0 0 20px;
}

div.nieuwsitem {
	font-size: 1.2em;
	float: left;
	width: 230px;
	margin: 0 10px 0 0;
	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 0 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;
	margin: 20px 0 0 0;
}

img.uitgelicht {
	float: right;
}

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;
}

/* FOOTER */

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

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 10px 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: 64px;
}
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: 87px;
}
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 {
	width: 210px;
	background: #002C6C;
	padding: 0px 0px 0px 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 {
	display: none;
	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 {
	display: none;
	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 {
	display: none;
	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;
	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.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: 0 10px 0 0;
}

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


/* MENU NIEUWSARCHIEF */

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

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

ul#nieuwsarchief li a {
	float: left;
	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: 350px;
	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 {
	display: none;
	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;
}

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 {
	display: none;
	float: left;
	width: 107px;
	height: 111px;
	border: 1px solid #c7dae9;
	overflow: hidden;	
}

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

}
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: 14px;
	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: 12px;
	color: #003d84;
	clear: both;
}

div.product a {
	dispay: none;
	font-size: 1.2em;
	color: #FFFFFF;
	float: left;
	clear: both;
	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;
}