﻿body {
	margin:0px;
	padding:0px;
	background:url(../images/body_bg.jpg) left top;
}
body, td
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}

input, select, textarea {
	font-family:Arial;
	font-size:11px;
}
h1 {
	font-size:15px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}
h2 {
	font-size:13px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}
h3
{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 4px;
    color: #01336e;
}
form {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:underline;
	color:#01336e;
}
a:hover {
	text-decoration:none;
}

div#body {
	text-align:center;
	width:100%;
	_height:950px;
	min-height:950px;
	background:url(../images/body_verloop_bg.jpg) left top repeat-x;
}
div#container {
	margin:0 auto;
	width:924px;
}
div#wrapper {
	text-align:left;
	float:left;
	width:924px;
}
div#header {
	width:924px;
	height:100px;
	background:url(../images/bg_header.gif) left bottom repeat-x;
	background-color: #01336e;
}
	div#logo {
		float:left;
		width:66px;
		height:80px;
        padding: 10px 10px 0px 12px;
		background-color: #fe4438;
	}
	div#logo_seefie
	{
		float:left;
		width:66px;
		height:80px;
		padding: 10px 10px 0px 12px;
        background-image: url(/images/bg_seefie_left.png);
        background-position: top right;
        background-repeat: no-repeat;
		background-color: #fe4438;
	}
	div#slogan {
		float:left;
		height:48px;
		width:350px;
		padding: 10px 0px 0px 30px;
	}
	div#headerRechts {
		float:right;
		width:148px;
		height:90px;
		padding-right:6px;
		padding-top:3px;
		margin: 2px 11px 0px 0px;
	}
	div#profiel {
		float: right;
		text-align: right;
		width: 440px;
		height:53px;
		/*background:url(../images/bg_login.png) top right no-repeat;*/
		text-align:right;
		color:#FFFFFF;
		margin: 5px 5px 0px 0px;
		padding:5px 5px 0px 5px;
	}
    div#profiel a.cart, div#profiel a.cart
    {
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
        background-image:url(/images/hoofdmenu_onlinecatalogus_over.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 14px;
        height: 18px;
        line-height: 18px;
    }
    div#profiel a.cart:hover, div#profiel a.cart:hover
    {
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #ffffff;
        text-decoration: underline;
        background-image:url(/images/hoofdmenu_onlinecatalogus_over.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 14px;
        height: 18px;
        line-height: 18px;
    }	
    div#profiel a.login, div#profiel div#ingelogd a.login
    {
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
    }
    div#profiel a.login:hover, div#profiel div#ingelogd a.login:hover
    {
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #89cfd9;
        text-decoration: none;
    }
    div#header div#profiel input {
		height:13px;
		font-size:11px;
		border:1px solid #8c8c8c;
		background-color:#FFFFFF;
		color:#000000;
		width:150px;
	}
	div#profiel a.btnInloggen {
		display:block;
		text-align:center;
		width:65px;
		line-height:15px;
		color:#FFFFFF;
		background:url(../images/btn_inloggen.png) left top no-repeat;
		text-decoration:none;
	}
	div#profiel div#ingelogd {
		text-align:right;
		line-height:18px;
	}
	div#profiel div#ingelogd strong {
		font-size:13px;
		
	} 
	div#profiel div#ingelogd a.cart, div#profiel div#ingelogd a.cart:hover 
	{
	    font-size: 11px;
	}
	div#vlaggen 
	{
	    margin: 11px 5px 0px 0px;
		padding-top:2px;
		float:right;
		height:12px;
		letter-spacing:5px;
	}

	/* MENU */
		div#menu {
			float:left;
			width: 550px;
			height:28px;
			padding-left: 30px;
		}
		.mainmenu_left
		{
		    float:left; 
		    width: 4px; 
		    height: 26px; 
		    background-image: url(/images/bg_mainmenu_left.jpg); 
		    background-position: top left; 
		    background-repeat: no-repeat;
		}
		.mainmenu_right
		{
		    float:left; 
		    width: 4px; 
		    height: 26px; 
		    background-image: url(/images/bg_mainmenu_right.jpg); 
		    background-position: top left; 
		    background-repeat: no-repeat;
		}
		.mainmenu_item
		{
		    float: left; 
		    height: 21px; 
		    line-height: 26px; 
		    padding: 5px 10px 0px 10px; 
		    background-image: url(/images/bg_mainmenu.jpg); 
		    background-position: top left; 
		    background-repeat: repeat;
		}
		.mainmenu_seperator
		{
		    float: left; 
		    height: 23px; 
		    line-height: 26px; 
		    padding-top: 3px; 
		    background-image: url(/images/bg_mainmenu.jpg); 
		    background-position: top left; 
		    background-repeat: repeat;
		}
		a.hoofdmenu
		{
		    cursor: pointer;
		    display: block;
		    padding: 0px 5px 0px 0px;
		    color: #ffffff;
		    text-decoration: none;
		}
		a.hoofdmenu span
		{
		    display: block;
		    padding: 0px 0px 0px 5px;
		    height: 17px;
		    line-height: 17px;
		}
		a.hoofdmenu:hover
		{
		    color: #ffffff;
		    text-decoration: none;
		    background-image: url(/images/bg_mainmenuitem_right.png);
		    background-position: top right;
		    background-repeat: no-repeat;
		}
		a.hoofdmenu:hover span
		{
		    background-image: url(/images/bg_mainmenuitem_mo.png);
		    background-position: top left;
		    background-repeat: no-repeat;
		}
		a.hoofdmenu_active
		{
		    cursor: pointer;
		    display: block;
		    padding: 0px 5px 0px 0px;
		    color: #ffffff;
		    text-decoration: none;
		    background-image: url(/images/bg_mainmenuitem_right.png);
		    background-position: top right;
		    background-repeat: no-repeat;
		}
		a.hoofdmenu_active span
		{
		    display: block;
		    padding: 0px 0px 0px 5px;
		    height: 17px;
		    line-height: 17px;
		    background-image: url(/images/bg_mainmenuitem_mo.png);
		    background-position: top left;
		    background-repeat: no-repeat;
		}
		/*#hoofdmenu {
			list-style:none;
			margin:0px;
			padding:0px;
		}
		#hoofdmenu li {
			float:left;
			cursor:pointer;
			display:block;
		}
		#hoofdmenu li a {
			display:block;
			line-height:24px;
			_width:20px;
			height:24px;
			padding-left:20px;
			padding-right:12px;
			color:#04aed2;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			white-space:nowrap;
			background-position:left center;
			background-repeat:no-repeat;
		}
		#hoofdmenu li a:hover {
			text-decoration:none;
			color:#FFFFFF;
		}
		#hoofdmenu li a.hoofdmenuHome {
			background-image:url(../images/hoofdmenu_home.png);
		}
		#hoofdmenu li a:hover.hoofdmenuHome {
			background-image:url(../images/hoofdmenu_home_over.png);
		}
		#hoofdmenu li a.hoofdmenuOnlineCatalogus {
			background-image:url(../images/hoofdmenu_onlinecatalogus.png);
		}
		#hoofdmenu li a:hover.hoofdmenuOnlineCatalogus {
			background-image:url(../images/hoofdmenu_onlinecatalogus_over.png);
		}
		#hoofdmenu li a.hoofdmenuDocumentatie {
			background-image:url(../images/hoofdmenu_documentatie.png);
		}
		#hoofdmenu li a:hover.hoofdmenuDocumentatie {
			background-image:url(../images/hoofdmenu_documentatie_over.png);
		}
		#hoofdmenu li a.hoofdmenuDealerservice 
		{
		    background-image:url(../images/hoofdmenu_dealerservice.png);
		}
		#hoofdmenu li a:hover.hoofdmenuDealerservice
		{
		    background-image:url(../images/hoofdmenu_dealerservice_over.png);
		}
		#hoofdmenu li a.hoofdmenuContact {
			background-image:url(../images/hoofdmenu_contact.png);
		}
		#hoofdmenu li a:hover.hoofdmenuContact {
			background-image:url(../images/hoofdmenu_contact_over.png);
		}
        */
