/**
 * Stylesheet for <MS Vlaanderen>
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Karen de Bock <karen@netlash.com>
 * @author	Johan Ronsse <johan@netlash.com> (oplapper ;0)
 */

/*
	Reset
*/

body, form, fieldset, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style:none;
}

img, fieldset {
	border: 0;
}

input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

th {
	text-align: left;
}

/**
 * Clearfix
 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	font-size: 76% = 12px
	line-height: 1.4 = 16px
*/

body {
	font: 95%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	background: #B8C7D7 url(../images/bg_home.jpg) repeat-x;
}

#bg {
	background: url(../images/bg_home_img.jpg) top center no-repeat;
}

p {
	padding: 0 0 12px;
}

blockquote {
	padding: 0 0 0 24px;
	font-style: italic;
}

dl.comments dd.bottom {
	margin-bottom: 10px;
	font-style: italic;
	font-size: 0.85em;
}

div.txt dl.comments dd img {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	border: 2px solid #FFF;
}



h1, h2 {
	font-size: 1.5em;
	padding: 0 0 24px;
}

h3 {
	font-weight: 700;
	font-size: 1.3em;
	padding: 0 0 12px;
}

h4 {
	font-weight: 700;
	padding: 0 0 12px;
}


/*
	Image classes
*/

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
	margin: 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
	margin: 0;
}

img.dontAlign {
	float: none;
	padding: 0 0 10px;
	margin: 0;
}

/*
	Page structure
 */

#container_splash {
	width: 920px;
	margin: 0 auto;
}

#main_splash {
	height: 500px;
	padding: 0;
	margin-top: 130px;
}

div.img_splash {
	float: left;
	width: 280px;
	height: 290px;
	margin-top: 104px;
	background: url(../images/splashimg.jpg) no-repeat;
}

div.right_splash {
	float: left;
	width: 504px;
}

div.logos_splash {
	display: block;
	width: 434px;
	height: 131px;
	padding: 150px 0 0 10px;
	margin: 0;
	background: url(../images/bg_logos_splash.jpg) no-repeat;
}

div.logos_splash img.msliga {
	padding: 0 0 10px 25px;
}

div.languages_splash {
	background: url(../images/bg_splashlang.jpg) no-repeat;
	width: 517px;
	height: 236px;
	padding: 20px 30px 0 90px;
}

div.languagechoice {
	width: 280px;
	padding: 5px 0 0 30px;
	color: white;
	height: 40px;
	background: #4F7FB0;
}

div.languages_splash div.languagechoice img {
	float: left;
}

div.languages_splash div.languagechoice span.languages {
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	padding: 5px 0 0 20px;
}

#container {
	width: 968px;
	margin: 0 auto;
}

#container div.topheader {
	height: 25px;
	color: white;
	background: #0E57A1;
}

#container div.topheader a {
	color: white;
}

#container div.topheader div.left {
	float: left;
	margin-left: 10px;
}

#container div.topheader div.left a {
	padding: 0 5px;
	text-decoration: none;
}

#container div.topheader div.left a:hover {
	color: #0E57A1;
	background: white;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
}

#container div.topheader div.left ul li {
	float: left;
}

#container div.topheader div.right {
	height: 23px;
	float: right;
	margin-right: 10px;
}

#container div.topheader div.right div.lang {
	float: left;
	margin-right: 30px;
}

#container div.topheader div.right div.textsize {
	float: left;
	margin-right: 10px;
}

#container #logo {
	padding-left: 20px;
}

	img.fampic {
		float: right;
		margin-right: 50px;
	}

	#steunOns {
		margin: 30px 0 0 11px;
		height: 136px;
		height: 47px;
		display: block;
		float: left;
	}

/* Header image replacement */
#logo h1 {
	margin: 35px 10px 0px 10px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 280px;
	height: 53px;
	overflow: hidden;
}

	#logo h1 a {
		display: block;
		height: 100%;
		width: 100%;
	}

	/* Depends on a class, one class for each subsite, class gets assigned based on subdomain */
	h1.antwerpen { background-image: url(../images/logos/antwerpen.png); }
	h1.limburg { background-image: url(../images/logos/limburg.png); }
	h1.oostvlaanderen { background-image: url(../images/logos/oostvlaanderen.png); }
	h1.vlaamsbrabant { background-image: url(../images/logos/vlaamsbrabant.png); }
	h1.westvlaanderen { background-image: url(../images/logos/westvlaanderen.png); }


