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

html, body { height:100%; }

html{
	margin:0;
	padding:0;
	color:#6e4e34;
	background-color:#9db5bf;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

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

body {
	position: relative;
	width:970px;
	margin: 0 auto 0 auto;
	text-align: center; /* horizontale Zentrierung in alten IEs */
}

div#distance { 
	width:1px;
	height:50%;
	margin-bottom:-320px; /* half of container's height */
	float:left;
}

div#website{
	clear:left;
	position: relative;
	text-align:left;
	width:970px;
	padding-top:81px;
}

img#signet{
	position:absolute;
	right:18px;
	top:25px;
}

div#container{
	margin:0 10px 0 10px;
	background-image: url(images/bg_container.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
div#header{
	height:45px;
	background-image: url(images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


div#content{
	margin: 0 7px 0 7px;
	padding-bottom:1px;
	height: 354px;
	overflow:auto;
}
div#backgroundimg{
	min-height:350px;
	height: auto !important;
	height: 350px;
	background-repeat: no-repeat;
	background-position: 468px 0px;
	/* background-image: url(images/dummy.gif); */
	background-attachment:scroll;
}


div#columns{
	padding: 0;
	width:911px;
}
div#leftcolumn{
	float:left;
	width:468px;
}
div#leftcolumn div.inner{
	padding: 0px 30px 0 50px;
}

div#rightcolumn{
	float:right;
	width:443px;
	padding:12px 0 0 0;
}
div#rightcolumn div.inner{
	padding: 0 5px 0 12px;
	height:228px;
	overflow:hidden;
}
body#referenzen div#rightcolumn{ padding:12px 0 0 0; }
body#referenzen div#rightcolumn div.inner{ padding: 0 5px 0 6px; }
body#referenzen div#rightcolumn div.inner a{
	display:block;
	width:57px;
	height:57px;
	float:left;
	margin:0;
	overflow:hidden;
}
div#rightcolumn img.icon{
	display:block;
	width:45px;
	height:45px;
	margin: 0px 6px 12px 6px;
	padding:0;
}

div#subnav{
	padding:31px 30px 0 0;
}

div#maincolumn{
	padding: 0px 30px 0 50px;	
}


div#footer{
	margin:0 10px 0 10px;
	padding:20px 12px 0 12px;
	font-weight:bold;
	color:#ffffff;
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#footer a{
	color:#ffffff;
}
div#footer a:hover,
div#footer a.act{
	color:#6e4e34;
}
span#breadcrumb{
	padding-left:30px;
}

div#metanav{
	float:right;
}


div.clearer{ clear:both; }

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

html, body, table, th, td, div, li{
	font-size:11px;
	line-height:1.5em;
}


p{
	margin-top:0;
}

div.invert,
div.invert a{
	color:#ffffff;
}

a{
	color:#7897a3;
	text-decoration:none;
}

h1{
	font-size:19px;
	line-height:1.5em;
	font-weight:normal;
}
h3{ margin-top:0; }

td{ vertical-align:top; }
img{ border:none; }


.csc-sitemap ul{
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
.csc-sitemap li{
	margin:0;
	padding:0 0 0 13px;
	background-repeat: no-repeat;
	background-position: 2px 6px;
	background-image: url(images/bg_ul_li.gif);
	
}



/* Formulare: */
fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{
	display:block;
}
div.csc-mailform-field{
	padding-bottom:3px;
}
.csc-mailform-field textarea,
.csc-mailform-field input,
.tx-guestbook-field textarea{
	width:300px;
	border:1px solid #cccccc;
	color:#6e4e34;
}

.csc-mailform-field input.csc-mailform-submit{
	margin-top:5px;
	width:auto;
	background-color:#f3f3f3;
}



/* ############################################################ */
/* #### Arbeitsproben Bildwechsel JS-Navigation ############### */

div.bildnav{
	text-align:right;
	padding: 4px 10px 11px 0;
}



/* ############################################################ */
/* #### Hauptnavigation ####################################### */

ul#nav{
	position:absolute;
	display:block;
	right:17px;
	top:88px;
	width:468px;
	margin:0;
	padding:0;
	list-style: none;
	line-height:32px;
	background-color:#6e4e34;
	background-image: url(images/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul#nav li{
	float: left;
}

ul#nav li a{
	display:block;
	float:left;
	color:#FFFFFF;
	background-color:#6e4e34;
	text-decoration: none;
	padding: 0 15px 0 15px;
	line-height:23px;
	font-weight:bold;
	background-image: url(images/bg_nav_a.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
ul#nav li.last a{ background-image:none; }

ul#nav li a:hover,
ul#nav li a.act{
	color:#6e4e34;
	background-color:#FFFFFF;
	background-image:none;
	border-left:1px solid white;
	margin-left:-1px;
}



/* ############################################################ */
/* #### Unternavigation ####################################### */

div#subnav{
	line-height:1.7em;	
}

div#subnav a:hover,
div#subnav a.act{
	color:#6e4e34;
}