@charset "UTF-8";
/* CSS Document */

html, body {
	width:				100%;
	height:				100%;
	min-height:			100%; 	
}

body {
	margin:				0;
	border:				0;
	overflow:			hidden;
}

#header {
	position:			absolute;
	width:				100%;
	height:				85px;
	top:				0;
	left:				0;
	background-image:	url(../images/design/header_background.jpg);
	background-repeat:	repeat-x;
}

#logo {
	position:			absolute;
	width:				126px;
	height:				29px;
	top:				12px;
	left:				30px;
	background-image:	url(../images/design/header_logo.png);
	background-repeat:	no-repeat;
	cursor:				pointer;	
}

#statusbar {
	position:			absolute;
	width:				500px;
	height:				29px;
	top:				19px;
	right:				30px;
	text-align:			right;
	font-family:		Verdana, Helvetica, Arial, sans-serif;
	font-size:			10px;
	color:				#B2B2B2;
}

#windowbar {
	position:			absolute;
	width:				100%;
	height:				32px;
	top:				53px;
	left:				0;
}

.windowbox {
	width:				135px;
	height:				17px;
	margin:				6px;
	background-color:	#CCC;
	text-align:			center;
	padding-top:		3px;
	float:				left;
	cursor:				pointer;
}

#spalte_links {
	height:				100%;
	background-image:	url(../images/design/spalte_links_background.jpg);
	background-repeat:	repeat-y;
	background-position:right;
	background-color:	#f8f8f8;
	position:			absolute;
	left:				0;
	top:				85px;
	overflow:			hidden;
}

#spalte_mitte {
	height:				100%;
	text-align:			justify;
	position:			absolute;
	top:				85px;
	overflow:			hidden;
}

#spalte_rechts {
	height:				100%;
	background-image:	url(../images/design/spalte_rechts_background.jpg);
	background-repeat:	repeat-y;
	background-position:left;
	background-color:	#f8f8f8;
	position:			absolute;
	right:				0;
	top:				85px;
	overflow:			hidden;
}

#footer {
	position:			absolute;
	width:				100%;
	height:				23px;
	bottom:				0;
	left:				0;
	padding-top:		9px;
	text-align:			center;
	background-image:	url(../images/design/footer_background.jpg);
	background-repeat:	repeat-x;
	font-family:		Verdana, Helvetica, Arial, sans-serif;
	font-size:			10px;
	color:				#B2B2B2;
	
}



/* Boxen */

.box {
	overflow:			hidden;	
	background-color:	#f8f8f8;
}

.title {
	padding:			12px 8px 9px 8px;
	font-weight:		bold;
	background-image:	url(../images/design/box_title.jpg);
	background-repeat:	repeat-x;
}

.registerkarte {
	float:				left;
	cursor:				pointer;
}

.box_title_spacer {
	width:				1px;
	height:				35px;
	background-color:	#9a9a9a;
	display:			inline;
	float:				left;
	margin:				-12px 10px -12px 10px;
}

#registerkarten_pfeil {
	width:				13px;
	height:				13px;
	background-image:	url(../images/design/box_title_spacer.png);
	display:			inline;
	margin:				0 0 0 10px;
	float:				left;
}

.text {
	text-align:			justify;
	overflow:			auto;
	background-position:center center;
	background-repeat:	no-repeat;
}

#box2, #box4, #box6 {
	border-top:			1px solid #b9b9b9;	
}

#spalte_rechts .box {
	margin-left:		6px;	
}

#box3 {
	background-color:	#FFF;	
}

#box1 {
	height:				60%;	
}

#box1 .text {
	text-align:			center;	
}

.box .textcontent {
	margin:				8px;	
}