td li{clear:both; margin-left:15px; }
td ul {margin:0;}

/* ################### DOWNLOADLISTE ############## */
#downloadschmal {width:500px;}
.filelisting_kurz{line-height:18px;border-bottom:1px solid #bfbfbf;padding:3px;}
.rahmen{border:1px solid #FFF;}

a.dl_anzeigen {margin-top:10px; display:block; width:75px; height:13px; padding: 3px 12px 3px 12px; color:#047cae; font-size:11px}
a.dl_anzeigen:hover {color:#034d6b; font-size:11px}

a.dl_verbergen {margin-top:10px; display:block; width:75px; height:13px; padding: 3px 12px 3px 12px; color:#047cae; font-size:11px}
a.dl_verbergen:hover {color:#034d6b; font-size:11px}  

.dl_h4 {background-color:#cc0000; font-weight:bold; font-size: 11px; color: #0098D4; padding: 5px; border-bottom: 1px solid #F1AF00; margin: 1px 0px 0px 0px;}
.dl_h5 { font-weight:normal;} 
.dl_h6 {/*background-color:#cc0000;*/ font-weight:bold; font-size: 11px; color: #666; padding: 5px; border-bottom: 1px solid #666; margin: 0px 0px 3px 0px;}
.dl_tbl {margin-bottom: 30px;} 
.dl_head {padding: 2px; color: #666; border-bottom: 1px solid #666; /*background-color: #94cd5e;*/}

.dl_anzeigen {text-decoration:none;  border-bottom: 1px solid #047cae; /*border-left: 1px solid #898989;*/ border-right: 1px none #047cae; padding-left: 10px;  padding-top: 0px;
    background:  url(../images/kmd_anzeigen.gif) no-repeat left top; /*margin-left: 4px; */}

.dl_verbergen {border-bottom: 1px solid #047cae; /*border-left: 1px solid #898989;*/ border-right: 1px none #047cae; padding-left: 10px; padding-top: 0px;
    background: url(../images/kmd_verbergen.gif) no-repeat left top;} 
.lastmodified {display:none; width:100%; margin: -23px 15px 7px 0px; text-align: right; font-size: 11px;}


/* ################### SEARCH OUTPUT ############ */
#searchResults {margin:0 0 10px 0;}
#searchResults p.message {margin:20px 0 30px 0;}
#searchResults div.searchResultItem {border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0 0 10px 0;}
#searchResults div.searchResultItem h2 {font-size:14px; margin:0 0 5px 0; padding:0; color:#0060b1; font-style:normal;}
#logoutText {position:relative; height:70px;}
#logoutText a {position:absolute; right:10px; bottom:10px; text-decoration:none;}

/* ################### SEARCH INPUT ############## */

#search {width:301px; height:140px; background:  url(../images/kmd_suche_neu.png); padding:0; margin:0px 0 0 0px; font-size:10px; /*background-color:  transparent;*/}
#search label {width:190px; color:#9F9F9F; font-weight:bold; font-size:10px; display:block; float:left; width:42px; padding:0px 0 0 0;}
#search input {padding-left:3px; padding-top:2px; font-size:10px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; margin-left:0px; margin-top:6px; color: #000;  
border: 0px none #fff;    width:240px; height:15px; /*background-color: #0098D4;
border-left:1px solid #333333; border-right:1px solid #E8E8E8;
border-top:1px solid #333333; border-bottom:1px solid #E8E8E8;*/

}
#search input.sbmt {border:0px none #fff; width:20px; height:15px; margin:0px 0 0 2px;}

/* ################### FORMULARE #################### */

.tab_weiss{padding-left:10px; padding-bottom:9px; padding-top:9px;border-bottom: 1px solid #EBEBEB;}
.tab_us{padding-left:10px; padding-bottom:9px; padding-top:9px;border-bottom: 1px solid #999;}
.tab_grau{padding-left:10px; padding-bottom:9px; padding-top:9px;background-color:#F9F9F9;border-bottom: 1px solid #EBEBEB;}}

input.resetbuttonn, input.submitbuttonn {width:70px;
border:0px none #fff; background: url(../images/kmd_quick.gif) no-repeat left top; 
font-size:11px; color:#000; cursor: pointer; text-align:left; padding: 5px 5px 5px 10px; margin-top:5px;}

.inputberatung {padding:3px; font-size:11px;width:170px; vertical-align:middle; color:#F1AF00; border:1px solid #F1AF00;background-color:#fff;}
.submitberatung {background: url(../images/ns_senden.gif) no-repeat left center; font-weight:bold; color:#F1AF00; cursor:pointer; font-size:11px; text-align:center; height:25px; width:80px; border: 0px none #fff}

.inputlogin2 {height:14px;  background-color: #E9E9E9; margin-bottom:5px; padding:3px; width:170px; vertical-align:middle; border: 1px none #0098D4; overflow: auto;
font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; color: #666;    
border-bottom:1px solid #F5F5F5; border-left:1px solid #7F7F7F;border-right:1px solid #F5F5F5; border-top:1px solid #7F7F7F;}

.inputlogin3 {height:22px;  background-color: #E9E9E9; margin-bottom:5px; padding:3px; width:170px; vertical-align:middle; border: 1px none #0098D4; overflow: auto;
font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; color: #666;    
border-bottom:1px solid #F5F5F5; border-left:1px solid #7F7F7F;border-right:1px solid #F5F5F5; border-top:1px solid #7F7F7F;}

/* ################### DynForm ############## */
hr {background-color:#7F7F7F; color:#7F7F7F; height:1px; border-top:0; border-left:0; border-right:0; border-bottom:0;}

#SpryContactForm select {color: #000; padding:3px; background-color:#E9E9E9; overflow: auto;
    height:23px; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
    width:408px; border-bottom:1px solid #F5F5F5; border-left:1px solid #7F7F7F;border-right:1px solid #F5F5F5; border-top:1px solid #7F7F7F;}

.inputform {height:20px; background-color: #E9E9E9; margin:0px; padding:0px;}

#SpryContactForm {padding-top:0px; padding-bottom:20px;}

#SpryContactForm .text {width:408px; margin-top:10px; margin-bottom:5px;}

span.contactFormSubmit input.resetbutton,span.contactFormSubmit input.submitbutton,
#contactFormSubmitLeft55 input.resetbutton, #contactFormSubmitLeft55 input.submitbutton
{width:80px; border-top: 1px solid #7F7F7F; border:0px none #fff;
background: url(../images/kmd_quick.gif) no-repeat left top; font-size:11px; color:#000; cursor: pointer; text-align:left; padding: 5px 15px 5px 10px; margin-top:5px;}

input.submitbutton {text-align:left; background-color:#fff; color:#333;}

span.contactFormSubmit input.resetbutton{margin-left:0px;}
span.contactFormSubmit input.submitbutton{margin-left:255px;}

#SpryContactForm ul{list-style:none; margin:0; padding:0;}

#SpryContactForm input[type="text"]{margin-bottom:5px; padding:3px; width:400px; vertical-align:middle; border: 1px none #0098D4; overflow: auto;
font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; color: #000;    
border-bottom:1px solid #F5F5F5; border-left:1px solid #7F7F7F;border-right:1px solid #F5F5F5; border-top:1px solid #7F7F7F;}

#SpryContactForm .inputform{height:14px; padding-top:3px; padding-left:3px; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; color: #000; width:340px; border: 1px none #0098D4;}

#SpryContactForm textarea{color: #000; padding:3px; background-color:#E9E9E9; overflow: auto;
    height:150px; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
    width:400px; border-bottom:1px solid #F5F5F5; border-left:1px solid #7F7F7F;border-right:1px solid #F5F5F5; border-top:1px solid #7F7F7F;}

#SpryContactForm ul li{/*height:30px;*/ clear:both;}

#SpryContactForm ul li.textarea{height:170px;}

#SpryContactForm label{display:block; float:left; width:345px;}

.validMsg, .novalidMsg{position:relative; top:2px; margin-top: 3px; width:16px; height:16px; display:none;}
.validMsg {display:none;}

.radioValidState .validMsg, .checkboxValidState .validMsg, .textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg {display:inline; height:10px;}

.checkboxMaxSelectionsState .novalidMsg, .checkboxMinSelectionsState .novalidMsg, .radioRequiredState .novalidMsg, .checkboxRequiredState .novalidMsg,
.textfieldRequiredState .novalidMsg, .textareaRequiredState  .novalidMsg, .textfieldInvalidFormatState .novalidMsg , .textfieldMinCharsState .novalidMsg, 
.textfieldMaxCharsState .novalidMsg , .textareaMinCharsState .novalidMsg , .textareaMaxCharsState .novalidMsg, .selectRequiredState .novalidMsg{display:inline-block; height:10px;}

span.textareaRequiredMsg,span.textareaMinCharsMsg,span.textareaMaxCharsMsg {position:relative; left:135px;}

#Counterror_mess{padding:0px 5px;}
#SpryContactForm ul li.grpradio{height:auto;}
#SpryContactForm ul li span span.grpradio{display:block; width:70px; height:25px; float:left;}
#SpryContactForm ul li.grpcheckbox{height:auto;}
#SpryContactForm ul li span span.grpcheckbox{display:block; width:300px; height:25px; float:left;}
br.clear{clear:both;}

/* ################### SITEMAP #################### */

a.sitemaplink {display:block; color:#969698;}
a.sitemaplink:hover {text-decoration:none; color:#000;}

.sitemap, .sitemap ul {margin-left:0; padding-left: 0;}
.sitemap li {display:block; list-style-type: none;}
.sitemap .level1 {clear:both; display:block; /*background-color:#0098D4;*/ border-bottom: 1px solid #7F7F7F;}
.sitemap .level1:hover {display:block; /*background-color:#F1AF00;*/}
.sitemap .level1 a.sitemaplink {margin-top:20px;  padding: 5px 5px 5px 15px; display:block; /*font-weight:bold;*/ color:#333; background: url(../images/kmd_quick.gif) no-repeat left top;}
.sitemap .level1 a.sitemaplink:hover {color:#969698; /*background: url(../images/sd_open5.gif) no-repeat right center;*/}
.sitemap .level2 {clear:both; /*font-weight:bold; border-bottom: 1px solid #F1AF00;*/}
.sitemap .level2:hover {display:block;/* background-color:#0098D4;*/}
.sitemap .level2 a.sitemaplink {background: url(../images/kmd_quick.gif) no-repeat left top; border-bottom: 1px solid #969698; margin: 5px 5px 5px 15px;padding: 5px 5px 5px 15px;}
.sitemap .level2 a.sitemaplink:hover {display:block; /*background-color:#0098D4;*/}
.sitemap .level3 a.sitemaplink {/*border-bottom: 1px solid #74715E;*/ padding-bottom:15px;  /*width:170px; border-bottom: 1px solid #F1AF00;*/ /*background-color: #ffffff;*/ margin: 5px 5px 5px 50px;}
.sitemap ul li ul .level3 {float:left;}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {margin-top: -14px; width:100%;}

body {text-align:center; height:100%; overflow: -moz-scrollbars-vertical; margin:0px; padding:0; font-size:11px; font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; line-height: 1.4;
color:#666; background-image: url(../images/kmd_bak.gif);}

html, body, div, p, td, a, input, textarea, select {}
div, p  {margin-top:0px; /*margin:0; margin-bottom:0px; margin-left:0px; margin-right:0px; */}
html, body {margin:0; padding:0;}
html {height:100%;}
form {margin:0; padding:0;}
textarea {width:418px; height:85px;}
img {border:0;}

#auf1 p, #auf2 p, #auf3 p, #auf4 p, #auf5 p, #auf6 p, #auf7 p, #auf8 p, #auf8 p, #auf10 p {margin-top:0; margin:0; margin-bottom:0px; margin-left:0px; margin-right:0px; }

a.zurueckueber {display:block; color: #666;/*padding:5px; background-color:#E6E6E6;*/}
a.zurueckueber:hover {color: #999;}

.headlineimage {font-size:15px; color:#666666; }

#contentinhalt1  p {margin-top:0;/* margin:0; margin-bottom:0px; margin-left:0px; margin-right:0px;*/ }

li p {margin:0;}

/* ################### TOGGLE #################### */

.toggler {background-color: #fff; color:#0098D4; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, sans-serif; padding-right: 20px; padding-left: 20px; padding-bottom: 11px; cursor: pointer; padding-top: 11px;}
.toggler:hover {color:#F1AF00}
.element {margin-bottom: 7px; /*background-color: #fff; padding-bottom: 20px; padding-right: 15px; padding-left: 20px; padding-top: 20px;*/}
.elementinhalt {background-color: #fff; margin-top: 7px; padding-bottom: 11px; padding-right: 20px; padding-left: 20px; padding-top: 11px;}

.toggleauf {padding: 11px 20px 0px 20px; /*padding-right: 20px; padding-left: 20px; padding-top: 11px;*/ border-bottom: 1px solid #7F7F7F; display:block; background: url(../images/kmd_open.gif) no-repeat left top;}
.toggleauf2 {padding: 11px 20px 0px 20px; /*padding-right: 20px; padding-left: 20px; padding-top: 11px; border-bottom: 1px solid #7F7F7F;*/ display:block; background: url(../images/kmd_open.gif) no-repeat left top;}

a.toggle {width:900px; color:#666666; /*background: url(../images/kmd_open.gif) no-repeat left center;*/}
a.toggle:hover, a.toggle:active {color:#333333; /*background: url(../images/ns_open.gif) no-repeat right center;*/}

/*#aufklappinhalt {padding-left:20px; }*/


.produkt_kategorie {background-color:#e5e5e5; color:#000;font-family:arial;font-size:11px;font-weight:bold;padding-left:15px;height:20px;}
.produkt_bild {width:235px;border-top:1px solid #e5e5e5;padding-bottom:10px;padding-top:5px;padding-right:10px;}
.produkt_text {width:215px;font-family:arial;font-size:11px;padding-top:15px;padding-right:10px;border-top:1px solid #e5e5e5;padding-bottom:5px;}
.stein_zelle {width:275px;font-weight:bold;line-height:20px;}
.stein_zelle2 {width:150px;color:#666;line-height:20px;}
.stein_bild {width:475px;}

.fett {font-weight:bold;}
/*.weissfett {font-weight:bold; color:#fff}
.textweiss {color:#fff;}*/

.textblau {color:#00A3DF;}
.textblaufett {font-weight:bold; color:#00A3DF;}

.textgelb {color:#FFF000;}
.textgelbfett {font-weight:bold; color:#FFF000;}

.textrot {color:#D9066F;}
.textrotfett {font-weight:bold; color:#D9066F;}

.textgross {font-size:14px; font-weight:bold;}

a.hilfsnavigat, a.thickbox {text-transform:uppercase; margin-right:15px; /*margin: 0px 16px 0px 0px;*/ font-size:10px; color:#B5B4B4; /*line-height:16px;*/}
a.hilfsnavigat:hover, a.thickbox:hover {font-size:10px; color:#fff;}


a.hilfsnavigat2 {text-transform:uppercase; margin-right:15px; /*margin: 0px 16px 0px 0px;*/ font-size:10px; color:#B5B4B4; /*line-height:16px;*/}
a.hilfsnavigat2:hover {font-size:10px; color:#fff;}

a.register {font-size:11px;  color:#333; text-decoration:none;}
a.register:hover {font-size:11px;  color:#000; text-decoration:none;}

a.register2 {font-size:11px;  color:#fff; text-decoration:none;}
a.register2:hover {font-size:11px;  color:#898989; text-decoration:none;}



a { color:#067CAE; text-decoration:none; }
a:hover {color:#00A3DF; text-decoration:none; }

.headline {/*font-weight:bold;*/ font-size:16px; color:#666666;}

a.navileft_passive {margin-right:25px; display:block; color:#fff;} 
a.navileft_active {margin-right:25px; display:block; color:#00A3DF;}
a.navileft_open {margin-right:25px; display:block; color:#00A3DF;}

a.navileft_passive2 {margin-right:25px; /*padding-top:4px; padding-bottom:4px;*/ display:block; color:#ACACAC;}
a.navileft_active2 {margin-right:25px; /*padding-top:4px; padding-bottom:4px;*/ display:block; color:#90BFD0;}
a.navileft_open2 {margin-right:25px; /*padding-top:4px; padding-bottom:4px;*/  display:block; color:#90BFD0;}

a.navileft_passive3 {height:20px; padding-left:65px; font-size:11px; padding-top:5px; display:block; color:#000;}
a.navileft_active3 {height:20px; padding-left:65px; padding-top:5px; color:#000; display:block; background-color:#00A3DF; /*font-weight:bold;*/}
a.navileft_open3 {height:20px; padding-left:65px; padding-top:5px; display:block; color:#000; background-color:#00A3DF; /*font-weight:bold;*/}

a.navileft_passive4 {padding-left:20px;font-size:11px; padding-top:4px; padding-bottom:4px; display:block; color:#0098D4;}
a.navileft_active4 {padding-left:20px; padding-top:4px; padding-bottom:4px; display:block; color:#0098D4; font-weight:bold; }
a.navileft_open4 {padding-left:20px; padding-top:4px; padding-bottom:4px;  display:block; color:#F1AF00; font-weight:bold;}

a.navileft_passive, a.navileft_passive2, a.navileft_active, a.navileft_active2, a.navileft_open, a.navileft_open2 {text-decoration:none;}

a.navileft_active:hover, a.navileft_open:hover, a.navileft_passive:hover {color:#fff; text-decoration:none;}
a.navileft_active2:hover, a.navileft_open2:hover, a.navileft_passive2:hover {color:#fff; text-decoration:none;}
a.navileft_active3:hover, a.navileft_open3:hover, a.navileft_passive3:hover {/*height:25px;*/ background-color:#90BFD0; color:#000; text-decoration:none;}




.submitlogin1 {padding-top:0px; background: url(../images/ns_senden.gif) no-repeat left center; font-size:11px; width:100px; height:18px; color:#fff /*FFF000*/; font-weight:bold; cursor: pointer; border: 1px none #0098D4; text-align:left; padding-left:20px; margin-top:1px;}


a.hilfsnavigat3 {line-height: 18px; display:block; font-size:10px; color:#9F9F9F;}
a.hilfsnavigat3:hover {color:#fff;}

a.hilfsnavigat3b {line-height: 18px; font-weight:bold; display:block; font-size:10px; color:#9F9F9F;}
a.hilfsnavigat3b:hover {color:#fff;}



div.dcanewslist, a.dcanewslist{border-bottom: 1px solid #252525;/*height:20px;*/ color: #898989; display:block; text-decoration:none; }
div.dcanewslist:hover, a.dcanewslist:hover  {margin-right: 0px; border-bottom: 1px solid #FFF; background-color:#252525;color: #898989; }





#ToogleSidebar {float: left;}
div#sidebar {float: right; width: 810px; height: 20px}



/* ################### NAVIGATION ################### */

.navi{margin-top: 12px; font-size:12px; float:left; font-weight:bold;}
.subnavi{font-size:12px; float:left; /*font-weight:bold;*/}
.subsubnavi{height:25px; font-size:11px; float:left; width: 249px; margin-right: 1px; }

a.navileft_activebr { font-weight:bold; margin-right:37px; display:block; color:#fff;} 
a.navileft_activebr:hover {color:#F1AF00; text-decoration:none;}


/* ################### general html structure ############## */








/* ################### TEXTCSS #################### */

.subheadline {font-weight:bold; font-size:16px; color:#000; margin-bottom:5px;}


.copy {font-size:11px; color:#0098D4;}

.tuerkis {color:#00ACAF}
.tuerkis_fett {color:#00ACAF}
.gold {color:#C0A062}
.gold_fett {color:#C0A062}

.leits {font-weight: bold; padding-left:15px; line-height:16px; font-size:11px; color:#0099A1;}
.reiterheadline {margin-bottom:20px; margin-top:0px; padding-top:0px; font-weight:bold; font-size:11px; color:#C0A062;}
.reitertext {color:#C0A062;}

/* ################### LINKS #################### */

a:focus{outline:0; /*-moz-outline:0;*/}



a.livedemo {margin-bottom:10px; font-size:11px; font-weight:bold; color:#0098D4; text-decoration:none; border:0; vertical-align: top; display: block;}



a.newsmore {font-weight:bold; font-size:10px; color:#F1AF00; margin-top:5px;}
a.newsmore:hover {color:#0098D4; text-decoration:none;}

a.newsmore2 {font-weight:bold; font-size:10px; color:#F1AF00; margin-top:5px;}
a.newsmore2:hover {color:#0098D4; text-decoration:none;}

a.text_advancedliste0 {text-decoration:none; color:#333; font-weight: bold;margin-bottom:5px;}

a.nachoben {color:#999;text-decoration:none;}
a.nachoben:hover {color:#333;text-decoration:none;}

/* ################### TEASER #################### */

.teaser_advanced_c {font-size:11px; color:#80BCD5; margin-bottom:0px; }
.headline_advanced_c {font-size:11px; font-weight:bold; margin-top: 0px; color:#F1AF00; margin-bottom: 10px; }
.text_advanced_c0 {font-size:11px; color:#0098D4; margin-bottom:10px;}
.teaser_advanced { margin-bottom:5px;}

.teaser_advanced_b {font-size:11px; color:#FFF; /*margin-bottom:5px;*/ }
.headline_advanced_b {font-size:11px; font-weight:bold; margin-top: 0px; color:#FFF; margin-bottom: 5px; }
.text_advancedliste_b0 {font-size:11px; color:#898989; margin-bottom:3px;}

.teaser_advanced_title { color: #000000; font-style: normal; font-weight: normal; font-variant: normal; } 
.headline_advanced {font-weight:bold; margin-top: 0px; font-size:11px;  /*color:#F1AF00;*/ color:#0098D4; margin-bottom: 10px; }
.headline_advanced0 { margin-top: 0px; font-size:11px;  color:#666; margin-bottom: 2px; } 

.headline_advancedstart0 {font-weight:bold; font-size:11px; color:#00ACAF;}
.text_advancedstart0 {margin-bottom:10px; font-weight:bold; font-size:11px; color:#C0A062;}
.text_advancedstart1 {font-size:11px;}

.headline_advanced2 {color:#fff; text-transform:uppercase; margin-top: 5px; font-weight:bold; font-size:11px;   margin-bottom: 3px; }
.img_advanced0 {width:170px; height:68px; overflow:hidden; float:left;  margin-right: 10px; margin-left:0px;} 
.text_advancedliste0 {font-weight: bold;margin-bottom:5px;}

.text_advanced0 { margin-bottom: 10px;} 
.text_advanced1 {font-size:11px; color:#000; margin: 10px 0px; margin-right: 0px; } 
.text_advanceda0 {font-size:11px; color:#FFFFFF; margin: 0px 0px;}
.more_advanced {margin-top:2px; color:#cc0000;}





/* ################### BACKEND STYLES ########### */
#modHeaderImgEdit {position:absolute; top:60px; left:270px;}
/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */