@charset "utf-8";
/* CSS Document */

body { 
	margin:0;
	padding:0;
	background-image:url(images/index_03.png);
	background-repeat:repeat-x;
	background-color:#b90c1e;
}

a { 
	text-decoration:none;
	color:#003d48;
}

img {
	border:none;
}

#container {
	width:840px;
	height:auto;
	margin:30px auto;
}

#header {
	background-image:url(images/index_06.png);
	width:840px;
	height:18px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

#header a {
	padding:0; margin:0;
	color:#FFF;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	padding-top:3px;
}

#menu {
	width:201px;
	height:auto;
	float:left;
}

#menu .top {
	height:37px;
	width:201px;
	overflow:hidden;
}

#menu .top h2 {
	margin:0; padding:0;
	margin-left: 7px; margin-top:6px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px; font-weight:normal;
	color:#FFF;
	height:32px;

}

#menu .middle {
	width:201px;
	overflow:hidden;
}

#menu .bottom {
	height:13px;
	width:201px;
	overflow:hidden;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-position:top;
}

#menu .boxlogo .top {
	background-image:url(images/index_08.png);
	height:56px;
}

#menu .boxlogo .middle {
	background-image:url(images/index_16.png);
	background-color:#0088df;
}

#menu .boxlogo .bottom {
	background-image:url(images/index_25.png);
}

#menu .boxgeel .top {
	background-image:url(images/index_28.png);
}

#menu .boxgroen .top {
	background-image:url(images/index_40.png);
}

#menu .boxgeel .middle {
	background-image:url(images/index_34.png);
	background-color:#ffe25c;
	background-repeat: no-repeat;
}

#menu .boxgroen .middle {
	background-image:url(images/index_43.png);
	background-color:#88c537;
	background-repeat: no-repeat;
}

#menu .boxlogo .middle ul {
	margin:0; padding:0;
	list-style:none;
	margin-left:8px;
	margin-top:15px;
	margin-bottom:80px;
	margin-right:7px;
}

#menu .boxlogo .middle ul li {
	font-family:"Calibri";
	font-size:18px;
	font-weight:bold;
	color: #FFF;
	text-align:right;
	line-height:30px;
	background-image:url(images/lijn.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#menu .boxlogo .middle ul li a {
	color: #FFF;
}

#menu .boxlogo .middle ul li a:hover {
	color:#ffd30d;
}

#menu .boxgeel .middle ul, #menu .boxgroen .middle ul {
	margin:0; padding:0;
	list-style:none;
	margin-left:8px;
}

#menu .boxgeel .middle ul li, #menu .boxgroen .middle ul li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#003d48;
}

#menu .boxgeel .middle ul li a:hover, #menu .boxgroen .middle ul li a:hover {
	text-decoration:underline;
}


#menu .boxgroen .middle {
	background-image:url(images/index_43.png);
	background-color:#88c537;
}

#menu .boxgeel .bottom {
	background-image:url(images/index_38.png);

}

#menu .boxgroen .bottom {
	background-image:url(images/index_54.png);
}

#content {
	width:602px;
	float:left;
	background-image:url(images/index_62.png);
	overflow:hidden;
}

#content #titel {
	width:602px;
	height:33px;
	background-image:url(images/index_09.png);
}

#content #titel h2 {
	margin:0; padding:0;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	font-family:"Myriad Pro";
	color:#003d48;
	font-weight:bold;
	padding-top:7px;
}

#content p {
	margin:10px;
	color:#003d48;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

#content .titel_leukste {
	width:602px;
	height:80px;
	background-image:url(images/index_22.png);
}

#content .titel_leukste h2 {
	margin:0; padding:0;
	font-size:14px;
	color:#003d48;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:40px; padding-left:129px;
}

#content .titel_meer {
	width:602px;
	height:93px;
	background-image:url(images/index_41.png);
}

#content ul {
	margin:0; padding:0;
	margin-left:15px;
	list-style-image:url(images/index_57.png);
	list-style-position:inside;
	color:#000;
	width:650px;
	float:left;
}
/******************/
/***** positie van de links *****/
/******************/
#content ul li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	width:295px;
	height:24px;
	padding-left:5px;
	float:left;
}

#content ul li.groen {
	list-style-image:url(images/index_50.png);
	list-style-position:inside;
	color:#003d48;
}

#content ul li.rood {
	list-style-image:url(images/index_53.png);
	list-style-position:inside;
	color:#003d48;
}

#content ul li.geel {
	list-style-image:url(images/index_59.png);
	list-style-position:inside;
	color:#003d48;
}

#content ul li.blauw {
	list-style-image:url(images/index_57.png);
	list-style-position:inside;
	color:#003d48;
}


#content ul.tijger li.des:hover {
	list-style:url(images/index_30.png);
	list-style-position:inside;
}


#content ul.tijger li.des a:hover {
	font-weight:bold;
	color:#ea0c24;
}

#content ul.hond li.des:hover {
	list-style:url(images/hond.png);
	list-style-position:inside;

}

#content ul.hond li.des a:hover {
	color:#077cc7;
	font-weight:bold;
}


#content .titel_meer h2 {
	margin:0; padding:0;
	font-size:16px;
	color:#003d48;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:35px; padding-left:12px;
}

#content .titel_meer h4 {
	margin:0; padding:0;
	font-size:12px;
	color:#003d48;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:12px;
}

#tabbladen {
	width:37px;
	float:right;
}

#tabbladen ul {
	width:37px; 
	float:right;
	margin:0; padding:0;
	list-style:none;
}

#tabbladen ul li {
	width:37px; height:108px;
	float:right;
	margin:0; padding:0;
	margin-bottom:3px;
}

#footer {
	background-image:url(images/index_63.png);
	width:577px;
	height:40px;
	margin-left:201px;
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:40px;
	color:#003d48;
	padding-right:25px;
}