body{
 background: url(images/) ; 
 font-family:Verdana;
 font-size:13px;
 background-color:#000;
 text-align:center;
 margin-top:15px;
 cursor:url("images/groen_blauw.ani") auto;
}
h1 {font-size:20px;color:#F95606;margin-bottom:0px;font-weight: bold;}
h2 {font-size:16px;color:#FF6633;font-weight: bold;}
h3 {font-size:14px;color:#99FF00;}
h4 {font-size:13px;color:#00CCFF;}
h5 {font-size:12px;color:#fff;}
h6 {font-size:11px;color:#00CC00;}
h7 {font-size:10px;color:#444;}
h8 {font-size:8px;color:#666;}

h1,  h3, h4, h5 ,h6, h7, h8 {
font-family: Verdana,sans-serif;
text-decoration : underline;
}

#ppost{
	width: 200px;
	min-width: 200px;
	height: 170px;
	background: url(images/ppost.png);
	background-repeat: no-repeat;
	color:#333; 	
	margin-top:5px;
	margin:5px;
	padding:10px;
	float:left;

	font-size:9px;
	font-family: arial, sans-serif;;
	}
.footer{
	background: url(images/footer.png);
	background-repeat: no-repeat;
}

/* for Internet Explorer */
 /*\*/
* html #ppost {
height: 16em;
width: 24em;

}
/**/


#ppost_title{
color:#ff6600;

border:0px solid #666666;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ppost img a{

border: 1px #ff6600 dotted;
}

#feed {
	text-align:center;
	color: orange;
	font-size: 10px;
}
#feed a img{
border: 3px solid #000;
height: 80px;
width: 110px;

}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
border:3px solid #000; -moz-border-radius:6px;
}


.popupdiv {
	font-size : 9px;
	color	  : #fff;
	font-weight: bold;
	border:2px solid #222;
	width:206px;
background-image: url();
filter:alpha(opacity=96);
 -moz-opacity:0.96;
background-color: #ddd;
-moz-border-radius:5px;
}

.popupdiv2 {
	font-weight: bold;
	border:1px solid #ccc;
	filter:alpha(opacity=96);
 	-moz-opacity:0.96;
background-color: #fff;
}

.ppic{
	width:200px;
	height:150px;

}

#title {
height:114px;
width:820px;
padding:0px;
background: url(images/header.png); 


}

#left {
background-color: #d3d3d3;
vertical-align:top;
color: #5E5E5E;
margin-top: 10px;
}


#right {
vertical-align:top;
background-color: #d3d3d3;
color: #5E5E5E;
margin-top: 10px;
}

#content {

margin:auto;
border:1px solid #d3d3d3;
background-color:#d3d3d3;
color: #ff6600;
width:100%;
padding:5px;
filter:alpha(opacity=95);
 -moz-opacity:0.95;
}


table	{
	font-size : 10px;
	color	  : #000;
	font-weight: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.pop_upBG {
	font-size : 10px;
	color	  : #fff;
	font-weight: bold;
	border:1px solid #333;
	
background-image: url(images/popup_bg.gif);
}

i{
font-size : 12px;
	color	  : violet;
	font-weight: bold;
}
.pop_upBG2{
/*background-image: url(images/mid.gif);*/
color	  : #ff6600;
filter:alpha(opacity=80);
 -moz-opacity:0.8;
background-color: #000;
}

.randompic{
border: 1px solid black;
}

.ld_pic{
border: 1px solid #333;
color	  : #ff6600;
padding: 1px;
margin:1px;
}

.tabletop{
	font-size : 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	color	  : #000;
	font-weight: none;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	letter-spacing: 1px;
	margin-left: 4px;
	text-align: center;
}

.tabletop a{
	font-size 	: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;	
	color	  	: #000;
	margin-left: 4px;
	font-weight	: bold;
	
	text-decoration : none;
}

.tabletop a:hover{
	font-size 	: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;	
	color	  	: #000;
	margin-left: 4px;
	font-weight	: bold;
	
}

#pg2{
font-size 	: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight	: bold;
margin:3px
margin-top: 20px;
padding:20px;
background: url(images/titel_tile.gif);
}



pg{
font-size 	: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight	: bold;
text-align: center;
margin: 5px;
line-height: 2em;
padding:3px;

}

