/*
Ondernemend Aanbestenden Site CSS
@author: Publer
@version: 20090428
*/

/* Color Scheme
blauw: 009cda
*/

/* Sprites
**********************************/
div#header h1 a,
ul.partners li a,
ul#nav li a,
div.box,
.more,
input.txt, 
.sidebar-login input, 
input#s, 
textarea, 
input.button, 
input#searchsubmit,
input#wp-submit, 
table thead th, 
#your-profile input, 
#your-profile input.button,
.formBuilderForm .formBuilderSubmit input,
.formBuilderInput input{
	background: url(onder/sprites/sprite.png) no-repeat bottom right;
}


/* General styling
**********************************/
body, #publerBody {
	text-align: center;
	background: url(onder/background/body.png) repeat-x top left;
	padding-bottom: 0;
	}

div#container {
	position: relative;
	width: 940px;
	margin: 0 auto;
	text-align: left;
	}
	

/* Header
**********************************/	
div#header {
	height: 161px;
	border-bottom:1px solid #d1d1d1;
	position:relative;
	}
	div#header h1{
		margin:0;
		position:absolute;
		top:13px;
		left:-11px;
		}
		div#header h1 a{
			text-indent:-5555px;
			display:block;
			width:257px;
			height:105px;
			background-position:0 -134px;
			}
	
	#right-column ul, ul.partners{
		padding:0;
		margin:0;
		list-style:none;
		}
		
		ul.partners li{
			margin-bottom:10px;
		}

	div#header ul.partners{
		padding:0;
		margin:0;
		position:absolute;
		top:26px;
		right: 0;
		width:558px;
		}
		div#header ul.partners li{
			float:right;
			margin:0 20px 0 0;
			}
		ul.partners li a{
			text-indent:-5555px;
			display:block;
			height:49px;
			}
		ul.partners li.p-kvk a{
			width:132px;
			background-position:0 -85px;
			}
		ul.partners li.p-till a{
			width:124px;
			background-position:-152px -85px;
			}
		ul.partners li.p-trias a{
			width:136px;
			background-position:-296px -85px;
			}
		ul.partners li.p-mkb a{
			width:56px;
			background-position:-450px -85px;
			}			

/* Navigation
**********************************/	
ul#nav {
	position: absolute;
	top: 111px;
	width: 100%;
	list-style:none;
	padding:0;
	margin:0;
	left:0;
	}
	ul#nav li{
		float:left;
		margin-right:10px;
		}
		ul#nav li a{
			border:1px solid #d1d1d1;
			color:#3f9cce;
			font-weight:bold;
			line-height:24px;
			*line-height:23px;
			vertical-align:middle;
			padding:0 10px;
			display:block;
			background-position:-556px 0;
			
			}
		ul#nav li a:hover, ul#nav li.current_page_item a{
			border:1px solid #3f9cce;
			color:white;
			background-position:-327px 0;
			text-decoration:none;
			}
	
	
/* Layout
**********************************/				
div#main {
	margin-top: 25px;
	height:1%;
	}
	
div#wrapper {
	float:left;
	width:100%;
	} 
	
div#contents {
	margin: 0 300px 0 0;
	}
	
div#right-column{
	float:left;
	width:279px;
	margin-left:-279px;
	padding-bottom: 30px;
	}
	
div#right-column h2, div#right-column h3{
	border-bottom:2px solid #3f9cce;
	padding-bottom:5px;
}
div#right-column h3{
	clear: left;
}

div.box{
	border:1px solid #d1d1d1;
	padding:10px 13px;
	margin-bottom:20px;
	background-position:0 -466px;
	background-color:#fcfcfc;
	}
	div.box h2{
		margin-top:0;
		}
		
div.half-box{
	width:282px;
	float:left;
	margin-right:20px;
}

ul.last-news{
	list-style:none;
	padding:0;
	margin:0;
	}
	ul.last-news li{
		color:#7f7f7f;
		}

	ul.last-news li a{
		color:#cc233b;
		}

.widget_categories ul, ul.archive-list{
	list-style:none;
	margin:0;
	padding:0;	
}		

div.news h2{ /* op nieuws detail */
	margin-bottom:4px;
}
		
div.news h3{ /* op nieuws overview */
	margin-bottom:4px;
}