div.left_navig {
	width: 245px;
	background: #D4DEE8;
	float: left;
}

/*
	Main
	*/

#home #main h2.contentTitle {
	color: #EE820F;
	font-size: 1.5em;
	font-weight: normal;
 	padding: 0 0 20px;
}

#home #main .magenta h2 {
	width: 270px;
	margin: 10px 0 0 0;
	color: #8f0734;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 20px;
}

#home #main div.intro {
	width: 595px;
	padding: 0 0 20px 0;
	margin: 10px 0 20px 10px;
	font-size: 1.15em;
}

#home #main div.intro a {
	color: #000;
}

.box {
	float: left;
	border: 1px solid #D1DEEC;
	background: #E1E9F2 url(../images/bg_eventbox.gif) no-repeat top right;
	width: 575px;
	padding: 24px;
	margin: 0 0 20px;
}

	.eventbox img{
		float: left;
		padding: 10px 10px 0 10px;
	}

	.eventbox .event_desc {
		padding: 14px 20px 0 0;
	}

.agendabox {
	padding: 0 0 20px 20px;
	width: 280px;
	border: 1px solid #D1DEEC;
	background: #E1E9F2 url(../images/bg_agendabox.gif) no-repeat top right;
}

	.agendabox a {
		font-weight: 700;
		color: #8F0734;
	}

.agendabox span.more {
	color: #8F0734;
}

.agendabox span.more a {
	color: #8F0734;
}

.agendabox span.more a:hover{
	color: #8f0734;
	text-decoration: none;
}

.agendabox ul li {
	width: 220px;
	background: url(../images/bg_li_agenda.gif) no-repeat 2px 7px;
	padding: 0 0 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8f0734;
}

.agendabox ul li .title {
	font-weight: bold;
	color: #8F0734;
}

div.agendabox ul li .title a{
	color: #8F0734;
	text-decoration: none;
}

div.agendabox ul li span.title a:hover,
div.agendabox ul li span.title a:active,
div.agendabox ul li span.title a:focus {
	color: #8f0734;
	text-decoration: underline;
}

div.home_news_desc img {
	float: right;
	padding: 0 20px 20px 20px;
}

div.home_news span.title {
	padding: 0 0 10px;
	font-weight: 700;
}

/*
	Structure
*/

#main {
	margin: 10px 0 0;
	padding: 20px 12px;
	background: #EAEFF5;
}

	#index #content,
	#module #content {
		margin: 0 0 0 20px;
		width: 700px;
		float: left;
		padding: 10px 0 0;
	}
	
		/*
			Breadcrumb
		*/

		.breadcrumb { font-weight: 700; }
		.breadcrumb p { padding: 0 0 20px; }

	#sidebar {
		width: 210px;
		float: left;
		margin-right: 10px;
	}
	
	.content_left {
		float: left;
		width: 625px;
	}

	.content_right{
		float: left;
		width: 300px;
		margin: 0 0 0 10px;
	}

/*
	Links
*/

a:link,
a:visited {
	color: #09539F;
}

a:hover,
a:active {
	color: #0063c8;
}

h2 a, h2:visited { text-decoration: none; }
h2 a:hover, h2 a:active { text-decoration: underline; }

#news {
	margin-top: 20px;
}

	div.newsarticle {
		float: left;
		padding: 0 0 25px;
	}

	div.newsarticle img {
		float: right;
	}

div.pagination, p.back {
	padding: 12px 0 0;
	clear: both;
}

div.pagination ul {
	list-style: none;
	padding: 0;
	border-top: 1px solid #DDD;
	margin: 5px 0 0 0;
}

p.back {
	padding: 0;
	border-top: 1px solid #DDD;
	margin: 5px 0 0 0;
}

.pagination ul li {
	float: left;
	margin: 5px 5px 0 0;
	list-style: none;
	font-weight: 700;
}

.pagination ul li a {
	color: #0E57A1;
	font-weight: 300;
}

.meta, .date {
	font-style: italic;
	font-size: 0.85em;
	padding: 0 0 20px;
	color: #0E57A1;
}

	.magenta .meta,
	.magenta .date {
		color: #8F0734;
	}

.meta a {
	color: #0E57A1;
}

.meta ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.meta ul li {
		list-style: none;
		padding: 0;
		margin: 0 12px 0 0;
		float: left;
	}

.eventarticle {
	margin-bottom: 20px;
}

.event {
	margin: 0 0 10px 0;
}

