/*allgemeine Formatierungen*/

html, body{
	height:100%;
}
body {
	margin:0px;
	padding:0px;
	background: #FFFFFF url(../m/seitenbg.gif) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color:#010101;
	letter-spacing: 1px;
}
td{
vertical-align:top;
}
td ul{
margin-top:0px;
margin-bottom:0px;
}
select{
	font: 11px Arial, Helvetica, sans-serif;

}
p{
	margin:6px 0px 6px 0px;
}
#maincont p{
margin:16px 0px 6px 0px
}
h2, h3, .csc-firstHeader{
	margin:0px;
	color:#028ae9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2, .csc-firstHeader {
	font-size: 15px;
}
h3 {
	font-size: 12px;
}
a {
	color:#000000;
	text-decoration:none;
	letter-spacing:1px;
}
a img{
	border:0;
}

/*Der Rahmen um alles herum*/
#komplettrahmen{
	width:980px;
	margin:auto;
	text-align:left;
	
	
/* Das hier ist für die Vertikale Zentrierung zuständig
  position: absolute; 
  top: 50%;  
  left: 50%; 
  margin-top:-300px;
  margin-left: -490px;
*/
}

/*Kopfbereich mit Navigation*/
#kopfzeile1{
	width:730px;
	height:180px;
	background-image:url(../img/keyimage.jpg);
	float:left;
}
#topnavi{
	background:white;
	height:30px;
	margin-top:150px;
	margin-left:0px;
	padding-left:32px;	
}
#topnavi td{
	vertical-align:middle;
}
.top_on{
	background-image:url(../m/topnavion_bg.gif);
	height:30px;
}
#topnavi a{
	line-height:30px;
	font-size:12px;
	text-decoration:none;
}

/*Kopfbereich rechts mit Standardlinks und Suchbox*/
#kopfzeile2{
	width:250px;
	background:url(../m/kopfzeile2_bg.gif) top no-repeat #F2F1ED;
	height:180px;
	float:left;
}
#suchbox input{
	width:109px;
	height:16px;
	padding:8px;
	background-color:#F1F1F0;
	border: 1px solid #D5D2CF;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#suchbox form, #suchbox input{
	margin:0px;
	padding:0px;
	display:inline;
}

/*Der Rahmen, der die drei Spalten zusammenhält, die einzelnen Spalten und diverse Platzhalter*/
#inhaltsrahmen{
	margin-left:0px;
	min-height:419px;
	border: 1px solid #d5d2cf;
	border-top: 0px solid #d5d2cf;
}
#inhaltsplatzhalter1{
	width:211px; 
	height:31px; 
	background-image:url(../m/inhaltbg2.gif);
}
#navigationlinks, #startrechts{
	width:211px;
	float:left;
	background-color:#e4e4e4;
	height:419px;
}
#navigationslinks{
	overflow:hidden;
}
#inhaltsplatzhalter2{
	width:8px; 
	height:419px; 
	background-color:#FFFFFF; 
	float:left; 
	background-image:url(../m/inhaltbg3.gif); 
	background-repeat:repeat-x;
}
/*Und noch ein Extrarahmen, damit im Inhaltsbereich alles zusammengehalten wird*/
#inhaltsrahmen2{
	width:510px;
	float:left;
	line-height:18px;
}
#scrollbereich a, #inhalt a, #inhalt2 a{
	text-decoration: none;
	color:#028ae9;
}
#scrollbereich a:hover, #inhalt a:hover, #inhalt2 a:hover{
	text-decoration: underline;
}
#scrollbereich ul li a, #inhalt ul li a, #inhalt2 ul li a{
	text-decoration: none;
	color:black;
}

#inhaltsplatzhalter3{
	width:100%; 
	height:31px; 
	background-image:url(../m/inhaltbg2.gif);
	margin:0px;
}
#scrollbereich{
	height:388px;
	overflow:auto;
}
#inhalt{
	margin:10px 20px 15px 30px;
}
#inhalt2{
	height:342px; 
	width:480px; 
	margin:0px 0px 15px 30px;
	padding-top:10px;
	margin-bottom:0px;
	overflow:auto;
}
#inhaltrechts{
	width:249px; 
	background-color:#FFFFFF; 
	float:left; 
	background-image:url(../m/inhaltbg3.gif); 
	background-repeat:repeat-x; 
	text-align:right;
	overflow:visible;
}
#inhaltrechts p{
margin:0px;
padding:0px;
}

/*Die Ebene, die nur bei den Produkten zu sehen sein wird*/
#produktmenue{
	height:36px;
	background: url(../m/dotline.gif) repeat-x bottom;
}
#produktmenue a, #divrahmen a, #produktauswahl a, produktklappmenue a{
text-decoration:none;
}

/*Die Hauptnavigation der linken Seite*/
#navigationlinks td{
	background: url(../m/dot_grau.gif) no-repeat 8px 8px;
}
#navigationlinks td a{
	margin-top:4px;
	margin-bottom:4px;
	margin-left:22px;
	display:block;
	letter-spacing:normal;
	text-decoration:none;
}

#navigationlinks .level1_on a, #navigationlinks .level2_on a, #navigationlinks .level3_on a{
	color:#028ae9;
}
#navigationlinks .level1_on{
	background: url(../m/dot_blue.gif) no-repeat 8px 7px;
}

