body { background : #000 url(bg.site.gif) top center repeat-x; margin : 0; margin-bottom : 16px; text-align : center; font-size : inherit; font-family :  Arial, Helvetica, sans-serif; color : #5E5A53; }



#site_navigation_nocss { display : none; }





em {color: #e70101;}



h1 {display:block; float: left; background-color: #000; color:#000; padding-left:20px; border-left: solid 1px #000; font-weight: bold; margin:40px 0; }



h2 { margin : 0; padding : 0; font-weight : bold; font-family : "Verdana", "Clarendon Cn BT", serif; color : #7a6b26; font-size : 150%; text-transform: uppercase; }


h4 {margin: 10px 0 5px 0;}


hr {height: 0; border: 0; border-top: 2px solid #7a6b26; margin-top:0;}



ul, li {margin : 0; padding : 0;}



img, form { border : none; margin : 0; padding : 0;}



fieldset {color: #7a6b26; padding:6px;}



/* links */

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

a:link { color: #e3001b; }

a:visited { color: #e3001b; }

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

a:active { color: #000; }



/* 3 columns & site container */

#posts	{ float : left; width : 460px; padding-top : 115px; margin-left : 300px; margin-top: 0px; background-color : #000; }

* html #posts { display : inline; }

#linkerkant	{ float : left; width : 300px; margin-left : -760px; overflow : hidden; /* used for items width, which is 10px more than allowed  */ background-color : #000; }

#rechts	{ float : left; width : 207px; padding-top : 115px;  background-color : #7a6b26; background : #7a6b26 url(../plaatjes/bg.jpg) top left repeat-y;  font-size: 75%; color: #fff; }



/* Start tweaking for the 3 columns same height background */



/* Start Mac IE5 filter \*/

#posts, #linkerkant, #rechts { padding-bottom : 32767px !important; margin-bottom : -32767px !important; }

@media all and (min-width: 0px) {

#posts, #linkerkant, #rechts { padding-bottom : 0 !important; margin-bottom : 0 !important; }

#posts:before, #linkerkant:before, #rechts:before 	{ content : '[DO NOT LEAVE IT IS NOT REAL]'; display : block; background : inherit; padding-top : 32767px !important; margin-bottom : -32767px !important; height : 0; }

}

/* End Mac IE5 filter */



/* Site container: box */

#box	{ width : 967px; margin : 16px auto; text-align : left; overflow : hidden; /* This hides the excess padding in non-IE browsers */ }

#box	{ float : left; /**/ float : none; }



/* Start easy clearing */

#box:after	{ content : '[DO NOT LEAVE IT IS NOT REAL]'; display : block; height : 0; clear : both; visibility : hidden; }

#box	{ display : inline-block; }

/*\*/

#box	{ display : block; }

/* End easy clearing */



#paddingbottom_postscolumn { height : 20px; line-height : 20px; }



/* End tweaking */



/* End 3 collumns */



/*Clayborn site logo */

#badge { display : block; width : 300px; height : 300px; cursor : pointer; background-position : top left; background-repeat : no-repeat; }





/* navigation on the top left */





#navigation_more { margin-left: 10px; }

#navigation_more ul { margin : 0 0 50px 0; padding : 0; list-style : none; }

#navigation_more ul h2 a span {display:none;}

#navigation_more ul h2 a { display: block; width:115px; height:25px; margin: 0; padding:0 0 3px 0; background:  0 0 no-repeat; text-decoration: none; }

#navigation_more ul h2 a:hover { background-position: -115px 0;}

#navigation_more ul h2 a.aan { background-position: -230px 0;}


  #nav {
    width: 250px; height: 450px;
    background: (../plaatjes/knoppen.gif);
    margin: 50px auto; padding: 0;
    position: relative;}
  #nav li {
    margin: 0; padding: 0; list-style: none; display: block;
    position: absolute;}

  #nav a { display: block;}

  
  #nav a span {
  		display: none;}
  		
  		
  #panel1b {	top: 0px; height: 41px; width: 250px;
		background: transparent 		url(../plaatjes/knoppen.gif)
    		-250px 0px no-repeat;}
  #panel2b {top: 41px; height: 108px; width: 250px;
    background: transparent url(../plaatjes/knoppen.gif)
  -250px -41px no-repeat;}
  #panel3b {top: 149px; height: 58px; width: 250px;
    background: transparent url(../plaatjes/knoppen.gif)
   -250px -149px  no-repeat;}
  #panel4b {top: 207px; height: 78px; width: 250px;
    background: transparent url(../plaatjes/knoppen.gif)
    -250px -207px no-repeat;}
  #panel5b {top: 285px; height: 63px; width: 250px;
    background: transparent url(../plaatjes/knoppen.gif)
   -250px -285px no-repeat;}
  #panel6b {top: 348px; height: 102px; width: 250px;
    background: transparent url(../plaatjes/knoppen.gif)
   -250px -348px no-repeat;}
   
  #panel1b a {height: 41px;}
  #panel2b a {height: 108px;}
  #panel3b a {height: 58px;}
  #panel4b a {height: 78px;}
  #panel5b a {height: 63px;}
  #panel6b a {height: 102px;}  
  
  #panel1b a:hover {
    background: transparent url(../plaatjes/knoppen.gif) 0 0px;}
  #panel2b a:hover {
    background: transparent url(../plaatjes/knoppen.gif)
    0 -41px no-repeat;}
  #panel3b a:hover {
    background: transparent url(../plaatjes/knoppen.gif)
    0 -149px no-repeat;}
  #panel4b a:hover {
    background: transparent url(../plaatjes/knoppen.gif)
    0 -207px no-repeat;}
  #panel5b a:hover {
    background: transparent url(../plaatjes/knoppen.gif)
    0 -285px no-repeat;}
  #panel6b a:hover {
    background: transparent url(../plaatjes/knoppen.gif)
    0 -348px no-repeat;}




