/****************************************************************************/
/******************** CASCADING STYLE SHEET ZAKELIJK BELLEN *****************/
/****************************************************************************/

html,
body {
	background:url(images/bg.png) #fff repeat-x;
	font-family:"Verdana";
	line-height:18px;
	font-size:12px;
	color:#3f3f3f;
	height:100%;
	padding:0;
	margin:0;
}

a img { border:none; }

img { border:none; }

a.image-border {
	text-decoration: none;
	border: 0 none; }

a:active { outline: none; }

a { outline: none; }

.label input {
	color:#333;
}

.input {
	color:#333;
}

input {
	color:#333;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	background:url(images/header.png) repeat-x;
	position:relative;
	min-height:100%;
	width:100%;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	padding:74px 0 0 260px;
	position:relative;
	margin:0 auto;
	height:48px;
	width:817px;
}

/****************************************************************************/
/************************************ LINKS *********************************/
/****************************************************************************/

#header p.links {
	position:absolute;
	font-weight:bold;
	font-size:10px;
	color:#c2c2c2;
	right:0px;
	margin:0;
	top:25px;
}

#header p.links a {
	text-decoration:none;
	color:#c2c2c2;
}

#header p.links a:hover {
	text-decoration:none;
	color:#333333;
}


#header p.links a.size_1 {
	font-size:11px;	
}

#header p.links a.size_2 {
	font-size:14px;	
}

#header p.links a.size_3 {
	font-size:16px;	
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1.logo {
	background:url(images/logo.png) no-repeat;
	text-indent:-6000px;
	position:absolute;
	cursor:pointer;
	height:98px;
	width:238px;
	padding:0;
	margin:0;
	top:5px;
	left:0;
}

#header h1.logo a {
	display:block;
	height:98px;
	width:238px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#menu ul {
	list-style-type:none;
	font-size:11px;
	height:36px;
	padding:0;
	margin:0;
}

#menu li {
	list-style-type:none;
	font-family:"Trebuchet MS";
	font-size:12px;
	float:left;
	padding:0;
	margin:0;
}

#menu li a {
	text-decoration:none;
	padding:0 0 0 10px;
	margin-left:10px;
	text-align:center;
	line-height:36px;
	background:#fff;
	font-size:13px;
	cursor:pointer;
	display:block;
	color:#5d5d5d;
	height:36px;
	float:left;
}

#menu li a b {
	padding:0 30px 0px 20px;
	background:#fff;
	display:block;
	float:left;
}

#menu li a {
	background:url(images/menu_links.png) center left no-repeat;
}

#menu li a b {
	background:url(images/menu_rechts.png) center right no-repeat;	
}

#menu li.current a {
	background:url(images/menu_links.png) top left no-repeat;
}

#menu li.current a b {
	background:url(images/menu_rechts.png) top right no-repeat;
}

#menu li a:hover {
	background:url(images/menu_links.png) bottom left no-repeat;
	color:#fff;
}

#menu li a:hover b {
	background:url(images/menu_rechts.png) bottom right no-repeat;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	padding:0 0 240px 0;
	position:relative;
	margin:0 auto;
	width:1077px;
}

/****************************************************************************/
/************************************ HEAD **********************************/
/****************************************************************************/

#rotator {
	background:url(images/head.png) no-repeat;
	padding:35px 337px 0 30px;
	position:relative;
	margin:8px 0 0 0;
	height:290px;
	width:710px;
}

#body #rotator ul.ui-tabs-nav {
	list-style-type:none;
	position:absolute;
	width:100%;
	z-index:1;
	padding:0;
	left:20px;
	margin:0;
	bottom:0;
}

#body #rotator ul.ui-tabs-nav li {
	text-align:center;
	font-weight:bold;
	float:left;	
}

#body #rotator li.ui-tabs-nav-item a {	
	background:url(images/head_nav.png) no-repeat;
	text-decoration:none;
	margin-right:7px;
	padding-top:10px;
	display:block;
	color:#5d5d5d;
	height:26px;
	width:123px;
}

#body #rotator .ui-tabs-nav-item a:hover,
#body #rotator .ui-tabs-selected a {
	background-position:bottom;
	color:#000;
}

