@charset "utf-8";
/* CSS Document */
/*
---------------------
STANDAARD STYLE RESET
---------------------
*/
*{
	margin:0;
	padding:0;
}
body{
	font-size: 12px;
	background: url(/Neosil/main/images/background-overall.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
html{
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
}
#center ol{
margin:0 0 10px 20px;
}
#center ul{
margin:0 0 10px 20px;
font-weight:normal;
}
#center li{
margin:0 0 10px 0;

}


/*
---------------------
STANDARD DIV BUILD UP
---------------------
*/
#wrapper{
	margin:auto;
	text-align:left;
	width:920px;
	height:100%;
	background:url(/Neosil/main/images/common/logo.png) no-repeat;
	background-position:top left;
margin-top:30px;
}
#container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:880px;

overflow:hidden;
}
#footer a{
color:#CCCCCC;}
#footer{
	width:880px;
	height:35px;
	line-height:25px;
	/*border-top:1px solid #bcbcbc;*/
	padding-right: 10px;
	text-align:right;
	color:#CCCCCC;
	margin-top:10px;
}

#blackorange a{
	color: #CCCCCC;
	padding-left:20px;
	padding-right: 35px;
	vertical-align:middle;
	background-image: url(/Neosil/main/images/blackorange.gif);
	background-repeat:no-repeat;
	background-position: 0px 1px;
}

/*
--------------------------------
HOME DIV'S AND CLASSES
--------------------------------
*/
#headerHome{
	width:872px;
	height:300px;
	overflow:hidden;
	background:url(/Neosil/main/images/common/header_big.png) no-repeat;
	margin-bottom:10px;
}
#centerlayerHome{
	width:880px;
	height:290px;
}
/*
--------------------------------
GENERAL CONTENT DIV'S AND CLASSES
--------------------------------
*/
#left{
	float:left;
	position:relative;
	width:210px;
	
}
#adButton{
text-align:center;

width:200px;
margin:20px auto;
}
#center{
	float:left;
	position:relative;
	margin-left:10px;
	width:655px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color:#5f5f5f;
	background-color:#FFFFFF;
	background: url(/Neosil/main/images/content.gif) repeat-x;
min-height:440px;
}

#top {
	background: url(/Neosil/main/images/center_bg_top.png) no-repeat;
	width:655px;
	height: 7px;
	float:left;
	position:relative;
	margin-left:10px;
}
#down {
	background: url(/Neosil/main/images/center_bg_down.png) no-repeat;
	width:655px;
	height: 7px;
	float:left;
	position:relative;
	margin-left:220px;
}

* html #down{ margin-left: 110px; }
* html #center{
min-height:433px;
height:auto !important; /* voor moderne Browser */
height:433px; /*voor IE6 */
}

.verticalSpacer{
	position:relative;
	float:left;


}
.horizontalSpacer{
	position:relative;
	width:210px;
	height:10px;
}
/*
--------------------------------
CONTENT LAYER CLASS STYLING
--------------------------------
*/
#headerContent{
	width:880px;
	height:130px;
	overflow:hidden;
}
#centerlayerContent{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	width:875px;
	min-height:440px;
	overflow:hidden;
}
* html #centerlayerContent{
	margin-bottom:0px;
}
.blockContent{
	position:relative;
	float:left;
	width:210px;
	height:130px;
}
.blockfillContent{
	position:relative;
	float:left;
	width:210px;
	height:130px;
	overflow:hidden;
}
.frame{
	position:relative;
	width:210px;
	min-height:110px;
	background:url(/Neosil/main/images/common/bottom_small.png) no-repeat bottom;
	padding-bottom:12px;
}
.blockheaderContent{
	position:relative;
	height:24px;
	width:210px;
	background:url(/Neosil/main/images/common/header_small.png) no-repeat;
	overflow:hidden;
}
/*
------------------------
IMAGE FRAME LINKS
------------------------
*/

.imageframe{
	position:relative;
	float:left;
	width:210px;
	margin-right: 10px;
}
.imageframeHeader{
	position:relative;
	height:24px;
	width:210px;
	background:url(/Neosil/main/images/common/header_small.png) no-repeat top;
	overflow:hidden;
}
.active{
	background:url(/Neosil/main/images/common/header_small-blue.gif) no-repeat top;

}


