body {
	font-family: arial;
	font-size: 11px;
	background: #FFF url(../gfx/bck_gradient.gif) repeat-x;
	}

a {
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;	
	}

a:hover {
	text-decoration: none;
	}
		
strong {
	font-weight: bold;
	}	

#container {
	position: relative;
	width: 971px;
	margin: auto;
	}

#visual {
	position: relative;
	float: left;
	background: url(../gfx/bck_mobiel.jpg);
	width: 706px;
	height: 367px;
	}

#visual ul {
	position: absolute;
	margin: 0 0 0 7px;
	bottom: 0px;
}	
	
#visual li {
	background: #cc0000;
	height: 23px;
	padding: 8px 0 0 22px;
	margin: 0 0 10px 0;
	}	
	
#visual li.wat {
	width: 160px;
	}
	
#visual li.installatie {
	width: 108px;
	}
	
#visual li.data {
	width: 176px;
	}
	
#visual li a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	}	

#bck_mobiel_r {
	position: relative;
	float: left;
	background: url(../gfx/bck_mobiel_r.jpg) right;	
	width: 265px;
	height: 367px;
	}
	
.blok2 h2 {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	margin: 0 0 8px 0;
	}	
	
.blok1, .blok2 {
	background: #cc0000;
	width: 204px;
	padding: 18px 18px 4px 18px;
	margin: 7px 0 0 0;
	}	
	
#bck_mobiel_r .blok1, #bck_mobiel_r .blok2 { 
		margin: 7px 0 0 16px;
}

.blok1 {
	height: 184px;
	}
	
.blok2 {
	background: #fff;
	height: 160px;
	}

.blok1 p, .blok2 p {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 18px 0;
	}

.blok2 p {
	background: #fff;	
	color: #cc0000;
	}

#content_holder, #copyright, #content_holder2 {
	position: relative;
	background: #f7f6f6 url(../gfx/bck_content.gif) repeat-y;
	float: left;
	width: 965px;
	padding: 0 0 0 7px;
	}
	
#content {
	position: relative;
	float: left;
	width: 660px;
	padding: 20px 0 10px 10px;
	}	
	
#content h1 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 10px 0;
	}	

#content_holder2 {
	position: relative;
	width: 945px;
	background: #F7F6F6;
	margin: 0 0 0 10px;
	}

#content_holder2 .item {
	padding: 10px 0 0 10px;
}	
	
#content_holder2 .item p {
	font-size: 12px;	
	line-height: 16px;
	margin: 20px 0 20px 0;
}

#content_holder2 .item h2 {
	position: relative;
	background: url(../gfx/bck_h1.gif) repeat-y;
	height: 20px;
	width: 935px;
	color: #fff;
	padding: 4px 0 0 10px;
	margin: 0 0 0 -10px;
	font-weight: bold;
	font-size: 13px;
}
	
#content_holder2 .item .tekst, #content_holder2 .item .image {
	position: relative;
	float: left;
	width: 260px;
	}
	
#content_holder2 .item .image {
	position: relative;
	float: left;
	left: 50px;
	width: 623px;	
}	
	
#content_holder2 h1 {
	position: relative;
	background: url(../gfx/bck_h1.gif) repeat-y;
	height: 16px;
	width: 935px;
	color: #fff;
	padding: 4px 0 0 10px;
	font-weight: bold;
	font-size: 12px;
}	
	
#content .but {
	background: #b2b2b2;
	color: #cc0000;
	height: 19px;
	font-weight: bold;
	padding: 6px 0 0 8px;
	color: #fff;	
	}
	
#content .but a {
	color: #fff;
	text-decoration: none;
}	
	
#content .but div {
	position: relative;
	float: left;
	width: 500px;
}	

#content .but .open {
	width: 70px;
	float: right;
}
	
.openico {
	background: url(../gfx/open.gif) no-repeat right;
	padding: 0 20px 0 0;
}	

.sluitico {
	background: url(../gfx/sluit.gif) no-repeat right;
	padding: 0 20px 0 0;
}	
	
#content li {
	font-size: 12px;
	margin: 0 0 5px 0;
	}	


#content li p a {
	background: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	display: inline;
	} 
		
#content h3 {
	padding: 10px 4px 10px 0px;
	font-weight: bold;
	}

#content p {
	line-height: 14px;
	font-size: 11px;
	}
	
#content .kl {
	font-size: 10px;
	margin: 10px 0 0 0;
}	

#content ol {
	margin: 10px 0 0 30px;
	list-style-type: decimal;
	}

#content ol li {
	font-size: 11px;
	}

#content ol li p {
	margin: 10px 0 0 0;
	}

#kolom {	
	position: relative;
	float: left;
	left: 45px;
	}

#kolom .blok2 {
	width: 204px;
	height: auto;
	}

#play_bck {
	position: absolute;
	left: 969px;
	width: 27px; 
	height: 156px;
	top: 0px;
	background: url(../gfx/play.png) no-repeat;
	}
	
.blok2 .zwart {
	color: #000;
	font-size: 10px;
	line-height: 14px;
	margin: 10px 0 10px 0;
	}	
	
select {
	border: 1px solid #CC0000;	
	text-align: center;
	width: 224px;
	font-size: 10px;	
	}

option {
	font-size: 10px;
	text-align: left;
	padding: 0 0 0 6px;
	}

form {
	margin: 10px 0 10px 0;
	}

#copyright {
	text-align: right;
	padding: 4px 0 4px 0;
	border-top: 1px solid #fff;
	}
	
#copyright a {		
	padding: 0 5px 0 5px;
	color: #000;
	}	
	
#div1, #div2, #div3 {
}	
	
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
div.button {
	margin: 6px 0 6px 0;
	width: 240px;
	overflow: hidden;
	}
.list_models {
	height: 250px;
	width: 220px;
	overflow: auto;
	margin: 0px 0px 6px 0px;
	border: 1px solid #c00;
	}
.list_models ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}
.list_models li {
	margin: 0px;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #eee;
	}
.list_models li.alternate {
	background-color: #eee;
	margin: 0;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #fff;
	}
h2 small {
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	}
li em {
	color: #600;
	font-style: italic;
	}
	
	/* MENU CHANGE 2010 */
	
#menu { background: url('../gfx/head_bg.jpg') no-repeat 0 0; width: 952px; height: 142px; left:10px; position:relative; }
#menu ul.items { color: #fff; font-size: 11px; margin: 0px auto; width: 400px; }
#menu ul.items li { float: left; margin: 36px 14px; }
#menu ul.items li a { color: #fff; text-decoration: none; }
#menu ul.items li a:hover { text-decoration: underline; }