div#vervolg 
{
    float: left;
	width:924px;
	background-color:#eff0ef;
	padding-bottom:25px;
}
div.vervolgProduct {
	background:url(../images/vervolg_producten_bg.jpg) top left no-repeat;
}
div.vervolgProduct_citysafe {
	background:url(../images/vervolg_producten_bg_citysafe.jpg) top left no-repeat;
}

div.vervolgDefault {
	background:url(../images/vervolg_default_bg.jpg) top left no-repeat;
}
div.vervolgDefault_citysafe {
	background:url(../images/vervolg_default_bg_citysafe.jpg) top left no-repeat;
}

div#vervolgKolommen {
	height:67px;
	padding-left:19px;
	padding-top:40px;
}
	div#vervolgKolommen div a {
		padding-left:60px;
		font-size:15px;
		display:block;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	div#vervolgKolommen div#actie {
		float:left;
		width:208px;
	}
	div#vervolgKolommen div#catalogus  {
		float:left;
		margin-left:17px;
		width:208px;
	}
	div#vervolgKolommen div#service {
		float:left;
		margin-left:18px;
		width:208px;
	}
	div#vervolgKolommen div#overNauta {
		float:left;
		margin-left:18px;
		width:208px;
	}
	
	div#kolomSelected {
		clear:both;
		position:absolute;
		z-index:80;
		width:206px;
		height:53px;
		margin-top:59px;
	}
	div.kolomSelectedActie {
		margin-left:19px;
		background:url(../images/vervolg_menu_selected_actie.gif) top left no-repeat;
	}
	div.kolomSelectedCatalogus {
		margin-left:245px;
		background:url(../images/vervolg_menu_selected_catalogus.gif) top left no-repeat;
	}
	div.kolomSelectedService {
		margin-left:471px;
		background:url(../images/vervolg_menu_selected_service.gif) top left no-repeat;
	}
	div.kolomSelectedOverNauta {
		margin-left:697px;
		background:url(../images/vervolg_menu_selected_overnauta.gif) top left no-repeat;
	}
	
