/* CSS Document */

body,td,th {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:17px;
}
body {
	background-color: #7EB4B4;
	background-image: url(images/background_verlauf.gif);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

A {
	color:#FFFFFF;
	text-decoration: none;
}

a:hover {
	color:#333333;
	text-decoration:underline;
}

#bg_left {
	position:absolute;
	width:371px;
	height:339px;
	z-index:1;
	background-image:url(images/background_blume.gif);
	background-repeat:no-repeat;
}
#topbar {
	position:absolute;
	top:15px;
	min-width:700px;
	width:100%;
	height:193px;
	z-index:2;
	background-image:url(images/btn_stretch.gif);
	background-repeat:repeat-x;
}

div.menu {
	position:relative; 
	height:139px; 
	display:block; 
	float:left;
}

#headline{
		position:absolute; 
		top:209px; 
		left:296px; 
		height:137px; 
		width:611px; 
		z-index:3;
		background-position:bottom;
		background-repeat:no-repeat;
}

#content { 
	position:absolute; 
	top:346px; 
	left:296px;
	height:auto; 
	width:585px; 
	padding: 20px 20px 20px 8px;
}

#submenu {
	position:absolute; 
	z-index:4;
	top:259px; 
	left:23px; 
	width:210px; 
	height:243px; 
	display:block;
}
div.submenupunkt {
	width:210px; 
	height:auto; 
	display:block;
}

div.btn {

	position:relative; height:139px; display:block; float:left;
}
div.floatleft {
	position:relative; 
	display:block; 
	width:auto; 
	height:auto; 
	float:left; 
	padding:0 10px 5px 0;
}

div.floatright {
	position:relative; 
	display:block; 
	width:auto; 
	height:auto; 
	float:right; 
	padding:0 0 5px 10px;
}



.button {
	width: 120px; height:17px; padding:2px 3px 3px 3px; background-color:#CEE3E3; border:solid 1px #333333; text-align:center;
}
.eingabe {
	width: 200px; height:16px; padding:2px; background-color:#CEE3E3; border:solid 1px #333333;
}
.text {
	width: 250px; height:200px; padding:2px; background-color:#CEE3E3; border:solid 1px #333333;
}

/** JOKKJOKKJOKK *//

.error { background-color: #ecc !important; border: 1px solid #e99 !important; }
#error { background-color: #ecc !important; border: 1px solid #e99 !important; }

div.snip { width: 150px; margin: 8pt; }

/** floating box **/
.floatingBox { position: relative; }
.floatingBox .shadow {
	position: absolute;
	left: 1px; top: 1px;
	width: 290px; height: 100%;
	background-color: black;
	border: 1px solid black;
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
.floatingBox .content {
	background-color:#A1C9C9;
	position: relative;
	width: 290px; height: 100%;
	display:block;
	border:solid 1px #7EB4B4;
}

/** contact form **/
.field { margin-bottom: 12px; }
.field * { /*border-width: 0px; background-color: #efefef;*/ background-color:#CEE3E3 }
.field textarea { height: 75px; }

div.bottom {
	position:absolute; 
	z-index:100; 
	bottom:0px; 
	left:0px; 
	height:5px; 
	background-color:#171717; 
	border-top:solid 1px #333333; 
	width:100%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	
}