@import url("reset.css");
@import url("kleuren.css");

/* Standaardelementen */
html 
{
	overflow-x:none;
}

body
{
    font-family:Arial;
    font-size:9pt;
    line-height:12pt;
    letter-spacing:0.2pt;
    color:black;
	background:#ffffff url(/Content/images/background.jpg) repeat-x top right;
}

a 
{
	color:#217911;	
}

h1 
{
	font-size:1.6em;
	line-height:1.1em;
	font-weight:100;
	margin:10px 0px 10px 0px;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-seri serif;
	color:#075b37;
	border-bottom:1px dotted #ccc;
}

h2 
{
	font-size:1.5em;
	margin:15px 0px 10px 5px;
	color:#6b1b14;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-seri serif;
	font-weight:100;
}

h2 a 
{
	font-size:0.8em;
	color:#6b1b14;
	margin:5px 0px 0px 0px;
	font-weight:100;
}

h3 
{
	font-size:1.2em;
	font-weight:100;
	margin:5px 0px 10px 0px;
	color:#6b1b14;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-seri serif;
}


p 
{
	margin:5px 0px 10px 0px;
}

th 
{
	text-align:left;
}

#logo
{
    position:relative;
    top:-60px;
    width:100px;
}

#wrapper
{
    width: 1050px;
    margin:auto;
}

#container
{
    width:952px;
    float:left;
    padding:0px 39px;
	min-height:400px;
	height:auto !important;
	height:400px;
    background:url(/Content/images/container.png) no-repeat top left;
}

#banner
{
    width:950px;
    height:148px;
    float:left;
    background:url(/Content/images/banner.jpg) no-repeat top left;
}


#mainmenu
{
    height:33px;
    padding:10px 0px 0px 20px;
    float:left;
    width:930px;
}

#mainmenu 
{
    background:url('/Content/images/menu.jpg') repeat-x top left;
}

#mainmenu a 
{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-seri serif;
	font-size:1em;
	text-decoration:none;
	text-align:center;
}

.fullWidth
{
	float:left;
	width:950px;
	
}

.projecten
{
    width:450px;
    float:left;
	margin:5px;
	
}

#project
{
    width:450px;
    float:left;
    margin:2px 10px 10px 10px;
}
#projectDetail
{
    width:900px;
    float:left;
    margin:2px 10px 10px 10px;
}

.banner_image 
{
	float:left;
}

.link 
{
	float:right;
	width:188px;
	background-color:#eaeaea;
	height:190px;
	padding:20px 0px 0px 10px;
	border-bottom:1px solid #ffffff;
}

#products_overview
{
	float:right;
	padding-left:5px;
	width:750px;
}

#products_filter , #dealers
{
	float:left;
	padding-left:0px;
	width:193px;
}
 #dealers
 {
 	padding-left:15px;
 }
.text
{
  width:900px;
  float:left;
  margin:5px 10px 5px 10px;
  
  min-height:400px;
  height:auto !important;
  height:400px;
}


.text li 
{
	list-style-type:square;
	margin-left:20px;
}

.newstext 
{
	border-bottom:1px dotted #ccc;
}

#homecontent
{
    float:left;
    width:950px;
}

#homecontent .text
{
    width:300px;
    float:left;
	margin:5px;
}

.homebox 
{
	background-color:#eaeaea;
	width:195px;
	float:left;
	padding:10px 5px;
	margin:10px 3px;
	height:320px;
}

#map 
{
	width:450px;
	height:450px;
	text-align:center;
	float:left;
	margin:0px;
}

#footer
{
    width:950px;
    height:34px;
    float:left;
    background:url(/Content/images/footer.jpg) no-repeat top left;
}

#brands li
{
	float:left;
	margin:8px 5px 0px 0px;
}

#copyright 
{
	float:right;
	height:24px;
	padding-top:10px;
	width:470px;
	padding-left:100px;
	color:#ffffff;
}

#list { float:right; margin-left:10px; width:200px; list-style:none; padding:0; }
#list li { padding:10px; color:#000000; }
#list li:hover { background:#333; color:#FFFFFF; cursor:pointer; cursor:hand; }


#message  
{
	position:absolute;  background:url(/Content/images/wolk.png) no-repeat top left; 
	color:#000000; 
	float:left; 
	width:220px;
	padding:50px 5px 0px 5px ;  
	height:150px; 
	overflow:visible; 
	margin-left:-5px;
}

#message a { color:#000000; }

.pandTypeParentContainer
{
	width:747px;
	float:left;
	background-color:#eeeeee;
}

.pandTypeContainer 
{
	width:130px;
	margin-left:5px;
	float:left;
}

.productFilterProperty
{
	width:165px;
	padding:5px;
	height:80px;
	background-color:#eeeeee;
	border:1px solid #d6d6d6;
	text-align:center;
}

.productFilterProperty select
{
	width:140px;
}

.productFilterBorder
{
	float:right;
	background-color:#f4f4f4;
	width:180px;
	margin-right:2px;
	padding:5px;

}

#productResult
{
	float:left;
	width:747px;	
}


.merken 
{
  width:935px;
  float:left;
  margin:5px 10px 5px 10px;
  
  min-height:400px;
  height:auto !important;
  height:400px;
  }
  
.productOverzichtImage
{
	width:130px; 
	height:130px; 
	padding:5px; 
	margin:10px;
	float:left;	
	text-align:center; border:1px solid #cccccc;
}
.productBox
{
	width:170px;
	height:410px;
	padding:3px;
	float:left;
	border-bottom:1px dotted #cccccc;
	margin:3px;
	text-align:center;
}

.productBox h2
{
	height:90px;

}

/* Menu */
#cssdropdown, #cssdropdown ul { list-style: none; position:absolute; cursor:pointer; z-index:12; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { width:auto; padding:0px 20px 0px 20px; float: left; margin-left: -1px; }
#cssdropdown li.headlink a { text-transform:capitalize; display: block; padding: 5px; cursor:pointer; font-size:1.2em; text-align:left;}

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block;  }
#cssdropdown li.headlink ul li { border-bottom:1px solid #217911;  }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }

/* Pretty styling */	
#cssdropdown a { color: white; }
#cssdropdown ul li a:hover { text-decoration: none; background-color:#fff; }
#cssdropdown li.headlink ul { background-position: bottom;  }

/* custom made */
#cssdropdown ul.subnav { background-color:#40ac49; }
#cssdropdown li { padding-top:0px; width: 120px;  }

.submenuItem { text-decoration:none !important; }
.submenuItem:hover { text-decoration:underline !important; }
.activesubmenuItem { font-weight:bold !important; font-style:italic; }

a.selectedMainmenuItem 
{
	font-weight:bold;
	font-style:italic;
	/*color:#0036ff !important;-*/
	text-decoration:underline;
}

.hometext
{
	width:295px;
	padding-left:10px;
	padding-right:10px;
	float:left;	
 }

.hometext li 
{
	list-style-type:square;
	list-style-position:inside;
	margin-left:5px;
}
.hometext p 
{
	margin:5px;
}
.contactContainerForm
{
	padding:5px;
	width:60%; 
	float:left;
}
.contactContainerText
{
	padding:5px;
	width:35%;
	float:left;
}
.callMeButton
{
	 width:200px;
	 height:95px;
	 float:right;
}
.zoekFormContainer
{
	width:300px;
	height:45px;
	margin:10px 0px 0px 10px;
	float:left;
}
.cta
{
	margin:10px;
	float:right;
}