body{
background:#000000 url('../img/body_top.png') repeat-x top left;
font-family:arial,verdana,sans-serif;
font-size:76%;
color:#eaeaea;
}

a{
color:#9a763a;
font-size:12px;
}

a:hover{
color:#c4a674;
}

a.actions, input.actions{
color:#9a763a;
font-size:0.8em;
background-color:#000000;
border:1px solid #333333;
padding:2px 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

a.actions:hover, input.actions:hover{
border:1px solid #666666;
color:#c4a674;
}

img{
	border:1px solid #eaeaea;
}

#wrapper{
background:#000000 url('../img/bodyBG.jpg') no-repeat top left;
width:1020px;
min-height:1020px;
margin:0px auto;
position:relative;

}

object, embed{
	background-color:#000000;
}

/****************************/
/*        HEADER            */
/****************************/

#header{
background:#272728 url('../img/navBG.png') no-repeat top left;
height:32px;
position:relative; /* voor header image */
}

#links{
display:block;
position:absolute;
width:220px;
top:10px;
text-indent:-9999px;
z-index:2;
}

#links a{
display:block;
float:left;
overflow:hidden;
width:37px;
height:37px;
line-height:32px; /* vertikale alignering van tekst */
margin-left:15px;
background-image:url('../img/icons.png');
background-repeat:no-repeat;
}
#links a.fb{background-position:0px 0px;}
#links a.ms{background-position:-39px 0px;}
#links a.yt{background-position:-76px 0px;}
#links a.lf{background-position:-117px 0px;}

#links a.fb:hover{background-position:0px -39px;}
#links a.ms:hover{background-position:-39px -39px;}
#links a.yt:hover{background-position:-76px -39px;}
#links a.lf:hover{background-position:-117px -39px;}

#nav{
display:block;
position:absolute;
width:410px;
height:32px;
top:0px;
right:0px;
z-index:3;
text-align:right;
font-weight:bold;
}

#nav li{
display: inline;
line-height:32px; /* vertikale alignering van tekst */
padding-right:20px;
color:#6c6c6c;
}

#nav a{
color:#6c6c6c;
font-weight:bold;
}

#nav a:hover{
background-color:#eaeaea;
}

/* BANNER */

#banner, #banner2{
width:823px;
height:315px;
margin: 0px auto;
position:relative;
overflow:visible;
}

#banner2{
height:170px;
}

#banner div, #banner2 div{
width:823px;
height:315px;
background: transparent url('../img/header.png') 0px 0px no-repeat;
position:absolute;
top:-30px;
left:0px;
}

#banner2 div{
height:170px;
background: transparent url('../img/header2.png') 0px 0px no-repeat;
position:absolute;
top:0px;
left:0px;
}



/****************************/
/*        COLUMNS           */
/****************************/

/* content */
#content{
margin:0px auto;
width:960px;
}

/* titles on every page */
h1.hdtitle{
font-size:14px;
background-color:#333;
display:block;
width:100%;
margin-bottom:10px;
margin-top:30px;
color:#eaeaea!important;
background-color:#000000;
border:1px solid #333333;
padding:2px 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

h1.hdtitle a{
float:right;
}

#col1 .hdtitle, #col2 .hdtitle, #col3 .hdtitle{
	margin-top:0px;
}

/* column 1 */
#col1{
float:left;
width: 290px; /* één derde van de content div  */
border-right:1px solid #2a2a2a;
padding-right:20px;
}

#col1 h1{
margin-top:3px;
color:#890202;
font-size:14px;
font-weight:bold;
}


#col1 h2{
color:#4e4e4e;
font-size:11px;
font-weight:normal;
float:left;
margin-top:9px;
}

div.datum{
float:left;
margin-right:10px;
margin-bottom:10px;
}

span.dag{
font-size:28px;
color:#f5f5f5;
font-weight:bold;
}
span.month{
font-size:10px;
display:block;
color:#f5f5f5;
}
div.comments{
float:right;
margin-top:9px;
font-size:11px;
color:#9a763a;
margin-bottom:10px;
}

#col1 p{
clear: both;
font-size:12px;
line-height:14px;
text-align:justify;
margin-bottom:20px;
}
#col1 p object,#col1 p embed{
display:block;
}

