fieldset {
border: none;
}

/* ####################################################################### */
/* ###############################  Rahmen ################################ */
/* ###################################################################### */

.frame1start {}
.frame1 {}
.frame1end {}

.frame2start {}
.frame2 {}
.frame2end {}

.frame3start {}
.frame3 {}
.frame3end {}

.frame4start {}
.frame4 {}
.frame4end {}

.frame5start {}
.frame5 {}
.frame5end {}

.additionalmenu  {
text-align: left;
position: absolute;
top: 0px;
left: 0px;

padding-bottom: 1px;
z-index: 3;
}

.additionalmenu img {
vertical-align: middle;
}

.additionalmenu a {
text-decoration:none;
font-size: 10px;
color: #000000;
}

.additionalmenu a:hover {
color: #000000;
background-color: #F7C384;
}

.additionalmenu a span {
display:none;
}

.additionalmenu a:hover span {
display: inline;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
padding-bottom: 4px;
border: 1px solid black;
color: #000000;
background-color: #F7C384;
}

*html .additionalmenu a:hover span {
padding-bottom: 3px;
}


/* ------------------------  Tabellen als Inhaltselemente  ---------------------- */ 

.contenttable {
width: 100%;
border-collapse: collapse
}

.contenttable-2 {
width: 99%;
border: 1px solid #FFFFFF;
}

.contenttable-1 {
width: 99%;
border: 1px solid #FFFFFF;
}