/*
	Sidebar
*/

#sidebar h2.orange {
	margin: 10px 0 0;
	color: #EE820F;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 10px;
}

.navig {
	background: #D4DEE8;
	padding: 10px 0 7px 0;
}

.navig ul {
	margin: 0;
	padding: 0 8px
}

.navig ul li {
	color: #09539F;
	margin: 0;
	padding: 4px 0;
	background:url(../images/bg_li_left_navig.gif) no-repeat;
}

.navig ul li.selected {
	font-weight: 700;
}

.navig ul li ul li {
	padding: 4px 0 2px 20px;
	background: none;
}

.navig ul li a:link,
.navig ul li a:visited {
	color: #09539F;
	text-decoration: none;
}

.navig ul li a:hover,
.navig ul li a:active,
.navig ul li a:focus {
	color: #09539F;
	text-decoration: underline;
}

.navig_pic {
	clear: both;
}

.navig_pic img {
	border-top: 3px solid #D87610;
	border-bottom: 3px solid #09539F;
}

/*
	Fotoalbum
*/

div.album {
	width: 180px;
	background: #D4DEE8;
	padding: 10px 0;
	margin: 20px 20px 0 0;
	float: left;
}

div.album img {
	float: left;
	margin-top: 10px;
}

div.album_desc {
	text-align: center;
	clear: both;
}

div.album_photos {
	float: left;
	width: 140px;
	text-align: center;
	background: #D4DEE8 ;
	padding: 20px 20px 10px 20px;
	margin: 20px 30px 0 0;
}

div.txt div.album_photos img {
	margin: 0 5px 5px 0;
	clear: both;
}

div.album_img img {
	max-width: 680px;
	/* IE6 fix in conditional comments */
}

p.album_navig {
	clear: both;
	padding: 20px 0 0 0;
}

/*
	Footer
*/

#footer {
	font-size: 0.85em;
	clear: both;
	margin: 0 auto;
	text-align: center;
	width: 968px;
}

#footer ul {
	width: 968px;
	float: right;
	padding: 10px 0;
}

	#footer ul li {
		float: left;
		margin-right:10px;
	}

		#footer ul li a:link,
		#footer ul li a:visited,
		#footer ul li a:hover,
		#footer ul li a:active {
			color: #000;
		}

/*
	Blog archive
*/

#blogarchive h4 {
	background: #BCCAD7;
	padding: 6px;
	color: #374048;
}

#blogarchive ul {
	padding: 0;
	margin: 0 0 20px;
}

#blogarchive li {
	border-bottom: 1px solid #BCCAD7;
	padding: 6px;
	margin: 0 0 6px;
}

#blogarchive-full table {
	width: 100%;
}

#blogarchive-full td {
	padding: 6px;
	border: 1px solid #CCC;
}

/*
	Comment form
*/

#commentForm {
	padding-top: 12px;
}

#commentForm dd {
	padding: 0 0 6px;
}

#commentForm #message {
	width: 400px;
	height: 180px;
}

/*
	Homecontent (portret van de maand nu)
*/

.extraContent {
	padding: 24px;
	_padding: 16px;
	width: 250px;
	border: 1px solid #D1DEEC;
	margin-top: 24px;
}

/*
	Doormat rewrite
*/

#doormat ul {
	padding: 0;
	background: url(../images/doormat_2.png) no-repeat 0 0;
}

#doormat ul li {
	color: #09539F;
	float: left;
	width: 242px;
	font-size: 14px;
}

	#doormat ul li ul {
		width: 242px;
		float: left;
		padding: 10px 0 10px 0;
		height: 128px;
		background: none;
	}
	
	#doormat ul li a {
		font-weight: 700;
		display: block;
		color: #09539F;
		height: 28px;
		line-height: 28px;
		padding: 0 0 0 20px;
		text-decoration: none;
	}
	
	/* Bottom */
	#doormat li ul li {
		color: white;
		padding: 5px 0px 4px 16px;
		width: 210px;
		background: url(../images/bg_menu_li.gif) no-repeat 2px 11px;
	}
	
	#doormat li ul li a {
		display: block;
		color: #FFF;
		text-decoration: none;
		height: 22px;
		line-height: 22px;
		padding: 0;
		margin: 0 0 0 4px;
	}

	#doormat li ul li a:link,
	#doormat li ul li a:visited {
		background: none;
	}
		
		#doormat li ul li.selected a,
		#doormat li ul li a:hover,
		#doormat li ul li a:active,
		#doormat li ul li a:focus {
			background: #6B97C4;
		}