div.news ul.details{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

div.news ul.details li{
	float:left;
	margin-right:20px;
	font-size:.9em;
	color:#999;
}
ul.details li span.date, ul.details li a{
	color:#009cda;
}

div.news img.main-img{
	float:left;
	}
	
div.news div.article-content{
	position:relative;
	padding-bottom:15px;
	width: 600px;
}

div.news div.article-content span.reactions, div.news div.article-content a.more{
	position:absolute;
	right:0;
	bottom:0;
}
div.news div.article-content a.more{
	left:0;
}
div.news div.article-content span.reactions a{
	margin-left:10px;
}

div.even{
	background:#e8f1f6;
}
div.reaction{
	margin-bottom:10px;
	padding:8px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
}

h3.line{
	border-bottom:1px solid #009cda;
}


ul.tagcloud{
	list-style:none;
	margin:0;
	padding:0;
}
ul.tagcloud li{
	display:inline;
	margin-right:4px;
}

ul.tagcloud li.size-1 a{font-size:.85em;}
ul.tagcloud li.size-2 a{font-size:.9em;}
ul.tagcloud li.size-3 a{font-size:1em;}
ul.tagcloud li.size-4 a{font-size:1.1em;}
ul.tagcloud li.size-5 a{font-size:1.2em;}
ul.tagcloud li.size-6 a{font-size:1.3em;}
ul.tagcloud li.size-7 a{font-size:1.4em;}
ul.tagcloud li.size-8 a{font-size:1.5em;}
ul.tagcloud li.size-9 a{font-size:1.6em;}
ul.tagcloud li.size-10 a{font-size:1.7em;}

table{
	border:1px solid #3f9cce;
	border-top:none;
}

table thead th{
/*
	background-position:-327px 0; */
	background:url(onder/background/footer.png) repeat-x top left #009cda;
	color:white;
	line-height:2em;
}

table tbody td, table thead th{
	line-height:2em;
	padding:0 6px;
	vertical-align: top;
}

table tr.alt td{
	background:#e8f1f6;
	
}

#reaction-form fieldset{
	margin-top:10px;
}
	

/* Definition lists
**********************************/	
dl.article{
	margin:0;
	padding:0;
	clear:both;
	height:70px;
	margin-bottom:16px;
	}
	
	dl.article dt, dl.article dd{
		margin:0;
		padding:0;
		display:inline-block;
		vertical-align:middle;
		width:192px;
		}
	dl.article dd{
		color:#7f7f7f;
	}
	dl.article dd.image{
		float:left;
		height:70px;
		margin-right:13px;		
		width:70px;
		}
	dl.article dd.image img{
		border:3px solid #009cda;
		margin:0;
		padding:0;
		}
		

dl.forum{
	margin:0;
	padding:0;
	}
	
	dl.forum dt{
		margin:0;
		padding:0;
		display:inline;
		font-weight:normal;
	}
	
	dl.forum dd{
		margin:0;
		padding:0;
		display:inline;
		font-style:italic;
	}
	dl.forum dd.date{
		color:#7f7f7f;
		font-style:normal;
		float:right;
	}
	
/* Footer
**********************************/	
div#footer{
	clear:left;
	width:100%;
	background:url(onder/background/footer.png) repeat-x top left #009cda;
	margin-bottom:0;
	}
	div#footer a{
		color:white;
	}
	div#footer div{ /*inner*/
		display:inline-block;
		width:940px;
		margin-top:25px;
		text-align:left;
		}
		
		div#footer ul{
			list-style:none;
			margin:0 0 10px;
			padding:0;
			}
			div#footer ul li{
				float:left;
				width:240px;
				display:block;
				border-right:1px solid white;
				min-height:100px;
				_height:100px;
				margin-right:12px;
				}
				div#footer ul li span.head{
					font-size:1.17em;
					display:block;
					margin-bottom:13px;
					font-weight:bold;
					color:black;
					}
				div#footer ul ul{
					margin-bottom:0;
					}
				div#footer ul li ul li{
					float:none;
					margin-right:0;
					border:none;
					min-height:1%;
					_height:1%;
					}
				div#footer ul li ul.pages li{
					float:left;
					width:110px;
					}
			div#footer ul li.last{
				border-right:none;
				}
		div#footer p{
			margin-top:15px;
		}

