body{
margin:0;
padding:0;
line-height: 1.5em;
}

#wrapper{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF url(../resources/wrapper_bg.gif) bottom left no-repeat;
}

#header{
background: #FFFFFF url(../resources/hedur_bg.jpg) top left no-repeat;
height: 270px; /*Height of top section*/
}

#header h4{
display:none;
}

#topnav {
float:right;
width: 200px;
height: 27px;
margin-top: 243px;
text-align:right;
}

#contentwrapper{
float: left;
width: 100%;
}

#content{
margin: 20px 205px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 navcolumnWidth*/
}

#content p{ 
font:12px Helvetica, Verdana, Arial, sans-serif;
line-height:120%;
}

#content h1{ 
font:bold 24px Helvetica, Verdana, Arial, sans-serif;
margin: 0 0 2px;
}

#content h2{ 
font:bold 15px Helvetica, Verdana, Arial, sans-serif;
line-height:120%;
margin: 0 0 5px;
}

#navcolumn{
float: left;
width: 200px;
margin: 20px 0 0 -850px;
background: #FFFFFF;
}

#rightcolumn{
float: left;
width: 200px; 
margin: 20px 0 0 -200px;
}

#rightcolumn img{
border: 0;
margin:0;
}

#flashcontent {
margin:0;
}

#footer{
background: #FFFFFF url(../resources/footur_bg.gif) top center no-repeat;
height:65px;
clear: left;
width: 100%;
color: #FFFFFF;
text-align: center;
padding: 4px 0;
font:11px Helvetica, Verdana, Arial, sans-serif; 
}

#footer a{
color: #FFFFFF;
text-decoration:none;
}

/* navigatie */

#nav {
	width: 200px;	/* hack for opera7 */
	height: 500px;
	padding: 0 0 20px;
	margin: 0;
	background: #FFFFFF url(../resources/nav_bg.jpg) top left repeat-y;
	/* compensates for IE Win bungling */
	height: 100%;
	}	

#nav h4 {
	display: none;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	padding: 0 0 0 0;		/* hack for opera7 */
	float: left;
	background-repeat: no-repeat;
}
#nav li a {
	display: block;
	height: 25px;
	background-repeat: no-repeat;
}
/* not using overflow:hidden technique because of float */
#nav li a span {
	display: none;
}

/* home */
#nav li.homie {
	display: none;
}

/* malenitro */
#nav li.malenitro a {
	width: 200px;
	background-image: url(../resources/malenitro.jpg);
}
body.malenitro #nav li.malenitro a, #nav li.malenitro a:hover {
	background-position: -200px 0;
}

/* werking */
#nav li.werking a {
	width: 200px;
	background-image: url(../resources/werking.jpg);
}
body.werking #nav li.werking a, #nav li.werking a:hover {
	background-position: -200px 0;
}

/* watin */
#nav li.watin a {
	width: 200px;
	background-image: url(../resources/watin.jpg);
}
body.watin #nav li.watin a,#nav li.watin a:hover {
	background-position: -200px 0;
}

/* gebruik */
#nav li.gebruik a {
	width: 200px;
	background-image: url(../resources/gebruik.jpg);
}
body.gebruik #nav li.gebruik a,#nav li.gebruik a:hover {
	background-position: -200px 0;
}

/* ervaring */
#nav li.ervaring a {
	width: 200px;
	background-image: url(../resources/ervaring.jpg);
}
body.ervaring #nav li.ervaring a,#nav li.ervaring a:hover {
	background-position: -200px 0;
}

/* waar */
#nav li.waar  a {
	width: 200px;
	background-image: url(../resources/waar.jpg);
}
body.waar  #nav li.waar  a,#nav li.waar  a:hover {
	background-position: -200px 0;
}

/* faq  */
#nav li.faq a {
	width: 200px;
	background-image: url(../resources/faq.jpg);
}
body.faq #nav li.faq a,#nav li.faq a:hover {
	background-position: -200px 0;
}

/* contact  */
#nav li.garagedeuren a {
	width: 200px;
	background-image: url(../resources/contact.jpg);
}
body.contact #nav li.contact a,#nav li.contact a:hover {
	background-position: -200px 0;
}

	/*pullquote */
#navcolumn blockquote.pullquote {
	width: 200px;
	wid\th: 190px;
	margin: 3.5em auto;
	padding: 0 5px;
	background: #95CBEB url(../resources/quote-s.gif) top left no-repeat;
}

#navcolumn blockquote.pullquote p {
	margin: 0;
	background-position: bottom right;
	color:#333333+
}

#navcolumn blockquote.pullquote p.pullquote {
	padding: 2.5em 1.5em;
	margin: 0;
	background: transparent url(../resources/quote-e.gif) 97% 100% no-repeat;
	border-top: none;
}


#navcolumn .pullquote cite {
	display: block;
}
#navcolumn blockquote.pullquote{
	font:11px Helvetica, Verdana, Arial, sans-serif; 
}	


#adres_left {
float:left;
width: 210px;

}

#adres_rght {
width: 210px;
margin-left:211px;
}