.pg a:hover {
font-size 	: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight	: bold;
text-decoration: none;
background-color:#CC9933;
color: #fff;
line-height: 2em;
border:1px solid #ddd;
margin: 4px;

padding: 4px;
-moz-border-radius:3px;
}

.pg a {
font-size 	: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight	: bold;
text-decoration: none;
background-color:#e3b787;
color: #000;
line-height: 2.3em;
border:1px solid #ddd;
margin: 4px;

padding: 4px;
-moz-border-radius:3px;
}


.post{
width: 400px;
font-size : 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 7px;
padding-left:10px;
	
}



.tablecont{
	font-size : 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	padding: 7px;
	padding-left:10px;
	color	  : #ccc;	
	font-weight: none;
	text-align: center;
	border-top:1px solid #323232;
	
}
.tablecont2{
	font-size : 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	padding: 7px;
	padding-left:10px;
	color	  : #ccc;	
	font-weight: none;
	text-align: center;
	border-top:1px solid #323232;
	
}
.tablecont a{
	margin-left: 5px;
	margin-right: 5px;
	color	  : #333;	
	font-weight: none;
	text-align: center;
	
}
.tablecont a:hover{
	color	  : #cfcfcf;
	font-weight: none;
	text-align: center;
}
a	{
	font-size 	: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color	  	: #ff6600;
	font-weight	: bold;
	text-decoration : none;
}

a:hover	{
	font-size 	: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
	color	  	: red;
	font-weight	: bold;
	text-decoration : none;
}


.menu a{
	font-size 	: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color	  	: #222;
	font-weight	: bold;
	text-decoration : none;
}
.menu a:hover{
	font-size 	: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color	  	: #ff6600;
	font-weight	: bold;
	text-decoration : none;
}

.midsection{
background-color:#e4c59d;
-moz-border-radius:6px;
border:1px solid #ddd;
width: 480px;
margin: 3px auto;
color:#000;
text-align:center;
}

.midtitle{
background-color:#000000;
-moz-border-radius:3px;
border:1px solid #333;
text-align:center;
}
.menucontainer{
margin-left:5px;
margin-right:5px;
background-color:#e4c59d;
width: 152px;
background: url(images/b1.jpg);
background-repeat: no-repeat;

}

.menutop{
	font-size : 12px;
	letter-spacing: 1px;
	color	  : #fff;
	font-weight: bold;	
	font-style: italic;
	font-family: Arial,verdana;
	width: 152px;
	height:25px;
	text-align:center;
}



.menufoot{
	font-size : 8px;
	letter-spacing: 1px;
	color	  : #fff;
	font-weight: bold;	
	
	background-repeat: no-repeat;
	font-family: Verdana,Arial;
	
	width: 152px;
	
	height:9px;
	text-align: center;
}

.menu{
border-left:0px solid #454545;
border-right:0px solid #454545;
background-color:#e4c59d;
width: 150px;
font-size : 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
/* for Internet Explorer */
/*\*/
* html .menu {
width: 16.9em;
}
/**/
.menucont{
margin-left:3px;

width:146px;
}
.stats {
	font-size 	: 9px;
	font-family: Verdana, Arial;
	color	  	: #333;
	
}





input , input.file , textarea , select {
background-color:#ccc;
color:#000;
border:1px solid #333;
letter-spacing: 1px;
-moz-border-radius:3px;
padding:4px;
font-size:9px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#dek {
POSITION:absolute;
VISIBILITY:hidden;
Z-INDEX:200;
}



ul.list_one {
  	list-style-type:none; /* remove the bullets */
 	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
  	padding:20px; /* remove the automatic padding that other browsers use for the text-indent. */
}

ul.list_two {
  	list-style-type:none; /* remove the bullets */
 	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
  	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
  	width:145px; /* fix the width of the list items which would default to 100% */
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.list_two a, ul.list_two a:visited, ul.list_two a:active {
  	text-decoration:none; /* remove the default underline from the links */
  	display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
  	width:145px; /*set the width to be the same as the ul width */
  	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-indent:5px; /* move the link text 5px to the right */
  	/*background:#16192c;  make the background color red */
  	color:#000; /* make the text color white */
  	border-bottom:1px dotted #e3b787; /* separate the links with a 1px wide white line */
}
ul.list_two a:hover, ul.list_one li:hover {
  	background:#deba8b; /* change the background to blue on :hover */
  	border-right: 4px solid #ff6600;
 	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:ff0000;
}
ul.list_three {
  list-style-type:square; 
  margin:20; 
  
  text-align:left;
  
}
ul.list_four ,ul.list_four a{
   list-style-type:none; /* remove the bullets */
  font-size:10px;
  text-align:left;
  margin:0;
  padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
  width:145px; /* fix the width of the list items which would default to 100% */
  font-family: Verdana, Arial, Helvetica, sans-serif;

}
ul.list_four a:hover, ul.list_four li:hover {
 /* background:#3A3A3A;  change the background to blue on :hover */
  background: url(images/listbg.gif) repeat-x;
font-size:10px;
}

	
#button1 {
color:#003399; 
font-weight: bold;
background: url(images/btn_bg.gif);
display: inline;
border: none;
width:125px; 
height: 25px;
line-height: 25px;
text-align: center;
margin-left: 1.5em
}
#button1:hover {
color: #000;
background: url(images/btn_bg2.gif);
}


