@charset "utf-8";
/***********************************************************
 * File: general.css
 * Project: Vroom architecten

   Blueprint CSS Framework 0.9
   http://blueprintcss.googlecode.com

   The Blueprint CSS Framework is available for use in all personal or 
   commercial projects, under both the (modified) MIT and the GPL license.

   Adaptation: 2010 Hippo Software for Vroom.
***********************************************************************/

body {
	background-color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#wrapper { 
	width:992px;
	height: 652px;
	background-color:#FFF;
}
.home {
	background-image:url(../images/bg_home.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.visie {
	background-image:url(../images/bg_visie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.diensten {
	background-image:url(../images/bg_diensten.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.kwaliteit {
	background-image:url(../images/bg_kwaliteit.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.wester {
	background-image:url(../images/bg_wester.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.contact {
	background-image:url(../images/bg_contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.medewerkers {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/bg_medewerkers.jpg);
}
.projecten {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/bg_projecten.jpg);
}
.scam1 {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/bg_scam1.jpg);	
}
.scam2 {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/bg_scam2.jpg);	
}
.m1 {
	background-image:url(../images/bg_medewerkers1.jpg);
}
.m2 {
	background-image:url(../images/bg_medewerkers2.jpg);
}
.m3 {
	background-image:url(../images/bg_medewerkers3.jpg);
}
.m4 {
	background-image:url(../images/bg_medewerkers4.jpg);
}
.m5 {
	background-image:url(../images/bg_medewerkers5.jpg);
}
#menuboven,#menubovenprojecten  {
	height: 24px;
	width: 992px;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: normal;
	padding-top: 81px;
}
#menuboven, #menubovenprojecten  {
	padding-top: 0;
	height: 105px;
}	

#menuboven a, #menubovenprojecten a {
	text-decoration: none;
	color:#000;
	}
#menuboven a.selected, #menubovenprojecten a.selected {
	text-decoration: none;
	color:#fff;
	}
#menuboven a:hover, ,#menubovenprojecten a:hover {
	color:#cc3300;	
}
#menuboven a.selected:hover ,#menubovenprojecten a.selected:hover{
	color:#fff;
}
#menuitem1, #menuitem2, #menuitem3, #menuitem4  {
	height: 24px;
	width: 142px;
	color:#000;
	background: #FFF url(../images/bg_menuitem.gif) bottom right no-repeat;
	float:left;
	padding-left: 18px;
}
#menuitem3 {
	width: 175px;
}
#menuitem4 {
	background-image:none;
}
#kopje, #kopje1, #kopje2 {
	height: 24px;
	width: 359px;
	color:#FFF;
	background-color:#cc3300;
	font-style:italic;
	float:left;
	padding-left: 18px;	
}
#kopje1 {
	width: 300px;
	padding-left: 0px;	
	margin-top:0px;
	}
#kopje2 {
	width: 59px;
	padding-left: 0px;	
	margin-top:0px;
	}
#kopje2 a {
	color:#FFF;
}
#kopje2 a:hover {
	color:#FFF;
}
#menuitem4 {
	height: 24px;
	width: 84px;
	color: #cc3300;
}
#menuitem4 a {
	color: #cc3300;
}
#menuitem1.selected, #menuitem2.selected, #menuitem3.selected {
	color:#FFF;
	background: #cc3300 url(../images/bg_menuitem_selected.gif) bottom right no-repeat;
}
#menuitem4.selected {
	color:#FFF;
	background: #cc3300 url(../images/bg_menuitem_selected.gif) bottom left no-repeat;
}
#middendeel {
	height:490px;
	width: 992px;
	clear:both;
}

#submenu1 {
	width: 142px;
	color:#000;
	float:left;
	margin-top:14px;
	padding-left: 18px;
	padding-right: 370px;
}
#submenu1 a {
	display: block;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color:#000;
}
#submenu1 a:hover, #submenu1 a.selected {
	color:#cc3300;	
}
#taalkeuze {
	padding-top:31px;
	height: 50px;
	padding-left: 18px;
	width: 974px;
	clear:both;
}
#navigatie {
	float:left;
	padding-left: 450px;
}
#navigatie a {
	color:#000;
	text-decoration:underline;
	padding-right: 8px;
}
#navigatie a:hover, #navigatie a.selected, #navigatie a.selected:hover, #taalkeuze a:hover {
	color:#cc3300;
	text-decoration:none;
}
.naarrechts { 
	margin-left: 25px;
}
#content, #contentproject {
	margin-top: 14px;
	float:left;
	width: 330px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height:455px;
	padding-right:29px;
	overflow:auto;
}
#content a, #contentproject a, #footer a, #tekstmedewerkers a {
	color:#cc3300;
	text-decoration: none;
}
#content a:hover, #contentproject a:hover, #footer a:hover, #tekstmedewerkers a:hover {
	text-decoration: underline;
}
#contentproject { 
	color:#4B5557;
}
#contentmedewerkers {
	padding-top:4px;
}
#contentmedewerkers a {
	color: #FFF;
	text-decoration: none;
	margin-right: 44px;
}
#tekstmedewerkers {
	float:left;
	width: 241px;
	padding-top:9px;
	margin-top: 8px;
	font-size:12px;
	line-height:20px;
	height: 440px;
	overflow:auto;
	padding-right: 20px;
}
#footer {
	height:38px;
	width: 992px;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-top: 20px;
	letter-spacing: 1px;
	text-align:center;
}
.rood { color:#cc3300;}
ul {
	padding-top: 0;
	margin-top: 0;
	margin-left:13px;
}
ul li {

	list-style-image:url(../images/li.gif);
}