/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;}
img{border:0px;}
div.clear, br.clear{clear:both; font-size:0px;}
body{color:white; font-size:12px; background:url(../images/background.png); padding:15px 0px 15px 0px;
    scrollbar-base-color: #666666; 
    scrollbar-track-color: #111111;
    scrollbar-face-color: #444444;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-highlight-color: #444444;
    scrollbar-3dlight-color: #666666;
    scrollbar-darkshadow-color: #222222;
    scrollbar-shadow-color: #111111;}


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width:977px; margin:auto auto;}

/*misc*/
.center{text-align:center;}
/*.right{text-align:right;}*/
.padding{padding:10px;}
td{ vertical-align:top;}

/*hr*/
.hr{height:7px; position:relative; background:url(../images/hr_center.png);}
.hr .left{width:5px; height:7px; background:url(../images/hr_left.png); position:absolute; top:0px; left:0px;}
.hr .right{width:5px; height:7px; background:url(../images/hr_right.png); float:right;}

/*error*/
h5.error {color:yellow}
ul.error {list-style-position:inside; margin-left:50px; margin-bottom: 15px;}
p.error {color:yellow; font-weight: bold;}

/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header{background:url(../images/menu_back.png); height:38px; position:relative;}

#header ul{ list-style:none; position:absolute; top:6px; left:5px;}
#header ul li{ float:left; background:url(../images/menu_item_back.png); height:25px; width:118px; margin-right:3px; display:block;}
#header ul li a{color:white; text-decoration:none; padding:5px 0px 3px 0px; display:block; width:118px; text-align:center;}


/************************************************************************************************/
/*left*/
/************************************************************************************************/
#left{float:left;}
#left.width1{width:685px;}
#left.width2{width:588px;}


/************************************************************************************************/
/*content*/
/************************************************************************************************/
/*box*/
#content .box{margin:0px 0px 5px 0px;}
#content .box .top{height:12px; position:relative; background:url(../images/box_top_center.png);}
#content .box .top div.left{width:12px; height:12px; background:url(../images/box_top_left.png); position:absolute; top:0px; left:0px;}
#content .box .top div.right{width:12px; height:12px; background:url(../images/box_top_right.png); float:right;}
#content .box .wrap{background:#030303 url(../images/box_left.png) left repeat-y;}
#content .box .content{background:url(../images/box_right.png) right repeat-y; padding:5px 0px 0px 0px;}

#content .box .bottom{height:12px; position:relative; background:url(../images/box_bottom_center.png);}
#content .box .bottom div.left{width:12px; height:12px; background:url(../images/box_bottom_left.png); position:absolute; top:0px; left:0px;}
#content .box .bottom div.right{width:12px; height:12px; background:url(../images/box_bottom_right.png); float:right;}

#content .box.double{}
#content .box.double .top{height:12px; position:relative; background:url(../images/box_top_center_double.png);}
#content .box.double .bottom{height:12px; position:relative; background:url(../images/box_bottom_center_double.png);}
#content .box.double .wrap{background:#030303 url(../images/box_left_double.png) left repeat-y;}

/*content*/
#content .section{padding:0px 15px 0px 20px;}
#content p{color:white; padding:0px 0px 15px 0px;}
#content em{color:#F9CA46; font-style:normal;}
#content em a{color:#F9CA46;}
#content a{color:white; text-decoration:none;}
#content a:hover{color:white; text-decoration:underline;}
#content a.special{text-decoration:underline;}
#content a.special:hover{text-decoration:none;}
#content a.activeCat{color:white; text-decoration:underline; font-weight: bold; font-size:13px;}
#content a.activeCat:hover{color:white; text-decoration:none; font-weight: bold; font-size:13px;}
#content a.active{font-weight: bold}
#content a.active_pager{font-weight: bold; font-size: 15px}
#content h2{font-size:24px; color:#F9CA46; padding:0px 0px 15px 0px;}
#content h1{font-size:30px; color:white; font-weight:normal;}

