/**
 * Main stylesheet.
 * (c) Jan Javorek, 2008 (http://www.javorek.net)
 */



/* general settings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hidden, hr { /* hidden elements */
	position: absolute; left: -3800px;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}


#content img {margin: 5px;}
address { font-style: normal; }
a img { border: none; }
a, a span, .button { cursor: pointer; }
acronym, abbr { cursor: help; }
table { color: #fff; }

a:link, a:visited { color: white; text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }



/* basic layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
    font-family: sans-serif;
    cursor: default;
    text-align: center;
    background: #646870 url('../img/bg.png') top repeat-x;
}

#document {
    width: 940px;
    margin: 0 auto; padding: 0; margin-bottom: 50px;
    text-align: left;
	color: #fff;
    font-size: 70%;
    position: relative;
    background: #d60006 url('../img/page-bg.png') center 446px repeat-x;
}

#wrapper {
	border: #c5c7c8 1px solid; border-top: none;
	padding: 0px 0 44px 0;
	/*background: url('../img/header.jpg') center top no-repeat;*/
}



/* layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#news {
	float: right;
	width: 276px;
}

#page {
	float: left;
	width: 645px;
}

.cleaner {
	clear: both;
}



/* header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	position: relative;
	top: 0px;
	margin: 0; padding: 0;
	display: block;
	width: 100%; height: 214px;
	background: url('../img/subtitle.jpg') center top no-repeat;
}

#header_en {
	margin: 0; padding: 0;
	display: block;
	width: 100%; height: 252px;
	background: url('../img/header_en.jpg') center top no-repeat;
}

#header_de {
	margin: 0; padding: 0;
	display: block;
	width: 100%; height: 252px;
	background: url('../img/header_de.jpg') center top no-repeat;
}

#logo {
	display: block;
	position: absolute; right: 70px; top: 36px;
	width: 119px; height: 82px;
	background: url('../img/logo.png') center no-repeat;
}



/* menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

menu, menu li {
    list-style-type: none;
	margin: 0; padding: 0;
}

#menu {
	position: absolute; left: 10px; top: 245px;
	width: 317px; height: 236px;
	background: url('../img/menu.png') center no-repeat;
}

menu {
	width: 260px;
	padding: 25px;
}

#menu a {
	display: block;
    height: 35px;
    overflow: hidden;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 130%;
    font-weight: bold;
    color: #273b4e;
    line-height: 40px;
    text-indent: 40px;
}

#menu a:hover, #menu a:focus, #menu .active a {
	background-image: url('../img/menu-active.png');
	background-repeat: no-repeat;
}

#menu .m1 a { background-position: left 0px; }
#menu .m2 a { background-position: left -35px; }
#menu .m3 a { background-position: left -70px; }
#menu .m4 a { background-position: left -105px; }
#menu .m5 a { background-position: left -140px; }



/* news ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#news {
	margin: 10px 0; padding: 20px 0 12px 0;
	border-left: #d5494d 2px solid;
}

dl, dt, dd {
	margin: 0; padding: 0 15px;
}

dt {
	font-weight: bold;
    text-transform: uppercase;
}

dd {
	color: #bcbec0;
}

#news dt a {
	color: #fff;
}

.date {
	display: block;
	font-weight: bold;
	font-style: normal;
}



/* footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	height: 50px;
}

#bottom-bg {
	_width: 100%;
    background: url('../img/footer.png') bottom repeat-x;
}

#footer p {
	margin: 0 auto; padding: 0;
	position: relative; top: -95px;
	width: 938px; height: 44px;
	text-transform: uppercase;
	font-size: 90%;
	color: #fff;
	text-align: right;
}

#footer a {
	color: #fff;
	margin: 0 1em;
    text-decoration: none;
	line-height: 46px;
}



/* tools ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#languages {
	position: absolute; right: 0.5em; top: 240px;
}

#languages p {
	margin: 0;
}

#languages a {
	color: #fff;
	text-decoration: none;
	margin: 0 0.5em;
}

#search {
	position: absolute; right: 25px; top: 400px;
}

#search input {
	font-size: 80%;
	width: 140px;
	margin-right: 0.5em;
}

#search .button {
	position: relative; top: -2px;
	width: auto;
	vertical-align: middle;
	margin: 0;
}

#address {
	padding: 45px 0 40px 330px;
}

#image {
	display: block;
	width: 330px; height: 220px;
	position: absolute; left: 30px; bottom: -30px; z-index: 5;
	background: url('../img/image.jpg') left no-repeat;
}



/* content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	margin: 34px 0; padding: 30px; padding-bottom: 0.5em;
	border: #de7a7d 1px solid; border-left: none; border-right: 0;
}

h1 {
	font-size: 130%;
	font-weight: normal;
	margin: 0 0 1em 0;
}

h2 {
	margin: 0;
	font-size: 140%;
}

p {
	margin: 0 0 1em 0;
}



#cp { text-align:center; color:white;margin:-60px 0px 10px 0px; font-size:8pt; }
#cp p { text-align:center; }
#cp a {color:white; text-align:center; text-decoration:underline;}