@charset "UTF-8";

/* ############ Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */

* { margin: 0; padding: 0; outline: 0 }

/* ############ Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */

option { padding-left: 0.4em }

/* ############ Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */

* html body * { overflow:visible}
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }

/* ############ Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen */

* html textarea {overflow:scroll; overflow-x: hidden}
* html input {overflow: hidden}

/* ############ Clearfix-Anpassung für diverse IE-Versionen */

.clearfix { display: inline-block }
.clearfix { display: block }
* html .clearfix { height: 1% }

/* ############ Anpassung der .floatbox-Klasse für IE */

* html .floatbox { width:100% }

/* ############ Spezielle Klasse für übergroße Inhaltselemente */

.slidebox {
		margin-right: -1000px;
		position:relative;
		height: 1%
}

/* ############ Spezielle Klasse für übergroße Inhaltselemente */

#ie_clearing {
		position:static;
		display:block;
		\clear:both;
		width: 100%;
		font-size:0px;
		margin: -2px 0 -1em 1px;
}

/* ############ HTML + BODY Mainpage settings */

html { height: 100% }

body { 
		width: 100%;
		background-color: #FFFFFF;
		margin-left: 0px;
		position:relative;
		font-size: 100.01%;
		font-size: 11px;
		line-height: 16px;
		font-family: Verdana, Arial, sans-serif;
		color: #5d626a;
		text-align: left;
}

/* ############################################################################################### */

p {
		margin-bottom: 16px;
}

H1 {
		font-size: 14px;
		font-family: Verdana, Arial, sans-serif;
		color: #5d626a;
		text-align: left;	
		padding-bottom: 5px;	

}

H2 {
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
		color: #33a76e;
		text-align: left;		

}

H3 {
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
		color: #5d626a;
		text-align: left;
		padding-bottom: 16px;
}

a {
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
		color: #33a76e;
		text-align: left;
		list-style-type: none;
		text-decoration: none; 
		font-weight: none;		
}

a:hover {
		text-decoration: underline; 
}

/* ############################################################################################### */

#wrapper0 {
		width:	840px;

		background-image: url('../KDS_images/bg_02.jpg');
		position: relative;
		padding-left: 9px;
		padding-right: 9px;
		left: 50%;
		margin-left: -409px;
}

#mainDiv {
		width:	838;
		height: 100%;
		background-image: url('../KDS_images/bg_04.jpg');
		border-left: 1px solid #d4d9dd;
		border-right: 1px solid #d4d9dd;
}

/* ############ mainHeader mit 3 Spalten */

#mainHeader {
		width:	100%;
		height:	280px;
		background-image: url('../KDS_images/bg_01.jpg');
		float:left;
		margin: 0px;
		padding: 0px;	
		border-bottom: 1px solid #FFFFFF;	
}

#mainHeader_center { 
		background-image: url('../KDS_images/bg_03.jpg');
		width: 137px;
		height: 280px;
		max-height: 280px;
		float:left; 
		margin-left: 0px; 
		border: 0px solid red; 
}


#mainHeader_center_content {
		padding: 12px;
		margin: 0px;
		border: 0px;

}


#mainHeader_left {
		width: 316px;
		height: 280px;
		max-height: 280px;
		float:left; 
		margin-left: 0px; 
		border: 0px;
}

#mainHeader_left_content {
		margin: 15px 29px 15px 29px;
}

#mainHeader_right {

		margin: 0px;
		width: 385px; 
		height: 280px;
		max-height: 280px;
		border: 0px;
		float:right;
}

#mainHeader_right_content {
		padding: 0px;
		margin: 0px;
		border: 0px;

}

/* ############ mainMenü mit 2 Zeilen */

#mainMenu {
		width:	100%;
		height:	80px;
		max-height: 80px;
		background-image: url('../KDS_images/back02.jpg');
		float: left;
		margin: 0px;
		border: 0px;
		padding: 0;	
}

/* ############ mainContent mit 2 Spalten */

#content_rechts {
		float: right;
		width: 245px;
		margin: 0px;
		border: 0;


}

#content_rechts_inhalt {
		padding: 0px;
		border: 0px;
		padding: 20px 15px 20px 15px;
}

#content {
		width: 593px;
		float: left;
		margin: 0px;
		border: 0;
		padding: 0px;
}

#contentrootline {
		padding: 0px 0px 10px 0px;
		border: 0px;
		margin: 20px 25px 20px 15px;
		border-bottom: 1px dotted #8c8c8c;
}


#contentrootline a {
		font-size: 10px;
		font-family: Verdana, Arial, sans-serif;
		color: #8c8c8c;
}

#contentinhalt {
		padding: 0px;
		border: 0px;
		margin: 20px 25px 20px 15px;
}

#contentinhalt ul {
	margin-left: 15px;
	padding: 0; 
}

#contentinhalt ul li {
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	list-style-image:url('../KDS_images/bullet.gif');
}



/* ############ mainFooter */