#body #rotator .ui-tabs-panel {
	height:225px;
}

#body #rotator .ui-tabs-hide {
	display:none;
}


/****************************************************************************/
/*********************************** TEKST **********************************/
/****************************************************************************/

#body #rotator .tekst {
	margin:0 15px 0 0;
	width:260px;
	float:left;
}

#body #rotator .vanaf {
	background:url(images/vanaf.png) no-repeat;
	position:absolute;
	height:143px;
	width:155px;
	right:340px;
	top:84px;
}

/****************************************************************************/
/************************************ INFO **********************************/
/****************************************************************************/

#body #rotator ul.informatie {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}

#body #rotator ul.informatie li {
	margin:0 0 3px 0;	
}

#body #rotator ul.informatie li a {
	background:url(images/head_info.png) 15px 5px #f5f5f5 no-repeat;
	text-decoration:none;
	padding:11px 0 0 65px;
	display:block;
	color:#3f3f3f;
	width:190px;
	height:27px;
}

#body #rotator ul.informatie li a:hover {
	background:url(images/head_info_hover.png) 15px 5px #3f3f3f no-repeat;
	color:#fff;
}

/****************************************************************************/
/*********************************** CONTENT ********************************/
/****************************************************************************/

#body .content {
	border:#ededed solid 1px;
	padding:20px 0 20px 0;
	position:relative;
	margin:25px 0 0 0;
	width:1075px;
}

#body .content .top_l,
#body .content .top_r,
#body .content .bottom_l,
#body .content .bottom_r {
	position:absolute;
	height:20px;
	width:20px;
}

#body .content .top_l {
	background:url(images/content_top_l.png) no-repeat;
	left:-1px;
	top:-1px;
}

#body .content .top_r {
	background:url(images/content_top_r.png) no-repeat;
	right:-1px;
	top:-1px;
}

#body .content .bottom_l {
	background:url(images/content_bottom_l.png) no-repeat;
	bottom:-1px;
	left:-1px;
}

#body .content .bottom_r {
	background:url(images/content_bottom_r.png) no-repeat;
	bottom:-1px;
	right:-1px;
}

/****************************************************************************/
/************************************ TEKST *********************************/
/****************************************************************************/

#body .content .tekst {
	padding:7px 0 0 40px;
	margin:0 10px 0 0;
	width:685px;
	float:left;
}

#body .content .tekstbreed{
	padding:7px 0 0 40px;
	margin:0 10px 0 0;
	width:990px;
	float:left;
}

#body .content .tekst h2 {
	font-weight:normal;
	margin:0 0 25px 0;
	font-size:18px;
	padding:0;
}

#body .content .tekst p {
	margin-bottom:25px;	
}

#body .content .tekst .alert,
#body .content .tekst .attention {
	padding:10px 20px 10px 45px;
	border:#ffc6c4 solid 1px;
	font-size:11px;	
}

#body .content .tekst .alert {
	background:url(images/alert.png) #ffe7e6 16px center no-repeat;
	color:#ff635e;
}

#body .content .tekst .attention {
	background:url(images/attention.png) #fff7c7 16px center no-repeat;
	color:#ff8a00;
}

#body .content .tekst .kruis {
	background:url(images/kruis.png) 22px 7px no-repeat;
	padding:0 0 0 45px;
}

#body .content .tekst .vink {
	background:url(images/vink.png) 18px 2px no-repeat;
	padding:0 0 0 45px;
}

#body .content .tekstbreed p {
	margin-bottom:25px;	
}

#body .content .tekstbreed .alert,
#body .content .tekstbreed .attention {
	padding:10px 20px 10px 45px;
	border:#ffc6c4 solid 1px;
	font-size:11px;	
}

#body .content .tekstbreed .alert {
	background:url(images/alert.png) #ffe7e6 16px center no-repeat;
	color:#ff635e;
}

#body .content .tekstbreed .attention {
	background:url(images/attention.png) #fff7c7 16px center no-repeat;
	color:#ff8a00;
}

#body .content .tekstbreed .kruis {
	background:url(images/kruis.png) 22px 7px no-repeat;
	padding:0 0 0 45px;
}