.contentHome{
	position:relative;
height:120px;
	top:10px;

	border-top:1px solid #bcbcbc;
	padding-top:5px;
}
/*
------------------------
NEWS CLASSES STYLING
------------------------
*/
img.news{
	width:90px;
	height:80px;
}
.smallnews{
	font-size: 10px;
	color:#505050;
}








/*
------------------------
STANDARD ELEMENT STYLING
------------------------
*/
img, div {
	z-index:1;
	display:block;
	behavior: url(/Neosil/main/images/common/iepngfix.htc);
	border:none;
	margin:0;
	padding:0;
}
img.inline{
	display:inline;
	margin-right:10px;
	margin-top:5px;
}

.download{
clear:left;
border-bottom:1px solid silver;
margin: 0 10px 0 10px;
padding: 0;
}

p.download a{
float:left;
padding-top:20px;
}

.download .inline{
float:left;
}

img.tekstplaatje{
	display:inline;
	margin:10px;
	float:right;
}
.cleaner{
	clear:both;
}
hr{
	width:70%;
	color:#bcbcbc;;
}
/* 
------------------------------
HEADER STYLES AND FONT CLASSES
------------------------------
*/
h1{
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:14px;
	line-height:42px;
}
#center h1 {
color: #003e7e;	
	font-size:20px;
	line-height:20px;
	padding:0;
	margin-bottom:10px;
	padding: 10px 0 0 10px;
}

h2{
	font-size:14px;
	color:#FFFFFF;

	font-weight:bold;
	padding-left:10px;
	line-height:25px;
}


#center h2{
font-size:18px;
margin:20px 0 20px 0;
padding:0;
color:#07498d;
}
#center h3{
font-size:16px;
margin:10px 0 6px 0;
padding:0;
color: #003e7e;	
}



#center #bodyContentDiv {
margin: 0 20px 0 10px;
line-height:18px;
}

#descriptionContentDiv {
margin: 0 10px 0 10px;
}


h3.stock{
	font-size:14px;
	color:#07498d;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:20px;
}
h3.news{
	font-size:14px;
	color:#07498d;
	font-weight:bold;
}
p{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color:#5f5f5f;
	padding-bottom:10px;
}
.leesmeer{
	color:#07498d;
	text-align:right;
	margin-top: 10px;
	padding-bottom:5px;
	border-bottom:1px solid #bcbcbc;
}
/*
-----------
LIST STYLES
-----------
*/
/*ul{
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}*/
#menu{
	position:relative;
	float:right;
	margin-bottom:4px;
	height:18px;
	text-align:right;
	padding-right:5px;
	overflow:hidden;

}

ul.navLevel2 img{
	display:inline;
}
ul.navLevel2 li{
	border-right:#07498d 1px solid;
	padding-right:5px;
	padding-left:5px;
	display:inline;

}

ul.normal{
	list-style-type:disc;
	font-weight:bold;
}
ul.normal li{
	margin-left:30px;
	line-height:15px;
}



/*
---------------
FORM STYLES
---------------
*/
#formulier{
	margin:20px 0 0 10px;
}
#formulier table{
	width: 100px;
}
#formulier table tr td input.mediumInput { width: 250px;}
#formulier table tr td textarea{ width: 250px;}
#formulier table tr th { color: #003e7e; }
#formulier table tr.verplichtFormRow h3{ color: #888; font-size: 80%; }

th{
	height:30px;
	width:50%;
	margin-left:10px;
	padding-right:20px;
}
#submit{
	float:right;
}
textarea{
	width:350px;
	height:100px;
}
#verplicht h3{
	font-size:10px;
	color:#ff0000;
	float:right;
	margin-bottom:5px;
}
#notificationDiv{
	margin-left:20px;
	margin-right:auto;
}
.smallInput{
	width:100px;
}
.mediumInput{
	width:300px;
}
/*
----------------------
MAIN NAVIGATION STYLES
----------------------
*/
a:link{
	font-weight:bold;
	text-decoration:none;
	color:#003e7e;
	
}
#footer a {
	font-weight:normal;
}
#footer a:hover{
	color: #666;
