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

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/fonts-min.css";
@import "lib/reset-min.css";
@import "lib/lightbox.css";
/* End import/hide */



/* GENERAL STYLES */

body {
	color: #262626; /* #efefef (orgineel van de volgende regel) */
	background: #ffffff url("../../img/bg_body.gif") no-repeat center top;
	behavior:url("templates/css/lib/csshover.htc");
}

/* begin_screen_mct_beheer_editor */

body,td,th,input,select,textarea {
	font-size: 13px;
	font-family: arial, verdana, tahoma, sans-serif;
	line-height: 18px;
}

input,textarea { line-height: normal; }

p { margin-bottom: 15px; }

a { color: #3c80e6; }
a:hover { color: #3c80e6; }
a:active { color: #3c80e6; }
img { border: none; }
fieldset { border: none; }
caption { display: none; }

ul {}
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: 15px;
	color: #2a9eff;
}

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 { font-size: 22px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; font-weight: bold; }



/* GENERAL CLASSES */

.meer { background: url("../../img/bullets/bullet_readmore.gif") no-repeat right 6px; padding-right: 10px; }

a.rss { padding-left: 18px; background: url("../../img/bullets/bullet_rss.gif") no-repeat left 4px; }

a.exLink { padding-right: 10px; background: url("../../img/bullets/bullet_exlink.gif") no-repeat right 6px; }

ul.li_spacing li {	margin-bottom: 15px; }

.clear { clear: both; }

.blue { color: #2a9eff; }
.orange { color: #fca901; }
.groot { font-size: 16px; line-height: 26px; }
.middel { font-size: 14px; }
.klein { font-size: 10px; }

hr {
	border:0pt none;
	width:100%;
	background-color:#aaa;
	color:#aaa;
	height:1px;
	margin: 15px 0 20px 0;
}

a.bullet_rss {
	width: 25px;
	background: url("../../img/bullets/bullet_rss.gif") no-repeat left 0px;
	padding-left: 15px;
}


/* end_screen_mct_beheer_editor */



/* CONTAINER */

#container {
	position: relative;
	margin: 0 auto;
	width: 814px;
	padding-left: 1px;
	background-color: #fff;
	margin-top: 17px;
}



/* HEADER */

#header {
	width: 815px;
	height: 144px;
	background-image: url("../../img/header_image.jpg");
	overflow: hidden; 
}

#header h1 {
	margin: 60px 0 0 40px;
	height: 70px;
	width: 143px;
	background-image: url("../../img/logo_fvijf.png");

	/* INTERNET EXPLORER 6 en 5.5 
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fvijf.mediactdev.nl/img/logo_fvijf.png', sizingMethod='fixed');*/
}

#header h1 a {
	height: 70px;
	width: 143px;
	display: block;
	text-decoration: none;
	text-indent: -1234em;
}



/* CONTENT */

#content {
	float: left;
	width: 550px;
	padding-top: 40px;
	min-height: 300px;
	_height: 300px;
}

#rightsidebar {
	float: right;
	width: 224px;
	background-color: #efefef;
	padding-top: 40px;
}

.article {
	padding: 20px;
}





/* META INFO - PRINT / AUTEUR / DATE / ET CETERA */

ul.meta {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #C9C9C9;
	padding-top: 2px;
	font-size: 9px;
	color: #777;
}

ul.meta li {
	float: left;
	border-right: 1px solid #C9C9C9;
	padding-right: 5px;
	margin-right: 2px;
	padding-left: 3px;
}

ul.meta li.calender {
	background: url("../../img/bullets/bullet_date.gif") no-repeat 1px 3px;
	padding-left: 18px;
	height: 18px;
}

ul.meta li.auteur, ul.meta li.print {

}

ul.meta li.print {
	background: url("../../img/bullets/bullet_print.gif") no-repeat 3px 2px;
	padding-left: 23px;
	height: 20px;
	border-right: none;
}



/* ITEM NAVIGATION */

#itemnavigation {
	border-top: 1px solid #C9C9C9;
	clear: both;
	margin-bottom: 15px;
}

#itemnavigation ul { margin-left: 0; margin-top: 0; }

#itemnavigation ul li {
	display: inline;
	background-image: none;
	padding-left: 0;
	font-size: 10px;
}



/* BREADCRUMB */

#breadcrumb {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #C9C9C9;
	width: 550px;
}

#breadcrumb ul { list-style-type: none; margin: 0; }

#breadcrumb li {
   display: inline;
   background: url("../../img/bullets/bullet_breadcrumb.gif") no-repeat left 5px;
   padding-left: 7px;
   margin-right: 3px;
   text-transform: lowercase;
   font-size: 11px;
}

#breadcrumb li.first { padding-left: 0; margin-right: 1px; background-image: none; }

#breadcrumb a { text-decoration: none; }

#breadcrumb a:hover {
	text-decoration: underline;
} 


/* CSS FORM TEMPLATE */

div.form-container { margin: 10px;  }

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 textarea.inputerror{	border-color: #C00; background-color: #FEF;}
div.form-container textarea:focus {	background-color: #FFC; 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: #FFC; border-color: #C00;  }

/* SITEMAP */

#sitemap li {
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
	min-height: 22px;
}

#sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; }

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

#sitemap li li a {
	height: 22px;
	margin: 0; padding: 0;
	padding-left: 25px;
	font-weight: normal;
	background: url("../../img/bullets/bullet_list.gif") no-repeat 10px 4px;
}

#sitemap li li li a {
	padding-left: 40px;
	background: url("../../img/bullets/bullet_list.gif") no-repeat 28px 8px;
}

#sitemap li li li li a {
	padding-left: 55px;
	background-position: 45px top;
}

