#container {
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0;
}

.box_without_pic {
	float:left;
	width:678px;
	height:auto;
}

.box_with_pic {
	float:left;
	width:380px;
	margin-right:10px;
}

.box_pic {
	float:left;
	width:auto;
}

.pic {
	width:auto;
	padding:4px;
	border:1px solid #CCCCCC;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#3257A5;
	text-decoration:underline;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#3257A5;
	text-decoration:none;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:1px;
	font-weight:bold;
	color:#585858;
	text-decoration:none;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	color:#585858;
	text-decoration:none;
}

.newsbox {
	position:absolute;
	float:right;
	margin-left:80%;
	font-size:12px;
	font-weight:normal;
	letter-spacing:normal;
	background-color:#ededed;
	border: 1px solid rgb(204, 204, 204);
	width: 155px;

	padding: 8px;
	margin-bottom: 10px;
	text-align:left;

}

.formerror {
	color:#CC0000;
}
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:1024px;    	/* Minimum width of layout - remove line if not required */
		font-size:65.5%;
		font-family:Arial, Helvetica, sans-serif;

	color:#000;
	}
html {
font-size:1.2em;
}

	/* Header styles */
	#header {
	position:relative;
		float:left;
		width:100%;
			height:10px;
		background:#FFFFFF;
	padding:0;
	margin:0;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;

	}
	
	#header_pics {
		clear:both;
		float:left;
		width:100%;
	z-index:10;
	margin-top:-10px
	}
	
	#header_spruch {
	float:left;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	left:0;
	text-align:right;
	line-height:40px;
	position:absolute;
	top:216px;
	height:40px;	
	z-index:50;
	}
	
	#top_muster {
	float:left;
	width:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	left:15%;
	text-align:right;
	line-height:40px;
	position:absolute;
	top:226px;
	height:22px;	
		background:#6d6d6d;
filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;
	z-index:30;
	z-index:30;
}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;
		/* This chops off any overhanging divs */
	}
	/* common column settings */

	.colleft {
		float:left;
		width:100%;
		position:relative;
		background-color:#EDEDED;

	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;

	}
	
	.col1 {
	left:15%;
	width:85%;
	background-color:#fff;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:85%;			/* right column width */
		background:#EDEDED;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:81%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	#inhalt {
		width:75%;
		margin:2%;
		min-height:800px;
			/* right column content width */
			}
	.colleft .col2 {
		width:15%;			/* left column content width (column width minus left and right padding) */
		left:0;
		position:absolute;
	top:-69px;
	height:auto;
	background-color:#EDEDED;
	z-index:9000;
			font-size:1.1em	
			/* (right column left and right padding) plus (left column left padding) */
	}
	
	.colleft .col2  ul {
	list-style:none;
	margin:0px;
	padding: 0px;

}

	
	
	.colleft .col2   li{
	margin-top:1px;
	padding: 0px;
}

	.colleft .col2   a {
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	background-color:#9abaca;
	padding-left:17px;
	color: #121416;
	text-decoration: none;
}

	.colleft .col2   a:hover , 	.colleft .col2  .clicked {
	background-color:#FFFFFF;
	color: #121416;
	text-decoration: none;

}




	.colleft .col2   ul ul li{
	margin-top:1px;
	padding: 0px;
}

	.colleft .col2   ul ul a {
	display:block;
	background-color:#b3d4e5;
	padding-left:28px;
	color: #121416;
	text-decoration: none;
}

	.colleft .col2   ul ul a:hover , 	.colleft .col2   ul ul .clicked {
	background-color:#d7e5f2;
	padding-left:28px;
	color: #121416;
	text-decoration: none;
}
	/* Footer styles */
	#footer {
left:0;
		width:100%;
font-size:12px;
	line-height:24px;
	color:#585858;
	text-align:right;
	background-color:#EDEDED;
	padding-left:0px;
	height:24px;
	position:fixed;
	bottom:0;
	z-index:3000;
	}