/* CSS Document */

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

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

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

#contain{
	position:absolute;
}

.clear{
	clear:both;	
}
.adres{
font-size:10px;
}

/*----------------- TEKST OPMAAK ----------------*/

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

a:hover{
	text-decoration:underline;
}

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


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

li a{
	color:#830024;
}

p{
	margin:0;
	padding:0 0 15px 0;
	line-height:180%;
	color:#000000;
}

table{
	line-height:180%;
	color:#000000;
}

h1{
	margin:0 0 27px 0;
	padding:0;
	color:#830024;
	font-size:130%;
	font-weight:bold;
}

h1 a{
	color:#830024;
}

h2{
	margin:0 0 10px 0;
	padding:0;
	color:#aa7401;
	font-size:110%;
	font-weight:bold;
}

h3{
	margin:0 0 10px 0;
	padding:0;
	color:#830024;
	font-size:110%;
	font-weight:bold;
}

h4{
	margin:0 0 10px 0;
	padding:0;
	color:#71B4E7;
	font-size:110%;
	font-weight:bold;
}

textarea, input{
	border:1px solid #830024;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%; 
}

.noborder{
	border:none;
}

.allitems li{
		background:url(../images/list_allitems.gif) 0 6px no-repeat;
}

.allitems a{
	color:#830024;
	font-style:italic;
}


#banner{
	position:absolute;
	left:50%;
	margin-left:-133px;
	top:21px;
}

/*----------------------- TALEN ------------------------------*/

#talen{
	position:absolute;
	right:20px;
	top:20px;
}

#talen ul{
	list-style:none;
	margin:0;
	padding:0;
}

#talen ul img{
	float:left;
	margin:2px 0 0 0;
}

#talen ul li{
	float:left;
	margin:0;
	padding:0;
	background:none;
	font-size:90%;
}
#talen ul li a{
	color:#aa7401;
}

.taalactive{
	font-weight:bold;
}

/*-------------------------------- LOGO --------------------------*/

#logo{
	position:absolute;
	left:29px;
	top:21px;
}	


/*-------------------------------- HOME OPBOUW --------------------------*/

#top{
	height:87px;
}

#balk{
	height:28px;
	background:#830024;
	margin:0 0 2px 0;
}

#flash{
	height:169px;
	margin:0 0 2px 0;
	position:relative;
}

#flash1{
	float:left;
	width:33%;
	height:169px;
	background:url(../images/flash1.jpg) 0 0 no-repeat;
}

#flash2{
	float:left;
	width:33%;
	height:169px;
		background:url(../images/flash2.jpg) 0 0 no-repeat;
}

#flash3{
	height:169px;
	background:url(../images/flash3.jpg) 0 0 no-repeat;
	margin:0 0 0 66%;
}



.alinea{
	color:#1D2F6F;
}

/*----*/
#welkom{
	float:left;
	width:66%;
	min-height:180px;
	height:180px;
	padding:30px 1px 20px 0;
	border-right:1px dashed #979797;
	/*background:url(../images/dashed.gif) right 0 repeat-y #FDFEFF;*/
}

#welkom p{
	padding:0 50px 15px 38px;
}
#welkom ul{
	color:#000000;
	padding:0 50px 15px 38px;
}

html>body #welkom{
	height:auto;
}

#nieuws{
	min-height:180px;
	height:180px;
	margin:0 0 0 66%;
	padding:30px 0 20px 0;
}

#welkom h1{
	padding:0 50px 0 38px;
}

#nieuws ul, #nieuws h1, #nieuws img{ 
	padding:0 20px 0 20px;
}

html>body #nieuws{
	height:auto;
}
ul.nieuws li a{
	color:#000000;
}


/*-----*/

#toepassingen, #cases{
	float:left;
	width:33%;
	min-height:580px;
	height:580px;
	padding:0 0 35px 0;
	/*background:url(../images/bg_home_blok_left.jpg) right 0 no-repeat;*/
	border-right:1px dashed #979797;
}
#toepassingen h1, #cases h1, #video h1{
	background:#ffd347;
	padding:12px 0 12px 38px;
	margin:0;
}
#video h1{
	padding-left:20px;
}

