/* BSP Magnetica, robert 2006 ******************************************************************* */

body, html {
	width: 100%;
	height: 100%;
	_overflow: hidden;
}

html { }

body {
	background: #D9B070 url(../img/pageBg.jpg) repeat-y 212px 0px; /* msie in typo */
	/* background: url(../img/topBg.jpg) no-repeat 212px 0px; */ /* msie in typo */
}

div {
	background: transparent;
}

h1, h2 {
	font-family: Times;
	font-size: 24px;
	font-weight: bold;
	color: #CC9966;
}

#body {
	height: 100%; 
/*	overflow: visible; 
	_overflow: auto; */
	background: url(../img/topBg.jpg) no-repeat 212px 0px; /* msie in typo */
}
	
#page {
	height: 100%; 
	overflow: visible; 
	_overflow: auto;
	/* background: url(../img/topBg.jpg) no-repeat 212px 0px; */
}
	

/* Header *************************************************************************************** */

#header {
	position: fixed; 
	_position: absolute;
	top: 0px; 
	left: 0px; 
	width: 100%;  
	_width: 90%;  
	height: 215px;
	background: #F9E6BE url(../img/topBg.jpg) no-repeat 212px 0px;
}

a#linkLogo {
	position: fixed; 
	_position: absolute;
	display: block;
	top: 0;
	/* left: 160px; */
	left: 372px;
	width: 276px;
	height: 173px;
}

a#linkLogo img {
	border: none;
}

img#imageLeft {
	_position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 215px;
}

img#imageLeft02 {
	position: fixed; 
	_position: absolute;
	display: block;
	top: 215px;
	left: 0px;
	width: 212px;
	height: 201px;
}


/* Menu ***************************************************************************************** */

#menu {
	position: fixed; 
	_position: absolute;
	display: block;
	top: 175px;
	left: 220px;
	width: 560px;
	height: 35px;
	text-align: center;
	background: url('../img/ciara.gif') repeat-x left bottom;
}

#menu #spacer {
	display: block;
	float: left;
	width: 50px;
	height: 35px;
}

#menu a {
	display: block;
	float: left;
	height: 26px; 
	color: #F8E6BE;	/* For MSIE */
	font-size: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#menu a:hover {
	color: #F8E6BE;	/* For MSIE */
}

#menu a#m01 { width: 72px; background: url('../img/nav_Y_13.gif'); }
#menu a#m02 { width: 100px; background: url('../img/nav_Y_15.gif'); }
#menu a#m03 { width: 91px; background: url('../img/nav_Y_17.gif'); }
#menu a#m04 { width: 67px; background: url('../img/nav_Y_19.gif'); }
#menu a#m05 { width: 77px; background: url('../img/nav_Y_aktuality.gif'); }
#menu a#m06 { width: 0; background: url('../img/'); }

#menu a#m01:hover, #menu a.menuAct#m01, #menu a.menuAct#m01:hover { background: url('../img/nav_mov_vitajte.gif'); }
#menu a#m02:hover { background: url('../img/nav_mov_napln.gif'); }
#menu a#m03:hover { background: url('../img/nav_mov_nieco.gif'); }
#menu a#m04:hover { background: url('../img/nav_mov_kont.gif'); }
#menu a#m05:hover { background: url('../img/nav_mov_akt.gif'); }
#menu a#m06:hover { background: url('../img/'); }

#menu img {
	display: block;
	float: left;
}


/* Sub Menu ************************************************************************************* */

.submenu a {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}

.submenu a:hover, .submenu a.submenuAct, .submenu a.submenuAct:hover {
	font-weight: bold;
	color: #CC9966;
	/* color: #ECE9D8; povodny color *** */
}


/* Content ************************************************************************************** */

#content {
	margin-top: 5px; 
	padding: 225px 0 30px 235px;
}

#content_in {
	width: 526px;
	padding: 14px 0 0 0;
}