/* CSS Document */

* {
	margin: 0;
	padding: 5;
	font-size: 100%;
}

body{
	background:#384751 url(images/header_tall.gif) top repeat-x;
	background-attachment: fixed;
}
#hintergrund {
	position:absolute;
	z-index:1; 
	width:100%; 
	height:100%;
}
#vordergrund {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0px; 
	left:0; 
	overflow:auto; 
	z-index:102;
	background-image: url(images/hg4.png);
	background-attachment: fixed;
	background-repeat: repeat-y;
}


img {vertical-align:top;}
a img { border:0;}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.75em;
		line-height:1.417em;
		color:#638090;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#638090;}
a:hover{text-decoration:none;}
p {padding:17px 0 0 0;}

/* ============================= main layout ====================== */

#footer_bg {background:url(images/footer_tall.gif) bottom repeat-x;}
.more {background:url(images/more_bg.gif) no-repeat 0 6px; padding-left:13px; color:#8aa5ba;}

h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:60px; line-height:1.25em; font-size:0.75em;}



.imgindent {margin:0 20px 0 0; float:left;}

.box {background:url(images/box1.jpg) top left no-repeat;}
.box p {padding:8px 0 18px 0;}
.box a {color:#aec4d4;}

.box2 {background:url(images/box2_bg.jpg) top left no-repeat;}

.title {font-family:georgia; color:#FFFFFF; background:url(images/title_bg.gif) no-repeat 0 4px; font-size:1.667em; line-height:1.2em; padding-left:28px;}
.title2 {font-size:1.5em; line-height:1em; font-family:arial; color:#b1cde2;}

.blue {color:#60b6d5;}

/* ============================= header ====================== */


#menu {padding:17px 0 0 94px;}
#menu li {width:114px; text-align:center; float:left; padding:11px 0 21px 0;}
#menu .side {width:129px;}
#menu li a {color:#ffffff; text-decoration:none; font-family:tahoma; line-height:1.5em;}
#menu li a:hover {text-decoration:underline;}
#menu .b1 {background:url(images/b1.jpg) top left no-repeat;}
#menu .b2 {background:url(images/b2.jpg) top left no-repeat;}
#menu .b3 {background:url(images/b3.jpg) top left no-repeat;}
#menu .b4 {background:url(images/b4.jpg) top left no-repeat;}
#menu .b5 {background:url(images/b5.jpg) top left no-repeat;}

/* ============================= middle ====================== */

#middle { width:100%;}

/* ============================= footer ====================== */

#footer {color:#7494a8; background:url(images/footer_line.gif) no-repeat 409px 0;}
#footer .left {padding:32px 0 0 46px;}
#footer .right {padding:31px 48px 0 0;}
#footer span {background:url(images/footer_h.gif) no-repeat 0 3px; padding-left:20px;}
#footer a {color:#7494a8;}

/* ============================= index ============================= */

#index #middle .indent {padding:0 86px 53px 24px;}
#index .indent2 {padding:8px 0 0 4px;}

#index .box .padding {padding:68px 41px 50px 52px; color:#98b0c2;}
#index .box .imgindent {margin:0 58px 0 0;}

#index .box2 .padding {padding:23px 20px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#index .box2 .content1 {padding:30px 0 0 47px;}
#index .box2 .imgindent {margin:0 47px 0 0;}

#index .content {padding:24px 0 0 25px;}
#index .colspad {padding:22px 0 0 0;}
#index .col1 ul {margin:0 0 0 3px;}
#index .col2 ul {margin:0 0 0 33px;}