.btmlink{
display:block;
margin-top:20px;
float:right;
clear:left;
}

a.newscaller, a.showcaller{
display:block;
float:left;
width:100%;
padding:4px 10px 0px 15px;
margin:11px 21px 11px -14px;
}

a.showactive, a.showcaller:hover{
display:block;
background:#000000 url('../img/isshow.png') no-repeat 99% 2px;
float:left;
width:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #333333;
padding:4px 10px 0px 15px;
margin:10px 20px 10px -15px;
}

.showcaller .comments, .newscaller h1{
margin-right:15px;
}

a.newscaller:hover, a.activecaller{
display:block;
background:#000000;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #333333;
padding:4px 10px 0px 15px;
margin:10px 20px 10px -15px;
}

/* col2 */
#col2{
float:left;
width: 290px; /* één derde van de content div  */
border-right:1px solid #2a2a2a;
padding: 0px 20px;
}

#col2 h1{
color:#890202;
float:left;
clear:both;
margin-bottom:8px;
}

#col2 span.datum{
font-size:10px;
background-color:#2a2a2a;
color:#999;
padding:0px 2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin-right:5px;
}

#col2 p{
padding:5px;
position:relative;
float:left;
width:100%;
clear: both;
display:block;
min-height:30px;
font-size:12px;
line-height:14px;
text-align:justify;
margin-bottom:20px;
background:url('../img/comment_bg.png') top left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.pointer{
position:absolute;
width:8px;
height:7px;
background:url('../img/comment_pointer.png') no-repeat top left;
top: -7px;
left:50px;
}

#col2 p img{
float:left;
background:url('../img/userNA.png') no-repeat top left;
width:45px;
height:45px;
margin:5px 10px 0px 0px;
}

/* col3 */


#col3 .showcaller{
display:block;
float:left;
width:100%;
padding:2px 0px 0px 15px;
margin:0px;
color:#9a763a;
}

#col3 .showcaller .dag, .showcaller h1{
font-size:1.2em;
}

a#promo_cd{
	display:block;
	float:left;
	width:287px;
	height:190px;
	overflow:hidden;
	background:url('../img/promo_cd.png') no-repeat top left;
	text-indent:-9999px;
}
a#promo_cd:hover{
	background-position:0px -190px;
}

#col3{
float:left;
width: 280px; /* één derde van de content div  */
padding-left: 10px;
}

#col3 img{
float:left;
width:133px;
background:url('../img/picNA.png')no-repeat top left;
margin-right:5px;
margin-bottom:5px;
}

/* col4 */

#col4{
float:left;
width: 580px; /* één derde van de content div  */
padding: 0px 20px;
}

#col4 h1{
color:#890202;
font-size:18px;
}

#col4 h2{
color:#4e4e4e;
font-size:11px;
font-weight:normal;
float:left;
margin-top:9px;
}

#col4 p{
clear: both;
float:left;
width:100%;
font-size:12px;
line-height:14px;
text-align:justify;
margin-bottom:20px;
}

#col4 .commentheader{
color:#eaeaea;
clear:both;
font-size:18px;
margin-top:40px;
}

#col4 h1.comment{
color:#890202;
float:left;
font-size:14px;
clear:both;
margin-top:20px;
margin-bottom:10px;
}

#col4 span.datum{
font-size:10px;
background-color:#2a2a2a;
color:#999;
padding:0px 2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#col4 p.comment{
padding:5px;
position:relative;
clear: both;
display:block;
min-height:30px;
font-size:12px;
line-height:14px;
text-align:justify;
margin-bottom:20px;
background:url('../img/comment_bg.png') top left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.pointer{
position:absolute;
width:8px;
height:7px;
background:url('../img/comment_pointer.png') no-repeat top left;
top: -7px;
left:50px;
}

#col4 p.comment img{
float:left;
background:url('../img/userNA.png') no-repeat top left;
width:45px;
height:45px;
margin:5px 10px 0px 0px;
}

/****************************/
/*    picture page          */
/****************************/
a.piccontainer{
	display:block;
	float:left;
	margin:5px;
	border: 1px solid #FFFFFF;
	height:90px;
	overflow:hidden;
}


