/*___________________________________________________________________________________________________________________

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













/*___________________________________________________________________________________________________________________

	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

_____________________________________________________________________________________________________________________*/

body {
	background: url("img/logo_color.gif") no-repeat;
	/* behavior:url("templates/css/csshover.htc"); */
}
html, body {
	width:100%;
	margin:0;
	padding:0;
}


/* begin_screen_mct_beheer_editor */

body,p,td,th,input,select,textarea {
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	line-height:20px;
}
input,textarea { line-height: normal; }
p,ul,ol,table { margin-bottom: 15px; }

a { color: #3c80e6; }
a:hover { color: #3c80e6; text-decoration: none; }
a:active { color: #3c80e6; }

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

ul, ol { margin: 0 0 0 20px; padding: 0; line-height:20px; }
ul { list-style-type: square; }
ol {  }

table { border-collapse: collapse; border: 1px solid #CCC; }
th, td { border: 1px solid #CCC; padding: 2px; vertical-align: top; }
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

dl dt {}
dl dd {}

hr {
	border: 0px;
	background-color: #CCC;
	height: 1px;
	margin: 10px 0;
}






/*__________________________________________________________ HEADINGS __________________________________________________________*/

h1,h2,h3,h4,h5,h6 {
	margin: 0px; padding: 0px; color:#537db9;
	font-size: 11px;
}
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 {  }

h2 { font-size: 24px; }
h3 { font-size: 150%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }








/*__________________________________________________________ ALGEMENE CLASSES __________________________________________________________*/

.image-border { padding: 2px; border: 1px solid #CCC; }
.blue { color: #3c80e6; }
.clearer { clear: both; }
.click {
	padding:0 0 0 14px;
	background:url("img/click-bg.gif") no-repeat 0 5px;
	color:#0b3d91;
	text-decoration:none;
}
.click.left { float:left; }
.click.right { float:right; }
.click:hover {text-decoration:underline;}

/* end_screen_mct_beheer_editor */
.article { clear: both; }
.date {
	color: #A5A5A5;
	font-size: 10px;	
}








/*__________________________________________________________ MAIN CONTAINER __________________________________________________________*/
.inner {background:url("img/content-inner-bg.gif") repeat-y;}
.index {background: url("img/content-index-bg.gif") repeat-y;}

#main-container {
	margin: 0 auto;
	width:860px;
	overflow:hidden;
	padding: 170px 12px 0 11px;
	position:relative;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	padding-bottom: 20px;
}







/*__________________________________________________________ HEADER __________________________________________________________*/
#header {
	display: none;
}







/*__________________________________________________________ MENU __________________________________________________________*/
#menu {
	display: none;
}




/*__________________________________________________________ SUBMENU __________________________________________________________*/
#submenu {
	margin-bottom: 40px;
}
#submenu a {
	color: #3E3E3E;
	text-decoration: none;
}
#submenu a:hover {
	text-decoration: underline;
}






/*__________________________________________________________ CONTAINER __________________________________________________________*/
#container {
	float:left;
	position:relative;
	z-index:10;
}




/*__________________________________________________________ LEFT CONTENT __________________________________________________________*/
#left-content {
	display: none;
}



.map-block {
	float:left;
	width:236px;
	height:338px;
	overflow:hidden;
	margin: 0;
	padding:12px 22px 0;
	background:url("img/map-bg.jpg") no-repeat;
}
.map-block.small {
	background: none;
	padding: 0px;
	width: 180px;
	height: auto;
}
.map-block p {
	margin:12px 0 14px;
}
.map-block select {
	float:left;
	width:240px;
	padding:1px 0 1px 2px;
}
.map-block.small select {
	width:180px;
}





/*__________________________________________________________ RIGHT CONTENT __________________________________________________________*/
#right-content {
	padding:0 20px 0 0;
	overflow:hidden;
}








#right-content .banner a {
	color: #FFF;
	text-decoration: none;
}
#right-content .banner a:hover {
	text-decoration: underline;
}
#right-content .banner-pinc {
	float:left;
	width:431px;
	color:#fff;
	padding:18px 20px 5px;
	margin:10px 0 0;
	background:#e019aa url("img/title-pinc-banner.gif") no-repeat;
}
#right-content .banner-orange {
	float:left;
	width:431px;
	color:#fff;
	padding:18px 20px 5px;
	margin:10px 0 0;
	background:#f96c04 url("img/title-orange-banner.gif") no-repeat;
}
#right-content .banner-green {
	float:left;
	width:431px;
	color:#fff;
	padding:18px 20px 5px;
	margin:10px 0 0;
	background:#42a71a url("img/title-green-banner.gif") no-repeat;
}





