middle-right-rightbody,html{
margin:0px;
padding:0px;
background:white;
color:black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#page{
}
#page-top{
width:1014px;
margin:0px auto;
background: url(../images/layout/middle-back.jpg);
}
#page-bottom{
width:1014px;
margin:0px auto;
}
#top{
	height: 118px;
	width:1014px;
	background-image: url(../images/layout/top.jpg);
}
#top ul{
	margin-top: 0px;
	padding-top: 0px;
}
#logo{
	height: 187px;
	width: 100%;
	background-image: url(../images/layout/logo.jpg);
	
}
#top ul{
	margin-left: 570px;list-style: none;

}
#top li{
list-style: none;
text-align: right;
	display: block;	margin-top: 50px;
}
#top a{
	background: url(../images/layout/pin1.gif) top right no-repeat;
	display: block;
	float: left;
	color:white;
	padding-left: 10px;
	padding-top: 30px;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	width:90px;
	height: 50px;
}
h1{
font-size: 1.7em;
color: white;
font-weight: normal;

	margin: 0px;
	padding: 0px;
}
#middle-right{
	color: #c6c6c6;
}
h2{
color: white;
font-size: 1.1em;

}
a img {
	border: 2px solid #5f656c;
}
.hr1{
	height: 2px;
	width: 90%;

	background-image: url(../images/layout/hr1.gif);
}
.hr2{
		height: 2px;
	width: 90%;
	margin-top: 5px;

	background-image: url(../images/layout/hr2.gif);
}
.hr1 hr, .hr2 hr{
	display: none;
}
#middle-right a{
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
#middle-right li{
	list-style:url(../images/layout/pin6.gif);
}
#middle-right a:hover{
	text-decoration: none;
}
#middle-left
{

overflow: hidden;
	width: 190px;
	float: left;
}
#middle-left li{
	list-style: none;
}
#middle-left li a{
padding-top: 4px;
padding-bottom: 0px;
padding-left: 14px;
background: url(../images/layout/pin3.gif)  no-repeat top left;
}
#middle-left li a:hover{
	background: url(../images/layout/pin5.gif) top left no-repeat;
	text-decoration: none;
	color: white;
}
#middle-right{
	width: 824px;
	float: left;
}
.stopFloat{
	width: 100%;
	height: 1px;
	clear: both;
}
.ullefthr{
padding-bottom: 5px;
padding-top: 5px;
	background: url(../images/layout/hr1.gif) repeat-x bottom;
}
#logo a{
	color: #5f656c;
	font-weight: bolder;
	text-decoration: none;
margin-right: 120px;
margin-top:130px;
display: block;
}
#logo{
	text-align: right;
}

#middle-right-left{
width: 357px;
padding: 20px;

float: left;
background-image: url(../images/layout/left-content.jpg);
	min-height: 200px;
}
#middle-right-right{
width:327px;

background: url(../images/layout/right-content-back.jpg) left top no-repeat;
	min-height: 200px;
	padding: 20px;
	padding-right: 70px;
	padding-top: 0px;
float: left;
}
#middle-right-bottom{
	clear: both;
	padding-top: 40px;
	min-height: 20px;
}
.button{
	float: left;
	width: 266px;
	background: aqua;
	height: 200px;
}
#page-bottom{
	clear: both;
	width: 100%;

	background: #e8e9ea;

}
#path{
	padding-left: 230px;
	height: 40px;
	
}
#middle-left li a{
	text-decoration: underline;
	display: block;
	width: 100%;
	height: 25px;
	overflow: visible;
	color: #5f656c;


}
#middle-left img{
	border: 0px !important;
}
#contact p{
	margin: 0px;
	padding: 0px;
}
#middle-left ul{
	margin-left:8px;
	padding: 0px; 
}
.otdoba{
	color: #ffa800;
	font-weight: bold;
	font-size: 1.1em;
}
.center{
	text-align: center;
}
#path a{
	text-decoration: none;
	font-weight: normal;
	color: #e8e9ea;
	padding-left: 17px;
	background: url(../images/layout/pin2.gif) left no-repeat;
}
#bottom{
color: white;
margin: 0px auto;
		width: 1014px;
		height: 127px;
		background: url(../images/layout/bottom.jpg) ;
}
#links{
	float: left;
	width: 190px;
	
}
#links ul{

}
#bottom{
	font-size: 1em;
}
#contact a,#copyright a{
	text-decoration: none;
	color: white;
}
#links a{
	color: #5f656c;
}
#links {
	list-style: url(../images/layout/pin4.gif);
}
#links li{
	line-height: 20px;
}
#contact{
	width: 352px;
	font-size: 0.9em;
	float: left;
	padding-left: 30px;
	padding-right: 15px;
	min-height: 20px;
	
}
#contact a{
color: white;
text-decoration: none;}
#copyright{
	font-size: 0.9em;
	float: left;
		padding-left: 30px;
	padding-right: 15px;
	width: 352px;
}
.visible-0,.visible-{
display: none;
	
}
.section-button{
	float:left;
	color:black;
	width: 233px;
	margin-top:8px; 
	margin-bottom: 8px;
	height: 147px;
}
.section-button-text{
padding: 39px 10px 0px 40px;
font-size: 0.7em;
width: 173px;
overflow: hidden;
height:58px;}
.section-button-link a{
	text-decoration: none !important;
}
.section-button-link{
margin-top: 4px;

margin-left: 34px;

}
.leftImageBack0{
	background:url(../images/layout/l0.jpg);
}
.leftImageBack1,.leftImageBack0{
	width: 189px;
	height: 157px;
}
.leftImageBack1 img,.leftImageBack0 img{
width: 109px;
height: 74px;
margin-left: 27px;
margin-top: 34px;
border: 0px;
}
.leftImageBack1{
background:url(../images/layout/l1.jpg) ;
	
}




.hidden{
	display: none;
}

#plakat{
	width: 100%;
	z-index:100;
	position: absolute;
	top: 200px;
	left: 0px;
	text-align: center;
}
#plakat img{
	border: 12px solid black;
	margin-top: -12px;
}
#plakat input{
	border: 6px solid black;
	width: 38px;
	height: 44px;
	background: url(../images/closePoster.gif);	
}
#message{
	overflow: hidden;
}





#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; 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: 998; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* 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/_interface/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/_interface/lightbox/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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 500px; background-color: #000; }



.visible-0{
display:none !important;}