#sitemap li li li li li a {
	padding-left: 70px;
	background-position: 60px top;
}



/* MENU */

#menu {
	position: absolute;
	top: 145px;
	_margin-left: 1px;
	height: 31px;
	width: 815px;
	background: #2a9eff url("../../img/bg_menu.gif") repeat-x;
}

#menu ul li {
	position: relative;
	float: left;
	padding: 6px 20px 0 20px;
}

#menu ul li a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

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

#menu li ul {
	display: none;
	position: absolute;
	left: 20px;
	top: 0;
	margin-top: 23px;
	padding: 0 0 0 0;
	z-index: 99;
	border: 1px solid #333;
	background-color: #333;
    -moz-opacity: .9;
    filter: alpha(opacity=90);
}

#menu li:hover ul {
	display: block;
}

#menu li li, #menu li li:hover {
	_filter: none;
}

#menu li:hover li {
	float: none;
	width: 160px;
	text-align: left;
	height: 20px;
	overflow: hidden;
	margin-left: 0;
	
}

#menu li:hover li a {
	background-image: none;
	width: 150px;
	padding: 0 0 0 10px;
	height: 20px;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 0 5px 0;
}

#menu li:hover li:hover {
	background-color: #fff;
	
}

#menu li:hover li:hover a {
	color: #2c3336;
}

#menu li:hover li.active a {
	font-weight: bold;
}

/* NEWS */

.newsarticles .newsarticle{
	padding: 10px 10px 20px 10px;
	border-top:1px solid #c1e1fb;
	background: #e6f2fb;
	}
	

.newsarticles .newsarticle h3{
	font-size: 14px;
	margin-bottom: 5px;
	}
	
	
.newsarticles .newsarticle .readmore{
	display: block;
	float: right;
	margin-top: 5px
	}

.newsarticles #a1,
.newsarticles #a3,
.newsarticles #a5,
.newsarticles #a7,
.newsarticles #a9,
.newsarticles #a11,
.newsarticles #a13,
.newsarticles #a15,
.newsarticles #a17,
.newsarticles #a19,
.newsarticles #a21,
.newsarticles #a23,
.newsarticles #a25,
.newsarticles #a27{
	background: #ffffff;
	}
.newsarticle h2{
	font-size: 18px;
	margin-bottom: 5px;
	
}
/*__________________________________________________________ GALLERY PHOTOS _________________________________________________________*/

#albumphoto {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	height: 271px;
	width: 389px;
	overflow: hidden;
	margin: 0 10px 200px 10px;
	_margin-left: 0;
	_padding-left: 10px;
	padding-top: 20px;
	border-right: 1px solid #ccc;
}

.category, .gallery_photos {
	float: left;
	margin: 0 45px 25px 0;
	width: 120px;
	height: 98px;
	overflow: hidden;
}


.category:hover a.image, .gallery_photos:hover a.image {
	border: 1px solid red;
	display: block;
	height: 75px;
	width: 120px;
}

.category:hover a, .gallery_photos:hover a {
	color: black;
}

.category:hover p, .gallery_photos:hover p {
	border-bottom: 1px solid #fff;
}

.category a.image, .gallery_photos a.image {
	display: block;
	width: 120px;
	height: 75px;
	overflow: hidden;
	border: 1px solid #342f29;
	background: url("../../img/no_image.gif") no-repeat center center;
}

.category a.image:hover, .gallery_photos a.image:hover {
	border: 1px solid #fff;
}

.category p, .gallery_photos p {
	border-bottom: 1px solid #342f29;
	height: 20px;
	font-size: 12px;
}

.category p a, .gallery_photos p a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: black;
	height: 20px;
}

.gallery_photo_big .navigation {
	border-bottom: 1px solid #007045;
	border-top: 1px solid #007045;
	height: 28px;
	text-align: center;
}

.gallery_photo_big ul {
	margin: 0 auto;
	width: 400px;
	list-style-type: none;
}

.gallery_photo_big .navigation li {
	float: left;
	text-align: left;
}

.gallery_photo_big .navigation li.back { width: 110px; }
.gallery_photo_big .navigation li.overzicht { width: 160px; }
.gallery_photo_big .navigation li.next { width: 130px; }

.gallery_photo_big .navigation a {
	display: block;
	height: 25px;
	margin: 0 auto;
	text-decoration: none;
	line-height: 25px;
	overflow: hidden;
	color: #007045;
}

.gallery_photo_big .navigation a:hover {
	color: #007045;
	text-decoration: underline;
}

.gallery_photo_big .navigation .back a {
	padding-left: 35px;
	padding-top: 4px;	
	border-left: 1px solid #007045;
	background: url("../../img/bullets/arrow_left.png") no-repeat 14px 4px;
}

.gallery_photo_big .navigation .overzicht a {
	border-left: 1px solid #007045;
	border-right: 1px solid #007045;
	padding-top: 4px;	
	background: url("../../img/bullets/pictures.png") no-repeat 10px 4px;
	padding-left: 33px;
}

.gallery_photo_big .navigation .next a {
	padding-left: 13px;
	padding-top: 4px;
	border-right: 1px solid #007045;
	background: url("../../img/bullets/arrow_right.png") no-repeat 95px 4px;
}

.gallery_photo_big .image_big {
	margin-top: 16px;
	margin-bottom: 10px;
	text-align: center;
}

.gallery_photo_big .image_big img {
	border: 1px solid #007045;
}

.gallery_photo_big .photo_content {
	margin-top: 30px;
}

/* FOOTER */

#footer {
	clear: both;
	height: 50px;
	border-top: 3px solid #2a9eff;
	background-color: #efefef;
	margin-left: -1px;
	width: 816px;
	padding-top: 10px;
	font-size: 10px;
}

#footer p { padding-left: 20px; }