﻿html, body
{
	height: 100%; /* wichtig */
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background: #d5dde7 url(b/back.gif) repeat-y fixed center; /*text-align: center;*/
	/*text-align: center;*/
	margin: 0;
	padding: 0;
}
img
{
    display: inline;
    border: 0;
    margin: 0;
    padding: 0;
}
/* ######### alles umschließen ##########*/
#wrap
{
	width: 924px;
	text-align: left;
	vertical-align: top;
	/*border: 1px solid #58595b;*/
	margin-right: auto;
	margin-left: auto;
	background: White;
	position: relative;
	}
/* ######### der Kopf ##########*/
a#header {
	padding: 0;
	margin-left: 2px;
	margin-bottom: 0;
	height: 168px;
	width: 740px;
	text-align: left;
	background: White url(b/m2m.jpg) no-repeat scroll left;
	display: block;
}
/* ######### Hauptnavigation ##########*/
#ebene1 {
	margin-left: 2px;
	height: 20px;
	width: 740px;
	background: #bdc8d7;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
	line-height: 18px;
}
#ebene1 a {
	color: Black;
	text-decoration: none;
}
#ebene1 a:hover {
	text-decoration: underline;
}
#ebene1 li.here a{
	color: White;
}
#ebene1 ul {
	vertical-align: middle;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#ebene1 ul li {
	margin-left: 0;
	padding: 0 12px 0 12px;
	list-style: none;
	display: inline;
}
#language {
	float: right;
	}
/* #########Navigation 2/3 Ebene ##########*/

#ebene2 {
	float: left;	
	margin-top: 1px;
	padding:0;
	font-size: 11px;
	width: 180px;
	border-left: 2px solid white;
}
#ebene2 #title {
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
	font-size: 13px;
	line-height: 26px;
	background: #bdc8d7;
	font-weight: bold;
}
#ebene2 #title h1 {
	font-size: 13px;
	background: #bdc8d7;
	font-weight: bold;
	margin: 0;
	padding: 0;

}
#ebene2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 23px;
	width: 100%;
}

#ebene2 ul li {
	border-bottom: 1px solid #d5dde7;
	background: #f1f3f7;
	padding-left: 5px;
}
#ebene2 ul ul {
	margin-top: 3px;
}
#ebene2 li ul li {
	border: 0;
	padding-left: 10px;
	background: White;
}
#ebene2 ul li a {
	display: inline;
	text-decoration: none;
	color: Black;
}

#ebene2 li.here {
	background-color: white;
}
#ebene2 li.here a {
	color: #ed1c24;
}

li.here ul li a{
	color:black !important;
}

li.here ul li.here a{
	color: #ed1c24 !important;
}

/* ######### zentraler Bereich ##########*/
	
#content {
	margin-left: 195px;
	width: 500px;
	padding-bottom: 20px;
	line-height: 20px;

}
/* ######### Breadcrumb ##########*/
#bread {
	border: 0;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #58595b;
}
#bread ul {
	vertical-align: left;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-size: 11px;
	color: #58595b;
}

#bread ul li {
	padding: 0 8px 0 0;
	list-style: circle inside url(b/breadpfeil.gif);
	display: inline;
}
#bread a {
	color: #58595b;
	text-decoration: none;
}
#bread a:hover {
	text-decoration: underline;
}
#bread li.here a{
	color: White;
}
/* ######### Rechts ##########*/

