/* ------------------------------------------------------------------- */
/* Grundelemente */
/* ------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #f4f4f4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: small;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #666;
	
	background-image: url(../bilder/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

* html body {
	text-align: center;
}

.floatleft { float: left; }
.floatright { float: right; }
.clearboth { clear: both; }
.hidden { display: none; }
acronym, abbr { cursor: help; }

a:link, a:visited { text-decoration: underline; color: #789bb7; }
a:hover, a:active { text-decoration: none; color: #789bb7; }
a:hover { cursor: pointer; }

table {
	line-height: 1.4em;
	border-collapse: collapse;
	width: 100%;
}



/* ------------------------------------------------------------------- */
/* Textformatierungen */
/* ------------------------------------------------------------------- */

p {
	padding-bottom: 0.7em;
}

h1, 
h2 {
	font-size: 150%;
	color: #789BB7;
	padding-bottom: 0.6em;
}

h1 {
	margin-top: 1.4em;
}

.csc-header-n1 h1 {
	margin-top: 0;
}

.box {
	font-size: 95%;
	background-color: #f4f4f4;
}

.box h1, 
.box h2 {
	color: #e9e9e9;
	font-size: 110%;
	padding-top: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
	margin-top: 0;
	width: 140px;
	
	display: block;
	
	/*background-color: #eaeaea;
	border-bottom: 1px solid #a7a7a7;
	height: 35px;
	border: 1px solid #f60;*/

	background-image: url(../bilder/box_header_bg.jpg);
	background-repeat: repeat-y;
}

* html .box h1,
* html .box h2 {
	width: 150px;
}

.box p {
	color: #868789;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	width: 140px;

	padding-bottom: 0.1em;
}

.orange {
	color: #E38600;
}



/* ------------------------------------------------------------------- */
/* Layout */
/* ------------------------------------------------------------------- */

#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: auto auto;
	
	background-color: #fff;
	border-left: 1px solid #5c6a75;
	border-right: 1px solid #5c6a75;
	
	text-align: left;
	
	padding: 0 0 60px 0;
}

#header {
	width: 960px !important;
	height: 246px;
	background-image: url(../bilder/header_standard.jpg);
	background-repeat: no-repeat;
}

#headerpic {
	width: 960px !important;
	height: 180px;
	margin-bottom: -150px;
	overflow: hidden;
	float: left;
}

#logo {
	width: 304px;
	height: 104px;
	margin-bottom: -104px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
}

#navigation {
	width: 960px;
	height: 66px;
	margin-top: 149px;
	background-image: url(../bilder/navigation_bg.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
	
	float: left;
}

#header_hauptnav {
	float: left;
	font-size: 105%;
}

#header_subnav {
	float: left;
	clear: left;
}

#inhaltsbereich {
	width: 960px;

	min-height: 100%;
	height: auto !important;
	height: 100%;

	margin-top: 20px;
/*
	padding-bottom: 36px;
*/

}

#leftcol {
	width: 150px;
	float: left;
	margin-left: 20px;


	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Oh my lovely IE6 */
* html #leftcol {
	margin-left: 10px;
}

.box {
	width: 150px;
	border: 1px solid #cbcbcb;
	margin-bottom: 20px;
	padding-bottom: 5px;
}



#centercol {
	width: 575px;
	height: 200px;
	float: left;
	margin-left: 20px;

	min-height: 100%;
	height: auto !important;
	height: 100%;
}


#rightcol {
	width: 150px;
	margin-left: 20px;
	float: left;

	min-height: 100%;
	height: auto !important;
	height: 100%;
}


#stopper {
	clear: both;
	width: 100%;
}

#footer {
	width: 960px;
	height: 36px;
	margin: auto auto;
	margin-top: -36px;
	
	background-image: url(../bilder/footer_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	
	overflow: hidden;
	clear: left;
}

#footer p {
	color: #e9e9e9;
	font-size: 93%;
	height: 14px;
	margin-top: 10px;
}

#footer a:link, 
#footer a:visited {
	color: #e9e9e9;
	text-decoration: none;
}

#footer a:hover, 
#footer a:active {
	color: #fff;
}