body {background: white fixed no-repeat left bottom url('houtenstok_1.jpg');margin:0;}
.main{background: repeat-x url('bg.gif');}
.boxfp {background:#ddeaf8 fixed no-repeat center bottom url('bg.jpg');width:100%; height:100%;}
.box {background:#ddeaf8;border-left: 1px solid;border-right: 1px solid; border-color:#333; width:740px; height:100%;font:11px Verdana;}
.header{background:repeat-x url('bg.gif');height:113px;}
.div1 {width:100%;line-height:1px; background:#333;}
.menu {height:1px; padding-left:258px;padding-bottom:20px;}

.question{font:bold 11px Verdana;color:#333;cursor:pointer;}
.answer{display:none;font:11px Verdana;color:#333;}

.upd {background: repeat-x top url('bgb.jpg');border:1px solid #fff;border-top:1px solid #333;margin-bottom: 10px;font:11px Verdana;color:#333;padding:10px;cursor:pointer;
text-align:justify;padding:10px;}

.blogr {width:180px;float:right;}
.blogl {background:#fff;font:11px Verdana;color:#333;width:545px;float:left;border: 1px solid #333;padding:10px;}
.red{border:1px solid green;}

.right{float:right; width:450px; border:1px solid #333; padding:10px;background:#eef3f9;text-align:justify;font:11px Verdana;color:#333;margin-right:20px;}
.fpupd{float:right; padding:10px;font:11px Verdana;color:#333;margin-right:10px;}

.gb {background:#eef3f9;border: 1px solid #333; margin: 10px 20px;font:11px Verdana;color:#333;padding: 10px 20px;}
.gbbox {background:#eef3f9;border: 1px solid #333; font:11px Verdana;color:#333;width:680px;padding:5px;}

.gbl {border-right: 1px solid #333;width:180px;float:left;}
.gbr {background:#eef3f9;font:11px Verdana;color:#333;width:500px;float:right;}
.gbr2 {font:11px Verdana;color:#333;float:right;padding-left:2px;}

.al {float: left;}
.ar {float: right;}

h2{font: bold 14px Verdana;color: #333;margin-top:0px;}
h3{font: bold 14px Verdana;color: #333;margin:0px;float:left;}
h4{font: bold 10px Verdana;color: #333;float:right;text-align:right;text-decoration:underline;margin-top:0px;}


.titel{font: bold 14px Verdana;color: #333;float:left;}
.date{font:  10px Verdana;color: #333;text-align:right;float:right;}

.fotobox{text-align:left;width:100%;font:  11px Verdana;color: #333;}
.margin{padding:0px 20px;}

a:link {font:bold 11px Verdana;color:#333;text-decoration:underline;}
a:visited {font:bold 11px Verdana;color:#333;text-decoration:underline;}
a:active {font:bold 11px Verdana;color:#333;text-decoration:underline;}
a:hover {font:bold 11px Verdana;color:#333;text-decoration:underline;}


a.r:link {font:11px Verdana;color:#333;text-decoration:none;}
a.r:visited {font:11px Verdana;color:#333;text-decoration:none;}
a.r:active {font:11px Verdana;color:#333;text-decoration:none;}
a.r:hover {font:11px Verdana;color:#333;text-decoration:none;}

a.z:link {font:bold 11px Verdana;color:#333;text-decoration:none;}
a.z:visited {font:bold 11px Verdana;color:#333;text-decoration:none;}
a.z:active {font:bold 11px Verdana;color:#333;text-decoration:none;}
a.z:hover {font:bold 11px Verdana;color:#333;text-decoration:none;}

a.xs:link {font:9px Verdana;color:#666;text-decoration:none;}
a.xs:visited {font:9px Verdana;color:#666;text-decoration:none;}
a.xs:active {font:9px Verdana;color:#666;text-decoration:none;}
a.xs:hover {font:9px Verdana;color:#666;text-decoration:none;}

a.s:link {font:11px Arial;color:#3c4f76;text-decoration:underline;}
a.s:visited {font:11px Arial;color:#3c4f76;text-decoration:none;}
a.s:active {font:11px Arial;color:#3c4f76;text-decoration:none;}
a.s:hover {font:11px Arial;color:#3c4f76;text-decoration:underline;}


a.w:link {font:bold 10px Verdana;color:#fff;text-decoration:underline;}
a.w:visited {font:bold 10px Verdana;color:#fff;text-decoration:underline;}
a.w:active {font:bold 10px Verdana;color:#fff;text-decoration:underline;}
a.w:hover {font:bold 10px Verdana;color:#fff;text-decoration:underline;}

a.ip:link {font:9px Verdana;color:#eef3f9;text-decoration:none;}
a.ip:visited {font:9px Verdana;color:#eef3f9;text-decoration:none;}
a.ip:active {font:9px Verdana;color:#eef3f9;text-decoration:none;}
a.ip:hover {font:9px Verdana;color:#eef3f9;text-decoration:none;}

.oz{background:#eef3f9;width:330px;height:56px; border:1px solid #333; font:bold 11px Verdana;color:#333;margin-bottom:10px;cursor:pointer;}
.l{font:bold 11px Verdana;color:#333;text-decoration:none;height:56px;margin-left:75px;padding:5px;background: repeat-y left bottom url('hl.gif');}

a.smaller, smaller.hover {font-size: 9px arial;color:#333;text-decoration: underline;}
.count{font:8px Verdana;color:#eef3f9;}

.cr{font:9px Verdana;color:#333;}

.img {border: 1px solid #333;}
.imgs {border: 1px solid #333; height:80px;}
.imgfl {border: 1px solid #333;float:left; margin-right:5px;}


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal{margin: 0;padding: 0;list-style-type: none;cursor: default;margin-top:-16px;width:auto;}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive{z-index: 1000;}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li{margin:0px;padding: 0;list-style-type: none;position: relative;text-align: left;cursor: pointer;width: 120px;float: left;background:#ddeaf8;}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul{margin: 0;padding: 0;list-style-type: none;z-index: 1020;cursor: default;width: 129px;position: absolute;left: -1000em;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li{	width: 130px;border-right:1px solid #333;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul{	position: absolute;	margin: 0 0 0 100%;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{	left: auto;	top: 0;}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul{}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a{display: block;cursor: pointer;padding: 6px 2px;	color: #333;text-decoration: none;border-bottom:1px solid #333;border-left:1px solid #333;height:13px;line-height:13px;}
ul.MenuBarHorizontal a:visited{text-decoration: none;color: #333;}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{	background-color: #c3d4e6;text-decoration: none;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{background-color: #c3d4e6;}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{background-image: url(SpryMenuBarDown.gif);background-repeat: no-repeat;background-position: 95% 50%;}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{background-image: url(SpryMenuBarRight.gif);background-repeat: no-repeat;background-position: 95% 50%;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{	background-image: url(SpryMenuBarDownHover.gif);background-repeat: no-repeat;background-position: 95% 50%;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{background-image: url(SpryMenuBarRightHover.gif);	background-repeat: no-repeat;background-position: 95% 50%;}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{position: absolute;	z-index: 1010;	filter:alpha(opacity:0.1);}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{ul.MenuBarHorizontal li.MenuBarItemIE{display: inline;f\loat: left;background: #ddeaf8;}}

	
#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: #fff;	width: 250px;height: 250px;	margin: 0 auto;}
#imageContainer{margin: 9px; border: 1px solid #333;}
#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(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(prevlabel.gif) left 60% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 60% no-repeat; }
#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;}
#imageData{	padding:0 10px; color: #333;}
#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;	height: 500px;	background-color: #fff;	}
#filter { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #CCA; z-index:10; opacity:0.5; 
		
.lbWidth {position: absolute;top: 0px; left: 0px;width: 100%;min-width: 790px;}
* html .lbContent { /* IE6 */	margin-left: -790px;position:relative;}
* html .lbMinWidth { /* IE6 */padding-left: 790px;}
		
/* Clearfix */	
.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 */ 

.smaller{font-size: 9px;}
a.smaller {font-size: 9px;color: 333;text-decoration: none;}
a.smaller:hover {font-size: 9px;color: #333;text-decoration: none;}

.date {font:bold 10px Arial;color:#333;}
.t11n, input{font:11px Verdana;color:#333;}