.contenttable td { vertical-align: top }
.contenttable-0 { }
.contenttable-1 { border-spacing: 0px}
.contenttable-1 .tr-0 { color: white; font-weight: 700; background-color: #C7CFE0; border-bottom: 1px dotted #FFFFFF }
.contenttable-1 td { border-bottom: 1px dotted #FFFFFF; border-right: 1px dotted #FFFFFF; padding: 0px 5px 0px 5px }
.contenttable-1 .td-last { border-right: 1px solid #FFFFFF;}
.contenttable-2 { border-spacing: 0px }
.contenttable-2 .td-0 { background-color: #C7CFE0; font-weight: bold }
.contenttable-2 td { border-bottom: 1px dotted #FFFFFF; border-right: 1px dotted #FFFFFF; padding: 0px 5px 0px 5px }
.contenttable-2 .tr-last td { border-bottom: none }
.contenttable-2 .td-last { border-right: 1px solid #FFFFFF; }
.csc-uploads td {vertical-align:top;}
.csc-uploads-icon img {margin-bottom: 0px 0px 0px 0px !important;}

/* ------------------  Such- und Kontaktformular  ---------------- */ 

.searchbox {
width: 200px;
padding: 0;
margin: 0;



}

.searchbox p {
text-align: left;
}


.tx-indexedsearch-redMarkup{
color: #FFFFFF;
}

.csc-mailform {
width: 90%;
}

/* ###################################################################### */ 
/* #########################  Contentbereich ############################ */ 
/* ###################################################################### */ 

/* --------------------  Definition der Adressen ---------------------- */ 

.address {
width: 200px;
margin-right: 15px;
float: left;
}

/* -----------------  Definition eines Webformular ------------------- */ 

.content form {
width: 90%;
}

.content input {

width: 100%;
}

.content textarea {
width: 100%;
}



/* --------------  Definition einer normalen Tabelle ----------------- */ 

.content table {
}

.content tr  {
padding: 5px 5px 5px 0;
}

.content td  {
color: #535B6B;
font-size: 12px;
line-height: 18px;
vertical-align: top;
}

/* ------------------  Definition der Aufz.$B!).(Bhlungen  ------------------- */ 


.content ul  {
font-size: 12px;
padding-left: 20px;
}

.content li  {
font-size: 12px;
list-style-image: url(resources/bullet.gif);
}

/* -----------------  Definition der .$B!).(Bberschriften  ------------------ */ 

.content h1  {
color: #535B6B;
font-size: 20px;
font-weight: 700;
margin: 0 0 5 0;
padding: 0;
text-shadow: #747A89 0.2em 0.2em 0.2em; margin: 0 0 .3em 0
}

.content h2  {
color: #535B6B;
font-size: 16px;
font-weight: 700;
margin: 0 0 3 0;
padding: 0;
}

.content h3  {
color: #535B6B;
font-size: 13px;
font-weight: 700;
margin: 0 0 3 0;
padding: 0;
}


/* ----------------------  Definition der Bilder  ----------------------- */ 
.content img {
padding-right: 5px;
}

/* ----------------------  andere Auszeichnungen  ----------------------- */ 

.content small {
font-size: 9px;
line-height: 9px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}



/* ---------------------  Linkfarbe im Contentbereich  ------------------ */ 

.content a:link {
color: #535B6B;
text-decoration: none;
}


.content a:active {
color: #FFFFFF;
text-decoration: none;
}









.content a:visited {
color: #535B6B;
text-decoration: none;
}

.content a:hover  {
color: #FFFFFF;
text-decoration: none;
}


/* -----------------------  Contentelement Trenner  -------------------- */ 


.trenner {
width: 400px;
height: 10px;
border-bottom : dotted #FFFFFF 1px;
}



/* -----------------------  Definition der Bereiche  -------------------- */ 

.content       {
line-height: 20px;
font-size: 12px;
color: #535B6B;
text-align: left;
margin-top: 0;
width: 400px;
float: left;
overflow: hidden;
}

.content .contentelement {
margin-bottom: 15px;
}

.contentstart  {
width: 10px;
height: 100px;
float: left;
overflow: hidden;
}


.contentend  {
width: 10px;
height: 100px;
float: left;
overflow: hidden;
}


/* -----------  <p> - Tag kann nur manuell eingepflegt werden  ---------- */ 
.content p  {
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
}


.content .csc-frame-rulerAfter {
border-bottom: 1px dotted #FFFFFF;
}


/* ###################################################################### */ 
/* ###########################  Navigation ############################## */ 
/* ###################################################################### */ 

/* ---------------------------  Hauptnavigation  ----------------------- */ 

.mainmenu {
text-align: left;
width: 210px;
float: left;
overflow: hidden;
}



/* ----------------------  Optionale Unternavigation  ------------------ */ 
.submenu {
text-align: left;
width: 190px;

float: left;
overflow: hidden;
}

.cmenu {
color:#535B6B;
font-size: 12px;
text-decoration:none;
margin-bottom: 15px;
float: left;
display: block;
width: 100%;
}

.cmenu a:hover {
color: #ffffff;
}

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


/* ########################  Highlightbereich ########################### */ 
/* ###################################################################### */  
.highlight  {
color: #535B6B;
width:190px;
float: left;
overflow: hidden;
}

.highlightstart    {
width: 190px;
height: 5px;
float: left;
overflow: hidden;
}



.highlightcontent {
text-align: left;
font-size: 10px;

width: 185px;
padding-left: 10px;
margin: 0px;
float: left;
}

.highlightcontent img {
margin-right: 3px;
margin-bottom: 3px;
}

.highlightcontent .contentelement {
padding: 0px;
width: 98%;
}

.highlightcontent h1,h2,h3, h4, h5 {
color: #535B6B;
font-size: 13px;
margin: 0px 0px 3px 0px;
padding: 0;
}


.highlightcontent h4,h5 {
color: #535B6B;
font-size: 13px;
margin: 0px 0px 3px 0px;
padding: 0;
}

.highlightcontent a:link   {
color: #454D5D;
font-weight: 700;
text-decoration: none
}

.highlightcontent a:visited {
color: #454D5D;
font-weight: 700;
text-decoration: none
}

.highlightcontent a:hover {
color: #F57E16;
font-weight: 700;
text-decoration: underline
}

.highlightcontent small {
font-size: 9px;
}


.highlightend {
width: 190px;

height: 5px;
float: left;
border-bottom : dotted #FFFFFF 1px;
overflow: hidden;
}



/* ###################################################################### */ 
/* #############################  Sitemap () ################################# */ 
/* ###################################################################### */  

#csc-sitemap p {
padding: 0px;
margin: 0px;
line-height: 10px;
}

.csc-sitemap-level1 {
padding-left: 20px;
background-image: url(resources/ebene1.gif);
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
height: 10px;
line-height: 10px:

}


.csc-sitemap-level2 {
padding-left: 40px;
background-image: url(resources/ebene2.gif);
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
height: 10px;
line-height: 10px:
}

.csc-sitemap-level3 {
padding-left: 60px;
background-image: url(resources/ebene3.gif);
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
height: 10px;
line-height: 10px:
}


.csc-sitemap-level4 {
padding-left: 80px;
background-image: url(resources/ebene4.gif);
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
height: 10px;
line-height: 10px:
}





/* ###################################################################### */ 
/* ####################  Sitepath (Brotkrummenpfad) ##################### */ 
/* ###################################################################### */  
.sitepath {
color: #FFFFFF;
font-size: 10px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
height: 15px;
margin-bottom: 15px;
overflow: hidden;
}

.sitepath a:link {
color: #FFFFFF;
text-decoration: none;
}

.sitepath a:visited {
color: #FFFFFF;
text-decoration: none;
}

.sitepath a:hover {
color: #F57E16;
text-decoration: none;
} 



/* ###################################################################### */ 
/* #################  Subcontent (Optionale 3. Spalte) ################## */ 
/* ###################################################################### */  

.subcontent {
width: 630px;
height: 0px;
float: left;
clear: none;
overflow: hidden;
}


/* ###################################################################### */ 
/* ################  Additional Menu (Zusatznavigation) ################# */ 
/* ###################################################################### */  




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

/* ################  Container um jedes Contentelement  ################# */ 
/* ###################################################################### */ 

.contentelement  {
width: 100%;
float: left;
}



/* ###################################################################### */ 
/* ############################  Logobereich  ########################### */ 
/* ###################################################################### */ 

.logo {
background-image: url(resources/logo.gif);
background-color: #FFFFFF;
width: 840px;
height: 60px;
float: left;
}


.logo a {
display: block;
width: 840px;
height: 60px;
}


/* ###################################################################### */ 
/* #######################  Promotion / Animation  ###################### */ 
/* ###################################################################### */ 


.promotion  {
background-color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
width: 840px;
float: left;
overflow: hidden;
}

.promotion h1 {
font-size: 15px;
font-weight: bold;
font-stretch: extra-expanded;
text-align: left;
text-transform: uppercase;
padding-top: 20px;
padding-left: 20px;
}


.promotion p {
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 20px;
}

.promotionend  {
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
width: 840px;
height: 20px;
float: left;
overflow: hidden;
}



/* ###################################################################### */ 
/* ###########################  Fussbereich  ############################ */ 
/* ###################################################################### */ 

#FOOTERSTART {
visibility: hidden;
}

#FOOTER      {
width: 840px;
height: 20px;

overflow: hidden;
text-align: center;
}

.footercontent {
display: inline;
overflow: hidden;
color: #4c5059;
font-size: 12px;
line-height: 20px;
}

.footermenu {
display: inline;
overflow: hidden;
color: #4c5059;
font-size: 12px;
line-height: 20px;
}

.footermenu a {
color: #4c5059;
font-size: 12px;
text-decoration: none;
}

.footermenu a:hover {
color: #ffffff;
font-size: 12px;
text-decoration: none;
}

#FOOTEREND {
visibility: hidden;
}


/* ###################################################################### */ 
/* ########################  Gestaltungsrahmen  ######################### */ 
/* ###################################################################### */ 

#HEADERSTART {
width: 840px;
height: 1px;
overflow: hidden;
visibility: hidden;
float: left;
}

#HEADER     {
background-image: url(resources/HEADER.gif);
width: 840px;
text-align: left;
float: left;
}