#rechts {
	position: absolute;
	right: 2px;
	top: 0;
	width: 180px;
	z-index: 2;
	margin: 0;
	padding: 0;
	background: #f1f3f7;
	font-size: 13px;
}
#rechts h1 {
	font-size: 13px;
	background: #ed1c24;
	width: 100%;
	line-height: 20px;
	margin: 0;
	padding: 0;
	color: White;
}
.box {
	margin-left: 5px;
}
#suche {
	height: 75px;
}
#login {
	height: 93px;
}
#rechts form {
	padding: 0;
	margin: 10px 0 0 5px;
	border: 0;
}
.textfeld {
	background-color: White;
	border: 1px solid Black;
	color: Black;
	font-size: 11px;
	font-style: normal;
	width: 100px;
	height: 16px;
}
.ok {
	width: 25px;
	height: 18px;
	color: white;
	font-size: 0;
	font-style: normal;
	border: 0;
	background: transparent url(b/ok.gif) no-repeat scroll center;
}
.logout {
	width: 60px;
	height: 20px;
	color: white;
	font-size: 0;
	font-style: normal;
	border: 0;
	background: transparent url(b/logout.gif) no-repeat scroll center;
}
.lupe {
	width: 25px;
	height: 16px;
	color: white;
	font-size: 0;
	font-style: normal;
	border: 0;
	background: transparent url(b/lupe.gif) no-repeat scroll center;
}
#aktuell, #partner, #aktuelles {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
}
#aktuell p, #aktuelles p {
	margin: 5px;
}
#aktuell a, #aktuelles a {
	color: #ed1c24;
	text-decoration: none;
}
#aktuell a:hover , #aktuelles a:hover {
	text-decoration: underline;
}

#aktuell div.nachricht{
	margin:5px;
	margin-bottom:10px;
}

#partner {

}
#partner .media {
	margin: 5px 0 5px 0;
	text-align: center;
}

#partner .media a{
	margin-bottom:20px;
	display:block;
}
/* ######### Mitglied ######### */
#member {
	background: transparent;
	width: 125px;
	height: 140px;
	position: absolute;
	top: 30px;
	left: 600px;
	font-size: 13px;
	font-weight: bold;
}
.klickhier {
	width: 79px;
	height: 79px;
	color: #b6c3cc;
	position: absolute;
	top: 50px;
	left: 53px;
	background: transparent url(b/hierklicken.gif) no-repeat scroll center;
	text-align: center;
	vertical-align: middle;	
}

.clickhere {
	width: 79px;
	height: 79px;
	color: #b6c3cc;
	position: absolute;
	top: 50px;
	left: 53px;
	background: transparent url(b/clickhere.gif) no-repeat scroll center;
	text-align: center;
	vertical-align: middle;	
}

/* ######### Service #########*/
#servicemenue {
	margin: 0;
	padding: o;
	background: Black;
	width: 200px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 589px;
	color: white;
	font-size: 9px;
	font-weight: bold;
	vertical-align: middle;
}
#servicemenue ul {
	vertical-align: middle;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#servicemenue ul li {
	padding: 0 0 0 1px;
	list-style: none;
	display: inline;
	line-height: 20px;
	text-align: left;
}
#servicemenue a {
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
#servicemenue a:hover {
	text-decoration: underline;
}
#servicemenue a:visited {
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

/* ######### Text ##########*/
#haupttext h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ed1c24;
	line-height: 25px;
}
h2, h3, h4, h5, h6 {
	font-size: 13px;
	font-weight: bold;;
}
#haupttext img {
	display: inline;
}
#haupttext table {
	border: 1px solid black;
	font-size: 12px;
}

/* ######### Footer ##########*/
#print {
	font-size: 11px;
	color: #ed1c24;
}
#print a {
	color: #ed1c24;
	text-decoration: none;
}
#print a:hover {
	text-decoration: underline;
}

/* Startseite*/
#contentstart {
	margin-left: 2px;
	width: 720px;
	margin-top:25px;
	padding-bottom: 20px;
	height: 350px;
	line-height: 20px;
	clear: both;
}
#contentstart h1 {
	font-size: 16px;
	font-weight: bold;
	color: #ed1c24;
	line-height: 25px;
}
#contentstart h2 {
	font-size: 13px;
	font-weight: bold;
	color: #ed1c24;
}
#haupttext #contentstart a {
	color: #ed1c24;
	text-decoration: none;
}
#haupttext #contentstart a:hover {
	text-decoration: underline;
}

div.csc-mailform-field {
	text-align:right;
	padding-right:50px;
}

div.csc-mailform-field  input{
	margin-bottom:7px;
}

