* {
	margin:0;
	padding:0;
}


#fotos #contentcontainer
{
	background: none #fffce4;
}


.roterBalkenContent, .roterBalkenSpacer, .roterBalken
{
	width: 520px !important;
	padding: 10px;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
}

.roterBalkenContent
{
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	padding: 5px 10px 10px;
}

.roterBalkenSpacer
{
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	padding: 0 10px 10px;
	height: 25px;
}

.roterBalken
{
	background: #7e101a;
}

.roterBalken .csc-textpic-image
{
	width: 173px !important;
}

.roterBalken .csc-textpic-image img
{
	border: 1px solid #fff;
}


.roterBalken div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image 
{
	margin: 0 !important;
	text-align: center;
}

.roterBalkenContent td, .roterBalkenContent th
{
	width: 30% !important;
	padding: 2px 10px;
}

.roterBalken .csc-textpic-imagewrap
{
	width: auto !important;
}

table .csc-textpic-firstcol
{
}

table td
{
	padding: 10px;
	vertical-align: top;
}







img,img a {
	border:0;
}

body 
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #000;
	background-color: #fff;
}

#container 
{
	text-align: left;
	width: 936px;
	margin: 15px auto;
	position: relative;
	border: 1px solid #93373b;
}

#header
{
	background: #8d8f90;
}

#top
{
	width: 936px;
	height: 143px;
	overflow: hidden;
}

#contentcontainer
{
	position: relative;
	background: url(images/body-bg.png) repeat-y center top;
}

#main
{
	float: left;
	display: inline;
	width: 635px;
}

#content
{
	margin: 20px 0 20px 30px;
}

#right
{
	float: right;
	display: inline;
	width: 230px;
	padding: 19px;
	color: #bbb;
}

#titlefont
{
	display: inline;
	width: 20px;
	float: left;
}

#content
{	
	min-height: 200px;
 	height: auto !important;  /* f�r moderne Browser */
	height: 200px;  /*f�r den IE */
	padding: 15px;
}

* html body#fotos #content
{
	float: left;
}

#footer
{	
	color: #fff;
	padding: 4px 40px;
	background-color: #58585a;
	position: relative;
	border-bottom: 1px solid #aaa;
}

#main ul, #main ol
{
	margin: 0 0 0 20px;
}

#subnav li.curr a, #subnav li a:hover
{
	color: #000;
}

#mainhomelink
{
	position: absolute;
	right: 10px;
	top: 9px;
}

#cube
{
	position: absolute;
	left: 140px;
	top: 235px;
}

#koerbler
{
	position: absolute;
	left: 95px;
	top: -5px;
}


#footer a
{
	color: #8B1210;
	text-decoration: none;
}

#footerRight
{
	float: right;
	display: inline;
	width: 365px;
	position: relative;
}

#footerLeft
{
	float: left;
	display: inline;
	width: 750px;
}

a
{
	color: #7e101a;
	text-decoration: underline;
}

#right h1, #right h2, #right h3, #right h4, #right  h5, #right h6, #right a
{
	color: #ccc;
}

h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;
	color: #7e101a;
	font-weight: bold;
}

.important
{
	color: #7e101a;
}

h1
{
	text-transform: uppercase;
	font-size: 1.4em;
}
h2
{
	font-size: 1.3em;
	color: #575759;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.4em;
	color: #537752;
}
h5
{
	font-size: 1.1em;
}
h6
{
	font-size: 1.05em;
}

.csc-mailform-field
{
	width: 330px;
	margin: 0 0 10px;
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select
{
	width: 200px;
	float: right;
}

.csc-mailform-submit 
{
	margin: 10px 0 0 0;
}


.pngHack img
{
	behavior: url(fileadmin/iepngfix.htc);

}

.clearer
{
	clear: both;
}


/* NAV */

#mainnav ul
{
	display: block;
	width: 668px;
	height: 24px;
	background: #b1b3b4;
	padding:0;
	margin:0;
	list-style-type:none;
	z-index: 200;
	position: relative;
}

* html #mainnav {
  margin-left: 9px;
}
#mainnav img {
  margin: 0;
  padding: 0;
  z-index: 0;
}

