@charset "UTF-8";

@import url("modules.css");

.bgImage { width: 100%; height: 100%; position: fixed; top: 0; z-index: -1; overflow: hidden; }
.bgImage img { min-width: 800px; width: 100%; min-height: 600px; height: 100%; }

.goPrev { width: 36px; height: 100%; position: fixed; top:0; left: 5%;}
.goPrev a { width: 36px; height: 0; padding-top: 47px; overflow: hidden; background: url(../images/arrow_left.png) no-repeat; position: absolute; top:45%;}
.goPrev a:hover { background: url(../images/arrow_left.png) no-repeat 0 -50px; }
.goNext { width: 36px; height: 100%; position: fixed; top:0; right: 5%;}
.goNext a { width: 36px; height: 0; padding-top: 47px; overflow: hidden; background: url(../images/arrow_right.png) no-repeat; position: absolute; top:45%;}
.goNext a:hover { background: url(../images/arrow_right.png) no-repeat 0 -50px; }

/* Basis Layout */

html { height: 99% }
body {
	background:#333;
	margin:0 auto;
	font-family:"Calibri", Arial, sans-serif;
	font-size:13px;
	color:#555;
	width: 100%;
	height: 99%;
}

#header_container {
	width: 250px;
	height: 75px;
	position: fixed;
	top: 35px;
	right: 5%;
	z-index: 4;
	text-align: right;
}

#container { width: 100%; height: 99%; }
#container .container_12 { height: 99%; }

#container #content_container { height: 100%; height: 99%; }
#container #content_container .inner { color: #FFF; font-size: 18px; line-height: 1.4em; padding: 100px; }
#container #content_container .inner h1 { font-size: 14px; color: #313131; font-weight: bold; text-transform: uppercase; }
#container #content_container .inner h2 { font-size: 36px; color: #FFF; font-weight: normal; margin: .5em 0 20px 0; line-height: 1.3em; }
#container #content_container .inner p { color: #FFF; font-weight: normal; margin: 1em 0; }
#container #content_container .inner label { font-size: 15px; }
#container #content_container .inner ul { margin: 1em 0; }
#container #content_container .inner ul li { padding-left: 22px; background: url(../images/ulli_ball.png) no-repeat 0 8px; }
#container #content_container .inner a { color: #FFF; }
#container #content_container .inner a:hover { text-decoration: none; }
.floatRight { float: right; padding-left: 30px; padding-top: 100px; }

.date { color: #FFF; margin-bottom: 1em; margin-top: -20px !important; font-weight: bold !important; font-size: 14px !important; }

#menu_container {
	width: 100%;
	height: 33px;
	position: fixed;
	top: 35px;
	z-index: 3;
}
#menu_container h2 {
	background: url(../images/menu_bg.png) repeat-x;
	width: 5%;
	height: 0;
	padding-top: 33px;
	overflow: hidden;
	float: left;
	display: block;
}
#menu_container ul {
	height: 33px;
	float: left;
	display: block;
}
#menu_container ul li {
	height: 33px;
	float: left;
	display: block;
	margin-left: 2px;
}
#menu_container ul li a {
	height: 33px;
	display: block;
	line-height: 31px;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	text-transform: lowercase;
	background: url(../images/menu_bg.png) repeat-x;
	padding: 0 15px;
	position: relative;
}
#menu_container ul li a:hover {
	background: url(../images/menu_bg.png) repeat-x left bottom;
	color:#000;
}
#menu_container ul li a#active0 {
	background: url(../images/menu_bg.png) repeat-x left bottom;
	color:#000;
	font-weight:bold;
}
#menu_container ul li ul {
	display: none;
	position: absolute;
	top: 33px;
	width: 200px;
}
#menu_container ul li ul li {
	display: block;
	float: none;
	margin-left: 0;
}

#footer_container {
	background: url(../images/footer_bg.png) repeat-x left top;
	width: 100%;
	height: 22px;
	position: fixed;
	bottom: 0;
	line-height: 21px;
	color: #FFF;
	font-size: 12px;
}

#footer_container a {
	color: #FFF;
	text-decoration: none;
}

#footer_container a:hover {
	text-decoration: underline;
}