/* main */

*{
	margin:0;
	padding:0;
	outline:none;
}

html {height: 100%;}
.clear {clear : both;}

body {
	font-family: Verdana, Geneva, sans-serif;
	height: 100%;
	background-color: #ececec;
}

img{
	border:none;
}

h1 {
	font-size:20px;
	color:#fff;
	font-weight:lighter;
	padding:12px 0px 0px 18px;
}

h2 {
	font-size:18px;
	color:#db241c;
	font-weight:lighter;
}

p {
	font-size:13px;
	color:#464646;
	line-height: 20px;
}

span {
	font-size:13px;
	color:#db241c;
	line-height: 20px;
	width:70px;
	float:left;
}

/* hoofd frame */

#container{
	min-height: 100%;
	height:auto !important;
	height:100%;
	background-image:url(../img/bg.jpg);
	overflow:hidden;
	position:relative;
}

#container .wrapper{
	min-height: 900px;
	height:auto !important;
	height:100%;
	width:985px;
	margin:0 auto;
	position:relative;
	background-image: url(../img/hoofd_bg.jpg);
	z-index:2;
}

#container .links{
	min-height: 100%;
	height:100%;
	width:50%;
	left:0;
	background-image:url(../img/links_bg.jpg);
	position:absolute;
	z-index:1;
	float:left;
}

/* colom */

#colom{
	width:290px;
	height:auto !important;
	height:100%;
	float:left;
}

#colom .header{
	width:290px;
	height:195px;
	float:left;
}

#nav{
	width:220px;
	height:auto !important;
	height:100%;
	float:left;
	margin:0px 0px 0px 25px;
}


a.trigger {
}

.toggle_container {
	margin: 0 55px 25px 0;
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 220px;
	clear: both;
}

#nav ul.dropdown {
	font-size:13px;
	margin:30px 0px 0 0;
	
}

#nav ul.dropdown li.dropdown_1 {
	text-align:right;
	color:#404041;
	list-style:none;
	margin:0 13px 15px 0;
	background-image:none;
	float:right; 
	width:220px;
}

#nav ul.dropdown li.dropdown_1 a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	margin:8px 0px 0px 0px; 
	
}

#nav ul.dropdown li.dropdown_1 a:hover {
	
	color: #db241c;
}


#nav ul.menu1 li.menu_1
{
	height:35px;
	width:220px;
	list-style:none;
	float:left; 
	/*background-image:url(../img/nav_bg.jpg);*/
	position:relative;
	border-bottom:1px solid #ebebeb;
}

#nav ul.menu1 li.menu_1:after{content:">"; color:#fff; position:absolute; right:10px; font-size:10px; top:10px;}
#nav ul.menu1 li.menu_1:hover:after{color:#db241c;}

#nav ul.menu1 li.menu_1 a 
{
	height:20px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	float:right;
	margin:8px 30px 0px 0px;
}

#nav ul.menu1 li.menu_1 a:hover 
{
	height:25px;
	font-size: 13px;
	color: #db241c;
}


#colom .map
{
	height:179px;
	width:230px;
	margin:50px 0px 0px 15px;
	float:left;
	/*background-image:url(../img/map_container.jpg);*/
}

#colom .map #map_canvas
{
	height:160px;
	width:218px;
	margin:10px 0px 0px 10px;
	float:left;
	border:1px solid #999;
}

#colom .adres
{
	height:179px;
	width:219px;
	margin:20px 0px 0px 25px;
	float:left;
}

#colom .adres p{color:#fff;}

/* colom */

#main{
	width:600px;
	height:auto !important;
	height:100%;
	margin:75px 0px 0px 40px;
	float:left;
}

#main .header{
	width:600px;
	height:50px;
	float:left;
	background-image:url(../img/header_bg.jpg);
}

#main .header_long{
	width:600px;
	height:50px;
	float:left;
	background-image:url(../img/header_bg_long.jpg);
}

#main .foto_slider{
	width:600px;
	height:227px;
	float:left;
	/*background-image:url(../img/foto_slider.jpg);*/
}

#main .foto_slider{
	width:600px;
	height:227px;
	float:left;
	/*background-image:url(../img/foto_slider.jpg);*/
}

#main .foto_bottom{
	width:600px;
	height:40px;
	float:left;
	/*background-image:url(../img/slider_bottom.jpg);*/
}

#main .cont{
	width:600px;
	height:auto !important;
	height:100%;
	margin:10px 0px 0px 0px;
	float:left;
}

#main .cont{
	font-size:13px;
	color:#464646;
	line-height: 20px;
}

#main .tandwiel{
	width:255px;
	height:262px;
	float:left;
	background-image:url(../img/tandwiel.jpg);
	margin:25px 0px 0px 0px;
}

#main .footer{
	width:600px;
	height:110px;
	float:left;
	border-top: 1px solid #5e5a57;
	margin-top: 20px;
	/*background-image:url(../img/footer_bg.jpg);*/
}

#main .get_noticed{
	float:right;
	width:200px;
	height:50px;
	margin:20px 0px 0px 0px;
}

#main .get_noticed a{
	font-size:13px;
	color:#464646;
	line-height: 20px;
	text-decoration:none;
}

#main .get_noticed a:hover{
	text-decoration:underline;
}

#contact_form { margin-bottom: 20px; display: inline-block; }
#contact_form p { margin: 2px; padding: 0; padding-top: 0px; display: inline-block; float:left; width:630px;}
#contact_form p label { display: block; float: left; width: 220px;}
#contact_form p input { display: block; float: left; width: 200px;}
#contact_form p textarea { width: 350px; height: 100px;}