.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.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;}


/* ################### DynForm ############## */

#SpryContactForm select {color: #fff; padding:3px; background-color:#5a5a5a; overflow: auto;
    height:23px; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
    width:408px; border-bottom:1px solid #E8E8E8; border-left:1px solid #333;border-right:1px solid #E8E8E8; border-top:1px solid #333;}

.inputform {height:20px; background-color: #5a5a5a; margin:0px; padding:0px;}

#SpryContactForm {padding-top:0px; padding-bottom:20px;}

span.contactFormSubmit input.resetbutton,span.contactFormSubmit input.submitbutton{
background: url(../images/ns_senden.gif) no-repeat left center; font-size:11px; width:100px; height:20px; color:#FFF; font-weight:bold; cursor: pointer; border: 0px none #0098D4; text-align:left; padding-left:20px; margin-top:15px;}

input.submitbutton {text-align:right; background:#fff; color:#333;}

span.contactFormSubmit input.resetbutton{margin-left:310px;}
span.contactFormSubmit input.submitbutton{margin-left:56px;}

#SpryContactForm ul{list-style:none; margin:0; padding:0;}

#SpryContactForm input[type="text"]{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: #fff;    
border-bottom:1px solid #E8E8E8; border-left:1px solid #333;border-right:1px solid #E8E8E8; border-top:1px solid #333;}

#SpryContactForm .inputform{height:14px; padding-top:3px; padding-left:3px; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; color: #fff; width:340px; border: 1px none #0098D4;}

#SpryContactForm textarea{color: #fff; padding:3px; background-color:#5a5a5a; overflow: auto;
    height:150px; border: 0px none #CC3333; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
    width:400px; border-bottom:1px solid #E8E8E8; border-left:1px solid #333;border-right:1px solid #E8E8E8; border-top:1px solid #333;}

#SpryContactForm ul li{height:30px; clear:both;}

#SpryContactForm ul li.textarea{height:170px;}

#SpryContactForm label{display:block; float:left; width:185px;}

.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;}


/* ################### DOWNLOADLISTE ############## */


.filelisting_kurz{line-height:18px;border-bottom:1px solid #252525;padding:3px;}
.rahmen{border:1px solid #FFF;}

a.dl_anzeigen {display:block; width:75px; height:15px; padding: 5px 12px 3px 12px; color:#898989; font-size:11px}
a.dl_anzeigen:hover {color:#C4BA10; font-size:11px}

a.dl_verbergen {display:block; width:75px; height:15px; padding: 5px 12px 3px 12px; color:#898989; font-size:11px}
a.dl_verbergen:hover {color:#C4BA10; 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: #C4BA10; padding: 5px; border-bottom: 1px solid #C4BA10; margin: 0px 0px 0px 0px;}
.dl_tbl {margin-bottom: 30px;} 
.dl_head {padding: 2px; color: #C4BA10; border-bottom: 1px solid #898989; /*background-color: #94cd5e;*/}
.dl_anzeigen {text-decoration:none;  border-bottom: 1px solid #898989; /*border-left: 1px solid #898989; border-right: 1px solid #898989;*/ padding-left: 10px; padding-top: 0px;
    /*background:  url(../images/pfeildown.gif) no-repeat left center; margin-left: 4px; margin-top: 0px;*/}
.dl_verbergen {border-bottom: 1px solid #898989; /*border-left: 1px solid #898989; border-right: 1px solid #898989;*/ padding-left: 10px; padding-top: 0px;
    /*background: #ccc url(../images/dl_minus.gif) no-repeat left center; */} 
.lastmodified {margin: -21px 15px 7px 0px; text-align: right; font-size: 11px;}


a.hilfsnavigat2 {margin-right:10px; /*margin: 0px 16px 0px 0px;*/ font-size:10px; color:#797979; /*line-height:16px;*/}
a.hilfsnavigat2:hover {font-size:10px; color:#fff;}

.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;}

/* ################### 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;}


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;}

/* ################### SEARCH INPUT ############## */
#search {padding:0; height:15px; margin:0px 0 0 0px; font-size:10x; /*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: #fff;  
    width:157px; 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;}

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; }

a.zurueckueber {display:block; /*padding:5px; background-color:#E6E6E6;*/}



/* ################### SITEMAP #################### */

a.sitemaplink {display:block; color:#969698;}
a.sitemaplink:hover {text-decoration:none; color:#FFF;}

.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 #FFF;}
.sitemap .level1:hover {display:block; /*background-color:#F1AF00;*/}
.sitemap .level1 a.sitemaplink {margin-top:20px;  padding: 5px 5px 5px 5px; display:block; font-weight:bold; color:#fff; background: url(../images/sd_open4.gif) no-repeat right center;}
.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 {border-bottom: 1px solid #969698; margin: 5px 5px 5px 15px;padding: 5px 5px 5px 5px;}
.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%;}



#ToogleSidebar {float: left;}
div#sidebar {float: right; width: 810px; height: 20px}



/* ################### NAVIGATION ################### */

.navi{ 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 ############## */

body {height:100%; overflow:-moz-scrollbars-vertical;	margin:0px; padding:0; font-size:11px; font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; line-height: 1.4;
color:#898989; background-color: #585858; background-image: url(../images/sd_bak.gif); background-repeat: repeat-x;}
html, body, div, p, td, a, input, textarea, select {}
div,p  {margin-top:0; /*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;}

#aufklappen p  {margin-top:0; margin:0; margin-bottom:0px; margin-left:0px; margin-right:0px; }



/* ################### FORMULARE #################### */

.resetbuttonn, .submitbuttonn{background: url(../images/ns_senden.gif) no-repeat left center; font-size:11px; width:100px; height:20px; color:#FFF; font-weight:bold; cursor: pointer; border: 0px none #0098D4; text-align:left; padding-left:20px; margin-top:15px;}

.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}



/* ################### 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;}

a.toggle {display:block; width:490px;color:#0098D4; background: url(../images/ns_open1.gif) no-repeat right center;}
a.toggle:hover, a.toggle:active {color:#F1AF00; background: url(../images/ns_open.gif) no-repeat right center;}

/* ################### 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; text-valign: top; font-size:11px; font-weight:bold; color:#0098D4; text-decoration:none; border:0; vertical-align: top; display: block;}

a.hilfsnavigat {margin: 0px 25px 0px 0px; font-size:10px; color:#0099A1;}
a.hilfsnavigat:hover {font-size:10px; color:#333;}


a.newsmore {font-weight:bold; font-size:10px; color:#F1AF00; margin-top:5px;}
a.newsmore:hover {color:#0098D4; text-tecoration:none;}

a.newsmore2 {font-weight:bold; font-size:10px; color:#F1AF00; margin-top:5px;}
a.newsmore2:hover {color:#0098D4; text-tecoration: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 */