* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font-size: 12px;
line-height:1.5em;
background-color: #365738;
font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; 
}

body a { color: #b7d2b8}
.linkColor { color: #b7d2b8 } 

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}

img {border: none;}

h1 {
padding:5px 0 10px 0;
font-size: 1.5em;
color: #ECEAA8
	
}
h2 {
padding:0;
margin:10px 0 25px 0;
font-size: 180%;
line-height:100%;
}
h3 {
font-size: 1.2em;
color: #ECEAA8;
padding-bottom: 3px;
}
h4 {
font-size: 1.1em;
font-weight: bold;
color: #ECEAA8;

line-height: 2em;
}
h5 {
font-size:110%;
}

ul, ol {
margin:20px 0 5px 5px;
}
li {
margin:0 0 0 5px;
}



#header { position: relative; overflow: hidden; height: 360px;}

#header h1 {
	position: absolute; left: 32px; top: 11px;
}

#header h1 strong {display: none}

#header h1 a span {
	display: block; width: 401px; height: 163px;
	background: transparent url("./logo.png") 0 0 no-repeat;
}



#visual {
position: absolute;
width: 966px; height: 208px;
background: transparent url("./moodImageBg.png") 0 0 no-repeat; top:150px; left:10px;
}

#visual img {
	display: block;
}

#topmenu {
	position: absolute; right: 20px; top: 107px;

}
#topmenu ul { list-style-type: none; margin:0px; padding:0px; }

#topmenu li {
	/*float: left; margin: 0 -4px 0 -3px;*/
	float: left; margin: 0 1px 0 0;
}
#topmenu a {
	display: block; padding: 0 20px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 15px; font-weight: bold;
	text-transform: uppercase; color: #FFF; text-decoration: none; line-height: 38px;
}
#topmenu a:hover {
	color: #FFF; text-decoration: underline;
}
#topmenu li .left {
	float: left; display: block; height: 59px; width: 10px;
	background: transparent url("./topBarItemLeft.png") 0 0 no-repeat;
}
#topmenu li /*.content*/ {
	float: left; display: block; height: 59px; padding: 6px 0;
	background: transparent url("./topBarItem.png") 0 0 repeat-x;
}
#topmenu li .right {
	float: left; display: block; height: 59px; width: 10px;
	background: transparent url("./topBarItemRight.png") 0 0 no-repeat;
}
#topmenu li.active .left {
	background-image: url("./topBarItemLeftActive.png");
}
#topmenu li.active /*.content*/ {
	background-image: url("./topBarItemActive.png");
}
#topmenu li.active .right {
	background-image: url("./topBarItemRightActive.png");
}


#left_menu {
	position: relative;
	left: 0px;
	float: left; 
  width: 230px; 
  padding-bottom: 8px;
	margin-left:10px;
	text-align:left;
	overflow: hidden;
}

#left_menu .left-top{
width:115px;
height:44px;
float:left;
background: #b33800 url('left-top.jpg') no-repeat top center;
font-size: 12px;
color:white;
text-align: center;
text-decoration: none;
display:block;
line-height:12px;
padding-top:5px;
}

#left_menu .left-top .title{
font-size: 10px;
line-height:12px;
}

#left_menu .left-top:hover, #left_menu .left-top-active{
background: #DE8702 url('left-top-active.jpg') no-repeat top center;
}

#left_menu h2{
width:115px;
float:left;
margin:0px;
}

#left_menu .left-items{
background-color:#df8902;
background-image: url('left-bottom.jpg');
background-position: bottom;
background-repeat: no-repeat;
width:231px;
padding-bottom:25px;
padding-top: 10px;
clear:both;
}

#left_menu ul{
  list-style-type: none;
  margin:0px; 
  padding:0px;
  width:222px;
}


#left_menu li {
	width: 222px;
  vertical-align: top;

}
#left_menu li a {
	width: 222px;
  height:28px; 
  line-height:28px;
  display: block; 
  background: transparent url("./menu-item.jpg") 0 0 no-repeat;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; 
  font-size: 12px;
	color: #FFF;
        overflow: hidden;
  text-decoration: none;
}
#left_menu li a span{                 
margin-left:10px;
margin-right:10px;
}
#left_menu li a:hover {
  text-decoration: none;
	background: transparent url("./menu-item-hover.jpg") 0 0 no-repeat;
	color:black;
}
#left_menu li.active a {
	background: transparent url("./menu-item-hover.jpg") 0 0 no-repeat;
	color:black;
}

#page {  background: #3d6140; width: 980px; margin: 0 auto 0 auto; 	 overflow:hidden; _height: 1%;}
 
#main {
  
  color:white;
	background: transparent url("./containerBackground.png") 0 100% no-repeat;
	overflow:hidden;
	padding: 0 0 30px 0;
	_height: 1%;
} 

#container {   width: 740px; float: right; overflow: hidden; padding-top: 14px }

#content{
  

  text-align: left; display: block; width: 700px;
  background: transparent url("./contentBackground.png") 0 100% no-repeat;
  margin: 0 auto 0 auto;
  padding: 0 10px 20px 10px;
}

#work {overflow: hidden;  padding-top: 10px }


#contentLeft { float: left; width: 340px}
#contentRight { float: right; width: 340px;} 

#contentRight img, #contentLeft img { display: block; padding: 1px; border: 1px solid #647c5e }

#contentLeft ul, #contentRight ul { padding: 5px 0 5px 10px; margin: 0px; }
#contentLeft ol, #contentRight ol { margin: 0px; padding: 5px 0 5px 15px;}

#contentLeft p, #contentRight p{
  padding: 0 0 15px 0;
}


#prihlaska form input, #content form textarea {
	font-family: sans-serif; font-size: 1em;
	vertical-align: middle;
}


#prihlaska form .textBox {
	width: 220px; margin: 0 0 2px 0; padding: 2px;
	background-color: #3A5C3D;
	border: 1px solid #9EB0A0;
	color: #FFF;
}
#prihlaska form input.number, #content form input.date {
	width: 100px;
}
#prihlaska form textarea.textBox {
	width: 280px;
	overflow: auto;
}
#prihlaska form .button {
	padding: 2px 4px;
}

#prihlaska form label em {
	font-style: normal; color: #ECC457;
}
#prihlaska form .float label {
	clear: left; float: left; display: block;
}
#prihlaska form .top label {
	display: block; margin-bottom: 2px;
}
#prihlaska form .top br {
	display: none;
}
#prihlaska form p.name label {
	width: 60px;
}
#prihlaska form p.personal label {
	width: 100px;
}
#prihlaska form p.contacts label {
	width: 60px;
}


.pos {display: none}

#footer { width: 960px; margin: 0 auto 0 auto; overflow: hidden; padding: 10px}
#footer #copyright { width: 40%; float: left; text-align: left;}
#footer #geneslink { width: 50%; float: right; text-align: right;}

#navigation {padding: 10px 0 10px 0}

#aktuality h3 a {font-weight: normal}

p.formMessageError strong {color: red}
p.formMessageOk strong {color: orange}

.galeriListItem {
width:218px;
float:left;
background-color: #2f4a31;
margin-right:13px;
margin-left:13px;
}

.galeriListItem .galeriListImage{
margin-left:2px;
margin-top:5px;
}

.galeriListItem .galeriListBox{
font-size: 14px;
color:white;
margin-left:10px;
margin-right:10px;
border-bottom:1px dashed #b8f0a5;
text-align: center;
}

.galeriListItem .galeriListBox a{
text-decoration: none;
color:white;
}

.galeriListItem .galeriListBox a:hover{
color:#b8f0a5;
}

.galeriListItem .galeriFullOpen{
background-color: #203622;
height:25px;
line-height: 25px;
text-align: center;
}

.galeriListItem .galeriFullOpen a{

}

.galeriListItem .galeriListDesc{
margin-left:10px;
margin-right:10px;
text-align: justify;
line-height: 14px;
margin-bottom:5px;
margin-top:5px;
}

.onPageGaleriImages li{
float:left;
}

.onPageGaleriImages li img{
border:1px solid #142716;  
}

.clear{
clear:both;
}