@charset "UTF-8";

/* Grün, RGB 170/210/000, HEXA aad200*/
/* Blau, RGB 006/062/091, HEXA 063e5b*/
/* Cyan dunkel, RGB 001/176/241, HEXA 01b0f1*/
/* Cyan mittel, RGB 128/215/248, HEXA 80d7f8*/
/* Cyan hell, RGB 191/235/251, HEXA bfebfb*/
/* Orange, RGB 253/058/000, HEXA fd3a00*/
/* Beige, RGB 219/216/197, HEXA dbd8c5*/
/* Braun, RGB 142/113/046, HEXA 8e712e*/


@media screen, projection {

body {
	text-align: center;
	background: url(/css/files/bg_main.gif) repeat-y center top;
	min-width: 980px;
}
body {
	text-align: center;
	background: url(/css/files/bg_main.gif) repeat-y center top;
	min-width: 980px;
}
body.onecol {
	background: url(/css/files/bg_main_wide.gif) repeat-y center top;
}
body.root {
	background: url(/css/files/bg_main_start.gif) repeat-y center 0;
}

#stripe {
	width: 100%;
	height: 226px;
	position: absolute;
	background: url(/css/files/bg_streifen.png) center 176px no-repeat;
}
body.onecol #stripe {
	background: url(/css/files/bg_streifen_wide.png) center 176px no-repeat;
}
#start #stripe {
	height: 306px;
	background: url(/css/files/bg_streifen_start.png) repeat-x center 206px;
}

.page_margins {
	position: relative;
	z-index: 2;
	text-align: left;
	width: 100%;
}

.page {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
body#start .page_margins {
/*	background: url(/css/files/bg_main_start.gif) repeat-y; */
}
body#start .page {
	height: 176px;
	background: #fff;
}

#logo {
	position: absolute;
	left: 17px;
	top: 39px;
	display: block;
	width: 185px;
	height: 76px;
	text-indent: -9999em;
	background: url(/css/files/logo.gif) no-repeat;
	z-index: 99;
}
body#start #logo {
	position: absolute;
	left: 17px;
	top: 39px;
	display: block;
	width: 226px;
	height: 94px;
	text-indent: -9999em;
	background: url(/css/files/logo_start.gif) no-repeat;
	z-index: 99;
}
#claim {
	position: absolute;
	left: 60px;
	top: 120px;
	width: 200px;
	height: 20px;
	z-index: 100;
	font-size: 0.9em;
}
body#start #claim {
	position: absolute;
	left: 70px;
	top: 137px;
	width: 400px;
	height: 20px;
	z-index: 100;
}
div#home_left {
	position: absolute;	
	top: 340px;
	width: 450px;
}
div#home_left h1 {
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	color: #ea8a05;
}
div#home_left p {
	font-size: 90%;
	color: #ab9c78;
}

body#start p#enter a {
	margin-left: 12px;
	margin-top: 20px;
	font-size: 1.3em;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff;
	display: block;
	padding-left: 15px;
	text-decoration: none;
	background: url(/css/files/arrow_red.png) no-repeat 0 -95px;
}
body#start p#enter a:hover {
	color: #ea8a05;
}

#uba {
	position: absolute;
	left: 42px;
	top: 138px;
	display: block;
	width: 148px;
	height: 54px;
	text-indent: -9999em;
	background: #FFF url(/css/files/uba_logo.gif) no-repeat center 2px;
}

/* UBA Startseite */

body#start #uba {
	position: absolute;
	left: 8px;
	top: 37px;
	padding-right: 0;
	display: block;
	width: 170px;
	height: 59px;
	text-indent: -9999em;
	background: url(/css/files/uba_logo_start.gif) no-repeat center center;
}

/* Sprachwahl Startseite */

body#start #lang {
	position: absolute;
	left: 104px;
	top: 170px;
	display: block;
	width: 40px;
	height: 102px;
	padding-top: 1px;
	background: #fff;
}
body#start #lang #de {
	display: block;
	float: left;
	margin-left: 5px;
	width: 11px;
	height: 100px;
	background: url(/css/files/lang_de.gif) no-repeat 0 0;
	text-indent: -9999em;
}
body#start #lang #de:hover {
	background: url(/css/files/lang_de.gif) no-repeat 0 -100px;
}
body#start #lang #en {
	display: block;
	float: left;
	margin-left: 9px;
	width: 11px;
	height: 100px;
	background: url(/css/files/lang_en.gif) no-repeat 0 0;
	text-indent: -9999em;
}
body#start #lang #en:hover {
	background: url(/css/files/lang_en.gif) no-repeat 0 -100px;
}