/*__________________________________________________________ MAIN CONTENT __________________________________________________________*/
#content {
	
}
#content .list {
	padding:0;
	margin:0 0 20px;
	list-style:none;
}
#content .list li {
	padding:0 0 0 20px;
	background:url("img/list-pointer.gif") no-repeat 5px 7px;
}





/*__________________________________________________________ LEFT BLOCK __________________________________________________________*/
#left-block {
	display: none;
}












/*__________________________________________________________ RIGHT BLOCK __________________________________________________________*/
#right-block {
	display: none;
}






/*__________________________________________________________ BREAD CRUMBS __________________________________________________________*/
#main-container .bc {
	display: none;
}






/*__________________________________________________________ CONTACT __________________________________________________________*/
#contact {
	
}
#contact .formField {
	margin-top: 4px;
}
#contact input, #contact textarea {
	border: 1px solid #CCC;
	padding: 2px;
	font-size:10px;
	width: 150px;
}
#contact textarea {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 250px;
	height: 130px;
}
#contact .formField label, #contact .formArea label {
	width: 136px;
	float: left;
}
#contact .submit {
	float: right;
	cursor: pointer;
	width: 100px;
}
#contact .inputerror {
	border: 1px solid #537DB9;
}




/*__________________________________________________________ NEWS __________________________________________________________*/
#newsarticles {
	margin-bottom: 40px;
}
#newsarticles .date {
	position: absolute;
	top: 6px;
	right: 5px;
}
#newsarticles h3 {
	width: 330px;
}
#newsarticles .newsarticle1 h3,
#newsarticles .newsarticle2 h3, 
#newsarticles .newsarticle3 h3, 
#newsarticles .newsarticle4 h3, 
#newsarticles .newsarticle5 h3 {
	width: 410px;
}
#newsarticles .article {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	clear: both;
}
#newsarticles .fixedimage {
	clear: both;
	display: inline;
	float: left;
	margin: 4px 4px 0 0 ;
}
#newsarticles .description {
	clear: both;
}
#newsarticles .newsarticle2, 
#newsarticles .newsarticle3, 
#newsarticles .newsarticle4, 
#newsarticles .newsarticle5 {
	margin: 0;
}
#newsarticles .newsarticle2 .description, #newsarticles .newsarticle2 .fixedimage, 
#newsarticles .newsarticle3 .description, #newsarticles .newsarticle3 .fixedimage, 
#newsarticles .newsarticle4 .description, #newsarticles .newsarticle4 .fixedimage, 
#newsarticles .newsarticle5 .description, #newsarticles .newsarticle5 .fixedimage {
	display: none;
}
#newsarticles .newsarticle2 h3 a, 
#newsarticles .newsarticle3 h3 a, 
#newsarticles .newsarticle4 h3 a, 
#newsarticles .newsarticle5 h3 a {
	padding: 6px 0 6px 35px;
	display: block;
	font-size: 11px;
	overflow: hidden;
	font-weight: normal;
	background: #FFFFFF url("img/news-list-bg.gif") 10px center no-repeat;
}
#newsarticles .newsarticle2:hover, 
#newsarticles .newsarticle3:hover, 
#newsarticles .newsarticle4:hover, 
#newsarticles .newsarticle5:hover {
	background: #537db9;
	color: #FFF;
}
#newsarticles .newsarticle2:hover h3 a, 
#newsarticles .newsarticle3:hover h3 a, 
#newsarticles .newsarticle4:hover h3 a, 
#newsarticles .newsarticle5:hover h3 a {
	background: #537db9 url("img/news-list-bg-hover.gif") 10px center no-repeat;
	color: #FFF;
}
#newsarticles .newsarticle2:hover .date, 
#newsarticles .newsarticle3:hover .date, 
#newsarticles .newsarticle4:hover .date, 
#newsarticles .newsarticle5:hover .date {
	color: #FFF;
}
#newsarticles .click.right {
	clear: both;
}