#content input{background:black; border:1px solid #444444; color:#b3b3b3; padding:3px; font-size:11px;}
#content button{background:#f9f6e4;}

#content td,th{color:#b3b3b3;}
#content h3 , #content h3 a{font-size:18px; color:#F9CA46; margin-bottom: 8px;}
#content h4{font-size:14px; color:#F9CA46;}

/*Paypal*/
#paypal p{vertical-align: top; color:white; padding: 0px 15px 0px 5px;}
#paypal img{padding: 0px 5px 0px 0px}

/*frontpage*/
img.randpic {max-width: 550px;}

/*reacties*/
#content .reacties{margin:0px 50px 0px 50px; } /*position:relative; => removed for sliding bug*/
#content .reacties p.center{padding:0px;}
#content .reacties p.right{padding-top:10px; line-height:17px;}
#content .reacties p.right a{text-decoration:underline;}
#content .reacties p.right span{padding:0px 5px 0px 5px;}
#content .reacties div{border:1px solid #5b5b5b; padding:10px 10px 0px 10px; margin-top:3px;}
#content .reacties div a{ text-decoration:underline;}
#content .reacties div p.floatleft{float:left;}
#content .reacties div p.floatright{float:right;}
#F9CA46
/*options*/
#content .options{background:black; padding:20px; margin-top:5px;}
#content .options p{padding:0px;}
#content .options p a{text-decoration:underline;}

/*split*/
.split{}
.split .left{float:left; width:230px;}
.split .right{ float:left; width:440px;}

/*wbi*/
img.wbifoto {max-width: 250px;}

/*masters*/
img.masterspic {max-width: 550px;}

/*fotograaf albums*/
.foto {background-color: #222222; font-size: 12px;}

/************************************************************************************************/
/*thumb*/
/************************************************************************************************/
#thumb{}
#thumb ul{ list-style:none;}
#thumb ul li{float:left; padding-right:2px;}
#thumb ul li a{}
#thumb ul li img{border:1px solid black;}

#thumb.vert{ overflow:auto; height:485px; background:black;}
#thumb.vert img{border:1px solid #828282;}
#thumb.left{float:left; width:140px;}
#thumb.left em a{text-decoration:underline;}

#thumb.right{float:right; width:140px;}

#thumb img {margin: 3px;}
#thumb img.smaller {width: 110px;}


/************************************************************************************************/
/*right*/
/************************************************************************************************/
#right{float:left;}
#right.width1{width:286px; padding-left:6px;}
#right.width2{width:383px; padding-left:6px;}


/************************************************************************************************/
/*backoffice*/
/************************************************************************************************/
#content.backoffice #menu{width:188px; float:left;}
#content.backoffice #left{width:783px; padding-left:6px; float:left;}
#content.backoffice #right{width:286px; padding-left:6px; float:left;}

#content.backoffice #menu .section{padding:0px 0px 0px 10px;}
#content.backoffice #menu ul{ list-style:none;}
#content.backoffice #menu ul li{padding:3px 0px 3px 0px;}
#content.backoffice #menu ul a{ text-decoration:underline;}
#content.backoffice #menu ul li.alt a{color:#F9CA46;}

#content.backoffice input{color:black; border:0px; padding:3px; background:white;}
#content.backoffice textarea{color:black; border:0px; padding:3px; background:white; font-size:12px;}

strong.warning {
	color:red
}

/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{ margin-top:13px;}
#footer p{text-align:center; color:white; padding:2px 0px 2px 0px;}
#footer p a{color:white; text-decoration:none; padding:0px 5px 0px 5px;}
#footer p span a{color:#F9CA46; text-decoration:underline;}


/************************************************************************************************/
/*main page image scroller*/
/************************************************************************************************/
#news-ticker{
    width:977px;
    height:140px;
    overflow:hidden;
}
#news-ticker div{
    height:140px;
    width:970px;
    padding:8px;
    margin-top:-1px;
    overflow: hidden;
}
#news-ticker div.first{
   margin-top:0;
   overflow: inherit;
}
#news-ticker li {
    height:130px;
    overflow: hidden;
}