/****************************/
/*    pic upload overlay    */
/****************************/

#img_upload_div{
width:643px;
position: absolute;
top:300px;
left:50%;
z-index:0;
overflow:hidden;
margin-left:-321px;
}

#picoverlay_header{
width:643px;
height:41px;
background:url('../img/picoverlay_head.png') no-repeat top left;
}
#picoverlay_body{
width:603px;
background:url('../img/picoverlay_body.png')repeat-y top left;
padding:0px 20px 5px 10px;
}
#picoverlay_body div{
position:relative;
overflow:hidden;}

#picoverlay_footer{
width:643px;
height:33px;
background:url('../img/picoverlay_footer.png')no-repeat top left;
}

a#delpic{position:absolute; right:27px; top: 5px; font-size:19px;}
a#delpic:hover{color:#890202;}

#thumbnail_form{position:absolute; bottom:280px; left:430px; width:150px;}
#save_thumb{width:145px; font-size:16px; color:#eaeaea; border:1px solid #eaeaea; background-color:#333333;}
#save_thumb:hover{color:#999;}



#picoverlay_body h1{font-size:16px; float:left; width:133px; margin-left:20px; margin-bottom:20px;}
img#pic_large{width:300px;}
img#pic_thumb{width:135px;}

a#upload_link:hover{
	cursor:hand;
}

/****************************/
/*    comment form          */
/****************************/
.input {
background:#F5F5F5 none repeat scroll 0 0;
border:2px solid #E7E7E7;
color:#7D7D7D;
font-family:Arial,Helvetica,sans-serif;
font-size:0.92em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0 0;
padding:7px 8px;
width:85%;
font-size:1.35em;
color:#333
}

.respond{width:80%!important;margin-left:0px;}

.respond label {
color:#838383;
display:block;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 3px;
}

.input.textarea {
width:74%;
font-size:1.35em;
color:#333
}

.respond h3{margin-top:50px; clear:both; color:#eaeaea; font-size:18px;}
.input-left{margin:10px 0 0;width:40%;float:left;}
.inputs{overflow:hidden;margin:10px 0px;}
#message-box{clear:both;}

#submit-form{
width:auto; 
display:block;
clear:both;
color:#9a763a;
margin:10px 0px 100px 0px;
font-size:1.2em;
background-color:#000000;
border:1px solid #333333;
padding:2px 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#submit-form:hover{
border:1px solid #666666;
color:#c4a674;
}

.required{
	color:#890202;
}

/* validation message */
label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; margin-bottom:5px; }

#contactbox{
width:65%;
margin:0px auto;
}

/*LOGIN FORM */
#login{
position:absolute;
top:31px;
right:0px;
background:url('../img/comment_bg.png') top left;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:5px;
width:110px;
font-size:10px;
display:none;
}

#login .input-left input{
width:100px;
padding:2px;
}

#login span{
font-size:10px;
}

#login .input-left{
width:100px;
float:left;
}

#login a{
float:right;
margin-right:5px;
}

#login input.actions{
margin-left:35px;
width:35px;
font-size:1em;
}

/****************************/
/*        E-SHOP            */
/****************************/
.shopitem{
clear:both;
font-size:1.2em;
float:left;
margin-bottom:50px;
}
.shopitem img{
float:left;
width:200px;
margin-bottom:30px;
margin-right:30px;
}

.shopitem h2{color:#890202;
font-size:20px;
font-weight:bold;}
.shopitem .descr{margin-left: 200px;margin-top:10px;}
.shopitem .price{
margin:10px;
font-size:1.2em;
color:#F5F5F5;
}
.price span{
color:#666666; font-size:0.6em;
display:block;
margin-top:5px;
}

.shopitem .shopbutton{
color:#9a763a;
float:left;
background-color:#000000;
border:1px solid #333333;
padding:8px 16px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:1.2em;
}

.eshop_legend{
margin-bottom:10px;
}
.eshop_item{
clear:both;
}
.eshop_item label{
float:left;
width:150px;;
margin-right:10px;
font-size:1.4em;}
.eshop_item input{
float:left;
margin-right:20px;}

.eshop_item select{
margin-left:-90px;
font-size:0.8em;
float:left;margin-bottom:20px;
}