text-decoration: none;
}

a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#003e7e;	
}
a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#1b5b9c;
}
a:active{
	font-weight:bold;
	text-decoration:none;
	color:#1b5b9c;	
}
/*
----------------------------------
IMAGE BOX NAVIGATION STYLES
----------------------------------
*/
a.image:link, a.image:visited{
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	line-height:25px;
	text-decoration:none;
}
a.image:hover, a.image:active{
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	line-height:25px;
	text-decoration:underline;
}
/*
---------------------
SUB NAVIGATION STYLES
---------------------
*/
#navLeft ul .smenu1{
margin-bottom:10px;

background:#EFEFEF;
}



#navLeft li {
	font-size:12px;
	background:url(/Neosil/main/images/common/header_small.png) no-repeat;
	line-height:24px;
	color:white;
	display: block;
padding-left: 14px;
font-weight: bold;

	
}


#navLeft .navLevel4 li {
	font-size:12px;
	height:24px;
	line-height:24px;
	background: white;
margin-left: -28px;

}
#navLeft a {
	text-decoration:none;
	color:#003e7e;
	display:block;
	padding-left:10px;
	line-height:20px;
	width:200px;
	background:url(/Neosil/main/images/common/arrow.gif) no-repeat right; 
}
#navLeft ul ul li a{
	color:blue;
	height:23px;
	font-weight:bold;
	padding-left:10px;
	color:#003e7e;
	background:url(/Neosil/main/images/common/arrow.gif) no-repeat right; 
	text-decoration:none;
border-top:1px solid #c4d4ed;

}



#navLeft ul ul li a:hover{
	text-decoration:underline;
	color:white;
	display:block;
	padding-left:10px;
	line-height:20px;
	width:200px;
	background:#07498d url(/Neosil/main/images/common/arrow-white.gif) no-repeat right; 
}

#navLeft .highlight a{
color:white;
background:#07498d url(/Neosil/main/images/common/arrow-white.gif) no-repeat right;
}
/*
---------------------
LOGO GEDOE
---------------------
*/
#hidden{
	position:absolute;
	float:left;
}
#wrapper #hidden a.home{
	text-decoration:none;
	width:220px;
	height:70px;
	float:left;
}
#wrapper #hidden a.home span.home{
	visibility:hidden;

}
#headerTop{
overflow:hidden;
height:60px;

}
#gallery{
}
#gallery img{
display:inline;
margin:10px;
}
#mapBig{
width:600px;
margin-left:24px;
}


div.choice {
	width: 220px;
	height: 310px;
	float: left;
}
div.choice ul#nav li a{
	width: 187px;
	height: 89px;
	display: inline;
	float: left;
	padding-bottom: 9px;

}
div.choice ul#nav li a span{ display: none; }
div.choice ul#nav li { list-style-type: none; }

div.choice ul#nav li.nlFinkeel a{ background: url(/Neosil/main/images/nietdiepstekende.jpg) no-repeat; }
div.choice ul#nav li.nlFinkeel a:hover{ background: url(/Neosil/main/images/nietdiepstekende-hover.jpg) no-repeat; }
div.choice ul#nav li.nlFinkeel.current a{ background: url(/Neosil/main/images/nietdiepstekende-hover.jpg) no-repeat; }

div.choice ul#nav li.enFinkeel a{ background: url(/Neosil/main/images/en-Nietdiepstekende.jpg) no-repeat; }
div.choice ul#nav li.enFinkeel a:hover{ background: url(/Neosil/main/images/en-Nietdiepstekende-hover.jpg) no-repeat; }
div.choice ul#nav li.enFinkeel.current a{ background: url(/Neosil/main/images/en-Nietdiepstekende-hover.jpg) no-repeat; }


