/* CSS Document */
/* verschillende stylen resetten */
img, object{
	display: block;
	border: none;
}

#home h1{
	margin:0 0 10px 0;
}

h1{
	font-size:140%;
	font-weight:normal;
	color:#000000;
	margin:0 0 5px 0;
	padding:0;
}
.small{
	font-size:12px;
}

h2{
	font-size:110%;
	font-weight:normal;
	color:#484848;
	margin:0 0 25px 0;
	padding:0;
}

#links h3{
	color:#99001F;
	background-color:#EDEDED;
	font-size:80%;
	line-height:170%;
	margin:0;
	padding:7px 0 0 30px;
	height:28px;
}

#home #rechts h3, #product #rechts h3{
	margin:0;
}


#rechts h3{
	font-size:70%;
	color:#000000;
	line-height:170%;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}


h4, h5, h6{
	font-size:70%;
	color:#000000;
	line-height:170%;
	margin:0;
	padding:0;
}

p{
	font-size:70%;
	margin:0 0 15px 0;
	padding:0;
	line-height:170%;
}

input, textarea{
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px;
	width:200px;
	border:1px solid #99001F;
}

.noborder{
	border:none;
	width:auto;
}

submit, .button{
	margin:10px 0 0 0;
	border:1px solid #99001F;
	color:#FFFFFF;
	background-color:#99001F;
	cursor:pointer;
}

ul, ol{
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}

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

li{
	font-size:70%;
	line-height:170%;
}

td ul li, ul li ul li{
	font-size:100%;
}

table{
}

tr{
}

td{
	font-size:70%;
	padding-right:15px;
}

input, select, textarea{
}

input[type="submit"], input.submit{

}

input[type="radio"], input.radio{
	border:none;
}

a{
	color:#000000;
	text-decoration:none;
	border-bottom: 1px solid #99001F;
}

a:hover{
	border:none;
}

.red{
	color:#99001F;
}

.clear_l{
	clear:left;
}
/* standaard layout stylen */
body {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container {
	position: absolute;
	top: 0;
	left: 0;
}
html, body, #container {
	width: 100%;
	height: 100%;	
	min-height: 100%;
} 

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

#main {
	height: auto;
	margin-bottom: 35px;
}

#talen{
	position:absolute;
	right:5px;
	top:20px;
}
	#talen img{
		float:left;
		margin:0 15px 0 0;
	}

#logo{
	position:absolute;
	left:0;
	top:0;
	height:65px;
	padding:20px 0 0 18px;
	width:282px;
	background-color:#ffffff;
}
	#logo a{
		border:none;
	}


#menu{
	height:85px;
	background:url(../images/bg_menu.gif) #ffffff bottom left repeat-x;
}
	#menu ul{
		padding:58px 0 0 315px;
		margin:0;
		height:27px;
	}
	#menu ul li{
		padding:7px 0 7px 0;
		margin:0;
		background:none;		
		float:left;
		line-height:100%;
	}
	#menu ul li a{
		padding:7px 15px 7px 15px;
		border:none;
		color:#FFFFFF;
		text-decoration:none;
	}
	#menu ul li a:hover{
		background:url(../images/menu_li.gif) 0 10px no-repeat;
	}
	#menu ul li.active{
		background:url(../images/menu_li.gif) 0 9px no-repeat;
	}

#links{
	width:300px;
	float:left;
}
	address{
		font-size:65%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		height:160px;
		font-style:normal;
		line-height:180%;
		color:#000000;
		background-color:#EDEDED;
		padding:20px 0 0 30px;
	}
	address	a{
		border-bottom:none;
	}
	#links ul{
		margin:5px 0 0 15px;
		height:400px;
	}
	#links ul li{
		margin:0;
		padding:0;
		line-height:170%;
	}
	#links ul li a{
		text-decoration:none;
		border:none;
		color:#000000;
		margin:0;
		padding:0 0 0 15px;
	}
	#links ul li a:hover, #links ul li.active a{
		background:url(../images/links_li.gif) 0 3px no-repeat;
	}

#rechts{
	float:left;
	position:relative;
	z-index:1;	
	background-color:#FFFFFF;
	margin-bottom:85px;
}
	#product #rechts{
		background:none;
	}
		
	html>body #rechts{
		margin:0 0 85px 300px;
		float:none;
	}
	#flash{
		height:180px;
	}
	#product #flash{
		height:133px;
	}
	#welkom{
		margin:30px 0 0 0;
		padding:0 30px 0 30px;
		border-left:1px solid #99001F;
		max-width:550px;
		width:550px;
		background-color:#FFFFFF;
	}
		#vervolg #welkom{
			margin:30px 0 0 0;
			min-height:250px;			
		}
		html>body #vervolg #welkom{
			height:auto;
		}
	#producten{	
		padding:5px 0 0 0;
	}
	
	#producten ul{
		float:left;
		margin:-5px 0 0 0;
		padding:0 30px 0 30px;
		border-left:1px solid #99001F;
	}
		#producten ul li{
			padding:3px 0 3px 0;
		}
		#producten ul li a{
			color:#000000;
			text-decoration:none;
			border:none;
			}	
		#producten ul li a:hover{
			border-bottom: 1px solid #000000;
		}
	
	#afbeelding{
		float:left;
		width:120px;
		padding:10px 0 180px 0;
	}
	#content{		
		margin:0 0 0 120px;
		padding:15px 50px 30px 30px;
		max-width:550px;
		width:450px;
		min-height:215px;
	}
		html>body #content, html>body #welkom{
			width:auto;
		}
		#content ul li, #vervolg #welkom ul li, #product #welkom ul li{
			background:url(../images/content_li.gif) 0 8px no-repeat;			
			padding:0 0 0 10px;
		}
		#content .indent, #content .indent ul{
			margin:0 0 15px 15px;
		}
		#content .indent h3{
			margin:0;
		}

#product_uitsnede{
	position:absolute;
	right:0;
	bottom:0;
	width:550px;
	height:300px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}
	#footer p{
		font-size:65%;
		color:#FFFFFF;
		margin:0;
		padding:0 0 8px 30px;
	}
	#footer p a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer p a:hover{
		text-decoration:underline;
	}

#indopipe{
	z-index:1;
	position:absolute;
	left:140px;
	bottom:140px;
}
	#indopipe p{
		font-weight:bold;
		margin:0 0 5px 0;
		color:#99001F;
		text-align:center;
	}
	

#footer_background{
	z-index:0;
	position:absolute;
	left:0;
	bottom:0;
	height:428px;
	width:100%;
	background:url(../images/footer_home.gif) bottom left no-repeat;
}