@charset "utf-8";
/* CSS Document */
html { overflow:auto; }

body {
	margin:0;
	padding:0;
	background-image:url(../images/hg_brown.gif);
	overflow:auto;
}

img { border:none;}

div#CentradaLL {
	position:absolute; 
	top:50%; 
	width:100%; 
	height:640px; 
	margin-top:-320px;
	text-align:center;}

#bereich_oben {
	width: 100%;
	height: 400px;
	top:0;
	margin:0;
	background-color:#a0dae0;
	background-image:url(../images/hg_blau.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}

#content_oben {
	position:absolute;
	width:900px;
	height:400px;
	left:50%;
	margin-left:-450px;
	background-color:#81dbe1;
	background-image:url(../images/hg_buildings.gif);
	background-position:bottom;
	background-repeat:no-repeat;}
	
#content_oben .logo {
	float:left;
	margin-top:15px;
	margin-left:79px;
	width:330px;
	height:167px;}

#content_oben .ani {
	float:left;
	margin-top:91px;
	margin-left:0px;
	width:900px;
	height:124px;}


#bereich_unten {
	width: 100%;
	height: 241px;
	top:400px;
	margin:0;
	background-color:transparent;
	text-align:center;
}

#content_unten {
	position:absolute;
	width:900px;
	height:241px;
	left:50%;
	margin-left:-450px;
	background-color:transparent; }
	
#content_unten p {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a0dae0;}
	
#box1 {
	position:absolute;
	width:289px;
	height:188px;
	top:15px;
	left:0;
	background-image:url(../images/hg_boxes.png);
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a0dae0;}
#box1 ul {
	padding-left:10px;
	margin-left:10px;
	list-style-image:url(../images/hack.png);}
#box1 li { line-height: 18px;}

#box2 {
	position:absolute;
	width:289px;
	height:188px;
	top:15px;
	left:306px;
	background-image:url(../images/hg_boxes.png);
	text-align:left;}

#box3 {
	position:absolute;
	width:289px;
	height:188px;
	top:15px;
	right:0;
	background-image:url(../images/hg_boxes.png);
	text-align:left;}
#box3 .bold { font-weight:bold; }
#box3 .boldg { font-weight:bold; font-size:18px; }
#box3 .bold a { color:#a0dae0; font-weight:bold; text-decoration:none;}
#box3 .bold a:hover { color:#a0dae0; font-weight:bold; text-decoration:underline;}
#box3 .space { line-height: 24px; }
/* Hacks vom http://frontend.blogsome.com/2007/01/23/the-flispide-of-star-html/ um den Eigenschaft beeinflussen */
	*+html #box3 .space { line-height: 20px;} /* nur IE7 */
	* html #box3 .space { line-height: 20px;} /* other IE ab 6   */
	*|html #box3 .space { line-height: 24px;} /* FF, Opera, Konqueror, Safari */
	

.textbox {
	position:absolute;
	width:260px;
	height:135px;
	color:#a0dae0;
	left:16px;
	top: 7px; }
/* Hacks vom http://frontend.blogsome.com/2007/01/23/the-flispide-of-star-html/ um den Eigenschaft beeinflussen */
	*+html .textbox { top: 15px; } /* nur IE7 */
	* html .textbox { top: 15px; } /* other IE ab 6   */
	*|html .textbox { top: 7px; } /* FF, Opera, Konqueror, Safari */
.textbox h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#dd3322;
	margin-bottom:20px;}
	

.textbox1 {
	position:absolute;
	width:260px;
	height:135px;
	color:#a0dae0;
	left:16px;
	top: 0; }
/* Hacks vom http://frontend.blogsome.com/2007/01/23/the-flispide-of-star-html/ um den Eigenschaft beeinflussen */
	*+html .textbox1 { top: 7px; } /* nur IE7 */
	* html .textbox1 { top: 7px; } /* other IE ab 6   */
	*|html .textbox1 { top: 0; } /* FF, Opera, Konqueror, Safari */
.textbox1 h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#dd3322;
	margin-bottom:2px;}


	
#fuss {
	position:absolute;
	width:100%;
	height:20px;
	left:0;
	bottom:5px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a0dae0;
	font-weight:bold;
	background-color:#5c5452;
	padding-top:3px;}

#fuss a:link, #fuss a:visited {color:#a0dae0; text-decoration:none; }
#fuss a:hover, #fuss a:active {color:#dd3322;}