/* Forms
**********************************/
div#warning{
	margin-bottom:15px;	
	}

fieldset{
	border:none;
	}
label{
	width:200px;
	font-weight:bold;
	}
textarea{
	background-position:-557px -36px;
	background-attachment:scroll;
	border:1px solid #999;
	padding:3px;
	width:200px !important;
	height:150px !important;
	margin-bottom:.6em;
	background-color:white;
}	
input.txt, input#s, .sidebar-login input, #your-profile input, .formBuilderInput input{
	width:200px;
	height:19px;
	padding:3px 3px 0;
	margin-bottom:.6em;
	background-position:-557px -36px;
	background-attachment:scroll;
	background-color:white;
	border:1px solid #999;
	color:#555;
	}
	
	.formBuilderInput input {
		margin-bottom:.3em;
	}
	
	input#rememberme{
		width: 20px;
	}

	input#s{
		width: 195px;
		*width: 183px;
		color: #D1D1D1;
		float: left;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0){
		input#s{
			width: 212px;
		}
	}
	#searchform label{
		display: none;
	}
	input.txt:focus, input.txt:hover, input.txt:active, 
	input#s:focus, input#s:hover, input#s:active, input.hover, input.focus,
	textarea:focus, textarea:hover, textarea:active, textarea.hover, textarea.focus, 
	#your-profile input.hover, #your-profile input:hover, #your-profile input.focus, #your-profile input:focus, #your-profile input:active,
	.formBuilderInput input.hover, .formBuilderInput input:hover, .formBuilderInput input.focus, .formBuilderInput input:focus, .formBuilderInput input:active{
		border:1px solid #009cda;
		}
		
	input.error, textarea.error{
		border:1px solid red;
	}
input.small{
	width:150px;
}

.formBuilderError{
	color: red;
}

.sidebar-login label{
	width: 150px;
	_width: 148px;
}
.sidebar-login input{
	width: 120px;
}

div.checkbox{
	width:200px;
	display:inline-block;
	margin-bottom:.6em;
	}
	div.checkbox label{
		position:relative;
		left:-4px;
		font-weight:normal;
		}
		div.checkbox input{
			margin-right:7px;
		}
input.button, input#searchsubmit, input#wp-submit, #your-profile input.button, .formBuilderForm .formBuilderSubmit input{
	border:1px solid #ccc;
	background-position: -258px -134px;
	background-attachment:scroll;
	color:#666;
	font-weight:bold;
	padding:3px 5px;
	cursor:pointer;
	margin:0;
	height: 24px;
	}
	input#searchsubmit{
		margin-left: 5px;
		float: left;
	}
	input#wp-submit{
		height: auto;
	}
	#your-profile input.button{
		width:130px;
	}
input#q{
	margin-right:10px;
}
#search-form input.txt,
#search-form input.mid{
	width:120px;
}

#search-form select{
	width:90px;
}

div.block{
	clear: both;
}
	
input.button:hover, input#searchsubmit:hover, #input#wp-submit:hover, #your-profile input.button:hover, .formBuilderForm .formBuilderSubmit input:hover{
	color:#009cda;	
	border:1px solid #009cda;
}

td input.button{
	margin-bottom: 10px;
}

.commentlist{
	list-style: none;
}

div.news div.article-content span.reactions a.readmore{
	margin: 0;
}

/* Misc
**********************************/
.more{
	background-position:-795px 4px;
	padding-left:10px;
	margin-top:10px;
	display:block;
	}
.top{
	margin-top:0 !important;
	}
.bottom{
	margin-bottom:0 !important;
}
.last{
	margin-right:0 !important;
	}
.left{
	float:left !important;
	}
.right{
	float:right !important;
}

/* FORUM */
form#wpf-seach input.txt {
	float: left;
}
form#wpf-seach input.button{
	margin-left: 5px;
}
.wpf-post-table{
	margin-bottom: 10px !important;
}
.wpf-small{
	padding-bottom: 10px;
}
.widget_wp_partners p, a.small{
	font-size: 11px;
}
.widget_wp_partners a img{
	margin-top: 5px;
}

div#right-column form .invoer {
	width: 170px;
}