#body .content .tekstbreed .vink {
	background:url(images/vink.png) 18px 2px no-repeat;
	padding:0 0 0 45px;
}


/****************************************************************************/
/************************************ TEKST-BREED ***************************/
/****************************************************************************/

#body .contentbreed .tekst {
	padding:7px 0 0 40px;
	margin:0 10px 0 0;
	width:685px;
	float:left;
}

#body .contentbreed .tekst h2 {
	font-weight:normal;
	margin:0 0 25px 0;
	font-size:18px;
	padding:0;
}

#body .contentbreed .tekst p {
	margin-bottom:25px;	
}

#body .contentbreed .tekst .alert,
#body .contentbreed .tekst .attention {
	padding:10px 20px 10px 45px;
	border:#ffc6c4 solid 1px;
	font-size:11px;	
}

#body .contentbreed .tekst .alert {
	background:url(images/alert.png) #ffe7e6 16px center no-repeat;
	color:#ff635e;
}

#body .contentbreed .tekst .attention {
	background:url(images/attention.png) #fff7c7 16px center no-repeat;
	color:#ff8a00;
}

#body .contentbreed .tekst .kruis {
	background:url(images/kruis.png) 22px 7px no-repeat;
	padding:0 0 0 45px;
}

#body .contentbreed .tekst .vink {
	background:url(images/vink.png) 18px 2px no-repeat;
	padding:0 0 0 45px;
}

/****************************************************************************/
/********************************** BREADCRUMB ******************************/
/****************************************************************************/

#body .content .breadcrumb {
	border-bottom:#e5e5e5 solid 1px;
	font-family:"Verdana";
	margin:0 0 25px 0;
	font-size:11px;
	color:#ffc000;
	height:30px;
}

#body .content .breadcrumb a:hover {
	color:#000000;
}

#body .content .breadcrumb span {
	float:left;	
}

#body .content .breadcrumb a {
	text-decoration:none;
	color:#989898;
}

#body .content .breadcrumb a.current {
	color:#3f3f3f;	
}

#body .content .breadcrumb a.current:hover {
	color:#000000;	
}

#body .content .breadcrumb a.printen,
#body .content .breadcrumb a.doorsturen {
	float:right;	
}

#body .content .breadcrumb a.printen {
	background:url(images/printen.png) 0 1px no-repeat;
	padding:0 10px 0 20px;
	color:#3f3f3f;
}

#body .content .breadcrumb a.printen:hover {
	color:#000000;
}

#body .content .breadcrumb a.doorsturen {
	background:url(images/doorsturen.png) 0 4px no-repeat;
	padding:0 0 0 20px;
	color:#3f3f3f;
}

#body .content .breadcrumb a.doorsturen:hover {
	color:#000000;	
}

/****************************************************************************/
/*********************************** TOPPERS ********************************/
/****************************************************************************/

#body .toppers {
	background:url(images/toppers.png) repeat-y;
	margin:0 10px 0 0;
	padding:0 0 30px 0;
	position:relative;
	width:314px;
	float:left;
}

#body .toppers.index {
	margin-top:13px;	
}

#body .toppers h6 {
	background:url(images/toppers_h3.png) no-repeat;
	padding:9px 0 0 20px;
	margin:0 0 10px 0;
	font-size:14px;
	color:#fefefe;
	height:29px;
	width:294px;
}

#body .toppers ul {
	list-style-type:none;
	margin:0 auto;
	margin-bottom:10px;
	width:280px;
	padding:0;
}

#body .toppers ul li a {
	background:url(images/toppers_ul.png) no-repeat;
	text-decoration:none;
	padding:17px 0 0 55px;
	display:block;
	color:#3f3f3f;
	height:38px;
	width:225px;
}

#body .toppers ul li a:hover {
	background-position:left bottom;	
}

#body .toppers a.meer {
	background:url(images/toppers_meer.png) right no-repeat;
	text-decoration:none;
	padding:0 14px 0 0;
	margin:0 18px 0 0;
	color:#3f3f3f;
	float:right;
}