/*
	Forms
*/



label {
	font-weight: 700;
}

input[type="text"],
input[type="submit"],
textarea {
	/* @inc .rc */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

input.input-text {
	border: 1px solid #B7C7D7;
	width: 250px;
	padding: 2px 1px;
}

textarea {
	border: 1px solid #B7C7D7;
	height: 100px;
	width: 300px;
	padding: 2px 1px;
}

input.input-submit {
	color: #FFF;
	background: #00689E;
	border: none;
	padding: 2px 10px;
}

/* Success message after submitting form */
.formSuccess { font-weight: 700; }

/* Error message after form error */
.form-error {
	font-size: 11px;
	color: red;
	display: block;
}

/*
	Blog
*/

	/* Comments */

	.comment .author {
		font-size: 12px;
		color: #374048;
	}

	.comment {
		padding: 0 0 12px;
		border-bottom: 1px dotted #BCCAD7;
		margin: 0 0 12px;
	}
	
	.comment:last-child {
		border: none;
	}
	
	/*
		Comment form
	*/

	#blogCommentForm label {
		display: block;
	}
	
	hr {
		display: block;
		height: 1px;
		border: none;
		background: #D4DEE8;
	}
	
	/*
		Widgets
	*/
	
	.widget {
		font-size: 13px;
		border-bottom: 1px solid #BCCAD7;
		padding: 0 0 20px;
		margin: 0 0 20px;
	}

/*
	General
*/

/* Styling for lists */
.content ul {
  list-style: disc;
  margin-bottom: 10px;
  padding: 0 0 0 20px; }
  .content ul li {
    padding: 0 0 0 14px;
  }
  .content ul ol {
    margin-bottom: 0; }
    .content ul ol li {
      background: none;
      padding: 0; }
.content ol {
  list-style: upper-roman;
  padding-left: 28px;
  margin-bottom: 10px; }
  .content ol ul {
    margin-bottom: 0; }
  .content ol ol {
    list-style: lower-roman; }
    .content ol ol ol {
      list-style: decimal; }
      .content ol ol ol ol {
        list-style: upper-alpha; }
        .content ol ol ol ol ol {
          list-style: lower-alpha; }

/* Styling for data tables */
table.datagrid {
  margin: 0 0 12px; }
  table.datagrid td {
    padding: 7px;
  }
  table.datagrid th {
    padding: 7px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    text-align: left; }
  table.datagrid tr.rowOdd {
    background: #FFF; }
  table.datagrid tr.rowEven {
    background: none; }
  table.datagrid th {
    border-bottom: 1px solid #DDD;
    padding: 5px 10px;
    white-space: nowrap; }
  table.datagrid td {
    padding: 5px 10px;
    border-bottom: 1px solid #D7D7D7; }
    table.datagrid td:last-child {
      border-right: none; }
    table.datagrid td:first-child {
      padding-left: 0; }
  table.datagrid th:first-child {
    padding-left: 0; }
  table.datagrid.fullWidth {
    width: 100%; }


/*
	Gallery
*/

.galleryalbum {
	border: 1px solid #DDD;
	background: #FFF;
	text-align: center;
	width: 21%;
  	height: 200px;
	margin: 0 3% 3% 0;

	/* @inc .rc */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	float: left;

}

	.albumInner {
		padding: 12px;
	}

.galleryalbum h2 {
	font-size: 14px;
	padding: 0;
}

#gallerynav { position: relative; height: 30px; padding: 0 0 12px;}
#gallerynav a:link,
#gallerynav a:visited { background: #0A54A0; color: #FFF; padding: 3px 6px; text-decoration: none; font-size: 0.8em; }
#gallerynav a:hover,
#gallerynav a:active,
#gallerynav a:focus { background: #4886C5; }



#gallerynav .previousimage { position: absolute; top: 0; left: 30%;}
#gallerynav .nextimage { text-align: right; position: absolute; top: 0; right: 30%;}
#gallerynav .currentimage { text-align: center; width: 240px; margin: 0 auto;}

.list {
	padding: 0 0 20px;
}

#galleryimage #photo {
	text-align: center;
}

#blogBrowse .article {
	border-bottom: 1px solid #BCCAD7;
	padding: 0 0 20px;
	margin: 0 0 20px;
	
}

#blogArchive .datagrid {
	width: 100%;
}