/**{
border: 0px solid red !important;}*/

body {
overflow: -moz-scrollbars-vertical;
}

body {
	background:#FFF; 
	border:0 solid red;
	margin:0;
	padding:0;
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",helvetica;
	font-weight:normal;
	color: #333333;
}

#wrapper{
	border:0px solid red;
	margin: 0 auto;
	width: 980px;
	position:relative;
	}
	
#slogan{
display:none;
	background:url(../_img/slogan.gif) no-repeat;
	width: 245px;
	height:23px;
	position:absolute;
	left: 5px;
	top:50px;
	}
	
#slogan a{
display:block;
height:50px;
width:270px;
}

	
#container{
	border:0px solid red; 
	/* _margin-top: -10px; */
	}
	
#nav{
display:none;
	border:0px solid red;
	float: left;
	}
	
ul#hnav{
	margin:0;
	padding: 0;
	border:0px solid red;
	float: left;
	list-style-type:none;
	}
	
ul#hnav	li {
	float:left;
	height:37px !important;
	margin:0;
	padding:0;
	text-align:center;
	border: 0px solid red;
	}
	
ul#hnav	li a{
	float:left;
	height:29px !important;
	padding:7px 13px 0;
	text-decoration:none;
	font-weight:normal;
}
	
ul#xtranav{
	margin:0;
	padding: 0;
	border:0px solid red;
	float: right;
	list-style-type:none;
	}
	
ul#xtranav li {
	float:left;
	height:37px !important;
	margin:0;
	padding:0;
	text-align:center;
	border: 0px solid red;
	}
	
ul#xtranav li a{
	float:left;
	height:29px !important;
	padding:7px 13px 0;
	text-decoration:none;
	color: #DE2826;
}


ul#hnav li a:hover, ul#xtranav li a:hover{
	background: url(../_img/bg_hnav_hover.gif) repeat-x center bottom;
}

.wie ul#hnav li#wie a		{ background: url(../_img/bg_hnav_groen_hover.gif) repeat-x top; color: white;}
.wat ul#hnav li#wat a		{ background: url(../_img/bg_hnav_rood_hover.gif) repeat-x top; color: white;}
.waarom ul#hnav li#waarom a{ background: url(../_img/bg_hnav_oranje_hover.gif) repeat-x top; color: white;}
.hoe ul#hnav li#hoe a		{ background: url(../_img/bg_hnav_blauw_hover.gif) repeat-x top; color: white;}

ul#hnav li#wie.on a:hover{background: #4a953b !important;}
ul#hnav li#wat.on a:hover{background:#ad1a19 !important;}
ul#hnav li#waarom.on a:hover{background: #da6015 !important;}
ul#hnav li#hoe.on a:hover{background: #20708e !important;}

#schaduwrandje{ 
background:url(/_img/schaduw_vert.png) no-repeat;
_background:url(/_img/schaduw_vert.gif) no-repeat !important;
position: absolute; 
bottom:0; 
/*right: 434px; */
right:358px;
width: 31px;
height: 290px;
}

#preloader{ 
background:url(../_img/ajax-loader.gif) #FFF;
position: absolute; 
bottom:250px; 
right: 220px; 
width: 12px;
height: 12px;
z-index:-1000;
}

.contact ul#xtranav a.on, 
.contact ul#xtranav a.on:hover, 
.programma ul#xtranav a.on, 
.programma ul#xtranav a.on:hover	{background: url(../_img/bg_hnav_alg_rood_hover.gif) repeat-x top; color: white;}

ul#hnav li.on a:hover, ul#xtranav li.on a:hover{ text-decoration:underline;}



/*ul#hnav li.on a:hover, ul#xtranav li.on a:hover{
	background:#FFF;}
*/


#content_midden{
	background:#FFF;
	border:0px solid red;
}

.home #content_midden{
	background: none;
	border:0px solid red;
}

.home #hnav{display:none;}
.home #kol1,.home #kol2,.home #kol3{
	width: 236px;
	float: left;
	display: block;
	margin:0 12px 0 0 !important;
	background: none !important;
	}
.home #kol4{
display:none;
	width: 236px;
	float: left;
	display: block;
	margin:0 0 0 0 !important;
	background: none !important;
}

#kol1{
	border:0px solid red;
	float:left;
	position:relative;
	/*width:524px;*/
width:560px;
	background:#FFF;
		}

/*li.on a, li.on a:hover{color:white !important;} */

h2{color:black;}

li#programma a:hover, li#programma.on a{color:#de2826;}
.error #kol1 h2, .contact #kol1 h2, li#contact a:hover, li#contact.on a{color:#de2826;}

.home #content_midden, #kol1 p{
	font-size:13px;
	line-height: 1.4em;} 

.home #kol1 div{
	/*padding: 0; */
	}
.home #kol1 #s1{
	padding: 0;
	}
	
#kol1 div{
	padding: 5px 10px 5px 20px;
	position:relative;
	}
		
