/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background-color:#000000;
	color:#FFFFFF;
}

/*--------------------------- stijl -----------------------------*/
h1{
	font-size:120%;
	color:#F99302;
	padding:0 0 12px 0;
	margin:0;
}

h2{
	font-size:110%;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

h3,h4,h5,h6{
	font-size:100%;
	color:#FFFFFF;
	padding:10px 0 12px 0;
	margin:0;
}

ul{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

li{
	position:relative;
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/list.gif) 0 7px no-repeat;
	line-height:160%;
}

a{
	text-decoration:underline;
	color:#FFFFFF;
}

a:hover{
	text-decoration:none;
}

p{
	padding:0 0 15px 0;
	margin:0;
	line-height:160%;
}

.clear{
	clear:both;
}

html, body, #contain{
	min-height:100%;
	height:100%;
	width:100%;
}

html>body, html>body #contain{
	height:auto;
}

#contain{
	position:absolute;
}

input, textarea{
	border:1px solid #F99302;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background:#000000;
	color:#FFFFFF;
}

.button{
	background:#F99302;
	color:#000000;
	border:1px solid #000000;
	padding:2px 0 2px 0;
	font-weight:bold;
}

.noborder{
	border:none;
	background:none;
}
/*--------------------------- opbouw -----------------------------*/


#logo{
	position:absolute;
	left:36px;
	top:25px;
}




#top{
	height:122px;
	background:url(../images/home_bg_top.gif) 0 0 no-repeat;
}

#flash{
	height:253px;
}


#links{
	float:left;
	width:26%;
}

#producten_diensten_titel{
	position:relative;
	height:22px;
	background-color:#909090;
	padding:6px 20px 0 20px;
}

#producten_diensten{
	position:relative;
	padding:20px;
	border:1px solid #494949;
}

#producten_diensten a{
	text-decoration:none;
}

#producten_diensten a:hover{
	text-decoration:underline;
}

#rechts{
	background-color:#262626;
	margin: 0 0 0 27%;
	padding: 0 0 0 0;
}

#welkom{
	position:relative;
	float:left;
	width: 56%;
}

#welkom_content{
	padding:20px 67px 27px 28px;
	position:relative;
}

#vervolg #welkom_content a{
	color:#F29200;
}

#vervolg #welkom_content li a{
	color:#FFFFFF;
}

#welkom_content img{
	float:left;
	margin:5px 10px 0 0;
}

  .prop {
    height:230px;
    float:right;
    width:1px;
  }
  
  
    .prop2 {
    height:120px;
    float:right;
    width:1px;
  }

  .clear1 {
    clear:both;
    height:1px;
    overflow:hidden;
  }

#welkom_content ul {
	margin:0 0 15px 0;
}

#welkom{
	position:relative;
	float:left;
	width: 56%;
	z-index:2;
	
}

.nieuws a{
	text-decoration:none;
}

.nieuws a:hover{
	text-decoration:underline;
}

#referenties{
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	position:absolute;
	left:68%;
	top:375px;
	background-color:#262626;
}

#referenties ul li img{
	padding:0;
	margin:0;
}

#adres{
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	position:relative;
	z-index:1;
	font-size:90%;
}

#logo_home{
	float:left;
	width:25%;	
	padding:10px 0 0 10px;
	margin:0;
}

#logo_home img{
	float:right;
	margin:0 0 10px 0;
	padding:0;
}


#logo_home a{
	color:#000000;
	text-decoration:none;
	border:none;
	background:none;
}


#bottom{
	margin:10px 0 50px 27%;
	border:1px solid #494949;
	/*height:260px;*/
}


#home_ref ul{
	margin:0;
	padding:5px 0 0 0;
}


#home_ref ul li{
	background:none;
	display:inline;
	margin:0;
	padding:0 5px 0 0;
}


/*--------------------------- vervolg -----------------------*/

#vervolg #links{
	float:left;
	width:26%;
}


#rechts_crumb{
	background:url(../images/crumb_bg.jpg) right bottom no-repeat #F29200;
	margin: 0 0 0 27%;
	padding: 12px 0 12px 28px;
}

#rechts_scheiding{
	background:#000000;
	margin: 0 0 0 27%;
	height:12px;	
}

#vervolg #rechts{
	margin: 0 0 70px 27%;
}

#vervolg #welkom{
	width: 70%;
}

#vervolg #bottom{
	position:absolute;
	bottom:10px;
	left:0;
	margin: 0 0 10px 0;
	padding: 20px 0 24px 20px;
	border:none;
}

#vervolg #footer{
	font-size:90%;
}

#vervolg #footer_content{
	margin: 0 0 0 0;	
	padding:0 0 0 20px;
}

#vervolg #footer_content a{
	text-decoration:none;
}

#vervolg #footer_content a:hover{
	text-decoration:underline;
}
/*---------------------------- footer -----------------------*/

#footer{
	position:absolute;
	left:0;
	bottom:0;
	height:21px;
	background-color:#F29200;
	width:100%;
	padding: 9px 0 0 0;
	font-size:90%;
}

#footer_content{
	margin: 0 0 0 27%;	
	padding:0 0 0 28px;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

/*------------------  Actie homepagina ------------------------*/

.actie_blokje{
	width:260px;
	height:132px;
	background-color:#000000;
	border:2px solid #FFFFFF;
	padding:5px 0 0 0;
	text-align:center;
	margin:0 0 15px 0;
}

	.actie_blokje .spacing_actie{
		height:112px;
	}
	
	.actie_blokje a{
		display:block;
		text-decoration:none;
		cursor:pointer;
	 }
	
	.actie_blokje a:hover p{
		color:#efefef;
	 }
	
	.titel_actie {
		color: #F39300;
		font-weight:bold;
		font-size:24px;
		padding:3px 0 0 0;
	 }
		
	.actie_blokje p{
		margin:0;
		padding:0 15px 0 15px;
		font-size:18px;
		color:#FFFFFF;
		line-height:140%;
	 }
	
	.actie_blokje ul{
		list-style:none;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
	 }
	
	.actie_blokje ul li{
		margin:0;
		padding:3px 0 1px 0;
		font-size:10px;	
		height:16px;
		background:url(../images/li_actie_blokje.gif) #FFFFFF 67px 10px no-repeat;
	 }
	
	.actie_blokje ul li a{
		margin:0;
		padding:0;
		color:#000000;
		text-decoration:none;
	 }
	 
	.actie_blokje ul li a:hover{
		color:#F29200;
	 }