div.choice ul#nav li.nlFullkeel a { background: url(/Neosil/main/images/diepstekende.jpg) no-repeat; }
div.choice ul#nav li.nlFullkeel a:hover { background: url(/Neosil/main/images/diepstekende-hover.jpg) no-repeat; }
div.choice ul#nav li.nlFullkeel.current a{ background: url(/Neosil/main/images/diepstekende-hover.jpg) no-repeat; }

div.choice ul#nav li.enFullkeel a { background: url(/Neosil/main/images/en-Diepstekende.jpg) no-repeat; }
div.choice ul#nav li.enFullkeel a:hover { background: url(/Neosil/main/images/en-Diepstekende-hover.jpg) no-repeat; }
div.choice ul#nav li.enFullkeel.current a{ background: url(/Neosil/main/images/en-Diepstekende-hover.jpg) no-repeat; }


div.choice ul#nav li.enMotorcruiser a { background: url(/Neosil/main/images/en-Motorcruiser.jpg) no-repeat; }
div.choice ul#nav li.enMotorcruiser a:hover { background: url(/Neosil/main/images/en-Motorcruiser-hover.jpg) no-repeat; }
div.choice ul#nav li.enMotorcruiser.current a{ background: url(/Neosil/main/images/en-Motorcruiser-hover.jpg) no-repeat; }

div.choice ul#nav li.nlMotorcruiser a { background: url(/Neosil/main/images/motorboot.jpg) no-repeat; }
div.choice ul#nav li.nlMotorcruiser a:hover { background: url(/Neosil/main/images/motorboot-hover.jpg) no-repeat; }
div.choice ul#nav li.nlMotorcruiser.current a{ background: url(/Neosil/main/images/motorboot-hover.jpg) no-repeat; }

div.choice ul#nav li a:focus{
outline:none;
}

div#show {
	width: 420px;
	height: 130px;
	float: left;
	background: url(/Neosil/main/images/amount-bg.jpg) no-repeat;
	padding-top: 27px;
	
}
div#livesearch {
background: url(/Neosil/main/images/amount-bg-small.jpg) no-repeat;
	width: 420px;
height:119px;
margin-top:10px;

	float: left;
	padding-left: 10px;

}
div#livesearch h1{
	padding-left: 0px;
position:absolute;
top:55px;



}
div#livesearch img{
margin:0; padding:0;
height:100px;
float:right;

}
div#livesearch h2{
	margin:0;
	padding:0;
}
div#show form input {
	display: block;
	margin: 10px;
}
div#show form p {
	margin: 0 0 0 10px;
	padding: 0;
}

div#show form p.float { float: left; width: 160px; }
div#show form p.float2 { float: right; width: 170px; }
div#show form select {
	display: block;
	margin: 10px;
}

/* ---- BEGIN NOTIFICATION & INFO STYLES --------------------------------*/
#notificationDiv {
	clear:both;
	padding: 10px;
	margin:20px 0 20px 0;
	
}
#notificationDiv ul {
	margin:0px;
	list-style:none;
}
#notificationDiv li {
	list-style:none;
}
#notificationDiv .messageDone, .messageFail {
	line-height:16px;
	padding-left:20px;
	margin:0px;
	margin-bottom:2px;
	margin-top:2px;
	background-repeat: no-repeat;
}
#notificationDiv .messageDone {
color:green;
	background-image: url(/Neosil/main/icons/accept.png);
}
#notificationDiv .messageFail {
	background-image: url(/Neosil/main/icons/exclamation.png);
}
#notificationDiv .messageInfo {
	background-image: url(/Neosil/main/icons/information.png);
}
#controlsDiv {
	clear: both;
	height:20px;
	margin-bottom: 10px;
}
#controlsDiv a {
	margin-right: 10px;
}
/* ---- END NOTIFICATION & INFO STYLES --------------------------------*/

.projectItem{

overflow:hidden;
position:relative;
margin:10px 0;
}
.projectItem img{
float:left;
margin:0 10px 0 0 ;
}
#center .projectItem h2, .projectItem p{
position:absolute;
left:210px;
top:0;
margin:0;
padding:0;

}
.projectItem p{
top:30px;
}
.edit{
margin:10px;
position:absolute;
top:0;
right:0;
}