/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*
	NOFCOM
	copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl
*/

/* GENERAL STYLES */

body {
	color: #262626;
	background-color: #fff;
	/*
	 * voor localhost
	 * _behavior: url("templates/css/lib/csshover.htc");
	 * */
	_behavior: url("templates/css/lib/csshover.htc");
}

/* begin_screen_mct_beheer_editor */

body,th,select {
	background-color:#444444;
	font-family: Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6b7d8f;
}

td{
	padding:15px;
	background-color:white;
}


input,textarea { line-height: normal; }

p { margin-bottom: 10px; }

a { color: #fff; text-decoration:none;}/*
a:hover { color: #2a9eff; text-decoration: none; }
a:active { color: #2a9eff; }*/
hr {
	margin-left: 0px;
	_margin-left: -3px;
	background-color: lightgray;
	width: 650px;
	clear: left;
}


img { border: none; }
fieldset { border: none; }
caption { display: none; }

ol {}

table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

dl dt {}
dl dd {}

strong { font-weight: bold; }
em { font-style: italic; }



/* HEADINGS */

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 5px;
	color: #484848;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {  }

h1 {
	
}

h2 {  
	 font-size:20px;
	 color: #3987d5;
	 }
	 
h3 { font-size: 16px;
	 color: #6b7d8f;
}
h4 { font-size: 14px; }
h5 { font-size: 13px; font-weight: bold; }



/* GENERAL CLASSES */

.clear { clear: both; }

.box-text {
	color: white;
	font-size: 10px;
	padding: 155px 10px 10px 17px;
}

.spacer{
	padding: 7px 0px;
}

/* end_screen_mct_beheer_editor */


/* CONTAINER */

#container {
	position: relative;
	width: 973px;
	height: auto;
	margin: 15px auto;
	border: solid 4px white;
	background-color: #FFF;
}

/* HEADER */

#header {
	z-index: 8;
	position: relative;
	height:233px;
	width:973px;
	padding:0px;
	margin: 0px;
}

#header .header_overlay {
	z-index: 9;
	position: absolute;
	top: 0;
	left: 0;
	height:233px;
	width:973px;
	background-image: url("../../../img/header.png");
}

#header .header_image {
	z-index: 8;
	position: absolute;
	top: 0;
	left: 0;
}


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

/* MAIN CONTENT */

#main-content {
	height: auto;
	width:973px;
	background-color: white;

}

/* AGENDA */

#agenda{
	z-index: 10;
	position: absolute;
	width: 245px;
	height: 344px;
	margin: 235px 15px 0px 0px;
	_margin-right: 5px;
	top: 0px;
	right: 0px;
	float:right;
}

#agenda img{
	z-index: 11;
	position: absolute;
	width: 245px;
	height: 344px;
}

#agenda ul {
	z-index: 12;
	position: absolute;
	top: 0;
	left: 0;
	padding: 125px 35px 10px 45px;
}

#agenda li{
	font-size:12px;
	color:#343333;
	padding: 10px 0px 10px 0px;
}

#agenda a, #agenda ul li a{
	color: #000;
	font-family: tahoma, arial, verdana, sans-serif;
}

#agenda a:hover, #agenda ul li a span:hover {
	text-decoration:underline;
	font-family: tahoma, arial, verdana, sans-serif;
}

/* LEFT CONTENT */

#text-content {
	width: 690px;
	height: auto;
	padding-top: 45px;
	padding-bottom:40px;
	background-color: white;
	float:left;
}


#text-content .vertical_line {
	width: 3px;
	height: auto;
	background-image: url("../../../img/vertical_line.jpg");
	float:left;
}

/* NIEUWS CONTENT */

.text-block {
	width: 660px;
	height: auto;
	background-color: white;
	padding: 20px 0px 0px 25px;
	float: left;
	margin-bottom:25px;
}

.text-block a{
	color: gray;
	text-decoration: none;
}

.text-block a:hover{
	color: gray;
	text-decoration: underline;
}

.text-block ul li a{
	color: #6b7d8f;
	font-family: tahoma, arial, verdana, sans-serif;
}

.text-block ul li a:hover{
	color: #6b7d8f;
	text-decoration: underline;
}

.text-block img{

	border: solid 1px grey;
	margin: 0px 20px 20px 20px;
}

.text-block .photoalbum{
	width: 100px;
	height: 75px;
	margin: 20px 20px 20px 0px;
	float:left;
	border: solid 1px grey;
}

/* FRONTPAGE WELCOMEBOX */

#box-welcome {
	height:175px;
	width: 340px;
	background-color: white;
	padding: 20px 30px 0px 25px;
	float:left;
}

/* FRONTPAGE NEWSBOX */

#box-news {
	height:175px;
	width:250px;
	background-color: white;
	padding: 20px 10px 0px 25px;
	float: left;
}

#box-news ul li a{
	color: #6b7d8f;
	font-family: tahoma, arial, verdana, sans-serif;	
	
}

