/* 
	CSS doc www.OenemaDienstverlening.nl
	
	orange: #F6921E;
	grey: #A7A79C;
 */
body { background-color: #000; font-family: arial, Helvetica,sans-serif; font-size: 70%; }

a { outline:none; }

div.headerwrapper, div.contentwrapper, div.footerwrapper { width: 100%; text-align: center; }

div.headerwrapper div.header, div.contentwrapper div.content, div.footerwrapper div.footer{
 	width: 1000px;
 	margin: 0 auto;
 	padding:0 10px; 
}


div.header img { display: inline-block; margin: 20px 10px 0 0; }

div.headerwrapper, div.footerwrapper { background-color: #000; }
div.header { height: 100px; text-align: left; }
div.header div.menuwrapper { display: inline-block; text-align: center; margin-top: 30px; width: 750px; } 
div.header div.menuwrapper ul.menu { display: inline-block; width: auto; margin:0 auto;  }
div.header div.menuwrapper ul.menu li { display: block; float:left; margin:0 14px; }
div.header div.menuwrapper ul.menu li a { 
	color: #fff; 
	padding:5px 0;
	line-height: 16px; 
	font-size: 1.2em;
	font-weight: bold; 
	text-decoration: none; 
	display: block;
}
div.header div.menuwrapper ul.menu li a:hover { color: #F6921E; text-decoration: underline; }
div.header div.menuwrapper ul.menu li.active { 
	background: transparent url('images/menu_right.png') no-repeat scroll top right; 
   padding-right: 18px; /* sliding doors padding */
}
div.header div.menuwrapper ul.menu li.active a {
    background: transparent url('images/menu_left.png') no-repeat;
    padding: 5px 0 5px 18px;
	color: #000;
}


div.contentwrapper { background-color: #fff; }
div.content { text-align: left; min-height:50px; overflow: auto; } 
div.content div.contentblock { background: #fff url('images/p_image.png') no-repeat center top; padding:20px 0; }
div.content div.contentblock:first-child { background-image: none; }
div.content div.center { text-align: center; }
div.content div.right { text-align: right; }
div.content h1, div.footer h2 { font-size:1.8em; font-style: italic; color: #F6921E; padding:10px 0; font-weight: bold;  }

ul.form { width: auto; overflow: auto; display: inline-block; }

ul.form label { 
text-align: right; line-height: 1.8;
display: block; width: 100px; font-weight: bold; float: left; padding-right:20px; }
ul.form input[type="text"], ul.form textarea { box-shadow:inset 0 0 5px #333; padding:4px; border-style: none; background-color: #C1C1BA; }
ul.form li { margin: 4px 0; text-align: left;}
ul.form li.submit { text-align: right; }

div.content div.contentblock p { padding:10px 0 20px;
	font-size: 1.2em; line-height: 2;}
div.footerwrapper { background: #000 url("images/footer_bar.png") repeat-x scroll 0 6px; text-align: left; } 
div.footerwrapper div.footer { height: 100px; padding-top:48px; }
div.footer h2 { font-size: 1.4em; }
div.footer p { font-size:1em; font-style: italic; line-height: 1.4; }
div.footer .aboutus { float: left; color:#A7A79C; padding-top:10px; max-width: 500px; }

div.footer ul.contact { color:#A7A79C; border-left: 1px solid #F6921E; float:right; padding-left:10px; padding-top:10px; }
div.footer ul.contact li {  display: block; line-height: 1.4; font-size: 1.2em; font-weight: bold; } 
div.footer ul.contact li.blank { height: 10px; } 


table { font-size:1.2em; }
td { padding: 10px; vertical-align: middle;}
ul.list { list-style-type:square; }
ul.list li { margin-left:30px; line-height: 1.6; }