#mainFooter {
		background: #edf2f6;
		width: 838px;
		margin: 0px;
		border-bottom: 1px solid #d4d9dd;
		padding: 0px;
		float: left;
		font-size: 9px;
		font-family: Verdana, Arial, sans-serif;
		color: #aeb3b6;
}

#mainFooter_content {
		padding: 0px;
		border: 0px;
		display : block;
		padding: 14px 11px 11px 11px;
		float: left;
}

#mainFooter a {
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
		color: #aeb3b6;
		text-align: left;
		list-style-type: none;
		text-decoration: underline; 
		font-weight: none;
}

#mainFooter a:hover {
		color: #30ad46;
}

/* ############################################################################################### */

ul {
		margin: 0;
		padding: 0;
		border: 0;
}

li {
		font-family: Verdana;
		font-size: 11px;	
		list-style-type: none;
		text-decoration: none; 
		font-weight: none;
		padding: 2px 5px 2px 5px;
}

li a {
		color: #FFF;
		list-style-type: none;
		text-decoration: none; 
		font-weight: none;
}

li a:hover {
		color: #33a76e;
		list-style-type: none;
		text-decoration: none; 
		font-weight: none;	
}

li#current {
		background-color: #33a76e;
		border: 0;
		padding: 2px 5px 2px 5px;
		color: #FFF;
}

li#current a:hover {
		color: #FFF;
}


/* ############################################################################################### */

#mainmenu_rechts {
		background-image: url('../KDS_images/sr_03.jpg');
		float: right;
		width: 221px;
		height: 56px;
		max-height: 56px;
		margin: 0px;
		border: 0px;
		padding: 12px;
}

#searchbox {
		padding: 0px;
		margin: 0px;
		border: 0px;
		width: 221px;
}

#searchbox a {
		font-size: 11px;
		font-family: Arial, Verdana, sans-serif;
		color: #FFFFFF;
		text-align: left;
		list-style-type: none;
		text-decoration: none; 
		font-weight: none;		
}

#searchbox a:hover {
		color: #33a76e;
}

#suche {
		background-color: #edf2f6;
		border: 1px solid #bfbfbf;
		padding: 20px;
}

.suchepfad {
		line-height: 18px;
		border-top: 1px dotted #8c8c8c;
		border-bottom: 1px dotted #8c8c8c;
}

#suche a {
		font-size: 11px;
		font-family: Arial, Verdana, sans-serif;
		color: #5d626a;
		text-align: left;
		list-style-type: none;
		text-decoration: none; 
		font-weight: none;		
}

#suche a:hover {
		color: #33a76e;
}

/* ############################################################################################### */

.rahmen01 {
		margin-bottom: 20px;
		background: #edf2f6;
		border: 1px solid #bfbfbf;
		line-height: 18px;
		padding: 15px 10px 15px 10px;	

}

.normal {
		margin-bottom: 20px;
		line-height: 18px;
		padding: 0px 10px 15px 10px;
}

.linieunten {
		margin-bottom: 20px;
		line-height: 18px;
		padding: 0px 10px 15px 10px;
		border-bottom: 1px dotted #8c8c8c;

}

.headline {
		line-height: 18px;
		padding: 0px 10px 10px 10px;
}

.contenttable {background:#edf2f6; cellpadding: 5px; cellspacing:50px; padding: 0; margin: 0; }

.csc-textpic-image {margin-bottom:10px; padding-bottom: 10px; }
.csc-textpic-firstcol {margin: 0px; padding: 0px;}
.csc-textpic-lastcol {margin: 0px; padding: 0px;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }

#downloadliste {padding: 0; margin: 0; background-color: #FFFFFF; border: 1px solid #bfbfbf;}
TABLE.csc-uploads { border: 0px; width: 100%; }
TABLE.csc-uploads TR TD P { padding: 5px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #edf2f6; width: 100%; }
TABLE.csc-uploads TR.tr-odd { background-color: #edf2f6; width: 100%;}
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: none; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; text-align: center; vertical-align: middle; }

table .csc-uploads csc-uploads-0 {background-color: #FF00FF; cellpadding:0; cellspacing: 0;}

/* ############ Mail-Formular CSS */

#mailform {border: 1px solid #bfbfbf; background-color: #edf2f6; padding: 20px;}
#mailform input {margin-bottom: 10px;}
#mailformformtype_mail {background-image: url('../KDS_images/btn_absenden.jpg'); color: #FFFFFF; border: 0px; font-size: 11px; font-family: Arial, Verdana, sans-serif; padding: 0 10px 0 10px;}

#newsletter {border: 1px solid #bfbfbf; background-color: #edf2f6; padding: 10px;}
#newsletter a {font-family: Arial;}
#htmlmail {border-top: 1px dotted #bfbfbf; padding-top: 10px; margin-top: 10px;}


/* ############ Rahmen für <fieldset> und <img> Elemente löschen */


fieldset, img { border: 0 solid}


.productlist {
	width: 100%;
	background-color: #edf2f6;
	margin-bottom: 4px;
}

.txt-table {
	border: 1px solid #000;
	padding: 2px;
	
}