/* date: 23 Januari 2007 */

div.image img {border:none;}

html,body,h1,h2,h3,p,ul,ol,li,dl,dt,dd,fieldset,f {margin:0;padding:0;}
body {
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position:center top;
	font:100%/1.5em tahoma,verdana,arial,sans-serif;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

#wrapper  {background:#fff;margin:0 auto;overflow:hidden;position:relative;width:824px;}
/* menu */
#header {padding-top:93px;position:relative; background:url(../images/both.jpg) no-repeat;}
#headerLink{
	margin:-90px 0 0 0;
	display:block;
	float:right; 
	width:500px;
	height:90px;
}

	.Visual{
		margin:20px 0 0 0;
	}
	
	.Visual strong{
		font-size:70%;
	}

#header h1 {position:absolute;top:13px;left:54px;height:80px;width:250px;}
#header h1 a {display:block;height:80px;width:250px;text-indent:-666em;overflow:hidden;}
#header ul {background:#ccc;border-left:1px solid #eee;float:left;list-style:none;width:343px;border-right:1px solid #eee;}
#header ul li {border-top:1px solid #000;margin-left:45px;}
#header #home {border-top:none;}
#header ul li a {
	color:#fff;
	display:block;
	font-size:68.75%;
	font-weight:bold;
	height:20px;
	padding:0px 0 0px 34px;
	text-decoration:
	none;color:#000; 
	font-size:12px;
}
#contact{
	padding-bottom:3px;
}

#header ul li a:hover {background:#666;}
#home #active, #services #active, #overons #active, #aanbiedingen #active, #contact #active, #projecten #active, #zakelijk #active{background:#92298e; color:#fff;}

/* container ul + img */
#container {overflow:auto;position:relative;width:100%;margin:0;}

#header div {padding:5px 0 0 0;}
#header div div {padding:0 0 0 0;}

#breadcrumbs {background:#f9f9f9;border-bottom:1px solid #eaeaea;clear:both;color:#000;font-size:68.75%;line-height:4.0em;padding-left:57px;overflow:hidden;}
#breadcrumbs a {color:#666;}
#breadcrumbs em {padding-right:6px;font-weight:bold;font-style:normal;}



/* main */
#main {float:right;margin:0 65px 0 25px;width:390px;display:inline;padding-bottom:25px; border-left:#ccc 1px solid; padding:0 8px 0 8px;}
#main h1{color:#484848;font-size:75.75%;margin:4px 0 6px;}
#main h2 {color:#484848;font-size:68.75%;margin:4px 0 6px;}
#main p {color:#5d5d5d;font-size:68.75%;line-height:1.5em;margin-bottom:21px;}
#main a {color:#c00;}
#main p.navigation {margin-bottom:0;position:absolute;bottom:0;}
#main p.navigation,#main p.navigation a {color:#c00;clear:left;}
#main p.navigation span {margin-right:208px;}
#main p.navigation #prev {padding-right:8px;}
#main p.navigation #next {padding-left:4px;}
#main .warning{ color:#FF0000;}

/* sidebar */
#sidebar {display:inline;float:left;margin:0 10px 0 30px;width:230px;}
#sidebar h2 {color:#484848;font-size:68.75%;margin:4px 0 6px;}
#sidebar h2 span {color:#999;font-weight:normal;margin-left:12px;}
#sidebar p {color:#5d5d5d;font-size:68.75%;line-height:1.5em;}
#sidebar p.readmore {margin-top:-2px;}
#sidebar p.readmore a {color:#c00;}
#sidebar img {display:block;margin:12px 0;}
#sidebar a img {border:none;}
#sidebar a { text-decoration:none; color:#92298e; font-size:12px;}
#sidebar a.active{ color:#000; font-style:oblique; font-weight:bold;}


/* footer style*/
#footer {background:#fff;}
#footer div {background:#838383;border-bottom:2px solid #a9a9a9;border-right:1px solid #a7a7a7;border-left:1px solid #a7a7a7;width:822px;}
#footer div div {border:none;float:left;padding:12px 0;width:445px}
#footer div div p {border-right:1px solid #949492;color:#eaeaea;font-size:68.75%;padding-right:26px;text-align:right;line-height:1.5em;}
#footer div div p a {color:#eaeaea;}
#footer ul {float:left;margin-left:15px;overflow:hidden;padding:0px 0;width:561px;}
#footer ul li {display:inline;margin-left:-1px;}
#footer ul li a {color:#eaeaea;font-size:10px;padding:0 3px 0 8px;}
#footer ul#ads {margin:9px 0 0;text-align:center;width:100%;}
#footer img{margin:5px 0px 0px 180px;}


/* position is everything */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

#reclame{
	text-align:center;
	padding:10px 0 10px 0;
}
#reclame a{
	color:#FFFFFF;
}

.credits a, a.visited{
font-size:70%;
color:#FFFFFF;
margin:0 5px 0 0;
padding:0;
}


.activeButton{ 
	margin:0 0 0 0; 
	color:#FFFFFF; 
	padding:5px 0 0 30px; 
	background-image:url(../../images/button_hover.jpg); 
	display:block; 
	width:220px; 
	height:25px;
	font-style:italic;
	font-weight:bold;
}

.menuButton{
	margin:0 0 0 0; 
	color:#FFFFFF; 
	padding:5px 0 0 30px; 
	background-image:url(../../images/button.jpg); 
	display:block; 
	width:220px; 
	height:25px;
}