#navigationlinks .level2 a, #navigationlinks .level2_on a{
	margin-left:32px;
	display:block;
}
#navigationlinks .level2{
	background-position: 18px 8px;
}
#navigationlinks .level2_on{
	background: url(../m/dot_blue.gif) no-repeat 18px 7px;
}
#navigationlinks .level3 a, #navigationlinks .level3_on a{
	margin-left:42px;
	display:block;
}
#navigationlinks .level3{
	background-position: 28px 8px;
}
#navigationlinks .level3_on{
	background: url(../m/dot_blue.gif) no-repeat 28px 7px;
}

#navigationlinks .trenner{
	height:1px;
	background-image:url(../m/trenner.gif);
}

/*Die Listenformatierung für das Klappmenü, auch im Produktbereich
*/
#produktmenueliste, #produktklappmenue1 ul, #produktklappmenue2 ul{
	border:1px solid #c4c1bd;
	width:200px;
	background-color:#F0EFEF;
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:20px;
	font-size:11px;
}
#produktmenueliste{
background-color:white;
}
#produktmenueliste a, #produktklappmenue1 a #produktklappmenue2 a{
	color:black;
	text-decoration:none;
	width:100%;
	display:block;
}
#produktmenueliste li, #produktklappmenue1 li, #produktklappmenue2 li{
	background-image:url(../m/dot_grau.gif);
	background-repeat:no-repeat;
	background-position: 4px 7px;
	padding-left:23px;
	line-height:20px;
}
 #produktklappmenue1 li, #produktklappmenue2 li{
	line-height:16px;
	background-position: 4px 5px;
 }
#produktklappmenue1 .header, #produktklappmenue2 .header{
	border-bottom:1px solid #c4c1bd; 
	height:19px; line-height:19px; 
	padding-left:4px; 
	background-image:url(../m/arrowdrop.gif); 
	background-position:right; 
	background-repeat:no-repeat;
}


/*Jetzt noch die Fußzeile*/
#fusszeile{
	text-align:right;
	margin-top:0px;
	height:37px;
	background:url(../m/schatten_u.gif);
}
#fusszeile a{
	text-decoration:none;
	margin-right:18px;
	color:#555555;
}

/*Listen im Inhaltsbereich*/
#inhalt ul, #inhalt2 ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#inhalt li, #inhalt2 li{
	padding-left:15px;
	background: url(../m/dot_grau.gif) no-repeat 0px 6px;
	margin-bottom:5px;
}
#inhalt li a, #inhalt2 li a{
	line-height:normal;
}
/* Scrollbars */
div{
  scrollbar-arrow-color: #BFBFBF;
  scrollbar-track-color: #EFEFED;
  scrollbar-face-color: #E5E5E4;
  scrollbar-highlight-color: #E5E5E4;
  scrollbar-3dlight-color: #BFBFBF;
  scrollbar-darkshadow-color: #BFBFBF;
  scrollbar-shadow-color: #E5E5E4;
  }

/*Produktklappmenü*/

#container {
	position:absolute;
	z-index:100;
}
#produktklappmenue1{
	position:absolute;
	width:201px;
	height:21px;
	left:29px;
	z-index:100;
	top: 8px;
	overflow: hidden;
	visibility: visible;
}
#produktklappmenue2 {
	position:absolute;
	left:281px;
	z-index:101;
	height:21px;
	top: 8px;
	width: 201px;
	overflow:hidden;
	visibility: visible;
}
#blind {
	position:absolute;
	visibility:hidden;
	width:650px;
	height:90px;
	z-index:99;
	left: -50px;
	top: -50px;
}
.ueberschrift_start {
	font: bold 16px Verdana;
	color: #56595c;
}
.zweispalten{
	width:430px;
	margin:0px;
	padding:0px;
}
.zweispalten td{
	width:50%;
}


.sitemap1 {
	font-family : Verdana, sans-serif;
	font-weight:bold;
	font-size : 12px;
}
.sitemap2 {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	margin-left : 20px;
}
.sitemap3 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	margin-left : 40px;	
}
.sitemap4 {
	font-family : Verdana, sans-serif;
	font-size : 9px;
	margin-left : 60px;
}

.csc-mailform input, .csc-mailform textarea, .csc-mailform select{
	width:225px;
	height:19px;
	border:1px solid #9c9c9c;
	margin-right:25px;
	margin-bottom:7px;
	font: 11px Arial, Helvetica, sans-serif;
}
.csc-mailform select{
	width: 230px;
}


.csc-mailform textarea{
	height:75px;
}
.csc-mailform .mf-submit{
	height:21px;
	width:185px;
	color:white;
	font-weight:bold;
	background-color:#c4c4c3;
	border:0px solid #c4c4c3;
}
#maincont .ohneabstand, #maincont .ohneabstand td, #maincont .ohneabstand p{
	padding:0px;
	margin:0px;
}
a img{
	border:0px solid #000000;
}
/*------mailformular formatieren------*/
.csc-mailform {
border:none;
}
.csc-mailform-field {
margin-bottom:5px;
}
.csc-mailform-field label {
float: left;
width: 120px;
}
.mf-input {
clear: none;
width: 200px;
}
.mf-pass {
width: 200px;
}
.mf-text {
clear: none;
width: 200px;
}

.mf-check {
}

.mf-radio {
}

.mf-select {
width: 200px;
}

.mf-file {
width: 204px;
}

#mailformRadiotest {
border: none;
}

#mailformRadiotest legend {
display: none;
}

.mf-reset {

}

.mf-submit, #mailformformtype_mail {
margin-left: 120px !important;
margin-left: 123px;
}