@charset "utf-8";
*{margin: 0;padding: 0;}
body  {
	font-family: Trebuchet MS,helvetica, sans-serif; font-size: 11px;line-height:15px;
	background: #FFF;margin: 0;padding: 0;text-align: center;color: #003366;
}
img{border:0}
a{color:#003399; text-decoration:none;}
a:hover{text-decoration:underline;}
li{list-style:none;}
#container { 
	width: 768px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 
#header {
	background: url(../images/headback.jpg) #003399;
	height: 113px;
	text-align:left;
	border: 1px solid #999;
	padding: 0 ;
	
} 
#imagebar{float:left;margin:5px 0 0 0;height:75px;width:461px;}
#imagebar img{border:1px solid #003399}
#imagebar .marg{margin:0 10px 0 0;}
#logo{height:95px;float:left;}


#logo h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
    font-weight:bold;
	color: #ffffff;
    padding:10px 0 0 10px;
    margin:0;	
}

#logo h2 {
	font-family: Trebuchet MS, helvetica, sans-serif;
	font-size: 12px;
    font-weight:normal;
	color:#fff;
    padding:10px 0 0 10px;
    margin:0;	
}
#header a {color:#fff;text-decoration: none;}
#header a:hover {color:#fff;text-decoration: none;}

#main-banner {margin:0; padding:15px 0 0 270px;background:inherit;}
#main-banner img{height:60px;width:468px;}
#navcontainer ul{
	float: left;
	background: url(../images/MenuBg.gif) repeat-x 20px;
	border-top:1px solid white;
	padding-left: 0;
	color: #FFF;
	width: 100%;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:9px;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a,#navcontainer ul li a:visited{
	line-height:12px;
	float: left;
	background: url(../images/MenuBg.gif) repeat-x 20px;
	padding: 0.2em 1em;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #FFF;
}
#navcontainer ul li a:hover {background: url(../images/MenuBgHover.gif) repeat-x 20px;color:#FFF; }
#sidebar {
	margin:5px 0 0 0 ;
	float: right; 
	width: 234px; 
}
#sidebar .half-banner{margin: 0 0 5px 0;padding:0;}
#sidebar .sidebar-block{
	width: 232px; 
	height: auto;
	padding: 0 0 5px 0;
	margin: 0 0 4px 0;
	border: 1px solid #ccc; 
}
.blockheader{
	margin:0 0 4px 0;
	border-bottom: 1px solid #ccc;
	height:17px;
	color:#FFF;
	background: url(../images/loginback_filler_new.jpg) ;
	background-repeat:repeat-x;
	font-family: Trebuchet MS, helvetica, sans-serif; font-size:14px; font-weight: bold;
	padding:3px;}
#mainContent { 
	margin: 0 237px 0 0;
}
#adsense{float:left;width:525px;height:60px;margin:5px 5px 0 0;}
#weer{float:left;background:URL(../images/weatherback.jpg);width:62px;height:75px;text-align:center;margin:5px 0 0 1px;padding:0;border:1px solid #003399}
#weer p{padding:2px 0 0 0; margin:0;color:white;font-weight:bold;font-size:12px;}
#weer p a{position:relative;top:-2px;font-size:10px;font-weight:normal;color:white;text-decoration:none;}
#weer p a:hover{text-decoration:underline}

#user-login {
width: 232px; 
height: auto;
padding: 0 0 5px 0;
margin: 0 0 4px 0;
border: 1px solid #003399; 
background-color: #CCFFFF;
}
.login-header {
background: url(../images/loginback_filler_new.jpg); 
padding: 2px 0 2px 10px;
font-size: 13px;
color:#FFF;
}
.login-header h1{
font-size: 13px;
color:#FFF;
}
#user-login form {padding:7px 0 0 5px; margin:0;}
#user-login .submit {font-size:10px; padding:0; margin-left:3px; width: 33px; text-align:center;} 
#user-login input {width: 80px;padding:1px; margin:4px 2px 4px 2px; font-size: 10px;}
#user-login .wider {width: 170px;padding:1px; margin:4px 2px 4px 2px; font-size: 10px;}
#user-login a {font-family: Trebuchet MS,helvetica, sans-serif; font-size: 11px; color:#003399; text-decoration: none; padding: 0 0 0 5px;}
#user-login a:visited {color:#003399; text-decoration: none;}
#user-login a:hover {color:#003399;	text-decoration: underline;}
.panel {
	float: left;
	width: 525px;
	height: auto;
	margin: 5px 0;
	cursor: hand;
	border: #ccc 1px solid;
	voice-family: "\"}\"";
	voice-family: inherit;	
}
.pvraag {
	float: left;
	width: 525px;
	height: auto;
	margin: 5px 0;
	border: #ccc 1px solid;
	voice-family: "\"}\"";
	voice-family: inherit;	
}
.panelhover {background-color: #f3faff;}
.panel-inside{padding-left:170px;}
.panel-inside-right{padding:10px 180px 0 10px;}
.prijsvraag{padding:10px;}
.prijsvraag p{line-height:17px;color:#003366;}
.panel .panel-inside-right p{color:#003366;}
.panel .panel-inside-right a,.rm-right a{color:#FF0000;}
.panel .panel-inside-right a:hover,.rm-right a:hover{text-decoration:underline}
.panel h2,.pvraag h2 {
	margin:0;
	padding: 3px 0 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003399;
	text-transform: uppercase;
}
.panel h3 {
	margin:0;
	padding: 5px 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

.panel img,.pvraag img {float: left; height:120px; width:160px;	padding:0}
.pvraag img {margin-right:15px;}
.panel p ,.pvraag p{color: #333;padding:5px 7px 5px 0;margin:0;}

.panel a {
	color: #666;text-decoration: none;
}
.prijsvraag-banner{
	border:1px solid #ccc;
	float: left;
	width: 525px;
	margin: 5px 0;
}
.panel a:hover {text-decoration: none;}
.readmore{text-align:right;}
.goto-list{text-align:right; margin: 8px 8px 6px 0;}
.rm-right{float:right; margin: 8px 8px 6px 0;}
.bold{font-weight:bold;}
.blue{color:#003366;}
.panel .right-image{
	float:right;
	margin: 6px;
	width: 160px;
	height: 120px;
	background-color:#f3faff;
	padding:4px;
	border: 1px solid #ccc;
}
.pvraag .pv-image{
	float:left;
	margin: 6px;
	width: 160px;
	height: 120px;
	background-color:#f3faff;
	padding:4px;
	border: 1px solid #ccc;
}
.smallblock{
	float:left;
	background:#f3faff;
	width:259px;
	height:auto;
	border: #ccc 1px solid;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.subtext{font-size:10px;}
.smbl-left{margin:0 5px 0 0;}
.smallblock ul{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding:8px 0 0 3px; 
	color: #003399;
}
.smallblock li{padding:2px 0 0 5px;color: #4a8101;}
#budget{padding:0 0 0 10px;}
#footer { 
	border-top: 1px solid #003399;
	color: #333;
	font-size: 0.9em;
	padding-top: 8px;
	margin: 14px 0;
	text-align: center;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}