@charset "utf-8";

/************************************************************


 	CSS Gemeente Kollumerland (NOFA)
	Layers
 	door: KRUIT Communicatie en Vormgeving in Gebruik
 	hhtp://www.kruit.nl

 
*************************************************************/

body {
	margin: 0;
	text-align: center;
	padding: 0;
	background: url(../images/back_content.gif) repeat-y top center transparent;
	height: 100%;
}

.invis {
	display: none;
}

#bodydouble {
	width: 100%;
	height: 500px;
	background: url(../images/back_total.gif) repeat-x top left;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	padding: 0;
}

#header {
	background: #FFFFFF;	
}

#topnavcontainer {
	background: #8C919B;
	padding: 2px 0 0 0;
	font-size: 90%;
	border-bottom: 2px solid #FFFFFF;
}

#topnav {
	text-align: right;
	margin: 0;
}

#topnav img {
	text-align: right;
	border: none;
	padding: 6px 4px 0 1px;
}

#topnav ul {
	margin: -5px -1px 0 0;
	padding: 0 0 2px 0;
}

#topnav ul li {
	list-style-type: none;
	display: inline;
	padding: 0 5px 0 0;
}

#topnav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	padding: 0 10px 0 0;
}

#topnav ul li a:hover {
	text-decoration: underline;
}

#topnav ul li a.topactive, #topnav ul li a.topactive:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#topnav a.last {
	border: none;
}

#topnav a.flag {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

#topnav a.lastitem {
	background: none;
}

#topleft {
	float: left;
	width: 192px;
	border-left: 8px solid #00AC70;
	background: #FFFFFF;
	padding: 2px 0 3px 0;
}

#headermiddle {
	padding: 0;
	margin: 0;
	background: #FFFFFF;
}

.banner {
	margin: 0;
	padding: 0;
	height: 130px;
	width: 790px;
}

#homebanner {
	margin: 0;
	padding: 0;
	height: 136px;
	width: 990px;
	background: #FFFFFF;
	z-index: 1;
	position: relative;
}

#logo-over {
	margin: -136px 0 0 0;
	padding: 0;
	z-index: 3;
	position: absolute;
}

/*------ bread navigation -----*/

#breadnavhome {
	text-align: left;
	background: #F5F5F5;
	padding: 0;
	height: 19px;
	margin: 0;
	color: #666666;
}

#breadnav {
	text-align: left;
	background: #F5F5F5;
	color: #636363;
	padding: 0;
	margin: 0;
}

#breadnav a, #breadnavhome a {
	color: #95999C;
	font-size: 90%;
	text-decoration: none;
}

#breadnav a:hover, #breadnavhome a:hover {
	text-decoration: underline;	
}	

#breadleft {
	float: left;
	width: 205px;
	height: 19px;
	padding: 0;
	background: #CCE6CC;
	margin: 0 15px 0 0;
	border-left: 10px solid #FFFFFF;
}

#leftcontainer {
	float: left;
	width: 205px;
	background: #FFFFFF;
	padding: 0 0 0 10px;
}

#middlecontainer {
	float: left;
	width: 544px;
	background: #FFFFFF;
	padding: 15px 15px;
}
 
#middleleft {
	float: left;
	width: 280px;
}

#middleright {
	float: left;
	margin: 0 0 0 10px;
	width: 280px;
}

.newscontainer {
	float: left;
	padding: 0 0 0;
	margin: 0 0 15px 0;
	width: 100%; /* toegevoegd 18-12-2008 */
}

.newscontainer .date {
	margin: 0;
	padding: 0;
	display: block;
	color: #636363;
}

.newsleft {
	float: left;
	padding: 5px 5px 0 0;
	width: 100px;	
}

.newsright {
	float: left;
	padding: 0;
	width: 425px;
}

a.home {
	text-decoration: none;
	background: url(../images/arrow-red.gif) no-repeat 0 50% transparent;
	padding: 0 0 0 12px;
	color: #EA241B;
}

a.home:hover {
	text-decoration: none;
	background: url(../images/arrow-green.gif) no-repeat 0 50% transparent;
	padding: 0 0 0 12px;
	color: #008400;
}

a.mainsearch {
	text-decoration: none;
	background: url(../images/arrow-grey.gif) no-repeat 0 50% transparent;
	padding: 0 0 0 12px;
	margin: -10px 0 0 5px;
	font-size: 90%;
}

a.mainsearch:hover {
	text-decoration: none;
	background: url(../images/arrow-red.gif) no-repeat 0 50% transparent;
	padding: 0 0 0 12px;
	color: #EB231B;
}

#newsbreak {
	clear: both;
}

#ikwilcontainer {
	background: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
}

#ikwilcontainer h2 {
	color: #636363;
	margin: 0;
	border: none;
	clear: both;
}

#ikwilcontainer ul {
	padding: 0;
	margin: 5px 0;	
	line-height: 150%;
}

#ikwilcontainer ul li {
	color: #399D81;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#ikwilcontainer ul li a {
	display: block;	
	color: #008400;
	padding: 0 0 0 12px;
	text-decoration: none;
	background: url(../images/arrow-red.gif) no-repeat 0 5px transparent;
	margin: 0;
}

#ikwilcontainer ul li a:hover {
	color: #EB231B;
	background: url(../images/arrow-red.gif) no-repeat 0 5px transparent;
}

.contentcontainer {
	margin: 0 0 15px 0;
	padding: 0;
}

