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

html, body{
	margin:0;
	padding:0;
	height:100%;
	color:#000000;
	background-color:#cccccc;
}

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


/* ####################################################### */
/* #### Raster / Seitenaufteilung ######################## */

div.website{
	position: relative;
	width:988px;
	text-align: left;
	color:#666666;
	background-color:#ffffff;
}
body.spaltenlayout div.website{
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-image: url(images/bg_website-spalten.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

div#header{
	height:163px;
	color:#ffffff;
	background-color:#000000;
	background-image: url(images/bg_header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

div#shortlinks{
	position:absolute;
	left:480px;
	top:146px;
	width:420px;
	height:17px;
	overflow:hidden;
	line-height:16px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
}
div#shortlinks a{
	color:#414040;
	background-color:inherit;
}

img#flag1{
	position:absolute;
	left:915px;
	top:149px;
}
img#flag2{
	position:absolute;
	left:941px;
	top:149px;
}

div#line{
	height:1px;
	overflow:hidden;
	color:#333333;
	background-color:#ffffff;
}

div#mainimage{
	float:left;
	width:480px;
	overflow:hidden;
	color:#ffffff;
	background-color:#C52A25;
}
div#mainimage img{
	display:block;
}
body.spaltenlayout div#mainimage div#theimage{
	padding-bottom:5px;
	background-image: url(images/linie.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
div#legend{
	text-align:right;
	font-weight:bold;
}
body.zeilenlayout div#legend{ width:480px }
body.spaltenlayout div#legend{ width:476px }

div#naviandcontent{
	float:right;
	width:508px;
	overflow:hidden;
	color:#666666;
	background-color:#ffffff;
}

div#content{
	padding:12px 28px 0 15px;
}
div#contentleft{
	float:left;
	overflow:hidden;
	width:225px;
}
div.einspalter div#contentleft{ width:465px; }

div#contentright{
	float:right;
	width:225px;
	overflow:hidden;
}

div#clearer{
	clear:both;
	height:5px;
	overflow:hidden;
}
body.zeilenlayout div#clearer{
	background-image: url(images/linie.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

div#footer{
	clear:both;
	height:163px;
	overflow:hidden;
	color:#ffffff;
	background-color:#C52A25;
}


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

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

h1{
	font-size: 12px;
	line-height:1.4em;
}

a{
	color:#cc3333;
	background-color:inherit;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

img{
	border:none;
}


/* 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{
	width:205px;
}


/* ############################################################ */
/* #### Haupt- / Unter-Navigation ############################# */

ul.nav{
	margin:0 0 3px 0;
	padding:0 28px 0 0;
	list-style-type:none;
	color:#666666;
	background-color:#f8f8f8;
	text-align:right;
	line-height:2.4em;
}
ul.nav li{
	margin:0;
	padding:0;
	display:inline;
	font-weight:bold;
}
ul.nav li a{
	color:#666666;
	background-color:inherit;
	text-decoration:none;
	text-align:right;
}
ul.nav li a.aktiv{
	color:#333333;
	background-color:inherit;
}
ul.nav li a:hover,
ul.nav li a.aktiv:hover{
	color:#cc3333;
	background-color:inherit;
	text-decoration:none;
}


/* ############################################################ */
/* #### Sitemap anpassen ###################################### */

div.csc-sitemap ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div.csc-sitemap li{
	margin:0;
	padding:0;
}
li a.layer-1:hover,
li a.layer-2:hover,
li a.layer-3:hover{
	color:#cc3333;
	background-color:inherit;
	text-decoration:none;
}
div.csc-sitemap li.layer-1{	padding-bottom:1.4em; }
div.csc-sitemap li.layer-3{	padding-left:25px; }
li a.layer-1{
	display:block;
	color:#333333;
	background-color:inherit;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}
li a.layer-2{
	display:block;
	color:#6c6c6c;
	background-color:inherit;
	padding-left:25px;
	font-weight:bold;
}
li a.layer-3{
	color:#6c6c6c;
	background-color:inherit;
}



/* ############################################################ */
/* #### Bildleiste unten ###################################### */

div#band{
	color:#666666;
	background-color:#ffffff;
	height:50px;
}
div#band div{
	width:66px;
	overflow:hidden;
	display:block;
	float:left;
	margin: 0 0px 0 0;
}

div#band div.last{
	width:64px;
}

.band_image {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}