body {
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-align:center;
}

img {
	border: none;
}


a {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.container {
  position: absolute;
/*  border: 1px dotted red;*/
  margin-top:auto;
  margin-bottom:auto;
  margin-left: auto;
  margin-right: auto;
  top:0px;	
  bottom:0px;	
  left:0px;
  right:0px;	
  height:600px;	
  top: expression((parseInt(document.documentElement.clientHeight)/2-300)+'px');	
}

.note_window
 {
  position:absolute;  
  margin-left: auto; 
  margin-right: auto; 
  margin-top:auto; 
  margin-bottom:auto; 
  top:0; 
  bottom:0; 
  left: 0; 
  right: 0; 
  width:200px;
  height:100px; 
  background-color: #FFFFFF;
  border:1px solid #000000;
  color: #000000;	
  top: expression((parseInt(document.documentElement.clientHeight)/2-300)+'px');	
  z-index: 500;	
  display:none;	
 }
 
 
#main_body {
position:relative;

margin-left: auto;
margin-right: auto;
margin-top:auto;
margin-bottom:auto;
text-align:center;
top:0;
bottom:0;
left: 0;
right: 0;
width:960px;
height:590px;
background-color: #eaf1fb;
background-repeat: no-repeat;
}

#body_1 {
float:left;
top:0px;
width:35px;
height:15px;
background: url(img/shadow_left_1.gif) repeat-y top right #b2007c;
}

#body_2 {
float:left;
top:0px;
width:335px;
height:15px;
background-color: #ffa8ff;
background-repeat: no-repeat;
}

#body_3 {
float:left;
width:590px;
height:15px;
background: url(img/shadow_right_1.gif) repeat-y top left #b2007c;
}

#body_4 {
float:left;
position:relative;
top:0;
left: 0;
width:35px;
height:25px;
background: url(img/shadow_left_2.gif) repeat-y top right #c7dbf3;

}

#body_5 {
float:left;
position:relative;
top:0;
left: 0;
width:335px;
height:25px;
background-color: #eaf1fb;
background-repeat: no-repeat;
}

#body_menu {
float:left;
position:relative;
top:0;
left: 0;
width:590px;
height:25px;
background: url(img/shadow_right_2.gif) repeat-y top left #c7dbf3;
}

#body_7 {
float:left;
position:relative;
top:0;
left: 0;
width:35px;
height:395px;
background: url(img/shadow_left_3.gif) repeat-y top right #24618e;
}

#body_logo {
cursor:pointer;
float:left;
position:relative;
top:0;
left: 0;
width:335px;
height:395px;
background-image: url('img/logo.jpg');
background-repeat: no-repeat;
}

#body_content {
font-size: 11px;
font-weight: bold;
overflow-y:auto;
float:left;
position:relative;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
top:0;
left: 0;
width:570px;
height:379px;
background: url(img/shadow_right_3.gif) repeat-y top left #24618e;
}

#body_10 {
float:left;
position:relative;
top:0;
left: 0;
width:35px;
height:90px;
background: url(img/shadow_left_2.gif) repeat-y top right #c7dbf3;

}

#body_11 {
float:left;
position:relative;
top:0;
left: 0;
width:335px;
height:65px;
background-color: #eaf1fb;
background-repeat: no-repeat;
color: #24618e;
font-size: 16px;
font-weight: bold;
padding-top: 25px;
}

#hints_content {
float:left;
position:relative;
top:0;
left: 0;
width:590px;
height:90px;
background: url(img/shadow_right_2.gif) repeat-y top left #c7dbf3;

}
#body_13 {
float:left;
position:relative;
top:0;
left: 0;
width:35px;
height:35px;
background: url(img/shadow_left_1.gif) repeat-y top right #b2007c;
}

#body_14 {
float:left;
position:relative;
top:0;
left: 0;
width:335px;
padding-top:5px;
height:30px;
background-color: #ffa8ff;
background-repeat: no-repeat; 
}

#body_15 {
padding-top: 5px;
color:#FFF;
float:left;
position:relative;
top:0;
left: 0;
width:590px;
height:30px;
background: url(img/shadow_right_1.gif) repeat-y top left #b2007c;
}

#cont_start {
float:left;
position:relative;
top:0px;
left:0px;
width:550px;
height:30px;
}

#body_content ul {
padding-left:30px;
}


#body_content li {
list-style:none;
padding-top: 23px;
padding-left: 40px;
background: url(img/li.png) no-repeat 0px 20px;
font-size: 16px;
font-weight: bold;
color: #FFF;
height:60px;
}

#start ul {
padding-left:30px;
}


#start li {
list-style:none;
padding-top: 10px;
padding-left: 20px;
background: url(img/li_start.png) no-repeat 0px 12px;
font-size: 12px;
font-weight: bold;
color: #FFF;
height:15px;
}
#tekst {
font-size: 12px;
font-weight: bold;
color: #FFF;
}