.programma #kol2{
	border:0px solid red;
	margin:0 0 0 524px;
	width:230px !important;
	display:block;
		}

#kol2{
	border:0px solid red;
	margin:0 0 0 500px;
	width:auto;
	display:none;
	height:496px;
		}


#kol4{display:none;}

/*bevat plaatje*/
#kol3{
	border:0px solid red;
	float:right;
	/*width:456px;
	height:496px;*/
width:380px;
height:420px;
/*background-position:-50px -50px !important; */
		}
		
.home #kol3, .home #kol2{
_height: 440px !important;}

.wie #content_midden #kol3{display:none; background:url(../_img/wie3.jpg) no-repeat 0 0; } /*done*/
.wat #content_midden #kol3{display:none; background:url(../_img/wat.jpg) no-repeat 0 0; }
.waarom #content_midden #kol3{display:none; background:url(../_img/waarom2.jpg) no-repeat 0 0; } /*done*/
.hoe #content_midden #kol3{display:none; background:url(../_img/hoe2.jpg) no-repeat 0 0; } /*done*/
.programma #content_midden #kol3{display:none; background-image:url(../_img/programma.jpg); }
.programmas #content_midden #kol3{display:none; background-image:url(../_img/prorgammaa.jpg); }
.contact #content_midden #kol3{display:none; background:url(../_img/contact2.jpg) no-repeat 0 0; } /*done*/
.programma #container #content_midden #kol2{display:none; border: 0px solid red; background:url(../_img/bg_contact_schaduw.jpg) no-repeat top left !important; } /*done*/
.error #content_midden #kol3{display:none; background:url(../_img/oops.gif) no-repeat top; } /*done*/

.programma #kol1 {
width:450px;
}

.programma #content_midden #kol2 ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 45px 20px 20px 20px;
	margin:0;
	}
.programma #content_midden #kol2 ul li{
	background:transparent url(../_img/arrow.gif) no-repeat scroll 0 4px;
	border:0 solid #333333;
	margin:0 0 0 0;
	padding:0 0 20px 20px;
	font-size:13px;
	}

.programma #content_midden #kol2 ul li a:hover, .programma #content_midden #kol2 ul li.on a{color: #de2826;}
.programma #content_midden #kol2 ul li.on a{text-decoration: underline;}


.programma #kol3{
	border:0px solid red;
	float:right;
	width:220px;
		}
		
.home a, .home a:visited, .home a:active, .home a img {
	border: 0 !important;
	text-decoration:none !important;
	outline-style:none !important;
	outline-width:medium !important;
	}

.home a.lees-verder{
position:absolute;
left: 0px;
top: 368px;
}

	
.home a.lees-verder{
	margin: 10px 0 0 0;
	display:block;
	color:#DE2826 !important/* #ad1a19*/;
	font-size: 17px;}

.home a.lees-verder:hover{
	margin-top: 10px;
	display:block;
	color: #ad1a19;
	font-size: 17px;
	text-decoration:underline;}
	
.home_nav {margin: 0 0 20px 0;}
.home .home_nav a{
	font-size:18px;
	font-weight:normal;}

.home a:hover{text-decoration: underline !important;}
	
.home .home_nav a.wit{ color: white;} 
.home .home_nav a.geel{ color: #fff894;} 
.home .home_nav a.blauw{ color: #a6d6dc;} 

.home_nav i{color: #FFF; font-size:19px;}
 
.home #groen{background: #4a953b; padding:20px;}
.home #rood{background: #ad1a19; padding:20px;}
.home #oranje{background: #da6015; padding:20px;}
.home #blauw{background: #20708e; padding:20px;}

.home #kol1, .home #kol2, .home #kol3, .home #kol4{
position:relative;
border: 0px solid red !important;
height: 300px !important;
}

#content_midden #kol1 p a{
color:#DE2826;
}

#kol1 p {
padding: 5px 0 5px 0;
margin:0;
}

#content_midden #kol1 p a:hover{
color:#ad1a19;
text-decoration:underline;
}

a, a:visited, a:active {
	color:#104154;
	text-decoration:none;
	outline-style:none;
	outline-width:medium;
	}


h1{
	display:none;
	width:125px;
	height: 121px;
	background:url(../_img/logo.gif) no-repeat 0 0;
	margin: 0 auto;
	}
	
h1 a{
	width: 130px; 
	height:130px; 
	display:block;
}

span.zero{
	position:absolute;
	left: -9999px;}

/* ------ colofon------*/

#colofon{
float:left;
margin-top:180px;
height:36px;
width:55px;
/*position: absolute;
bottom:25px; 
left: 25px;
border: 0px solid red !important;*/}

#colofon a {
background:transparent url(http://www.ango.nl/_img/puntnl_colofon_off.gif) no-repeat scroll 0 50%;
display:block;
height:36px;
width:55px;
}
#colofon a:hover {
background:transparent url(http://www.ango.nl/_img/puntnl_colofon_on.gif) no-repeat scroll 0 50%;
}
#colofon i {
display:none;
}