* + html #mainnav ul {
	position: static;
}
#mainnav ul ul {
  width:180px;
}
#mainnav li {
  float:left;
  width: auto;
  position:relative;
}
* html #mainnav li {
	z-index: 300;
}
* + html #mainnav li {
	position: static;
}
#mainnav ul li.lilevel1 {
  height: 29px;
}
/** html #mainnav li {
  width: 50px;
}*/
/* style the links for the top level */
#mainnav a, #mainnav a:visited {
  display:block;
  text-decoration:none; 
  color:#8b1210; 
  width: auto;
  line-height:24px; 
  font-weight: normal;
  z-index: -1;
  padding: 0 33px;
}
:root #mainnav ul ul li {
  margin-right: 0;
}

#mainnav ul li.active a
{
	color: #8b1210;
  font-weight: bold;
}

#mainnav ul li.active ul a, #mainnav ul li.active ul a:visited {
  color: #000;
  font-weight: normal;
}
#mainnav ul li.active ul li.active a, #mainnav ul li.active ul li.active a:visited {
  color: #8b1210;
  font-weight: bold;
}
/** html #mainnav a, * html #mainnav a:visited {
  width: 50px;
}*/
/* style the second level background */
#mainnav ul ul a, #mainnav ul ul a:visited {
/*  background-color: #d1d1d1;*/
  display: block;
}
/* style the second level hover */
#mainnav ul ul a:hover, #mainnav ul li.active ul a:hover{
  color: #8b1210;
  text-decoration: none;
}
#mainnav ul ul :hover > a {
}
/* style the third level background */
#mainnav ul ul ul a, #mainnav ul ul ul a:visited {
  background-color:#e2dfa8;
}
/* style the third level hover */
#mainnav ul ul ul a:hover {
  background-color:#b2ab9b;
}

#mainnav li li
{
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainnav ul ul {
  z-index: 2000;
  position:absolute;
  visibility:hidden;
  height:0;
  top:24px;
  left:0; 
  width:149px;
  /*z-index: 300;*/
}
* html #mainnav ul ul {
	position: relative;
}
* html #mainnav ul li#uid6 ul {
	top: 31px;
}
* html #mainnav table td {
	position: relative;
}
* + html #mainnav ul ul {
	position: relative;
	top: 0px;
}
#mainnav ul ul li {
	/*DNz-index: 400;*/
}

/* position the third level flyout menu */
#mainnav ul ul ul{
  left:149px; 
  top:-1px; 
  width:149px;
}

/* position the third level flyout menu for a left flyout */
#mainnav ul ul ul.left {
  left:-149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#mainnav table {  position:absolute; top:0; left:0; border-collapse:collapse; z-index: 2000; }

/* style the second level links */
#mainnav ul ul a, #mainnav ul ul a:visited {
  background-color:#d1d1d1; 
  color:#000; 
  height:auto; 
  line-height:1em; 
  padding:4px 10px; 
  width:128px;
  z-index: 500;
/*  border-width:0 1px 1px 1px;*/
  font-weight: normal;
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.80; opacity:0.8;
}
/* yet another hack for IE5.5 */
* html #mainnav ul ul a, * html #mainnav ul ul a:visited {
  width:150px;
  w\idth:128px;
}

/* style the top level hover */
#mainnav a:hover, #mainnav ul ul a:hover{
  color: #8b1210;
}
#mainnav :hover > a, #mainnav ul ul :hover > a {
  color: #8b1210;
}

/*.menu ul li:hover ul,
.menu ul.level1 a.level1:hover ul.level2,
.menu a.level1:hover{}
*/
/* make the second level visible when hover on first level list OR link */
#mainnav ul li:hover ul,
#mainnav ul a:hover ul,
#mainnav a.level1:hover{
  visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#mainnav ul :hover ul ul{
  visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#mainnav ul :hover ul :hover ul{ 
  visibility:visible;
}
#mainnav .spacer {
}
* html #mainnav ul li.spacer {
	width: 30px;
}