#body .toppers .bottom {
	background:url(images/toppers_bottom.png) no-repeat;
	position:absolute;
	height:10px;
	width:314px;
	bottom:0;
	left:0;
}


/****************************************************************************/
/*********************************** TOPPERS2 ********************************/
/****************************************************************************/

#body .toppers2 {
	background:url(images/toppers2.png) repeat-y;
	margin:0 10px 0 0;
	padding:0 0 30px 0;
	position:relative;
	width:430px;
	float:left;
}

#body .toppers2 p {	
	margin-left:30px;
	padding-right:10px;
}

#body .toppers2.index {
	margin-top:13px;	
}

#body .toppers2 h6 {
	background:url(images/toppers3.png) no-repeat;
	padding:9px 0 0 20px;
	margin:0 0 10px 0;
	font-size:14px;
	color:#fefefe;
	height:29px;
	width:430px;
}

#body .toppers2 h4 {
	margin-left:30px;
}


#body .toppers2 ul {
	list-style-type:none;
	margin:0 auto;
	margin-bottom:10px;
	margin-left:30px;
	width:390px;
	padding:0;
}

#body .toppers2 ul li a {
	background:url(images/toppers_ul.png) no-repeat;
	text-decoration:none;
	padding:17px 0 0 55px;
	display:block;
	color:#3f3f3f;
	height:38px;
	width:225px;
}

#body .toppers2 ul li a:hover {
	background-position:left bottom;	
}

#body .toppers2 a.meer {
	background:url(images/toppers_meer.png) right no-repeat;
	text-decoration:none;
	padding:0 14px 0 0;
	margin:0 18px 0 0;
	color:#3f3f3f;
	float:right;
}

#body .toppers2 .bottom {
	background:url(images/toppers_bottom2.png) no-repeat;
	position:absolute;
	height:14px;
	width:430px;
	bottom:0;
	left:0;
}
/****************************************************************************/
/************************************ SLIDER ********************************/
/****************************************************************************/

#body .slider {
	margin-top:13px;
	width:430px;
	float:left;
}

/****************************************************************************/
/********************************** VERGELIJK *******************************/
/****************************************************************************/

#body .vergelijk {
	background:url(images/vergelijk.png) repeat-y;
	padding:60px 20px 50px 30px;
	position:relative;
	margin:13px 0 0 0;
	font-size:12px;
	width:259px;
	float:right;
}

#body .vergelijk h3 {
	background:url(images/vergelijk_h3.png) no-repeat;
	padding:9px 0 0 20px;
	margin:0 0 10px 0;
	position:absolute;
	font-size:14px;
	color:#3f3f3f;
	height:49px;
	width:289px;
	left:0;
	top:0;
}

#body .vergelijk p {
		
}

#body .vergelijk th {
	font-weight:normal;
	text-align:left;
	width:200px;	
}



#body .vergelijk .bottom {
	background:url(images/vergelijk_bottom.png) no-repeat;
	position:absolute;
	height:30px;
	width:309px;
	bottom:0;
	left:0;
}


/****************************************************************************/
/*********************************** FOOTER *********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) bottom repeat-x;
	position:absolute;
	color:#959595;
	height:236px;
	width:100%;
	bottom:0;
}

#footer .inner {
	padding:10px 0 0 0;
	margin:0 auto;
	width:1077px;
}

#footer p {
	font-family:"Arial";
	font-size:11px;
	float:left;
	margin:0;	
}

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

#footer a:hover {
	color:#cbcbcb;
}

#footer .volaris a {
	background:url(images/volaris.png) no-repeat;
	text-indent:-6000px;
	cursor:pointer;
	display:block;
	height:16px;
	float:right;
	width:64px;
}

/****************************************************************************/
/************************************ BLOK **********************************/
/****************************************************************************/

#footer .blok {
	background:url(images/footer_blok.png) no-repeat;
	padding:0 0 28px 20px;
	height:161px;
	width:1057px;
}

#footer .box {
	float:left;	
}

#footer .box h3 {
	margin:25px 0 15px 0;
	font-size:14px;
	color:#2b2b2b;
	padding:0;
}