#items { width : 291px; margin : 0; }



#items { float : none; clear : both; background : url(bg.misc.leftcol.png) top left no-repeat; }







#items .hdr  { margin-bottom : 5px; padding : 5px 0px 0px 12px; height : 50px; }

#items h2  { display : block; line-height : 150%; margin : 0; color : #e3001b; padding : 0; font-size : 140%; }



#itemsbody { width : 291px; height : auto; float : none; clear : both; }

.item { float : left; width : 97px; height : 150px; margin : 0px; }



/* posts */



.post ul {list-style: disc outside url("../plaatjes/bullit.gif");}

.post { width : 424px; overflow : hidden; margin : 12px 18px 6px 18px; background : transparent url(bg.postheader.png) top left no-repeat; }

.post img {display: block; margin: 5px 1px 5px 5px;}

.post .hdr { display: block; margin : 0px 0 6px 0; width : 340px;}

.post .full { width : 424px; }

.post .category_image { float : right; width : 75px; height : 88px; }

.post .body { overflow : hidden; }

.post .body p { margin : 6px 0 6px 0; font-size : 70%; line-height : 140%; }

.post .body p img { float : right; border : 1px solid #ddd; }

.post .body a:hover img{border : 1px solid #e3001b;}

.post .body a { color : #fff; }

img.duim {display: inline; border: solid 1px #000; margin: 0 5px 0 0; }


.toppertje a{display:block; width: 50px; height: 12px; float:right; margin: 0 18px 0 0; padding: 2px; font-size: 55%; border: 1px solid #000; }

.toppertje a:hover { border: 1px solid #e3001b; text-decoration: none; }


.past {font-size: 70%;}

/* Kurts tories */

.column	{

		display: block ;

		width: 400px;

		text-align: justify;

		font-size:0.7em;

		margin-left: 30px;

		}



.column p	{

		border: none;

		text-indent: 1em;

		width: 395px;

		}





/* fotootjes */

#fotootjes { width : 207px; }

#fotootjes h2#koptekst { font-size : 180%; margin : 34px auto 0px 20px; }







#fotootjes p { margin : 0; padding : 6px 4px 6px 10px;  color : #fff; line-height : 120%; }



#fotootjes.a, fotootjes.a:visited {color:#000;}

#hut {position:relative; width:200px; border:0px solid #000; margin:10px auto;}

a.gallery,  a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:150px; height:150px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.slidea {background:url(../plaatjes/foto_01.jpg) no-repeat -200px -100px;}

a.slideb {background:url(../plaatjes/pic_jane_evileye.jpg) no-repeat -200px -100px;}

a.slidec {background:url(../plaatjes/foto_2008_cross.jpg) no-repeat -190px -100px;}
a.slided {background:url(../plaatjes/foto_wenen_01.jpg) no-repeat -140px -20px;}
a.slidee {background:url(../plaatjes/pic_jaro.jpg) no-repeat -430px -50px;}
a.slidef {background:url(../plaatjes/foto_gooth_01.jpg) no-repeat -120px -55px;}
a.slideg {background:url(../plaatjes/foto_suyker_01.jpg) no-repeat -275px -100px;}
a.slideh {background:url(../plaatjes/foto_angelo_noziglia.jpg) no-repeat -270px -120px;}


a.slidei {background:url(../plaatjes/bnd_jane.jpg) no-repeat -125px -150px;}
a.slidej {background:url(../plaatjes/bnd_ro.jpg) no-repeat -125px -155px;}
a.slidek {background:url(../plaatjes/bnd_tobias.jpg) no-repeat -115px -170px;}
a.slidel {background:url(../plaatjes/bnd_matthias.jpg) no-repeat -125px -150px;}
a.slidem {background:url(../plaatjes/bnd_maarten.jpg) no-repeat -125px -160px;}

a.sliden {background:url(../plaatjes/foto_hond.jpg) no-repeat -200px -100px;}
a.slideo {background:url(../plaatjes/band_rogier.jpg) no-repeat -200px -100px;}
a.slidep {background:url(../plaatjes/foto_ing1.jpg) no-repeat -200px -100px;}
a.slideq {background:url(../plaatjes/foto_clip.jpg) no-repeat -150px -100px;}

a.slider {background:url(../plaatjes/foto_zc_muller.jpg) no-repeat -230px -75px;}
a.slides {background:url(../plaatjes/foto_suyker02.jpg) no-repeat -400px -100px;}
a.slidet {background:url(../plaatjes/foto_waterfront.jpg) no-repeat -200px -100px;}
a.slideu {background:url(../plaatjes/foto_noud_exit.jpg) no-repeat -100px -75px;}

a.slidev {background:url(../plaatjes/band_jane.jpg) no-repeat -300px -100px;}
a.slidew {background:url(../plaatjes/foto_ing2.jpg) no-repeat -200px -100px;}
a.slidex {background:url(../plaatjes/foto_suyker04.jpg) no-repeat -30px -100px;}
a.slidey {background:url(../plaatjes/pic_ro1_bagger.jpg) no-repeat -60px -170px;}

#fotootjes a.gallery span {visibility:hidden; display:block; position:absolute; width:750px; height:600px; top:-130px; left:-786px; color:#fff; background:#000 url(../plaatjes/bg.jpg); text-align:center; border:1px solid #7a6b26; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

#fotootjes a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

#fotootjes a.gallery:hover span {visibility:visible; z-index:100;}

#fotootjes a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

#fotootjes a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

#fotootjes a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

#fotootjes a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}






/*winkel*/



#merch		{

		display: block;

		width:400px;

		border: solid 2px #fff;

		padding:0.2em;

		margin:12px;

		}











/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility : visible !important; margin : 0; }

.sIFR-replaced { visibility : visible !important; }

span.sIFR-alternate { position : absolute; left : 0; top : 0; width : 0; height : 0; display : block; overflow : hidden; }





/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .post h2 { visibility : hidden; letter-spacing : -5px; font-size : 26px; }

.sIFR-hasFlash .older h2 { visibility: hidden; letter-spacing: -5px; font-size: 25px; }

.sIFR-hasFlash #navigation_more h2 { visibility : hidden; letter-spacing : -4px; font-size : 23px; }

html.sIFR-hasFlash>body #navigation_more h2 { letter-spacing : -5px; }

.sIFR-hasFlash #navigation_stats_leden_zoeken h2 { visibility : hidden; }

.sIFR-hasFlash #items h2 { visibility : hidden; letter-spacing : -6px; font-size : 25px; }

.sIFR-hasFlash #forum h2 { visibility : hidden; letter-spacing : -9px; font-size : 25px; }

.sIFR-hasFlash #viraltop5 h2 { visibility : hidden; }

.sIFR-hasFlash #categories h2 { visibility : hidden; }

.sIFR-hasFlash #fotootjes h2 { visibility : hidden; letter-spacing : -6px; font-size : 25px; }

.sIFR-hasFlash .comment h2 { visibility: hidden; letter-spacing: -4px; font-size: 20px; }







#posts hr {width : 424px; height : 1px; margin : 0px 18px 12px 18px;}


/* fotootjes laten staan voor oude paginas */


#pic {

	

	position: relative;

	width: 100%;

}



#pic a .large {

	border: 0px;

	display: block;

	

	left: -1px;

	position: absolute;

	top: -1px;

	width: 1px;

	height: 1px;

}



#pic a img {

	border: 0;

}







#pic a.p1, #pic a.p1:visited {

	

	border: 0;

	display: block;

	height: auto;

	left: 0;

	text-decoration: none;

	top: 0;

	margin: 0;

}



#pic a.p1:hover {

	cursor:default;

}





#pic a.p1:hover .large {

	border: 1px solid #000000;

	display: block;

	left: -617px;

	position: absolute;

	top:-130px;

	width: 600px;

	height: auto;

}



#pic a :hover{

	text-decoration: none;}