/* Kleur 
Lichtblauw:  # 63AECE
*/

@charset "utf-8";
/* CSS Document */

body {font-family:Verdana, Geneva, sans-serif;font-size:0.8em;margin-top:0px;background-color:#F7F7F7;color: #333;padding:0px;margin:0px;}

p {font: normal 16px/1.5em Calibri, Candara, Segoe, Optima, sans-serif;color: #333;text-align:justify;}
p.small {font-size:0.9em;font-style:italic;}
p.errormessage {font-size:0.93em;width:740px;line-height:20px;background-color:#FAE1E1;border:#F00 solid 1px;color:#F00;padding: 5px 5px 10px 12px;z-index:1;-moz-border-radius: 0.2em;border-radius: 0.2em;}
.login {margin:0px auto;padding:0px;position:relative;width:150px;left:350px;color:#2590E7;font-size:0.9em;}
h1 {color:#565E5E;font-weight:normal;}
h2 {color:#565E5E;font-weight:normal;}
.pos {color:green;}
.neg {color:red;}

a {color:#0E5573;text-decoration:underline;}
a:hover {color:#0E5573;text-decoration:none;}
#topcontainer {margin-left:auto;margin-right:auto;width:100%;background-color:#fff;padding:0px;}
#toppanel {position:relative;}
#header {width:790px;margin-left:auto;margin-right:auto;margin-top:-15px;}

#nav {background-color:#63AECE; width:100%; height: 30px;padding-top:0px;margin-left:auto;margin-right:auto;}
#nav ul {width:780px;margin-left:auto;margin-right:auto;margin-top:0px;list-style:none;font-size: 1.2em;padding-top: 5px;padding-right: 15px;}
#nav ul li {display:inline;padding-right: 12px;}
#nav ul li a {font-size:0.9em;text-decoration:none;color: #FFF;}
#nav ul li a:hover {text-decoration:none;color: #0E5573;}
#nav a.current {color:#0E5573;}

#maincontainer {width:760px;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:-1px;background-color:#F7F7F7;padding:10px 15px 15px 15px;}

.navadds {width:728px;min-height:90px;margin-left:auto;margin-right:auto;heigth:90px;border:1px solid #DFDFDF;}
#content {min-height:550px;}
#content ul {position:relative; margin-left:10px;}
#content li {padding-left:10px;margin-bottom:10px;}
#content .rightblock {float:right;width:300px;text-align:center; padding-bottom: 10px; padding-top: 10px;padding-left:10px;margin-left:20px;padding:10px;border:1px solid #DFDFDF;background:#ffffff;line-height:10px;}
#content .leftblock {float:left;text-align:center;padding:10px;border:1px solid #DFDFDF;background:#ffffff;line-height:10px;margin-right:20px;}
#content .tip {padding:10px;border:1px solid #DFDFDF;background:#ffffff;line-height:10px;}
#content .tip p.tiptitel{font-weight:bold;font-family:"Arial";}
#content .tip p{margin:0px;padding:0px;font-family:"Arial";font-size:1em;}
#content span.addtext {color:#666;}
#content .formulier{background-color:#f6f6f6;width:660px;margin-left:auto;margin-right:auto;border:1px solid #666;padding:20px;}

#content ol.compact p{margin:0px;}
#content ol.compact p.bold{font-weight:bold;}
#content .doosje:hover{border:1px solid #c6c6c6;}

#content .broker {margin:0 20px 20px;padding:20px;border:1px solid #DFDFDF;background:#ffffff;position:relative;}
#content .brokerinfo {position:absolute;top:20px;right:20px;padding:10px;background-color:#ff6600;color:#ffffff;}
#content .brokerinfo a {color:#ffffff;text-decoration:none;}
#content .brokerinfo:hover{background-color:#63AECE;}
#content .brokerdesc{margin-top:20px;clear:both;top:60px;}
#content .brokerprice{margin-top:10px;}

#footcontainer {margin-left:auto;margin-right:auto;margin-bottom:50px;width:100%;background-color:#fff;padding:0px;border-top: solid 1px #000;}
#foot {background-color:#63AECE; width:100%; height: 30px;padding-top:0px;margin-left:auto;margin-right:auto;}
#foot p{margin:0px;padding:0px 0px 0px 10px;color:#fff;width:780px;margin-left:auto;margin-right:auto;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover {text-decoration:none;color: #0E5573;}

#cookiespanel {position:fixed;bottom:0px;padding:5px;color:#fff;background:#6E6E6E;font-size:0.8em;width:100%;text-align:center;line-height:1.6em;opacity:0.9;filter: alpha(opacity=90);}
#cookiespanel a {text-decoration:none;color:#fff;}
.cp_container {position:relative;} 
.hide_panel {border: 0px;float:right;font-size:1.1em;padding-top:0px;margin-right:10px;color:#000;cursor:pointer;}
.cp_container_text {display:block;}
.cp_container_btns .btn {border:1px solid #fff;padding:1px 3px;cursor:pointer;}

@media all and (max-width: 650px) {
  	/* @media (max-width: 650px)  */
	body{margin:0px;}
	#toppanel{display:none;}
	#header {width:300px;margin-top:0px;padding-top:10px;background-color:#ffffff;}
	#header img {width:300px;}
	.navadds{width:300px;}
	#nav {height:100%;padding-bottom:1px;}
	#nav ul {width:260px;}
	#nav ul li {display:block;margin-bottom:10px;}
	#maincontainer {width:300px;padding: 10px 5px 15px; }
	#content ol {margin-left:0px;}
	#content li {padding-left:0px;}
	#foot {height:100%;padding-bottom:20px;}
	#foot p {width:300px;}
	#content .rightblock {width:280px;} 
	#content .broker{margin:0px 0px 20px;}
}