* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background-color: #919fb9;
	color: #fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
	color: #fff;
}

a img {
	border: none;
}


div#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/bg-top.gif) repeat-x #919fb9; /* Headerhintergrundverlauf */
}

div#wrapper[id] {
    height:auto;
    min-height:100%;
}

/***** Header  ******/
div#header {
	position: relative;
	margin: 0 auto;
	width: 750px;
	height: 382px;
	}

div#mainnav {
	position: absolute;
	top: 287px;
	right: 0px;
	width:750px;
	height: 50px;
}

div#mainnav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 45px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial,Verdana,sans-serif;
}

div#mainnav ul li{
	display: block;
	float: left;
	margin: 0;
	pading: 0;
}
	
div#mainnav ul li a{
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 16px 8px 0 8px;
	height:  31px;
	border-right: 3px solid #919fb9;
}

div#mainnav ul li a.last{
	border-right: none;
}
	
div#mainnav ul li a:hover, div#mainnav ul li a.act{
	background:transparent url("../images/bg-hoover.gif") repeat-x top right; /* Hauptmenühintergrundverlauf */	
	color: #000;
}

div#subnav {
	position: absolute;
	top: 340px;
	right: 0px;
	width:750px;
	height: 30px;
}

div#subnav ul {
	list-style-type: none;
	color: #000;
	width: 100%;
	height: 30px;
}

div#subnav li {
	float: left;
	height: 30px;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 10px; 
	padding: 0;
	color: #000;
	position: relative;	
}

div#subnav li a {
	padding: 0 0 0 8px;
	text-decoration: none;
	outline: none;
}

div#subnav li a, div#subnav li a:link, div#subnav li a:visited {
	color: #000;
}

div#subnav li a:hover, #wrapper div#subnav li a.act{
	color: #990000;
	text-decoration: none;
}

/***** Content ******/
div#cwrapper {
	position: relative;
	width: 100%;
	min-height: 441px;
  	height:auto !important;
  	height: 100%;
	background: #919fb9;
}

div#cinner {
	position: relative;
	width: 750px;
	margin: 0 auto;
}

#content {
	min-height: 270px;
	height: auto !important;
	height: 270px;
	position: relative;
	width: 750px;
	padding: 0 0 180px 8px;
	float: left;
}

#content h1{
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
}

#content h2{
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
}

#content h3{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
}

#content p{
	margin-bottom: 15px;
}

#content ul{
	margin: 0 0 15px 15px;
	list-style-type: square;
}

#content ol{
	margin: 0 0 15px 20px;
}

#content li{
	margin: 0 0 5px 0;
}

#content table{
	border-collapse: collapse;
}

#content table td{
	padding: 5px 20px 15px 0;
}

/***** Footer ******/
div#footer {
	background: url(../images/bg-bottom.gif) repeat-x #919fb9;	/* Footerhintergrundverlauf */
	bottom: 0;
	clear: both;
	height: 168px;
	position: absolute;
	width: 100%;
}

div#footerinner {
	color: #d8d9b8;
	height: 168px;
	margin: 0px auto;
	position: relative;
	width: 750px;
	background: url(../images/footer.jpg) no-repeat #919fb9; /* Footerhintergrundgrafik */
}

div#footerinner p#copyright {
  font-size: 10px;
  position: absolute;
  top: 60px;
  left: 8px;
  color: #919fb9;
}

div#footerinner a, div#footerinner a:link, div#footerinner a:visited {
  color: #919fb9;
  outline: none;
  text-decoration: none;
}

div#footerinner a:hover {
  text-decoration: underline;
}

hr.clearer {
	clear: both;
	border: none;
	height: 0.1px;
	color: #7b0828;
	background-color: #7b0828;
}

#linkespalte50 {
	float:left;
 	width: 341px;
 	padding: 0 20px 20px 0;
}

#rechtespalte50 {
	float:left;
 	width: 341px;
 	padding: 0 0 20px 20px;
}


/***** Bildformatierungen ******/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	font-size:9px;
	margin: 5px 0 0 0;
}


#content dl.csc-textpic-image {
	margin: 0 5px 20px 0;
}

#content div.csc-textpic-border img{
	border: 2px solid #b8b79c;
	margin: 0 0 5px 0;
}

/***** Mailformular ******/
label {
	font-size: 11px;
}

.csc-mailform{
	border: none;
	padding: 0;
}

.csc-mailform .csc-mailform-field input, .csc-mailform .csc-mailform-field textarea, form input, form textarea, form select{
	font-size: 11px;
	color: #666;
	border: 1px solid #999;
        padding: 2px 2px 2px 2px;
        margin: 0 2px 5px 0;
        width: 300px;
}

form input[type=checkbox]{
	border: none;
}

.csc-mailform .csc-mailform-field textarea {
	margin: 0 0 5px 0;
	width: 300px;
	}
	
input#mailformformtype_mail {
	width: 120px;
}


.csc-mailform-field label, form label{
	display: block;
	font-size: 11px;
	padding: 5px 0 2px 0;
}

/* ##### Rahmen danach ##### */
div.spacer { 
	background: url(../images/divider.gif) no-repeat top center #919fb9;
	width: 100%;
	height: 16px;
	margin: 20px 0 20px 0;
}

div.spacer hr { 
	display: none; 
}

#content div.csc-textpic-border img{
	border: 2px solid #fff;
	margin: 0 0 5px 0;
}