/*__________________________________________________________ DOELGROEP __________________________________________________________*/
.doelgroep {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.doelgroep.item {
	border-bottom: 1px solid #CCC;
}
.doelgroep .image img {
	border: 1px solid #CCC;
	padding: 2px;
	float: left; 
	margin: 15px 5px 0 0;
}
.doelgroep li {
	width: 50%;
	float: left;
}




.gemeente {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.gemeente.item {
	border-bottom: 1px solid #CCC;
}
.gemeente .image img {
	border: 1px solid #CCC;
	padding: 2px;
	float: left; 
	margin: 15px 5px 0 0;
}
.gemeente li {
	width: 50%;
	float: left;
}






/*__________________________________________________________ MEDEWERKER __________________________________________________________*/
.medewerker {

}
.medewerker.item {
	margin-bottom: 20px;
}
.medewerker .pasfoto img {
	float: right;
	padding: 3px;
	border: 1px solid #CCC;
}
.medewerker.item .pasfoto img { margin-top: 24px; }
.medewerker table { border-collapse: collapse; border: 0px; width: 270px; }
.medewerker th, td { border: 0px; padding: 2px; vertical-align: top; border-bottom: 1px solid #CCC; padding: 2px 10px 2px 10px; }

.medewerkers li { width: 100%; }
.medewerkers li span {
	font-size: 10px;
}






/*__________________________________________________________ AGENDA __________________________________________________________*/

.agendalist {
	margin-bottom: 30px;
}

#agenda {
	list-style-type: none;
	margin: 0; padding: 0;
}
#agenda li {
	margin-top: 20px;
	background: url("img/list-box-bg.gif") repeat-y;
}
#agenda li.nodata {
	background: none;
}
#agenda li .top {
	background: url("img/list-box-top-corner.gif") no-repeat;
}
#agenda li .bottom {
	background: url("img/list-box-bottom-corner.gif") no-repeat left bottom;
	padding: 5px 20px;
	
}
#agenda .agenda3, #agenda .agenda4 {
	display: none;
}
#agenda p, #agenda h4 {
	margin: 0 0 3px 0;
}

#agenda p.data { background:url("img/data-bg.gif") no-repeat 0 4px; padding: 0 0 0 22px; }
#agenda p.place { background: url("img/place-bg.gif") no-repeat 0 4px; padding: 0 0 0 22px; }
#agenda .info { background: url("img/info-bg.gif") no-repeat 1px 4px; padding: 0 0 0 22px; }













/*__________________________________________________________ ITEMNAVIGATION __________________________________________________________*/
#itemnavigation {
	text-align: center;
	margin: 20px 0;
	float: right;
}
#itemnavigation ul {
	padding: 0;
	margin: 0;
}
#itemnavigation li {
	margin: 0;
	display: block;
	padding: 0 4px;
	margin: 0 2px;
	float: left;
	border: 1px solid #537db9;
	color: #537db9;
	position: relative;
}




/*__________________________________________________________ META INFO - PRINT / AUTEUR / DATE  _______________________________________*/

.meta{
	display:none;
	}

ul.meta {
	clear: both;
	margin: 0; padding: 0;
	list-style-type: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 3px 0;
	font-size: 9px;
	color: #777;
	margin: 20px 0;
}

ul.meta li {
	float: left;
	border-right: 1px solid #C9C9C9;
	padding: 0; margin: 0;
	padding: 2px 5px;
}
ul.meta li.back a { padding-left: 20px; background: url('img/bullets/back.gif') no-repeat; }
ul.meta li.print a { padding-left: 20px; background: url('img/bullets/fileprint.gif') no-repeat; }
ul.meta li.mail a { padding-left: 20px; background: url('img/bullets/mail_post_to.gif') no-repeat; }
ul.meta li.favorite a { padding-left: 20px; background: url('img/bullets/favorites.gif') no-repeat; }







#googlemaps {
	border: 1px solid #000;
	margin-bottom: 20px;
	width: 390px;
	height: 250px;
}
#saddr {
	width: 286px;
	border: 1px solid #CCC;
	margin: 0 2px 4px 0;
	padding: 0 2px;
}
#googlesubmit {
	width: 92px;
	border: 1px solid #537DB9;
	margin: 0 0 4px 2px;
	background-color: #537DB9;
	color: #FFF;
}










/*__________________________________________________________ FOOTER __________________________________________________________*/
#footer ul, #footer img {
	display: none;
}
#footer .naw {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	list-style-type: none;
}







#printinfo {
	position: absolute;
	top: 0px;
	right: 0px;
}