#HEADEREND {
width: 840px;
background-color: #FFFFFF;
height: 20px;
overflow: hidden;
float: left;
}



/* ###################################################################### */ 
/* ###########################  Gesamtrahmen  ########################### */ 
/* ###################################################################### */ 

#BORDER   {
width: 840px;
}


/* ###################################################################### */ 
/* #########################  Basic Definition  ######################### */ 
/* ###################################################################### */

body   {
font-family: Arial, Helvetica, Verdana, Geneva, Sans;
background-color: #F57E16;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.clear /*  wird ben.?tigt um die ineinandergeschachtelten div Tags wieder aufzuheben  */{ 
clear: both; 
line-height: 0px; 
font-size: 0px; 
height: 0px; 
}





/* ###################################################################### */ 
/* #########################  Scrollleisten IE Windows  ######################### */ 
/* ###################################################################### */

html {
scrollbar-arrow-color: #FFFFFF;/*Farbe der Pfeile*/	;
scrollbar-base-color: #FABA82; /*Heller Reflex am linken und oberen Rand*/	;
scrollbar-track-color: #9B500E;/*Farbe der "Bahn" in der sich der Scrollschieber bewegt*/	;
scrollbar-face-color: #F57E16; /*Eigentliche Farbe des Schiebers*/	;
scrollbar-highlight-color: FABA82;/*Eigentliche Farbe des Schiebers*/	;
scrollbar-shadow-color: 9B500E; /*Schattenfarbe um Relief darzustellen*/	;
}