@charset "utf-8";
/* CSS Document */

/* ----------------================ Layout opbouw elementen ================---------------- */

body {
background-image: url(../_img/bgBody.jpg);
background-repeat: repeat;
color: #303030;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
margin: 0 auto;
padding: 0 auto;
}

#container {
text-align: left;
width: 889px;
height: auto;
margin: 0 auto;
margin-top: 10px;
padding: 0 auto;
}

#header {
height: 125px;
width: 889px;
}

#header_img {
width: 187px;
height: 125px;
float: left;
}

#content {
width: 702px;
height: 125px;
float: left;
background-color: #6a645d;
background-image: url(../_img/bg.gif);
background-repeat: no-repeat;
background-position: right;
}

#left {
width: 162px;
height: auto;
float: left;
}

#leftMenu {
background-image: url(../_img/menuBg.jpg) ;
background-repeat: no-repeat;
height: 162px;
width: 162px;
}

#leftChangeBg {
height: 249px;
width: 162px;
}

#center {
width: 727px;
min-height:463px;
height:auto !important;
height: 463px;
float: left;
background-color: #eee;
background-image: url(../_img/rightSpacer.gif);
background-repeat: repeat-y;
background-position: right;
border: none;
}

#centerLeft {
min-height:448px;
height:auto !important;
height: 448px;
width: 509px;
background-color: #f8f8f8;
float: left;
}

.itemContainer {
width: 489px;
height: 100%;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 25px;
}


#centerRight {
width: 218px;
height: auto;
float: left;
}

#lijstDatums {
margin-top: 5px;
margin-left: 9px;
line-height: 16px;
padding-bottom: 9px;
width: 193px;
border-bottom: 1px solid #303030;
}

#disclaimer {
width: 727px;
height: 16px;
background-image: url(../_img/bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
clear: both;
}

#singleside {
margin-top: 5px;
margin-left: 9px;
line-height: 16px;
padding-bottom: 9px;
width: 193px;
}

/* ----------------================ Image elementen ================---------------- */

img {
border: none;
}

#zijkant {
background-image: url(../_img/bg.gif);
background-repeat: no-repeat;
height: 125px;
width: 6px;
float: right;
z-index: 1;
}

#logoBottom {
height: 47px;
width: 162px;
background-image:url(../_img/logoOnder.jpg) ;
background-repeat: no-repeat;
}

#daums {
background-image: url(../_img/belangrijkTitel.gif);
background-repeat: no-repeat;
height: 32px;
width: 218px;
}

.ImgBtn {
width: 193px;
height: 40px;
margin-top: 10px;
margin-left: 9px;
}

.thumbImgBericht {
height: 95px;
width: auto;
float: left;
margin-right: 10px;
}

.tekstImgRight {
float:right; 
margin-left: 4px;
}

/* ----------------================ Bericht elementen ================---------------- */

h1 {
font-size: 20px;
float: left;
}

h2 {
font-size: 8px;
float: left;
}

h3 {
font-size: 11px;
font-weight: bold;
}

.datum {
float: right;
font-size: 7pt;
margin-top: 5px;
}

.edit {
float: right;
font-size: 6pt;
margin-top: 6px;
margin-right: 4px;
}

.tekst {
margin-top: 3px;
}

.tekst p {
width: 489px;
font-size: 8pt;
line-height: 14px;
}

.thumbContainer {
height: 95px;
margin-top: 10px;
}

/* ----------------================ activiteitenlijst elementen ================---------------- */

table {
border: none;
}

#activiteitLijst {
margin-top: 20px;
}

.jaar {
font-size: 9pt;
font-weight: bold;
width: 215px;
}

.dag {
width: 215px;
padding-top: 4px;
}

/* ----------------================ fotolijst elementen ================---------------- */

#fotoContainer {
width: 420px;
margin-top: 25px;
margin-left: 35px;
text-align: center;
}

.fotoCell {
width: 90px;
height: 112px;
}

.fotothumb {
width: 90px;
height: 90px;
}

.mgtxt, .mgtxt a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}
.mgtxt a:hover{
text-decoration:none;
}
.mggalcap{
font-size:12px;
font-weight: bold;
}
.mgimgcap{
font-size:12px;
font-weight: bold;
}
.mgsmall {
font-size: 9px;
font-weight:normal;
background-color: #eeeeee;
width: 90px;
}
.mgsmall a {
font-size: 9px;
font-weight:normal;
}
.mgimgbrd {
border: 1px solid #666666;
}
.mgadmincap {
background-color:#4B6B92;
color: #ffffff;
font-weight: bold;
}
.mgadmintdbg {
background-color:#ffffff;
}
.mgaltbgcol {
background-color: #dedede;
}
.mginputln {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#ffffff;
color:#FF3300;
font-size: 10px;
font-weight: normal;
border: solid 1px #999999;
}
.mggallery{
margin-bottom:10px; 
padding-bottom:10px; 
border-bottom: dotted 1px #999999;
}


/*
LIGHTBOX STYLES
*/

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/index/plugins/mygallery/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/index/plugins/mygallery/lightbox/images/prevlabel.gif) left 15% no-repeat; background-position:top left; }
#nextLink:hover, #nextLink:visited:hover { background: url(/index/plugins/mygallery/lightbox/images/nextlabel.gif) right 15% no-repeat; background-position:top right; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
color:#111;
}
#imageData #imageDetails{ width: 60%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: auto; float: right;  padding-bottom: 0.7em;	}	
#imageData #continueSlideshow{ float:right; padding:0 10px 10px 0; }
#imageData #continueSlideshow img{ cursor:hand; cursor:pointer; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
	

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

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac */
height: 1%;
/* End hide from IE-mac */
}

/* ----------------================ List elementen ================---------------- */

#leftMenu ul {
margin: 0;
padding: 0;
margin-left: 40px;
list-style: none;
}

#leftMenu li {
padding-top: 10px;
}

/* ----------------================ Links elementen ================---------------- */

a {
color: #303030;
text-decoration: none;
}

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

.tekstLink a {
color: #303030;
text-decoration: underline;
}

.tekstLink a:hover {
color: #5f6c80;
text-decoration: underline;
}

#leftMenu a {
font-size: 10pt;
color: #172740;
text-decoration: none;
}

#leftMenu a:hover {
font-size: 10pt;
color: #5f6c80;
text-decoration: none;
}

.edit a, a:hover {
text-decoration: none;
}

a#foto {
display: block;
width: 193px;
height: 40px;
background-image: url(../_img/fotoBtn.jpg);
}

a#foto:hover {
background-position: 0 -40px;
}

a#forum {
display: block;
width: 193px;
height: 40px;
background-image: url(../_img/forumBtn.gif);
}

a#forum:hover {
background-position: 0 -40px;
}

a#gasten {
display: block;
width: 193px;
height: 40px;
background-image: url(../_img/gastenbkBtn.gif);
}

a#gasten:hover {
background-position: 0 -40px;
}

#gastenSelect {
display: block;
width: 193px;
height: 40px;
background-image: url(../_img/gastenbkBtn.gif);
background-position: 0 -40px;
}

#fotoSelect {
display: block;
width: 193px;
height: 40px;
background-image: url(../_img/fotoBtnOver.jpg);
}