html>body #toepassingen, html>body #cases, html>body #video{
	height:auto;
}

.toepassing_item_content{
	margin:0 20px 0 80px;
}

.toepassing_item, .cases_item{
	padding:15px 20px 5px 38px;
	border-bottom:1px dashed #979797;
}

.toepassing_item img, .cases_item img{
	float:left;
	margin:5px 0 0 0;
}

.toepassing_item_content h2, .toepassing_item_content p{
	margin:0;
	padding:0;
	line-height:180%;
}

.toepassing_item_content ul li a{
	color:#830024;
	font-style:italic;
}

.cases_item_content{
	margin:0 20px 0 80px;
}

.cases_item_content h2, .cases_item_content p{
	margin:0;
	padding:0;
	line-height:180%;
}

.cases_item_content ul li{
		background:url(../images/list_allitems.gif) 0 6px no-repeat;
}

.cases_item_content ul li a{
	color:#830024;
	font-style:italic;
}


#video{
	min-height:420px;
	height:420px;
    background:url(../images/bg_home_blok_right.jpg) right 0 no-repeat;
	margin:0 0 0 66%;
}

html>body #video{
	height:auto;
}	

.vcplayer{
	padding:15px 0 20px 20px;
	width:240px;
}

.vcplayer img{
	float:right;
	margin:0 0 30px 0;
}

.vcplayer p{
	text-align:right;
	padding:34px 0 10px 0;
	color:#333333;
}

.vcplayer p a{
	color:#333333;
	text-decoration:none;
}

.vcplayer p a:hover{
	text-decoration:underline;
}


/*---------------- VERVOLG -----------------*/

#vervolg{
	background:url(../images/dashed.gif) 66% 400px repeat-y;
}


#vervolg #balk{
	margin:0 0 2px 0;
}

#content{
	float:left;
	width:66%;
	padding:0 0 30px 0;
}

#content_inhoud{
	padding:20px 100px 0 38px;
}

#content_inhoud h1{
	margin:0 0 15px 0;
}

#content_inhoud p{
	padding:0 0 25px 0;
}

#content_inhoud h2{
	padding:10px 0 0 0;
	margin:0;
	line-height:180%;
}

#content_inhoud h3{
	padding:0;
	margin:0;
	line-height:180%;
}

#content_inhoud a{
	color:#4771a8;
	text-decoration:underline;
}

#content_inhoud a:hover{
	text-decoration:none;
}

#content_inhoud ul{
	padding:20px 40px 25px 20px;
	background-color:#ffedb5;
	margin:0 5px 15px 0;
}

#content_inhoud ul li{
	font-size:90%;
	font-weight:normal;
	background:url(../images/list.gif) 0 5px no-repeat;
}

#content_inhoud  ul li ul li{
	font-size:100%;
}

#content_inhoud ul li ul{
	padding:0;
	background-color:none;
	margin:0;
}

#content_inhoud img{
	float:right;
	margin:5px 20px 0 30px;
	position:relative;
	z-index:1;
}

#content_inhoud ul li, #content_inhoud ul li a{
	color:#830024;
}


#right{
	margin:0 0 0 66%;
	padding:0 0 230px 0;
}

#bottom_right{
	position:absolute;
	background:url(../images/vervolg_right_bottom.gif) 0 0 no-repeat;
	width:91px;
	height:227px;
	right:0;
	bottom:30px;
}

#bottom_right_adres{
	position:absolute;
	right:5%;
	bottom:40px;
	font-size: 10px;
}

#bottom_right_adres p{
	text-align:right;
}

#bottom_right_adres p a{
	text-decoration:underline;
}

#bottom_right_adres p a:hover{
	text-decoration:none;
}


/*---------------- FOOTER -----------------*/

#bottom{
	clear:both;
	height:30px;
}

#footer{
	position:absolute;
	left:0;
	bottom:0;
	height:30px;
	background-color:#830024;
	width:100%;
}

#footer p{
	font-size:90%;
	color:#FFFFFF;
	padding:7px 0 0 38px;
}

#footer p a{
	color:#FFFFFF;
	text-decoration:none;
}

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