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


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

html,body{
	height:100%;
	margin:0;
	padding:0;
	color:#000000;
	background-color:#f7f6f4;
	text-align:center;
}

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

div#design {
	position:relative;
	clear:left;
	margin: 0 auto;
	text-align:left;
	width:1022px;
	height: 710px;
}

a#signet{
	float:right;
	height:80px;
}

div#schattenoben{
	clear:both;
	background-color:#ffffff;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/bg_schatten_oben.gif);
}
div#schattenunten{
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(images/bg_schatten_unten.gif);
}
div#hintergrundbild{
	min-height: 596px;
	height: auto !important;
	height:596px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#columns{
	padding: 0 28px 0 28px;
}
div.rightcol{
	float:right;
	width:306px;
	overflow:hidden;
	padding-top:18px;
}
div.leftcol{
	float:left;
	width:306px;
	overflow:hidden;
	padding-top:18px;
}
div.leftcols{
	float:left;
	width:636px;
	overflow:hidden;
}


div.clearer{ clear:both; }



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

html, body, table, th, td, div, li{
	font-size:10px;
	line-height:1.4em;
	font-family: verdana, arial, helvetica, lucida, sans-serif;
}

h1{
	margin:0;
	padding:0;
	font-size: 1em;
	line-height:1.4em;
	color:#CC0000;
}

h2{
	margin:0;
	padding:0;
	font-size: 1em;
	line-height:1.4em;
	color:#000000;
}

.csc-textpic{ border-bottom:1px solid #ffffff; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom:0px;
	padding-bottom:18px;
}

p{
	margin:0 0 1.4em 0;
	padding:0;
}

a{ color:#660000; }

img{ border:none; }


/* ############################################################ */
/* #### Vorschaubilder ######################################## */

div#thumbs span img{
	margin-right:18px;
}

div#thumbs img{
	margin-bottom:9px;
	
	filter:alpha(opacity=50); /* IE */
	-moz-opacity: 0.5; /* Gecko */
	opacity: 0.5; /* Opera */
}


div#thumbs img.activeThumb {
	filter:alpha(opacity=100); /* IE */
	-moz-opacity: 1.0; /* Gecko */
	opacity: 1.0; /* Opera */
}



/* ############################################################ */
/* #### 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,
input.csc-mailform-input,
.tx-guestbook-field textarea{
	width:300px;
}


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

ul.navigation{
	margin:0;
	padding:0 0 0 28px;
	line-height:1.5em;
}
ul.navigation#hauptnavigation{
	padding-top:22px;
}

ul.navigation li{
	display:inline;
	margin:0;
	padding:0 10px 0 0;
	list-style-type: none;
	font-weight:bold;
}
ul.navigation li a{
	color:#666666;
	text-decoration:none;
}
ul.navigation li a.act{
	color:#333333;
}
ul.navigation li a.cur,
ul.navigation li a:hover{
	color:#CC0000;
}



/* ####################################################### */
/* #### Footer ########################################### */

p#footer{
	display:block;
	margin:0;
	padding:0 28px 0 28px;
	line-height:3em;
}

p#footer span{
	font-size:0.9em;
}

p#footer span#copyright{
	float:right;
	padding-left:15px;
}

p#footer a{
	text-decoration:none;
	color:#000000;
}

p#footer span#metanav a{ padding: 0 5px 0 0; }

p#footer span#breadcrumb{
	padding: 0 0 0 5px;
	color:#999999;
}
p#footer span#breadcrumb a{
	color:#999999;
}



p#footer span a:hover,
p#footer span#breadcrumb a:hover{ color:#CC0000; }