#tekst_list {
font-size: 14px;
font-weight:lighter;
color: #FFF;

}


/* !!!!!!!!   galeria    !!!!!!!!*/

#photo {
float:left;
padding: 5px;
margin: 5px;
width:100px;
height:100px;

}


#photo a {
	text-decoration:none;
	color:#FFFFFF;
}

#photo a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

#photo a:hover {
	text-decoration:none;
	color:#cccccc;
}



/* !!!!!!!!   tabsy    !!!!!!!!!*/

#menu {
	float:right;
}

#menu ul {
	margin:0;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:5px;
	padding-right:0px;			
	list-style:none;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu a {
	float:left;
	background:url("img/menu_l.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}

#menu a span {
	font-size:11px;
	float:left;
	display:block;
	background:url("img/menu_r.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#24618e;
}

/*Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
	float:none;
	font-weight:bold;
}

/* End IE5-Mac hack */

#menu a:hover span {
	font-weight:bold;
	color:#FFF;
}

#menu a:hover {
	background-position:0% -42px;
}

#menu a:hover span {
	background-position:100% -42px;
}

#menu #current a {
	background-position:0% -42px;
}

#menu #current a span {
	background-position:100% -42px;
	color:#FFF;
}

hr {
	color:#c7dbf3;
	size: 1px;	
}

#news {
	float:left;
}


#news_title {
	float: left;
	color: #fff;
	font-size: 12px;
}

#news_date {
	float:right;
	vertical-align: top;
	width: 100px;
	color:#fff;
	font-size: 12px;
}

#news_description {
	float:left;
	padding-top: 10px;
	padding-left: 5px;
	width: 520px;
	color:#fff;
	font-size: 10px;
}

/*-------------- O P I N I E -----------------------*/

#feedback {
	float:left;
}

#feedback_title {
	float: left;
	color: #fff;
	font-size: 12px;
}

#feedback_date {
	float:right;
	vertical-align: top;
	width: 100px;
	color:#fff;
	font-size: 12px;
}

#feedback_description {
	float:left;
	padding-top: 10px;
	padding-left: 5px;
	width: 520px;
	color:#fff;
	font-size: 10px;
}


/*--------------- L O G O W A N I E ----------------------*/

#login_container {
	padding-top: 10px;
}

#login {
	padding: 5px 10px 5px 20px;
	margin-left: 20px;
}

#login_1 {
	padding: 5px 10px 5px 20px;
	margin-left: 5px;
	margin-top: 80px;
}

#login_input {
	margin-right: 20px;
	float:right;
}

#login_input_step_2 {
	margin-right: 20px;
}

#login_input_step_2_checkbox {
	width:200px;
	display: inline;
	float: left;
	margin-right: 20px;
}

#login_input input{
	width: 300px;
}

#login_submit {
	margin-left: 200px;
	margin-right: 20px;
	float:right;
}


/*--------------- A F T E R --- L O G O W A N I E --- :D -------------------*/

#after_login_container {
	padding-top: 30px;
}

#after_login {
	padding: 5px 10px 5px 20px;
	margin-left: 20px;
}

#after_login_kids {
	padding: 5px 10px 5px 20px;
	margin-left: 50px;
}

#login_message {
	color: #ffa8ff;
	font-size: 13px;
}

#note_window_form {
	padding: 5px;
	font-size: 11px;
	color: #000000;
	background: url(img/calendar/note_window_form.jpg);
	height: 190px;
	width: 290px;
}

#note_field {
	height: 140px;
	width: 270px;
}

#note_field_step_2 {
	height: 50px;
	width: 400px;
}


/*--------------------- H I N T S ----------------------------*/

#hints_container {
	width: 560px;
	height: 80px;
	padding: 4px;
}

#hint {
	color: #000000;
}

#hints_arrows {
	color:#Ff0000;
	
}

#loading {
	margin-top: 150px;
}


/*------------------------ S T A R T --------------------------*/

#start_container {
	height:360px;
	width:560px;
}

#start_title {
	margin-top:20px;
	font-size: 16px;
	font-weight: bold;	
}

#start_content {
	margin-top:20px;
	width: 400px;
}

/*---------------------- M A I L --- F O R M ----------------------*/
#mail_input input{
	width: 150px;
}

#kontakt_container {
	float: left;
}

#kontakt_mapka {
	float:left;
	width: 250px;
}

kontakt_mail {
	float:left;
	width: 250px;
	margin-right:10px;
}

#mail_input {
	float:right;
}

#mail_submit {
	float:right;
}

/*--------------------------------------------------------*/

#lang {
	height: 20px;
	width: 20px;
	margin-left: 10px;
	margin-top: 2px;
}