/*###latest dump##*/

#container {background:#4D81AA; width:450px; margin:10px; padding-right:0px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em;color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d09c64; overflow:hidden; border-top:12px solid #d09c64; border-left:12px solid transparent; border-right:12px solid transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#d09c64; overflow:hidden; border-top:10px solid #d09c64; border-left:10px solid transparent; border-right:10px solid transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {display:none;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #d09c64; border-right:1px solid #d09c64;}

.xb1 {margin:0 8px; background:#d09c64;}
.xb2 {margin:0 6px; background:#d09c64;}
.xb3 {margin:0 4px; background:#d09c64;}
.xb4 {margin:0 3px; background:#d09c64; border-width:0 5px;}

.xb5 {margin:0 2px; background:#d09c64; border-width:0 4px;}
.xb6 {margin:0 2px; background:#d09c64; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#d09c64; border-width:0 3px; height:2px;} 

.xboxcontent {
 display:block;
 background: url(/themes/default/images/last.jpg) repeat-x;
 background-color:#d09c64; 
 border:3px solid #d09c64;
 border-width:0 3px;
}

.xsnazzy a img{
 border:1px solid #d09c64;
 padding:0px;
}

.xsnazzy a img:hover{
 border:1px solid black;
 padding:0px;
}

#picture {width:600px; height:400px; background:url(../gall/pic_10h.jpg) center top; padding:80px 20px 0 20px; margin:15px;}

.postcont{
margin-left:10px;
padding-left:10px;
}

/* online icon */
#online {
	padding: 20 20px;
	
	color: #444;
	text-align:right;
	font-size: 9px;
	}

#npost{
	width: 420px;
	background: url(images/postbg2.gif) repeat-x;
	background-color:#000; 
	color:#ccc; 
	border:1px solid #333;
	margin-top:10px;
	margin-left:20px;
	}
#spacer{
	height:8px;
/*	background: url(images/dead.gif) no-repeat;
	background-position:center; */
}

#ha1{

font-family: Verdana, Arial, Helvetica, sans-serif;
color:red;	
}

a img {
border:0px dotted #cc33cc;
}

img {
	cursor: hand;
        border: 0px #000 solid;
}



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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	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(images/lb/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(images/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lb/nextlabel.gif) right 15% no-repeat; }


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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

blockquote {
	margin: 50px 30px 0 10px;
	padding-left: 70px;
	border-left: 5px solid #ff6600;
	text-align: left;
	}
#comment{
height: 20px;
width: 450px;

}

#commenttext{
background-color: #d3d3d3;
width: 370px;
color: #000;
text-align: left;
margin: 0px auto;
font-size: 12px;
padding:40px;
border: 2px #ddd solid;
-moz-border-radius:6px;
background-image: url(images/cmmntbg.jpg);
background-repeat: repeat-x;
}
table.beitrag{
background-color: #d3d3d3;

color: #000;
text-align: left;
margin: 0px auto;
font-size: 12px;
padding:3px;
border: 2px #ddd solid;
-moz-border-radius:6px;
background-image: url(images/beitrag_bg.jpg);
background-repeat: repeat-x;
}
.last a, b{
font-size:9px;}

.last{
font-size:10px;
}

hr{
background-color: #000; /* Farbe für Opera und Firefox */
color: #000; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
}