/* CSS Styling --- Westdesign (C) 2008
Het Kompas
*/

/* ------------------------------------------ Hoofd onderdelen --- */

body
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#DED2C6;
	font-size:14px;
	color:#000;
	margin-top: 5px;
	margin:0;
	background-image:url(images/Bg.jpg);
	background-repeat:repeat;
}

a:link, a:visited
{
	text-decoration:none;
	color:#C0022B;
}

a:hover
{
	text-decoration:underline;
	color:#000;
}





#Wrapper
{
	width:975px;
	margin-left:0 auto;
	margin-right:0 auto;
	background-image:url(images/ContentBg.jpg);
	background-repeat:repeat-y;
	background-color:#fff;
	min-height:420px;
}

#Header
{
	width:975px;
	height:205px;
	margin-left:0 auto;
	margin-right:0 auto;
	text-align:left;
	background-image:url(images/HeaderBg.jpg);
	background-repeat:no-repeat;
}

#SubHeader
{
	width:975px;
	height:20px;
	background-image:url(images/SubHeaderBg.jpg);
	background-repeat:no-repeat;
}

#Footer
{
	width:975px;
	height:27px;
	background-image:url(images/FooterBg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

ul
{
	list-style:none;
	margin:0;
}

.Footer
{
	float:left;
	text-align:left;
	color:#7D6348;
	font-size:10px;
	padding-top:0px;
	padding-left:40px;
	letter-spacing:1px;
}

.FooterDesign
{
	float:right;
	text-align:right;
	color:#7D6348;
	font-size:10px;
	padding-top:0px;
	padding-right:40px;
	letter-spacing:1px;
}

.FooterDesign a:link, .FooterDesign a:visited
{
	text-decoration:none;
	color:#7D6348;
}

.FooterDesign a:hover
{
	text-decoration:none;
	color:#3366CC;
}

#FooterContent
{
	width:975px;
	margin-left:0 auto;
	margin-right:0 auto;
	height:20px;
}

#Clearone
{
	clear:both;
	height:1;
}

/* ------------------------------------------ Content Classes--- */

#Content
{
	width:930px;
	margin-left:0 auto;
	margin-right:0 auto;
}

#CenterPage
{
	width:460px;
	vertical-align:top;
}


.CenterPage
{
	padding:0px;
	font-size:11px;
	color:#7D6348;
	line-height:16px;
	text-align:left;
	vertical-align:top;
}

#LeftSide
{
	width:200px;
	vertical-align:top;
}

.LeftSide
{
	padding-left:5px;
	padding-top:5px;
	
}
#LeftSide ul
{
	margin:0;
	padding:0;
}

#RightSide
{
	width:235px;
	text-align:center;
	vertical-align:top;
}

.RightSide
{
	text-align:left;
	font-size:11px;
	color:#7D6348;
}

#HeaderNavigContainer
{
	float:left;
	padding-left:30px;
	padding-top:35px;
	width:185px;
}

.fotoAlbumNavig
{
	padding-left: 0;
	margin-left: 0;
	width: 200px;
}

.fotoAlbumNavig li
{
	margin:0;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	list-style:outside;
	list-style-type:square;
}

.fotoAlbumNavig li a,
.fotoAlbumNavig li a:link,
.fotoAlbumNavig li a:visited
{
	text-decoration:none;
	text-transform:uppercase;
	color:#7D6348;
	font-size:12px;
	font-weight:bold;
}

.fotoAlbumNavig li a:hover,
{
	text-decoration:none;
	text-transform:uppercase;
	color:#3366CC;
}


.HeaderNavig
{
	padding-left: 0;
	margin-left: 0;
	width: 185px;
}

.HeaderNavig li
{
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}

.HeaderNavig li a,
.HeaderNavig li a:link,
.HeaderNavig li a:visited
{
	text-decoration:none;
	text-transform:uppercase;
	color:#7D6348;
	font-size:12px;
	font-weight:bold;
}

.HeaderNavig li a:hover,
{
	text-decoration:none;
	text-transform:uppercase;
	color:#3366CC;
}

.HeaderNavig li #current
{
	text-decoration:none;
	text-transform:uppercase;
	color:#3366CC;
}

.Inputbox
{
	border:1px solid #7D6348;
	background-color:#FFF;
}

#contactForm fieldset{font-size: 12px; border: none; margin: 5px 0; padding:0; text-align: left; }
#contactForm legend {display:none;}
#contactForm ol {padding:0; margin:0;}
#contactForm li {list-style: none; padding:0;}
#contactForm label {color: #7D6348; display: block; line-height:20px; padding: 5px 0 5px 0; text-align:left; vertical-align:top; }
#contactForm label span.required {color: #7D6348; font-weight: bold}
#contactForm input {width: 400px; font-size:1.2em; padding:3px; vertical-align:middle; background: #FFFFFF;}
#contactForm input#datum {width: 100px; font-size:1.2em; padding:3px; vertical-align:middle; background: #FFFFFF;}
#contactForm textarea {width: 90%; height:200px; padding:3px; background: #FFFFFF; font:12px Helvetica, Arial, Verdana, san-serif;}
#contactForm input.submitButton {width:130px; text-align: center; margin: 20px 0}
#contactForm input.radio { width:35px; background-color:#F2EEEA; text-align:center;}
#contactForm th { width:35px; font-weight:bold; font-size:11px; text-align:center; border-right:1px dotted #7D6348;}
#contactForm th.titel { width:150px; font-weight:bold; font-size:11px; text-align:right; border-right:1px dotted #7D6348;}
#contactForm td.titel { width:150px; font-weight:bold; font-size:11px; text-align:right; border-right:1px dotted #7D6348;}
#contactForm td { width:35px; text-align:center; border-right:1px dotted #7D6348;}
#contactForm td.noborder { border-right:1px dotted #F2EEEA; }
#contactForm th.noborder { border-right:1px dotted #F2EEEA; }


.StartLink
{
	text-align:right;
	color:#7D6348;
	font-size:20px;
	letter-spacing:1px;
	text-align:right;
	font-weight:bold;
	text-decoration:none;

}


.StartLink a:link,
.StartLink a:visited,
{
	color:#7D6348;
	font-size:20px;
	letter-spacing:1px;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
}

.StartLink a:hover
{
	color:#FFF;
	font-size:20px;
	letter-spacing:1px;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
}

.error
{
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}

/* Content Styling */

h1
{
	color:#7D6348;
	font-size:14px;
	letter-spacing:1px;
	border-bottom:1px dotted #7D6348;
	margin-left:5px;
}

h2
{
	font-size:12px;
	line-height:15px;
	letter-spacing:1px;
	color:#7D6348;
	border-bottom:1px dotted #7D6348;
}

.ArtikelBox
{
	border-bottom:1px solid #7D6348;
	padding-bottom:10px;
}

.ArtikelInhoud
{
	text-align:justify;
	line-height:18px;
}

.SmallTekst
{
	font-size:12px;
}

.VerySmallTekst
 {
 	font-size:10px;
 }


#AlfaNavig
{
	border-bottom:1px solid #ccc;
}

/* --------------------------------------------------------------- Calendar -*/

.calendar_simple
{
width:40px;
height:20px;
background-color:#FFF;
color:#7D6348;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:2px;
}



.calendar_today
{
/* background-color:#FFFFFF; */
border:1px dotted #000;
color:#7D6348;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
text-align:center;
padding:2px;
}



td.calendar_link{ 
background-color:#FF0000;
color:#FFF;
font-size:11px;
text-align:center;
padding:2px;
font-weight:bold;
}
td.calendar_link a:link,
td.calendar_link a:visited {
text-align:center;
background-color:#FF0000;
color:#FFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
display:block;
padding:2px;
}
td.calendar_link a:hover{
color:#FFF;
background-color:#FF0000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
display:block;
padding:2px;
}

td.calendar_todayLinked{
border:1px dotted #222222;
background-color:#F49073;
color:#F49073;
font-size:9px;
padding:2px;
}
td.calendar_todayLinked a:link,
td.calendar_todayLinked a:visited {
background-color:#FF0000;
color:#222222;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bolder;
display:block;
padding:2px;
}
td.calendar_todayLinked a:hover{
color:#222222;
background-color:#DDDDDD;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bolder;
padding:2px;
}


.calendar_weekDays{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#DED2C6;
text-align:center;
padding:2px;
}


td.calendar_heading{ 
background-color:#7D6348;
color:#FFF;
font-size:12px;
text-align:center;
padding:2px;
}

td.calendar_heading a:link,
td.calendar_heading a:visited {
background-color:#7D6348;
color:#FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
display:block;
padding:2px;
}
td.calendar_heading a:hover{
color:#7D6348;
background-color:#DED2C6;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
display:block;
padding:2px;
}

/* SLIMBOX ------------------------------------------------------------------------------------------------------------------------------- */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #5E7FA5;
	cursor: pointer;
}

#lbCenter, #lbBottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.langsel
{
	text-align:right;
	padding-right:25px;
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
}

.smallred
{
	font-size:10px;
	color:#F00;
}

.smallgrey
{
	color:#666;
	font-size:11px;
}