#box-news ul li a:hover{
	text-decoration: underline;
}
	
/* FRONTPAGE BOTTOMBOXES */	
	
#box-voorzieningen{	
	height:220px;
	width:207px;
	margin:0px 0px 0px 20px;
	float:left;
	background-image: url("../../../img/voorzieningen.jpg");
	background-repeat: no-repeat;
}

#box-voorzieningen:hover{
	background-image: url("../../../img/voorzieningen_hover.jpg");
	background-repeat: no-repeat;
}

#box-wonen {
	height:220px;
	width:207px;
	margin:0px 0px 0px 20px;
	float:left;
	background-image: url("../../../img/wonen.jpg");
	background-repeat: no-repeat;
}


#box-wonen:hover {
	background-repeat: no-repeat;
	background-image: url("../../../img/wonen_hover.jpg");
}

#box-toerisme {
	height:220px;
	width:207px;
	margin:0px 5px 0px 20px;
	float:left;
	background-image: url("../../../img/toerisme.jpg");
	background-repeat: no-repeat;
	
}
	
#box-toerisme:hover {
	background-repeat: no-repeat;
	background-image: url("../../../img/toerisme_hover.jpg");
}

#snelmenu_rechts {
	margin-top: 345px;
	height:150px;
	width:250px;
	float:right;
	background-image: url("../../../img/snelmenu_rechts.jpg");
	background-repeat: no-repeat;
	margin-bottom:25px;
	padding-right:25px;
}

/* QUICKNAV BOTTOM RIGHT */	

#snelmenu_rechts ul a{
	color: #02296a;
	font-size:16px;
	font-weight: bold;
	font-family:tahoma, arial, verdana, sans-serif;
}

#snelmenu_rechts ul {
	float:right;
	padding: 25px 20px 0px 0px;
}

#snelmenu_rechts ul li{
	margin-top:10px;
	}

/* CONTACT FORM */
div.form-container { margin-top: 25px; padding: 0px; background-color: #FFF; border: #EEE 0px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }

div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }

div.form-container input.inputerror { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.inputerror:focus, 
div.form-container select { border-color: #C00; background-color: #FEF;}


div.form-container textarea.inputerror{ border-color: #C00; background-color: white;}
div.form-container textarea:focus {	background-color: white; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

div.form-container div.hidden{ display:none }
div.form-container div.show{ display: inline; background-color: white; border-color: #C00;  }


/* news */


.article h2 a{
 	color: #6B7D8F;
 	font-weight: bold;	
}

.article h2 a:hover{
 	color: #6B7D8F;
 	font-weight: bold;	
}

.article a{
	color: #6B7D8F;
 	font-weight: bold;	
}

.article a:hover{ 
	color: #6B7D8F;
 	font-weight: bold;
}

/* MENU */

#menubar {
	clear:both;
	position: absolute;
	top: 222px;
	left: 0px;
	height:51px;
	width:973px;
	z-index: 7;
	border-top: 2px solid #fff;
	background: url("../../../img/bg_menubar.gif") repeat-x;	
}

#menubar ul li .active {
	background-image: url("../../../img/bg_menubar_hover.gif");	
	font-weight: bold;
}

#menubar ul{
	padding: 0px;
	height: 51px;
}

#menubar ul li{
	float: left;
	width: 100px;
	height: 35px;
	text-align: center;
	border-right: solid 1px white;
	position: relative;
	list-style: none;
}

#menubar ul li a:hover {
	background-image: url("../../../img/bg_menubar_hover.gif");	
}

#menubar ul li a{
	padding-top: 9px;
	width: 100px;
	display: block;
	height: 27px;
	color: #fff;
	text-decoration: none;
	font-family: tahoma, arial, verdana, sans-serif;
}

#menubar ul ul{
	padding: 0px;
	margin: 0px;
	display: none;
	height: auto;
}

#menubar ul li:hover ul{
	display: block;
	background-color: #3987d5;
	border: solid 1px white;
	width:180px;
	position: absolute;
	left: 0px;
	margin-left: -1px;
}

#menubar li li{
	list-style: none;
	border: solid 1px #FFF;
	width: 180px;
}

#menubar li li a{
	display: block;
	width: 170px;
	height: 27px;
	background: #3987d5;
	padding-left: 10px;
	text-align: left;
}

#menubar li li a:hover{
	background: #56a0ea;
}

#menubar ul li ul .active {
	background: #56a0ea;	
}

/* FOOTER */

#footer {
	width: 973px;
	height: 21px;
	background-image: url("../../../img/footer.jpg");	
	background-repeat: no-repeat;
}

#footer p{
	font-size:12px;
	color:white;
	float:right;
	padding-top:3px;
	padding-right:20px;
	margin:0px;
	
}


#agenda_home_datum {
	float: left;
	width: 45px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#agena_home_description {
	float: left;
	width: 120px;
	margin-top: 7px;
	margin-bottom: 7px;
	
}
/*
	mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands
	copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl
*/

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* end flash headlines */