#mailform{
	width:400px;
}

#mailform fieldset{
	padding-top:10px;
	padding-bottom:10px;
	border-width:0px;
}
a:visited {
color: #ed1c24;
text-decoration: none;
}
a:link{
color:red;
}

.tableStartTeaser{
	border-top-width:1px;
	border-top-style:dotted;
	border-color:#808284;
}

.tableStartTeaser tbody tr td{
	padding:10px;
}

.tableStartTeaser tbody tr td.td_center{
	border-right-style:dotted;
	/*border-left-style:dotted;*/
	border-width:1px;
	border-color:#808284;
}

.tableStartTeaser tbody tr td h3{
	margin-bottom:5px;
	
}

.tableStartTeaser tbody tr td ul{
	margin-top:0px;
	margin-bottom:5px;
	
}

.tableStartTeaser tbody tr td div.divTermin{
	margin-bottom:7px;
	
}

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

div#pressekontakt{
	font-size: 10px;
	
}

div#pressekontakt h1{
	margin-bottom:5px;
}

span.date{
	font-style:italic;
}

table.csc-uploads{
	border-width:0px !important;
}

#newsstart h1{
	color:black;
	font-size:13px;
}

h1.news{
	color:black !important;
	font-size:13px !important;
}

.news-list-date {
	display:none;
}

#rechts div.news-list-home h1.news-home{
	display:none;
}

div#newsstart .news-subheader{
	margin-bottom:0px;
}
div#newsstart a{
	margin:0px;
	position:relative;
	top:-10px;
	padding:0px;
}

div#newsaktuelles{
	margin-bottom:10px;
}

div#newsaktuelles div.news-list-home{
	margin-bottom:15px;
	
}

div#newsaktuelles a{
	padding-left:7px;
}

#newsmember{
display:none;
}

#newmembers_wrap p{
	margin-bottom:5px;
	margin-top:5px;
	font-size:11px;
	padding-left:5px;
}

#newmembers a:visited{
	text-decoration:underline;
} 



table{
	border-width:0px !important;
}

/*prouctdb*/


/*listview*/
div.listview{
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#DDDDDF;
	padding-bottom:10px;
}


div.listview h2
{
	margin-bottom:5px;
}


div.listview table tr td.content{
	width:400px;
}


/*single view*/


div.productnumber{
	margin-bottom:10px;
}

.articledetail{
	
}
.articledetail div.image{
	float:left;
	width:310px;
}

.articledetail div.contact{
	float:right;
	width:170px;
	
	
	
	padding:0px;
}

.articledetail .text{
	float:left;
	width:500px;
	padding-top:10px;
}


.articledetail div.contact table{
	width:100%;
}
.articledetail div.contact table tr td{
	padding:5px;
	border-collapse:collapse;
	border-width:0px;
	border-style:solid;
	border-color:#C4C5C9;
	font-size:10px;
	
}


.back{
	cursor:pointer;
	color:red;
	clear:both;
}
.backdiv{
	clear:both;
	margin-top:20px;

	
}

div.tx-vcdarchive-pi1 table tr td.title{
background-color:white;
color:black;
}
div.tx-vcdarchive-pi1 table tr td.header{

background-color:#F1F3F7;
}

div.tx-vcdarchive-pi1 table tr td.header{

background-color:#bdc8d7;
}

.contenttable tr td{
	text-align:top;
	vertical-align:top;
}

hr.separator {
	background-color:#d5dde7; 
	border:none;
	height:1px; 
	width:100%;
}
.news-list-image{
	float:left;
	margin-top:0px;
	width:110px;
	height:1px;
}

.news-list-image img{
	margin-top:20px;
}

.news-list-subheader{
	float:left;
	margin-left:10px;
	width:380px;
}

.news-list-morelink{
	display: none;
}

.news-list-title{
	margin-left:120px;
}

.news-list-item{
	margin-bottom: 0px;
	margin-bottom:70px;
}

.news-list-subheader p{
	margin-bottom: 0px;
	margin-top: 0px;

}