.contentcontainer ul { /* aangepast */
	margin: 0;
	padding: 0;
}

#middlecontainer ul { /* toegevoegd */
	margin: 0;
	padding: 0;
}

.contentcontainer ul li {
	list-style-type: none;
	background: url(../images/bullet-blue.gif) no-repeat 0 7px transparent;
	padding: 0 0 0 15px;
	margin: 0;
}

/*#middlecontainer ul li { 
	list-style-type: none;
	background: url(../images/bullet-blue.gif) no-repeat 0 7px transparent;
	padding: 0 0 0 15px;
	margin: 0;
}*/

.contentcontainer ol { /* toegevoegd */
	margin: 0 0 0 10px;
	padding: 0;
}

#middlecontainer ol { /* toegevoegd */
	margin: 0 0 0 10px;
	padding: 0;
}

.contentcontainer ol li { /* toegevoegd */
	margin: 0 0 0 15px;
}

#middlecontainer ol li { /* toegevoegd */
	margin: 0 0 0 15px;
}

.contentcontainer ul ul, .contentcontainer ul ul ul, .contentcontainer ul ul ul ul, .contentcontainer ul ul ul ul ul,
.contencontainer ol ol, .contencontainer ol ol ol, .contencontainer ol ol ol ol, .contencontainer ol ol ol ol ol { /* aangepast */
	margin: 0 0 0 15px;
} 

#middlecontainer ul ul, #middlecontainer ul ul ul, #middlecontainer ul ul ul ul, #middlecontainer ul ul ul ul ul,
#middlecontainer ol ol, #middlecontainer ol ol ol, #middlecontainer ol ol ol ol, #middlecontainer ol ol ol ol ol { /* toegevoegd */
	margin: 0 0 0 15px;
}

.pollcontainer_home {
	float: left;
	width: 260px;
	padding: 0 5px 0 5px;
	margin: 0 5px 10px 5px;
	background: url(../images/back_newscontainer.gif) repeat-x;
	border-top: 1px solid #B2D0C0;
}

.pollcontainer_home form {
	margin: 0;
}

#rightcontainer {
	float: left;
	width: 199px;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	border-left: 1px dotted #636363;
}

.inzetcontainer {
	margin: 15px 0 15px 0;
	padding: 0 0 0 10px;
}

.inzetcontainer p {
	padding: 0 0 0 5px;
}

.inzetcontainer ul {
	padding: 0;
	margin: 0;
}

.inzetcontainer ul li {
	color: #636363;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.inzetcontainer ul li a {
	color: #008400;
	padding: 0 0 0 12px;
	text-decoration: none;
	display: block;
	background: url(../images/arrow-grey.gif) no-repeat 0 5px transparent;
}

.inzetcontainer ul li a:hover {
	color: #EB231B;
	background: url(../images/arrow-red.gif) no-repeat 0 5px transparent;
}




/*------- NAV -------*/

#nav {
	padding: 15px 0 0 0;
	width: 205px;
	background: #CCE6CC;
	}
		
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, sans-serif;
	line-height: 140%;
	}

#nav li { 
	margin: 0;
	padding:0;
	list-style-type: none;
	}

#nav a {
	display: block;
	padding: 5px 10px;
	margin: 0;
	width: 185px;
	color: #636363;
	text-decoration: none;
	background: #CCE6CC;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;	
	}

#nav a:hover {
	background: #018400;
	color: #FFFFFF;	
	}

#active a, #active a:hover { 
	font-weight: bold;
	color: #FFFFFF;
	background: #018400;
	}	
	
#nav ul ul li { 
	margin: 0; 
	color: #018400;
	}

#nav ul ul a {
	background: #EBF5EC;
	color: #018400;
	display: block;
	padding: 5px 5px 5px 25px;
	width: 175px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	}

#nav ul ul a:hover {
	color: #018400;
	background: #FEF8A2;
	font-weight: normal;	
	}

#nav ul ul a.subactive, #nav ul ul a.subactive:hover  {
	color: #636363;
	background: #FEF8A2;
	font-weight: bold;
	}
	
#nav ul ul ul a {
	color: #636363;
	display: block;
	padding: 5px 5px 5px 40px;
	width: 160px;
	border-bottom: 1px solid #FFFFFF;
	background: #FFFDE8;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
	}

#nav ul ul ul a:hover {
	color: #EA231C;
	background: #FCFCFC;
	text-decoration: none;
	}

#nav ul ul ul a.subsubactive, #nav ul ul ul a.subsubactive:hover  {
	color: #EA231C;
	text-decoration: none;
	font-weight: bold;
	background: #FFFFFF;
	}

#adres {
	margin: 0;
	text-align: left;
	padding: 35px 10px 0 10px;
	float: left;
	color: #636363;
	background: #CCE6CC;
	width: 180px;
	margin: 0 0 20px 0;
	}
	
#adres p {
	margin: 0;
	padding: 0;
}	

#adres a {
	color: #008400;
	text-decoration: none;
}

#adres a:hover {
	color: #EB231B;
}	

#adres h3 {
	margin: 15px 0 0 0;
	padding: 0;
}


/* 10 01 2008 toegevoegd voor breed contentvlak */


#middlecontainer_full {
	float: left;
	width: 765px;
	background: #FFFFFF;
	padding: 10px;
}

#rightcontainer_small {
	float: left;
	width: 15px;
	background: #FFFFFF;
	padding: 10px 0 0 0;
	}