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

 	CSS Gemeente Dantumadeel (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: #337EC1;
	padding: 2px 0 0 0;
	font-size: 90%;
}

#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;
	background: url(../images/topnav-scheider.gif) no-repeat center right;	
	padding: 0 13px 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.flag {
	background: none;
	margin: 0;
	padding: 0;
}

#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: #D9DADC;
}

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

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

#breadnavhome {
	text-align: left;
	background: #EFF0F2;
	padding: 0;
	height: 18px;
	margin: 0;
	color: #95999C;
	border-right: 200px solid #E2E3E5;
}

#breadnav {
	text-align: left;
	background: #EFF0F2;
	color: #95999C;
	padding: 0;
	margin: 0 0 1px 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: 200px;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 0;
	background: url(../images/wolkom.gif) no-repeat top center #337EC1;
}

#leftcontainer {
	float: left;
	width: 200px;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}

#middlecontainer {
	float: left;
	width: 570px;
	background: #FFFFFF;
	padding: 15px 10px;
}

#middleleft {
	float: left;
	width: 280px;
}

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

.newscontainer {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 0 15px 0;
	width: 270px;
}

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

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

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

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

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

a.mainsearch {
	text-decoration: none;
	background: url(../images/arrow-blue.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-green.gif) no-repeat 0 50% transparent;
	padding: 0 0 0 12px;
	color: #399D81;
}

#newsbreak {
	clear: both;
}

#ikwilcontainer {
	background: #EBF6F2;
	margin: 15px 0 30px 0;
	padding: 10px 5px 5px 5px;
}

#ikwilcontainer h2 {
	color: #399D81;
	margin: 0;
	border: none;
}

#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: #399D81;
	padding: 0 0 0 15px;
	text-decoration: none;
	background: url(../images/right-arrow-green.gif) no-repeat 0 4px transparent;
	margin: 0;
}



#ikwilcontainer ul li a:hover {
	color: #337EC1;
	background: url(../images/right-arrow-blue.gif) no-repeat 0 4px transparent;
}

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

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

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

.contentcontainer ul ul, .contentcontainer ul ul ul, .contentcontainer ul ul ul ul, .contentcontainer ul ul ul ul ul {
	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: 180px;
	background: #EFF0F1;
	padding: 15px 10px 0 10px;
	margin: 0;
	height: 440px;
}

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

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

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

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

.inzetcontainer ul li a {
	color: #337EC1;
	padding: 0 0 0 15px;
	text-decoration: none;
	display: block;
	background: url(../images/right-arrow-blue.gif) no-repeat 0 4px transparent;
}

.inzetcontainer ul li a:hover {
	color: #399D81;
	background: url(../images/right-arrow-green.gif) no-repeat 0 4px transparent;
}




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

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

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

#nav a {
	display: block;
	padding: 5px 10px;
	width: 180px;
	color: #FFFFFF;
	text-decoration: none;
	background: #399D81;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;	
	}

#nav a:hover {
	background: #969BA1;	
	}

#active a, #active a:hover { 
	font-weight: bold;
	color: #FFFFFF;
	background: #969BA1;
	}	
	
#activated a, #activated a:hover { 
	font-weight: normal;
	background:url(../images/back_menu_select.gif) no-repeat;
	}	

#nav ul ul li { 
	margin: 0; 
	color:#000000;
	}

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

#nav ul ul a:hover {
	color: #337EC1;
	background: #D7E5F2;
	font-weight: normal;	
	}

#nav ul ul a.subactive, #nav ul ul a.subactive:hover  {
	color: #337EC1;
	background: #D7E5F2;
	font-weight: bold;
	}
	
#nav ul ul ul a {
	color: #000000;
	display: block;
	padding: 5px 5px 5px 40px;
	width: 155px;
	border-bottom: 1px solid #FFFFF;
	background: #E1ECF5;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
	}

#nav ul ul ul a:hover {
	color: #000000;
	background: #CDE6DF;
	text-decoration: none;
	}

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

#adres {
	margin: 30px 0 0 0;
	text-align: left;
	padding: 0 0 0 10px;
	float: left;
	color: #92999F;
	}
	
#adres a {
	color: #389D81;
}	

#digid a img {
	margin: 15px 0 0 0;
	text-align: left;
	float: left;	
	border: none;
}


/* 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;
	}