/****************************************************************************/
/********************************* LAATSTE NIEUWS ***************************/
/****************************************************************************/

#footer .box.nieuws {
	margin-right:56px;
	width:195px;	
}

#footer .box.nieuws ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .box.nieuws ul li a {
	text-decoration:none;
	padding:0 0 0 10px;
	cursor:pointer;
	display:block;
	color:#1d1d1d;
	height:43px;
}

#footer .box.nieuws ul li a span {
	font-size:10px;
	color:#8c8c8c;
	display:block;
	width:195px;
}

#footer .box.nieuws ul li a:hover {
	background:url(images/nieuws_border.png) no-repeat;
	color:#787878;
}

/****************************************************************************/
/********************************** ACTIVITEITEN ****************************/
/****************************************************************************/

#footer .box.activiteiten {
	margin-right:56px;
	width:210px;	
}

#footer .box.activiteiten ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .box.activiteiten ul li a {
	padding-left:30px;
	display:block;
	color:#414141;
	height:30px;
}

#footer .box.activiteiten ul li.rss a {
	background:url(images/activiteiten_rss.png) 0 2px no-repeat;	
}

#footer .box.activiteiten ul li.cal a {
	background:url(images/activiteiten_cal.png) 0 2px no-repeat;	
}

#footer .box.activiteiten ul li.twitter a {
	background:url(images/activiteiten_twitter.png) 0 3px no-repeat;	
}

#footer .box.activiteiten ul li a:hover {
	color:#000;	
}

/****************************************************************************/
/********************************** NIEUWSBRIEF *****************************/
/****************************************************************************/

#footer .box.nieuwsbrief {
	margin-right:95px;
	position:relative;
	width:240px;	
}

#footer .box.box.nieuwsbrief ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .box.box.nieuwsbrief ul li a {
	text-decoration:none;
	padding:0 0 0 10px;
	cursor:pointer;
	display:block;
	color:#1d1d1d;
	height:43px;
}

#footer .box.box.nieuwsbrief ul li a span {
	font-size:10px;
	color:#8c8c8c;
	display:block;
	width:195px;
}

#footer .box.box.nieuwsbrief ul li a:hover {
	background:url(images/nieuws_border.png) no-repeat;
	color:#787878;
}
/****************************************************************************/
/************************************ CONTACT *******************************/
/****************************************************************************/

#footer .box.contact {
	width:180px;	
}

#footer .box.contact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .box.contact ul li a {
	display:block;
	color:#414141;
	height:30px;
}

#footer .box.contact ul li a:hover {
	color:#000;	
}

/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

#slider-bg {
    background:url(images/bg-fader.gif) 5px 0 no-repeat;
	width:370px;
	margin-left:30px;
}

.clear {
	clear:both;
}

.yui-h-slider,.yui-v-slider { position:relative; }
 
.yui-h-slider .yui-slider-thumb,.yui-v-slider .yui-slider-thumb {
	position:absolute;
	cursor:default; }
 
.yui-skin-sam .yui-h-slider {
	background:url(http://yui.yahooapis.com/2.7.0/build/slider/assets/skins/sam/bg-h.gif) no-repeat 5px 0;
	height:28px;
	width:228px; }
 
.yui-skin-sam .yui-h-slider .yui-slider-thumb { top:4px; }
 
.yui-skin-sam .yui-v-slider {
	background:url(http://yui.yahooapis.com/2.7.0/build/slider/assets/skins/sam/bg-v.gif) no-repeat 12px 0;
	height:228px;
	width:48px; }
	
input {
	background-color: #fff;
	border:0px;
	font-weight:bold;
	color:#093;
	font-size:17px;
}

#disclaimer { border:1px solid #CCCCCC; background-color:#FFFFCC; color:#666666; display:block;margin-left:20px; margin-right:20px; padding:10px;}
#disclaimer p { padding: 5px 0px 5px 4px; }

#info { border:1px solid #cbcbcb; background-color:#eeeeee; color:#333333; display:block;margin-left:20px; margin-right:20px; padding:10px;}
#info p { padding: 5px 0px 5px 4px; }
#info a { color:#747474; }
#info a:hover { color:#000000; }