/* Style by Twee-D / Design by Studio DIN */
/*
	CSS design by Twee-D / 2007
	oranje #FFA633
	roze   #CE0632
	grijs  #211704
*/

/* page styles */
html { font-family:verdana; font-size:10px; color:#000000; }
body { text-align:center; margin:0px; background-color:#FFFFFF; }
#container { text-align:left; width:945px; margin-left:auto; margin-right:auto; }

a, #kolom350 a { color:#CE0632; text-decoration:none; }
a:hover, #kolom350 a:hover { text-decoration:underline; }

/* header */
#header { width:945px; height:109px; background:url(images/header_image.jpg) right top no-repeat #FFFFFF; margin-bottom:15px; margin-top:10px; }
#logo { float:left; }

#navigation { float:left; margin-top:38px; margin-left:25px; }
#navigation ul { margin:0; padding:0; list-style:none; }
#navigation ul li { float:left; }
#navigation ul a { display:block; font-size:15px; color:#CE0632; font-weight:bold; text-transform:lowercase; margin:0; padding:0px; text-decoration:none; padding-right:25px; padding-bottom:4px; }
#navigation ul li ul { position:absolute; background:#FFA633; filter: alpha (opacity=85); left:-999em; margin-left: -11px;}
#navigation ul li ul li { clear:left; width:auto; }
#navigation ul li ul li a {color:#FFFFFF; padding-left:12px; padding-top:4px; font-size:13px; }
#navigation ul li ul li a:hover { background: solid 9px #FFCC00; color:#CE0632; text-decoration: none;}
#navigation ul li a.active { border-bottom: solid 9px #FFCC00; }
#navigation ul li:hover ul, #navigation ul li.sfhover ul { left:auto; }

#kruimel { margin:-30px 10px 20px 0px; font-size:12px; font-weight:bold; text-decoration:none; font-size:9px; }
#kruimel a { font-size:9px; font-weight:bold; text-decoration:none; color:#CE0632; }

/* kolommen */
.kolomh { float:left; width:185px; margin-right:30px; margin-bottom:20px; height:225px; overflow:hidden; }
.kolomh #photo { width:185px; height:110px; overflow:hidden; }
#kolom { float:left; width:175px; margin-right:30px; margin-bottom:20px; }
#kolom li { margin:0; padding:0; list-style:none; }
#kolom300 { float:right; width:300px; }
#kolom350 { margin-left:215px; width:390px; margin-right:40px; margin-bottom:20px; }
#kolom350 p { line-height:18px; margin-top: 14px; margin-bottom: 2px;}
#kolom350 h1 { font-size:18px; }
#kolom350 table td { font-size: 11px; vertical-align:top; padding-bottom:6px; }
#kolom350 #tagcloud-all { text-align:center; line-height:16px; font-size:14px; }
#kolom350 #tagcloud-all a { font-weight:bold; text-decoration:none; color:#666666; }
#kolom350 #tagcloud-all a:hover { font-weight:bold; text-decoration:none; color:#FFFFFF; background-color:#CE0632; }
#kolom300 div.blokje { width:280px; padding:10px; margin-bottom:10px; text-transform:uppercase; }
#kolom300 div.blokje a { width:280px; color:#FFFFFF; font-size:18px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#kolom300 #showalltags { text-align:right; margin-top:5px; margin-bottom:5px; font-weight:bold; }

.blokje a { display: block; }

#kolom350 ul { margin-top: 0px; padding-top: 0px; list-style-type:disc; }
#kolom350 ul li { margin-bottom:5px; line-height:16px; }

.orange { background:#FFA633; }
.red { background:#CE0632; }
.red a { color:#000000; text-decoration:none; }
.red a:hover { color:#FFFFFF; text-decoration:underline; }
.black { background:#000000; }

.subnavblok { margin-bottom:10px; padding:10px; }
.subnavblok h1 { color:#FFFFFF; font-size:16px; }

#kolom300 #tagcloud { text-align:center; margin-top:30px; width:300px; height:150px; overflow:hidden; line-height:16px; }
#kolom300 #tagcloudhome { text-align:center; margin-top:30px; width:290px; height:125px; overflow:hidden; line-height:16px; }
#kolom300 #tagcloud a, #kolom300 #tagcloudhome a { font-weight:bold; text-decoration:none; color:#666666; }
#kolom300 #tagcloud a:hover, #kolom300 #tagcloudhome a:hover { font-weight:bold; text-decoration:none; color:#FFFFFF; background-color:#CE0632; }
#kolom300 ul { margin:0 0 30px 0; padding:0; list-style:none; }

/* content blokken */
#column { width:292px; margin-right:31px; margin-bottom:15px; height:140px; background:#ffa633; float:left; clear:left; }
#column p { background:#FFFFFF; margin:0 15px 15px 15px; padding:5px; height:80px; overflow:hidden; }
#column p a { color:#000000; text-decoration:none; }
#column p a:hover, .kolomh a:hover  { color:#CE0632; }
#blog { width:292px; margin-right:30px; margin-bottom:15px; height:140px; background:#ce0632; float:left; }
#blog p { background:#FFFFFF; margin:0 15px 15px 15px; padding:5px; height:80px; overflow:hidden; }
#blog p a, .kolomh a{ color:#000000; text-decoration:none; }
#blog p a:hover, .kolomh a:hover { color:#CE0632; }


/* footer */
#footer { width:945px; height:30px; background:#211704; clear:both; color:#FFFFFF; }
#left { float:left; width:600px; padding:8px 0 0 15px; }
#right { float:right; width:300px; text-align:right; padding-right:15px;}

#footer ul { display:inline; margin:0; padding:0; list-style:none; }
#footer ul li { display:inline; margin:0; padding-right:15px; }
#footer ul li a { font-size:10px; color:#FFFFFF; font-weight:bold; text-transform:lowercase; margin:0; padding:0; text-decoration:none; }
#footer ul li a:hover, div#footer ul li a.active {  }
#sinput{ border:0px; background:#FFFFFF; width:150px; margin-top:7px; font-size:10px; color:#666666; }
#ssubmit { border:0px; background:#211704; color:#FFFFFF; font-weight:bold; cursor: pointer;}
#zoekknop{border: 1px solid black; }
#latest { background-color:#000000; color:#FFFFFF; padding:10px; margin-bottom:10px; }
#latest h1{color:#FFFFFF; font-size:16px;}
#latest td {color:#ffffff; font-size: 11px; vertical-align: top;}
#latest td a{color:#FFA633; font-size: 11px;} 


#archive { background-color:#000000; color:#FFFFFF; padding:10px; margin-bottom:10px; }
#archive h1{ color:#FFFFFF; font-size:16px; }
#archive a { color:#FFA633; font-size:11px; }


/* common styles */
h1, h1 a, h1 a:hover { margin:0 0 3px 0; font-size:12px; color:#000000; text-decoration:none;  }
h2 { color:#FFFFFF; font-size:18px; margin:5px 20px 5px 15px; text-transform:uppercase; font-weight:bold; }
h3 {}
h4 {}
p { margin:0px; margin-bottom:5px; }
img { margin-bottom:5px;}

.wrapper-post-div{
border: 1px solid #FF0000;
margin-bottom: 15px;
padding: 10px;
}

.wrapper-post-div h1, .wrapper-post-div-single h1{
margin-top: 10px;
font-size: 18px;
}

.wrapper-post-div a, .wrapper-post-div-single a{
color: #000000;
text-decoration: none;
}

.wrapper-post-div a:hover, .wrapper-post-div-single a:hover{
color: #FF0000;
}

.wrapper-post-div .postmetadata, .wrapper-post-div-single .postmetadata{
margin-top: 5px;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}