/* linker menu items */
	div#linkermenu a.hoofd {
		display:block;
		padding-left:15px;
		margin-top:5px;
		margin-bottom:5px;
		color:#0060a6;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		background-position:top left;
		background-repeat:no-repeat;
	}
	div#linkermenu a.hoofd:hover {
		text-decoration:underline;
	}
	div#linkermenu a.hoofdIn {
		background-image:url(../images/linkermenu_hoofd_in.gif);
	}
	div#linkermenu a.hoofdOut {
		background-image:url(../images/linkermenu_hoofd_out.gif);
	}
	div#linkermenu a.hoofdSelected {
		text-decoration:underline;
	}
	div#linkermenu div.sub {
		padding-left:15px;
		padding-bottom:3px;
	}
	div#linkermenu a.sub {
		display:block;
		padding-left:10px;
		margin-top:4px;
		margin-bottom:4px;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
		background-position:top left;
		background-repeat:no-repeat;
	}
	div#linkermenu a.sub:hover {
		text-decoration:underline;
	}
	div#linkermenu a.subSelected {
		text-decoration:underline;
	}
	div#linkermenu a.subIn {
		background-image:url(../images/linkermenu_sub_in.gif);
	}
	div#linkermenu a.subOut {
		background-image:url(../images/linkermenu_sub_out.gif);
	}
	div#linkermenu div.subSub {
		padding-left:20px;
		padding-bottom:3px;
	}
	div#linkermenu a.subSub {
		display:block;
		margin-top:4px;
		margin-bottom:4px;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	div#linkermenu a.subSub:hover {
		text-decoration:underline;
	}
	div#linkermenu a.subSubSelected {
		text-decoration:underline;
	}


div#main 
{
	width:924px;
	background-color:#FFFFFF;
}
a.btnBlack {
	display:block;
	width:153px;
	height:26px;
	padding-left:10px;
	line-height:25px;
	color:#FFFFFF;
	font-size:14px;
	background:url(../images/btn_black.gif) left top no-repeat;
	text-decoration:none;
}
a.btnProductenBestellen {
	float:right;
	display:block;
	margin-top:5px;
	width:62px;
	height:21px;
	padding-left:33px;
	text-align:left;
	line-height:21px;
	color:#FFFFFF;
	font-size:11px;
	background:url(../images/btn_productenBestellen.gif) left top no-repeat;
	text-decoration:none;
}
a.productDocumentatieLink {
	display:block;
	margin-left:12px;
	padding-bottom:5px;
	padding-left:18px;
	width:30px;
	white-space:nowrap;
	background-image:url(../images/icon_document.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
div.productDocumentatieIntro {
	padding-left:30px;
	font-size:10px;
}

div#footer {
	width:884px;
	padding:0px 20px 10px 20px;
	height: 81px;
	/*background:url(../images/footer_bg.jpg) top left repeat-y;*/
	background-color:#fe4438;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
	color:#FFFFFF;
	line-height:16px;
}
div#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}
div#footer a:hover {
	text-decoration:none;
}
div#footer a.nieuwsbriefOntvangen {
	display:block;
	background:url(../images/btn_nieuwsbrief.png) top left no-repeat;
	width:137px;
	height:20px;
	margin-bottom:6px;
	line-height:20px;
	text-align:center;
	color:#FFFFFF;
	font-size: 10px;
	text-decoration:none;
}


/* forum en admin deel*/
table.forum {
	border-collapse:collapse;
	border:1px solid #CECDD5;
}
tr.header, td.header {
	background-color:#E4E2E7;
	font-weight:bold;
	color:#000000;
}
table.forum td {
	padding:5px;	
}
table.forum td.tekst {
	padding:5px 0px 5px 0px;	
}
tr.normal {
	background-color:#FAFAFA;
	color:#000000;
}
tr.alternate {
	background-color:#FFFFFF;
	color:#000000;
}
blockquote {
	background-color:#FAFAFA;
	padding:5px 5px 5px 5px;
	border:1px solid #CECDD5;
}

a.arachna {
	color:#000000;
}

/*dTree*/
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

.siteselectionitem
{
    position: absolute;
    width: 209px;
    height: 46px;
}
.siteselectionitem_over
{
    position: absolute;
    width: 209px;
    height: 46px;
    background-color: #89cfd9;
    cursor: pointer;
}