body#start #start_slide {
	position: absolute;
	left: 512px;
	top: 65px;
	width: 271px;
	height: 141px;
	background: #fff;
}
#slide {
	position: absolute;
	top: -160px;
	left: 1px;
	width: 269px;
	height: 100px;
}

#topnav { color: #aaa; background: transparent; }

/* !Footer unten */
body, html { height: 100.05% !important; padding: 0; }

.page_margins {
	position:relative !important;
	min-height:100.05%; /* real browsers */
	height: auto !important;
}
* html .page_margins { height: 100.05% !important; }

.page {
	padding-bottom: 40px;
	min-height: 100.05% !important; /* real browsers */
	height: auto !important;
}

#footer {
	position: relative !important;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	margin: -40px auto 0;
	font-size: 0.9em;
	background: #dbd8c5;
	z-index: 90;
}
#footer_content {
	position: relative;
	width: 980px;
	margin: 0 auto 0;
}
#footer a {
	color: #063E5B;
	font-family: 'OpenSansCondensedBold';
	font-size: 13px;
}
#footer a:hover {
	color: #ea8a02;
}
#footer #top_link {
	display: block;
	position: absolute;
	top: -35px;
	left: 250px;
	width: 30px;
	line-height: 20px;
	text-align: right;
	text-decoration: none;
	color: #063e5b;
	background: url(/css/files/arrow_top.gif) no-repeat left center;

}
#footer #top_link:hover {
	color: #8d702d;
}


body#start #footer {
	position: relative;
	text-align: left;
}
body#start #footer #logos {
	position: absolute;
	top: -55px;
	left: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
}
body#start #footer #logos li {
	float: left;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
body#start #footer #logos li a.thumb {
	width: 204px;
	height: 48px;
	cursor: default;
}
body#start #footer #logos li span { /*--Used to crop image--*/
	width: 204px;
	height: 48px;
	overflow: hidden;
	display: block;
}

body#start #footer #logos li#p1 a.thumb,
body#start #footer #logos li#p1 span {
	width: 115px;
}
body#start #footer #logos li#p2 a.thumb,
body#start #footer #logos li#p2 span {
	width: 99px;
}
body#start #footer #logos li#p3 a.thumb,
body#start #footer #logos li#p3 span {
	width: 107px;
}
body#start #footer #logos li#p4 a.thumb,
body#start #footer #logos li#p4 span {
	width: 115px;
}
body#start #footer #logos li#p5 a.thumb,
body#start #footer #logos li#p5 span {
	width: 36px;
}

body#start #footer #logos li a.thumb:hover {
}
body#start #footer #logos li a {
	text-decoration: none;
	color: #777;
	display: block;
}
body#start #sponsor_info {
	position: absolute;
	top: -25px;
	color: #dbd8c5;
}

p#vtip {
	display: none;
	position: absolute;
	padding: 5px 10px;
	left: 5px;
	font-size: 0.8em;
	background-color: #d9d7c4;
	border: 1px solid #bfbdac;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9998
}

p#vtip #vtipArrow {
	display: block;
	position: absolute;
	top: 24px;
	left: 10px;
	z-index: 9998
}


/* !Formatierung der Inhalts-Container
* |-------------------------------|
* | #header  980px                |
* |-------------------------------|
* | #col3   | #col1     | #col2   |
* | 292px   | 492px     | 196px   |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|

/* Container Startseite
* |-------------------------------|
* | #col3   | #col1     | #col2   |
* | 510px   | 271px     | 197px   |
* |-------------------------------|
*/

#main {
	margin: 0;
	padding: 35px 0 0;
	width: 980px;
	background: url(/css/files/bg_white.gif) repeat-x;
}

/* #col1 wird zur mittleren Spalte */
#col1 {
	width: 492px;
	float: right;
	margin-left: -690px;
	margin-right: 197px;
	padding-bottom: 30px;
}
body#start #col1 {
	width: 271px;
	float: right;
	margin-left: -470px;
	padding-top: 150px;
}
#col1_content {
	padding: 10px 11px;
}
body#start #col1 {
	margin-top: 170px;
}
body.root #col1_content {
	padding-top: 0;
}

/* Breite Spalte */
.wide_col {
}
.wide_col #col3 {
	margin-right: 0;
}
.wide_col #col1 {
	float: left;
	width: 672px;
	margin-left: 0;
	margin-right: 0;
}

/* #col2 wird zur rechten Spalte */
#col2 {
	width: 196px;
	float: right;
	margin-right: 0;
}
#col2_content {
	padding: 200px 0 0 20px;
	font-size: 0.9em;
}

/* #col3 wird zur linken Spalte */
#col3 {
	float: left;
	width: 292px;
	margin-left: 0;
}
body#start #col3 {
	width: 510px;
}
#col3_content {
	padding: 210px 0 0 12px;
}

}