html[xmlns^="http"]{
	overflow-y: scroll; /* Mozilla-Scrollbar */
}


/* ############################################################ */
/* #### allg. Raster / Seitenaufteilung ####################### */

html, body{
	height:100%;
	margin:0;
	padding:0;
	color:#000000;
	background-color:#ffffff;
	text-align:center;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(img/bg_body.gif);
}

body.level_0{ background-image:none; }


div#distance { 
	width:1px;
	height:50%;
	margin-bottom:-90px; /* half of container's height */
	float:left;
}
div#homeimg{
	margin: 0 auto;
	text-align:left;
	clear:left;
	width:200px;
	position:relative;
}


div#website{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width:960px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(img/bg_website.gif);
}
div#signet{
	height:141px;
	margin:0 35px 0 0;
	text-align:center;
}
div#signet img{ margin-top:26px; }


div#columns{
	margin:0 35px 0 0;
	padding: 0 35px 0 70px;
	background-color:#ffffff;
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#navcolumn{
	float:left;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	width:150px;
	overflow:hidden;
	background-color:#009aca;
	color:#ffffff;
}
div#contentcolumns{
	float:right;
	width:635px;
	overflow:hidden;
	padding:28px 0 22px 0;
	color:#4b4b4d;
}
div.inner{
	min-height: 520px;
	height: auto !important;
	height: 520px;
	background-repeat: repeat-y;
	background-position: center top;
}
body.layout_1 div.inner{ background-image: url(img/bg_inner.gif); }

div#leftcontent{
	float:left;
	width:282px;
	overflow:hidden;
}
div#rightcontent{
	float:right;
	width:282px;
	overflow:hidden;
}


div.clearer{ clear:both; }

/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-size:12px;
	line-height:1.4em;
	font-family: 'Trebuchet MS', Times, 'Lucida Grande', Arial, Verdana, Sans-Serif;
}

h1{
	font-weight:normal;
	font-size:20px;
	line-height:1.4em;
	margin:0;
}

h2{
	font-size:14px;
	line-height:1.4em;
	color:#578dba;
}

a{
	outline:0;
	color:#578dba;
	text-decoration:none;
}

img{ border:none; }

table{ border-collapse:collapse; }
table td { padding:0 3px 0 0; }

/* IE7 / IE8-compatibility-view Bildabstands-Bug beheben */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom:0px;
	padding-bottom:10px;
}

.tx-indexedsearch-searchbox td{ padding: 0 5px 6px 0; }

/* ############################################################ */
/* #### Formulare ############################################# */

fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{ display:block; }
div.checkbox label{ display:inline; }
div.csc-mailform-field{
	padding-bottom:3px;
}
.csc-mailform-field textarea,
input.csc-mailform-input,
.tx-guestbook-field textarea{
	width:300px;
}
input.mf-submit{ margin-top:1em; }


/* ############################################################ */
/* #### Navigation ############################################ */

ul#nav{
	margin:0;
	padding:0;
	list-style:none;
}
ul#nav ul {
	margin:0;
	padding:0 0 30px 0;
	list-style:none;
}
ul#nav li{
	margin:0;
	padding:0 0 1px 0;
	text-transform: uppercase;
	font-size:14px;
	line-height:2em;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(img/bg_nav_li.gif);
}
ul#nav li li{
	padding:0;
	text-transform:none;
	font-size:13px;
	line-height:1.5em;
	background-image:none;
}
ul#nav a{
	text-decoration:none;
	display:block;
	color:#ffffff;
	padding:0 0 0 14px;
}

ul#nav a.cur,
ul#nav a:hover{ color:#4b4b4d; }