/* generated by csscreator.com */ 
html, body {
	margin:0px 10px 0px 10px; 
	padding:0; 
	text-align:center;
	background: #000000 url(zw8ergr.jpg);
	/* background: #000000 url(gras.jpg); */

} 
 
#pagewidth	{ 
	width:890px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background:#404040; 
} 
 
#header {
	position:relative; 
	background-color:#000000; 
	width:100%;
	height: 160px;
}


#menubalk {
	height:25px; 
	background-color:#CBDB2A;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:14px;
	font-weight: bold;
	clear:both;
	padding: 5px;
 }
 
#menubalk a:link {
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}

#menubalk a:hover {
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}
#menubalk a:visited {
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}



#leftcol {
	float:left; 
	position:relative;
	width: 490px;
	padding: 10px;
	margin-top: 20px;
	margin-left: 10px;
	color: #000000;
	font-family: arial;
	font-size:12px;
	background: url(8ergr.jpg);
	background: #ffffff;
}
#leftcol a:link {
	color: #000080;
	font-family: arial;
	font-size:12px;
	text-decoration: underline;
}
#leftcol a:visited {
	color: #000080;
	font-family: arial;
	font-size:12px;
	text-decoration: underline;
}
#leftcol a:hover {
	color: #000090;
	font-family: arial;
	font-size:12px;
	text-decoration: underline;
}

#titel {
	font-family: verdana, arial;
	font-size:19px;
	font-weight: bold;
	letter-spacing: -1px;
}
#postinfo {
	color: #057ae8;
	font-family: verdana, arial;
	font-size:8px;
	font-weight: bold;
}
#postinfo a:link {
	color: #057ae8;
	font-family: verdana, arial;
	font-size:8px;
	font-weight: bold;
	text-decoration: none;
}
#postinfo a:hover {
	color: #057ae8;
	font-family: verdana, arial;
	font-size:8px;
	font-weight: bold;
	text-decoration: none;
}
#postinfo a:visited {
	color: #057a11;
	font-family: verdana, arial;
	font-size:8px;
	font-weight: bold;
	text-decoration: none;
}
#rechts { 
	float: right; 
	display:inline; 
	position: relative; 
	width: 360px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #cccccc;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:11px;
 }
 #rechts a:link {
	color: #ffffff;
	font-family: verdana, arial;
	font-size:11px;
}
#rechts a:hover {
	color: #057ae8;
	font-family: verdana, arial;
	font-size:11px;
}
#rechts a:visited {
	color: #A7D146;
	font-family: verdana, arial;
	font-size:11px;
}

#login {
	width: 160px;
	background-color: #707070;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:10px;
	padding: 5px;
}

#balkje {
	width: 160px;
	padding: 5px;
	background-color: #cbdb2a;
	font-family: verdana, arial;
	font-size:17px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	color: #000000;
}

#blok {
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:10px;
}

#tekstcel1 {
	background-color:#000000;
	color: #ffffff;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}

#tekstcel2 {
	background-color:#CBDB2A;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}

#tekstcel3 {
	background-color:#EA831C;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}

#tekstcel4 {
	background-color:#057ae8;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}
#tekstcel5 {
	background-color:#CBDB2A;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}

#tekstcel6 {
	background-color:#EA831C;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}

#tekstcel7 {
	background-color:#057ae8;
	color: #000000;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:12px;
	font-weight: bold;
	padding: 5px;
}


.switch { 
	font-size: 11px;
	background-color: #ffffff;
	border: 1px solid #666666;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;	
	top: -300px;
	z-index: 100;
	left: 68px; 
}



#footer {
	height:23px;
	text-align: center;
	background-color: #cbdb2a;
	color: #909090;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:9px;
	clear:both;
	margin-top: 10px;
}
#footer a:link {
	color: #909090;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:9px;
}
#footer a:hover {
	color: #909090;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:9px;
}
 #footer a:visited {
	color: #909090;
	font-family: trebuchet ms, tahoma, verdana, arial;
	font-size:9px;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}