/* HTML elements  */		

html {background:#fff url(../images/bg_verloop.jpg) repeat-x; height:100%;}	
h1, h2, h3, h4, h5, h6{font-weight:normal; padding:1em; margin:0;}
h1{font-size:2em;}
h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
h4{font-size:1.25em;margin-bottom:.6em;}
h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}

p {margin:0; padding:1em 2em;}	
blockquote, ul, ol, dl, form, table, pre{line-height:inherit; margin:0 0 1.5em 0;}
ul, ol, dl{padding:0;}
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}	
blockquote, dd{padding:0 0 0 2em;}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{overflow:auto;}
abbr, acronym{text-transform:uppercase; border-bottom:1px dotted #000; letter-spacing:1px;}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}
img{border:none;}
img.img {margin:0 0 5px 0;}
img.marge{margin:5px 0;}
hr{display:none;}	
table{width:100%;border-collapse:collapse;}
th,caption{text-align:left;}
form div{margin:.5em 0;clear:both;}
label{display:block;}
fieldset{margin:0;padding:0;border:none;}
legend{font-weight:bold;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
object {margin-top:5px; display:block;}
/* //  HTML elements */	

/* common */		
	
.left{float:left;margin-right:1em;}
.right{float:right;margin-left:1em;}
.center{text-align:center;}
.clear{clear:both;}
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print{display:none;}
.graphic{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
.white{color:#fff;}
.small {font-size:.7em;}
.round {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.space {margin:5px;}
.tiny {font-size:.8em; text-decoration:none; color:#53cbd9;}
/* // common */			

/* base */
	
body, table, input, textarea, select, li, button{font:1em Arial, Helvetica, Sans-Serif; color:#000;}		
body{font-size:13px; margin:0; padding:0; text-align:center; height:100%;}
a, a:visited{text-decoration:none; color:#000; }
a:hover{color:#1b50fa; text-decoration:underline;}
a.active{color:#1b50fa; text-decoration:underline;}
ins{text-decoration:none;color:#900;font-style:italic;}
code{color:#555;}
pre{margin-left:2em; padding-left:2em; border-left:1px solid #ccc;}
blockquote{margin-left:2em; border-left:1px solid #ccc; font-style:italic;}	
dt{font-weight:bold;}
th, td{padding:.5em 1em;line-height:1.5em;}		
th{background:#eee;}
td{border-bottom:1px solid #eee;}
caption{font-style:italic;color:#777;margin:.5em 0;}	
fieldset{padding:1em; width:500px; float:left; margin:0 0 0 10px;}
legend{padding:5px; font-size:1.3em; color:#1c8ca4; font-weight:normal; letter-spacing:1px;}
form div.col{clear:none;}form div.first{clear:both;}
form div{overflow:hidden;}
form.search{margin:0; padding:0;}
input[type="text"], input[type="password"], textarea, .field, .area, select{border:1px solid #aaa; padding:5px; background:#fff; width:300px;
		line-height:1em; margin:0;}
select{width:312px;}
textarea, .area{overflow:auto; height:150px; width:400px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
.submit{}
button{border:none; background:#555; color:#fff; padding:0 2.5em; height:2em; line-height:2em; cursor:pointer;}

.note, .success, .error{display:block;}
.error{color:#900; margin:5px;}
.success{color:#060;}
.note{font-weight:bold;}
.notvalid{border:1px solid #900 !important;}
	
.pullquote{width:20%; float:left; margin-right:2em; padding-right:2em; border-right:1px solid #ccc; text-align:right; font-size:1.1em;
		font-style:italic; color:#777; margin-bottom:.5em; }
.boxout{width:20%; float:right; margin-left:2em; padding:1em 2em; border:1px solid #ccc; margin-bottom:.5em;}
#easy_tooltip{padding:.5em; background:#fffcaa; color:#000; margin:10px 0 0 5px; font:1em 'Trebuchet MS';}
a.link {color:#1b50fa; text-decoration:underline; margin:0;}

/* base */

/* layout */

div.container{margin:0 auto -100px; width:1000px; text-align:left; position:relative; min-height:100%; height:auto !important; height:100%;}
div.bg {background:url(../images/fp_bg.jpg) no-repeat;}
div.inner{position:relative;}
div.header{position:relative;float:left;height:150px;width:100%;}
div.logo{position:relative; float:left; width:200px; height:150px; background:url(../images/logo_verloop.png) repeat-x;}
div.top_menu {position:relative; float:left; width:800px; height:25px; background:#accb25;}
div.top_banner {position:relative; float:left; width:800px; height:125px; background:#b2c51b;}
div.menu{position:relative;float:left;width:100%;height:25px;background:#47b0c7; z-index:1020;}
div.submenu{position:relative;float:left;width:199px; height:100%;}
div.content{position:relative; float:left; width:100%; background:#fff; padding:0;}
div.fixed {height:482px; background:transparent;}
div.breadcrumbs{position:relative; float:left; width:520px; padding:0 0 0 26px; height:25px; color:#575858; font-size:11px;}
div.page{position:relative; float:left; width:555px; padding:5px 5px 5px 28px; 
		margin:5px 5px 20px 5px; border-left:1px solid #858484; border-right:1px solid #858484; line-height:1.5em;}
div.contact {position:relative; float:left;}
div.rightcol{position:relative;float:right; width:201px; margin:5px 0 0 0;}
div.push {position:relative; float:left; width:100%; height:100px;}
div.footer{position:relative; float:left; width:100%; height:80px; padding:0; background:#fff;}
div.fp_footer{position:relative; float:left; width:100%; height:80px; padding:0; background:transparent;}
div.news{position:absolute; bottom:-80px; width:197px; left:0; background:#fff; height:253px;}
div.proclaimer {position:relative; float:left; width:100%; text-align:center; padding:10px 0 20px 0;}

.main, .secondary, .tertiary, .quaternary{float:left; display:inline;}
.main{width:600px;}
.secondary{width:280px;margin-left:40px;}
.tertiary{}
.quaternary{}
	
/* grid */
		
.cols{position:relative; width:97%;} /* main column container class */
.col{float:left; display:inline; width:48%; margin-left:3%; height:150px; margin-bottom:1em;}
.cols3 .col{float:left; width:30%;margin-left:4%;} /* 3 equal width columns layout */
.cols4 .col{float:left; width:22%;margin-left:4%;} /* 4 equal width columns layout */

/* use following classes to build custom grid (add as many as you want) */

.col1, .col2, .col3{float:left;display:inline;}
.col1{}
.col2{}
.col3{}
		
.indent1{}
.indent2{}
.indent3{}
		
/* grid */	

/* // layout */

/* header */
.header h1{line-height:50px; height:50px; margin:0;}
.header h1 a {}	
/* // header */

.top_menu ul.tiny_menu {position:relative; float:right; display:inline; margin:0 20px 0 0; list-style:none;}
.top_menu ul.tiny_menu li {float:left; height:25px; margin:0;}
.top_menu ul.tiny_menu li input[type=text] {padding:0; width:100px; border:0; margin:5px 0 0 0; position:relative;}
.top_menu ul.tiny_menu li input[type=submit] {border:0; background:transparent; color:#fff;}
.top_menu ul.tiny_menu li input[type=submit]:hover {cursor:pointer;}
.top_menu ul.tiny_menu li a {display:block; color:#fff; padding:3px 20px 0 20px;}
.top_menu ul.tiny_menu li a.stripe {background:url(../images/stripe.png) no-repeat right 6px;}
.top_menu ul.tiny_menu li a:hover {color:#333;}
.top_menu ul.tiny_menu li a.font {width:15px; height:15px; background:#fff; float:left; border:1px solid #000; text-align:center; color:#000; padding:0; margin:5px 0 0 0;}
.top_menu ul.tiny_menu li a.large {margin:5px 0 0 -1px;}

/* Logo */
.logo img {margin:0 auto; display:block;}
/* // Logo */

/* navigation */
#nav, #nav ul, #nav li{margin:0; padding:0; list-style:none;}	
#nav li {float:left; display:inline; position:relative; height:25px;}
#nav ul {position:absolute; left:0; top:25px; padding:0; width:235px; display:none; z-index:1000; background:#47b0c7; padding:0;}
#nav ul li {float:none; display:block;}
#nav li a {display:block; color:#fff; font-size:1em; padding:3px 15px 0 15px; text-align:left; text-decoration:none;}
#nav li a.stripe {background:url(../images/stripe2.png) no-repeat right 6px;}
#nav li a:hover {color:#fee301; text-decoration:none;}
#nav li a.active {color:#fee301; text-decoration:none;}
#nav li a span { margin:0;font-weight:normal; display:block; margin:-10px 0 0 0;}
/* //navigation */


/* content */
.content {}
.content ul.blocks {list-style:none; position:absolute; bottom:-20px; right:-3px; }
.content ul.blocks li {float:left; margin:0 2px 4px 0; width:199px; height:170px;}
.content ul.blocks li a.wonen{ display:block; background:url(../images/wonen_centrum.png) no-repeat; width:199px; height:170px;}
.content ul.blocks li a.bouwen{ display:block; background:url(../images/bouwen_groep.png) no-repeat; width:199px; height:170px;}
.content ul.blocks li a.bouwregels{ display:block; background:url(../images/bouwregels_blok.png) no-repeat; width:199px; height:170px;}
.content ul.blocks li a.hulp{ display:block; background:url(../images/hulp_bouwen.png) no-repeat; width:199px; height:170px;}
/* // content */

div.submenu ul.submenu {position:relative; padding:0; margin:0 0 10px 0; list-style:none;}
div.submenu ul.submenu li {padding:0; margin:0 10px 0 10px; border-bottom:1px solid #595959;}
div.submenu ul.submenu li a {display:block; padding:5px 0; margin:0; font-weight:bold;}
div.submenu ul.submenu li a.active{}
div.submenu img {max-width:200px; float:left;}
div.submenu h1 {background:#53cbd9 url(../images/arrow_down.png) no-repeat right; color:#fff; font-size:1.1em; height:15px; padding:5px;}

div.news ul {list-style:none; position:relative;}
div.news ul li {padding:0; margin:5px 0 0 10px;}
div.news ul li p {font-weight:bold; padding:0;}
div.news ul li span.date {font-weight:normal; font-size:.8em; display:block; margin:5px 0 5px 2px;}
div.news h1 {background:#53cbd9 url(../images/arrow-right.png) no-repeat right; color:#fff; font-size:1.1em; height:15px; padding:5px;}
div.news a:hover {text-decoration:none;}

div.page a {color:#1b50fa; text-decoration:underline;}
div.page h1 {color:#1c8ca4; font-size:1.4em; letter-spacing:1px; margin:10px 0 10px 26px; padding:0;}
div.page img {max-width:525px; float:left; margin:10px 10px 10px 0; position:relative; padding:0;}
div.page p {margin:10px 0; padding:5px 10px 0 27px;}
div.page p.fade {font-size:.8em; color:#333;}
div.page ul {list-style-position:inside;}
div.page ul li {margin:0 0 0 3em;list-style-position:inside;}
div.page ul.search{list-style:none; list-style-position:inside;}
div.page ul.search li {margin:0 0 10px 25px; padding:0;}
div.page ul.downloads {list-style:none;}
div.page ul.downloads li {margin:0 0 10px 25px; padding:0;}
div.page ul.downloads li a {display:block; padding:5px 0 5px 30px; background:url(../images/adobe-acrobat-icon.png) no-repeat left;}
div.page ul.sitemap {position:relative; margin:3px 0 3px 20px;}
div.page ul.sitemap li {margin:3px 0 3px 10px;}
div.page ul.sitemap li ul {list-style:circle;}

div.page div.architect {position:relative; float:left; margin:0 0 0 23px;}
div.page div.architect div.arch {position:relative; float:left; width:100px; height:150px; margin:5px;}
div.page div.architect div.arch img {float:none; margin:0; max-width:100px;}
div.page div.architect div.arch a {display:block;}

div.page fieldset input {margin:3px 5px;}
div.page fieldset input[type=submit] {border:1px solid #aaa; background:#fff; margin:3px 5px; padding:.5em;}
div.page fieldset input[type=submit]:hover {cursor:pointer; color:#1b50fa;}
div.page fieldset p.contact {margin:0 5px 0 -20px;}
div.page fieldset textarea {margin:3px 5px;}

div.page span.newsdate {width:70px; float:left; font-size:.8em; padding:3px 0 0 0;}

div.breadcrumbs a {color:#575858;}
div.breadcrumbs a:hover {color:#1b50fa; text-decoration:underline;}

div.rightcol h1 {background:#53cbd9 url(../images/arrow_down.png) no-repeat right; color:#fff; font-size:1.1em; height:15px; padding:5px;}
div.rightcol ul {position:relative; padding:0; margin:0 0 10px 0; list-style:none;}
div.rightcol ul li {padding:0; margin:0 10px 0 10px; border-bottom:1px solid #858484;}
div.rightcol ul li a {display:block; padding:5px 0; margin:0;}
div.rightcol img {max-width:200px; float:right;}

/* footer */
div.footer img {float:right;}
div.fp_footer img {float:right;}
/* // footer */

div.view h1 {padding:.5em; margin:0;}
div.view div.col {text-align:left;}
div.view div.first {text-align:right;}
div.view img.pic {max-width:375px;}
div.view a.pdf {display:block; padding:5px 0 5px 30px; background:url(../images/adobe-acrobat-icon.png) no-repeat left; margin:20px 0 0 0;}

/* clearfix */

.inner:after, .content:after, .cols:after, .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inner, .content, .cols, .fixed{display:block;min-height:1%;}
* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */