body{
color:white;
background-color:#E9F6F9;
background-color:#ffffcc;
margin:0px;
padding:0px;
text-align:center;
font-family:'Comic Sans MS', arial, times;
}

#page{
width:978px;
height:auto;
}

#page-main{
width:700px;
height:auto;
background-color:#00CCFF;
margin-left:auto;
margin-right:auto;
border-width:2px;
border-style:outset;
border-color:#380EF1;
margin-top:0px;
padding:0px;
}

#baner{
width:700px;
height:387px;
margin-left:0px;
padding:0px;
}

#lower{
margin:0px;
width:700px;
}

#left-spacer{
float:left;
width:12px;
height:30px;
margin:0px;
padding:0px;
background-image:url(Grafika/left_spacer.gif);
}

* html left-spacer{
display:inline;
}

#menu{
float:left;
width:209px;
margin:0px;
padding:0px;
}

* html menu{
display:inline;
}

#menu-top{
float:left;
width:197px;
height:30px;
margin:0px;
padding:0px;
background-image:url(Grafika/menu_up.gif);
}

#menu-main{
float:left;
margin:0px;
height:auto;
width:197px;
text-align:left;
text-decoration:none;
color:white;
background-image:url(Grafika/menu_center.gif);
}

#menu-buttons{
width:182px;
padding-left:12px;
}

#menu-buttons a, #menu-buttons a:visited{
color:white;
text-decoration:none;
}

#menu-in{
float:left;
}

#menu-sub-container{
margin-left:10px;
font-size:12px;
}

#menu-sub2-container{
margin-left:10px;
font-size:12px;
}

#menu-bottom{
float:left;
height:27px;
width:197px;
margin-left:0px;
background-image:url(Grafika/menu_bottom.gif);
}

#main{
float:left;
margin-left:10px;
margin-right:0px;
}

#main-top{
width:481px;
height:30px;
margin:0px;
background-image:url(Grafika/main_upper.gif);
}

* html main-top{
display:inline;
}

#main-center{
width:481px;
height:auto;
text-align:left;
color:black;
background-image:url(Grafika/main_center.gif);
}

#main-text{
font-size:14px;
width:441px;
overflow:hidden;
padding-left:20px;
padding-right:20px;
}

#main-bottom{
width:481px;
height:30px;
background-image:url(Grafika/main_bottom.gif);
}

#footer{
width:700px;
height:278px;
}

#footer-left{
float:left;
height:278px;
width:444px;
}

#footer-left-top{
height:142px;
width:444px;
margin:0px;
}

#footer-left-bottom{
width:444px;
height:136px;
margin:0px;
background-image:url(Grafika/wave_bottom.gif);
}

#footer-right{
background-repeat:none;
float:left;
height:278px;
width:256px;
background-image:url(Grafika/ship.gif);
}

.spacer{
clear:both;
}

#border{
border-color:black;
border-width:1px;
border-style:solid;
}

.title{
font-size:16px;
text-align:center;
font-weight:bold;
border-bottom-style:solid;
border-bottom-color:#5D86FD;
border-bottom-width:1px;
margin-bottom:10px;
}

.personel-container{
border-bottom-style:solid;
border-bottom-color:#5D86FD;
border-bottom-width:1px;
margin-bottom:10px;

}

.group-container{
float:left;
border-style:solid;
border-color:#5D86FD;
border-width:1px;
margin-bottom:10px;
margin-right:5px;
padding:5px;
}

.name{
font-weight:bold;
font-size:14px;
text-decoration:underline;
}

.group-name{
font-size:12px;
}


.group-image{
padding:0px;
width:100px;
height:100px;
}

.group-name a, .group-name a:visited{
text-decoration:none;
color:black;
}

.group-name a:hover{
color:#5D86FD;
}

.group-picture{
float:left;
margin:5px;
}

.personel-image{
float:left;
padding-left:5px;
margin-right:5px;
background-repeat:no-repeat;
}

.no-border{
border-style:none;
}

.text{
overflow:hidden;
}

.picture-container{
float:left;
border-style:solid;
border-color:#5D86FD;
border-width:1px;
margin:5px;
}

.picture-desc{
margin-right:10px;
}

.news-container{
margin-bottom:20px;
}

.news-title{
float:left;
font-weight:bold;

}

.news-date{
float:right;
font-size:10px;
}

.news-title-container{
border-style:solid;
border-color:#5D86FD;
border-width:0px 0px 1px 0px;
}

.day-task{
border-style:solid;
border-color:#5D86FD;
border-width:1px;
}

.container{
float:left;
}

.gallery-name{
text-decoration:underline;
font-size:14px;
}


.gallery-name a, .gallery a:visited{
text-decoration:none;
font-size:14px;
font-weight:bold;
color:black;
}

#hidden{
	top:0;
	left:0;
	visibility:hidden;
	position:absolute;
	float:left;
	background-color:gray;
	text-align:center;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
}

#loading{
	line-height:50px;
	border: solid 1px black;
	width:250px;
	height: 100px;
	color:black;
	background-color:white;
	margin:auto;
	position: absolute;
	top:1px;
	left:0px;
}

#image{
	visibility:hidden;
	position:absolute;
	margin:auto;
	top:100px;
	left:0px;
	border:solid 1px black;
	background-color:white;
}