/*
==============================================
Layout Style Sheet (for version 5 browsers and above)
version:  1.0
site:     All CB-sub websites (cb.nl)
=================================================
*/
* {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: "Tahoma",Helvetica,sans-serif;
	font-size: 11px;
}

HTML,BODY,DIV,UL,IMG,FORM,SELECT,INPUT,TEXTAREA,TABLE,TD,HR,H2,H3,H4,H5,H6 {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

body {
	/*background-color: #DDE0E9;*/	
	background-color: #e0e2f1;
}

#container {
	background-color: #2288CC;
	position:relative;
	min-width: 700px;
	max-width: 730px;
	margin: 0px auto;
}
#sub-container {
	background-color: #FFFFFF;
	min-width: 700px;
	width: 710px;
	position: relative;
	margin: 0px 20px;
	padding-bottom: 15px;
}

/*= HEADINGS
===============================================================*/
h1,h2,h3,h4,h5,h6 {
	color:#2288CC;
}
h1 {
	font-size: 18pt;
}
h2 {
	font-size: 11pt;
	color:#2288CC;
}
h3 {
	font-size: 14pt;
}
h4 {
	font-size: 12pt;
}
h5 {
	font-size: 10pt;
}
h6 {
	font-size: 8pt;
}

/*= LINKS
===============================================================*/
a:link {color:#006599;}
a:visited {color:#006599}

/*= MENU CONTAINER
===============================================================*/
#left-container {
	float:left;
	width:25%;
	margin:1em 0 0 40px;
}
#left-container ul{
	width: 175px;
	margin-top: 15px;
	border-bottom: solid 4px #2288CC;
	list-style-type: none;	
}

#listing {
	margin-left:30px;
}

#left-container li {
	background-color: #DDEEFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor:pointer;
}
#left-container li a {
	text-decoration: none;
	color:#333333;
}
#left-container li:hover {
	background-color: #2288CC;
	color: #FFFFFF;
}

#left-bar {
	position: absolute;
	margin-top: -15px;
	background-color:#2288CC;
	width: 20px;
	height: 778px;
	
}
#address {
	width: 175px;
	position: relative;
	margin-top: 30px;
	line-height: 15px;
	background-color:#BBDDFF;
	border-bottom: solid 1px #FFFFFF;
}

#addrestext {
	margin-left: 10px;
}
#addressline {
	border-top: solid 4px #2288CC;
	width: 175px;
}
#novaalink {
	float:left;
	margin-top:40px;
	*margin-top:27px;
}

#cblink {
	float:left;
	padding-left:12px;
	margin-top:33px;
	*margin-top:20px;
}

#sralink {
	float:right;
	margin-top:38px;
	*margin-top:25px;
}

#header {
	margin-top: 40px;
	margin-bottom: 40px;
}
/*= CONTENT CONTAINER
===============================================================*/
#right-container {
	float:right;
	width:66%;
	margin:1em 0;
	overflow:hidden;
}
#news-iframe {
	float:right;
	width:400px%;
	margin:-2em 0;
}


#content {clear:both}
#main {
	margin:1em 0;
	margin-bottom:18px;
	width:90%;
}
#main ul {
	padding-left: 30px;
}



/*= CLEARFIX
===============================================================*/
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfix {display:inline-block}
.clearfix {display:block}

/*= COPYRIGHT
===============================================================*/
#copyright {
	position:relative;
	top: 30px;
	color: #999999;
	font-size:11px;
	margin-left: 40px;
	
}

/*= NIEUWS
===============================================================*/
#netnieuws {
	width:90%;
	padding: 5px;
}

#netnieuws ol {
	margin-left: 20px;
}
#netnieuws li {
	margin-bottom: 5px;
}
#nieuws {
	border: 1px solid #015B9C;
	width:90%;
	padding: 5px;
}
#nieuws h2 a {
	color: #000; 
	font-size: 14pt;
	text-decoration:none;
}
#nieuws ul {
	list-style-type: none;
}
#nieuws li {
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(images/arrow-blue.png);
	background-repeat: no-repeat;
	background-position: 3px;
}
#nieuws li.oneven {
	background-color:#F3F2F7;
}
#nieuws li:hover {
	background-color:#F79239;
	background-image: url(images/arrow-white.png);
	background-repeat: no-repeat;
	cursor:pointer;
	color:#FFFFFF;
}
#nieuws li:hover a {
	color:#FFFFFF;
}
/*= LOGO's
===============================================================*/
#logos {
	float:left;
	width:25%;
	margin:15% 0 0 45px;
}
#logos img {
	display: block;
}

/*= CONTACT FORMULIER
===============================================================*/
.contact-form label {
	position: relative;
	display: block;
	float: left;
	width: 125px;
}
.contact-form input.formInputText {
	border: #6D6D6D solid 1px;
	margin-bottom: 8px;
}
.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form checkbox,
.contact-form radio{ /*this is for cross browsers*/
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #69c;
	scrollbar-base-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #999;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	font-family: verdana, Arial;
	color: #000;
	font-size: 12px;
	background-color: #fff;     
	border: 1px solid #ccc;   
	padding: 1px 0 1px 0;   
	margin: 1px 0 1px 0; 
	vertical-align: top;             
}
.contact-form input[type="button"], 
.contact-form input[type="reset"], 
.contact-form input[type="submit"]{ /*this is for NN, FF, MOZ/WIN only*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: verdana, Arial;
	color: #000;
	font-size: 11px;
	background-color: #999999;   
	border-top: 2px outset #ccc; 
	border-right: 2px outset #666;    
	border-bottom: 2px outset #666; 
	border-left: 2px outset #ccc; 
	cursor: pointer;
	cursor: hand;             
}