/* ####################################################################### */
/* #########################  letzte Aenderungen  ####################### */
/* ###################################################################### */

.typo3-editPanel {
clear: both;
}

.menubox {
display: block;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
color: black !important;
}

.menubox small {
line-height: 15px!important;
}

.menubox:hover {
color: #eeeeee!important;
}

.csc-frame-indent {
padding-left: 20px;
}

.csc-frame-indent h1 { padding-left: 0px !important; }

.linkbox {
display: block;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
color: #535B6B !important;
text-decoration: none
}

.linkbox a:hover {
background-image: url(resources/highlight.gif);
background-repeat: repeat-y;
}

.linkbox:hover {
background-image: url(resources/highlight.gif);
background-repeat: repeat-y;
}

.dlheader {
color: #fff !important;
font-weight: normal;
}

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

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

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

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

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

fieldset {
border: none;
margin: 0px;
padding: 0px;
}

.input {
display: block;
width: 350px;
font-family: Arial;
font-size: 12px;
}

.textarea {
display: block;
width: 350px;
font-family: Arial;
font-size: 12px;
}

.select {
font-size: 12px;
}

.checkbox {
padding: 0px;
margin: 0px;
border: 0px solid none;
}

.check {
float: left;
padding-right: 5px;
}

.checklabel {
line-height: 20px;
}

.csc-mailform-label {
line-height: 20px;
}

.csc-mailform-field {
line-height: 22px;
}

.submit {
}

/* --------------------------  Suchboxen  ---------------------------- */ 

form {
margin: 0px;
padding: 0px;
}

.tx-indexedsearch-searchbox select {
width: 150px;
}

.tx-indexedsearch-searchbox td {
vertical-align: top;
}
/* --------------  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 Aufzaehlungen  ------------------- */ 

.content ul  {
font-size: 12px;

}

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

*html .content li {
font-size: 12px;
line-height: 14px;
list-style-image: url(resources/listicon.gif);
list-style-type: none;
}

.infomenu li {
list-style-image: none;
list-style-type: none;
}

/* -----------------  Definition der Überschriften  ------------------ */ 

.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: #000000;
text-align: left;
margin-top: 0;
width: 400px;
float: left;
/*overflow: hidden;*/
}

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

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

/* ###################################################################### */ 
/* ###########################  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  {
padding-left: 1px;
color: #535B6B;
width:189px;
float: left;
overflow: hidden;
}

.highlightcontent a:link   {
color: #fff;
text-decoration: none
}

.highlightcontent a:visited {
color: #fff;
text-decoration: none
}

.highlightcontent a:hover {
color: #fff;
text-decoration: none;
}

.highlightstart    {
visibility: hidden;
}

.highlightcontent {
text-align: left;
font-size: 11px;
width: 189px;
margin: 0px;
float: left;
}

.highlightcontent img {
}

.highlightcontent .csc-textpic {
}

.highlightcontent .csc-textpic p, .highlightcontent .csc-textpic h1, .highlightcontent .csc-textpic h2, .highlightcontent .csc-textpic h3{
padding-left: 0px;
}

.highlightcontent p {
padding-left: 15px;
padding-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
color: #535B6B;
}

.highlightcontent .contentelement {
width: 189px;
float: left;
border-bottom : dotted #FFFFFF 1px;
overflow: hidden;
}

.highlightcontent h1, .highlightcontent h2, .highlightcontent h3, .highlightcontent h4, .highlightcontent h5 {
padding-left: 15px;
padding-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 2px;
color: #535B6B;
font-size: 12px;
}

.highlight td {
font-size: 9px;
}

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

.highlightend {
visibility: hidden;
}

.highlight .address {
padding-left: 15px;
}

.highlight .address p, .highlight .address h1, .highlight .address h2, .highlight .address h3{
padding-left: 0px;
}

.contentelement .address h3{
visibility: hidden;
height: 1px;
font-size: 1px;
}

.highlight .infomenu {
background-color: #9B9EA5;
}

.highlight .infomenu a:link { color: #fff; text-decoration: none; }
.highlight .infomenu a:visited { color: #fff; text-decoration: none; }
.highlight .infomenu a:hover { color: #fff; text-decoration: underline; }

.highlight .infomenu-no {
line-height: 20px;
border-top: 1px dotted #fff;
padding-left: 20px;
background-image: url(resources/infoboxoff.gif);
background-repeat: no-repeat;
}

.highlight .infomenu-act {
line-height: 20px;
border-top: 1px dotted #fff;
padding-left: 20px;
background-image: url(resources/infoboxon.gif);
background-repeat: no-repeat;
}

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

.subcontent {
color: #535B6B;
width: 210px;
}

.subcontent form {
padding-top: 20px;
padding-bottom: 20px;
}

.subcontent .contentelement {
text-align: left;
font-size: 10px;
width: 180px;
padding-left: 40px;
padding-top: 15px;
}

.subcontent h1  {
color: #535B6B;
font-size: 20px;
font-weight: 700;
margin: 0 0 5 0;
padding: 0;
}

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

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

.subcontent p {
padding: 0px;
margin: 0px;
line-height: 12px;
font-size: 12px;
}

.subcontent table {
font-size: 10px;
color: #535B6B;
}

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

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

.subcontent a:hover {
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
}

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


/* ###################################################################### */ 
/* ##########################  Dateilinks   ############################# */ 
/* ###################################################################### */  

.csc-uploads h2 {
margin-top: 0px;
}

.csc-uploads {
width: 400px;
border-top: 1px solid #fff;
}

.csc-uploads-icon {
width: 70px;
}

/* ###################################################################### */ 
/* ####################  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: #FFFFFF;
text-decoration: none;
} 



/* ###################################################################### */ 
/* ############################  Downloads ################################# */ 
/* ###################################################################### */  

.highlight .downloadicon {
float: left;
padding-right: 5px;
}

.highlight .download {
padding-left: 15px;
padding-right: 5px;
padding-top: 5px;
}

.downloadimg {
}

.downloadimg img {
}

p.filesize {

}

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

/* ###################################################################### */ 
/* ########################  Highlightbereich ########################### */ 
/* ###################################################################### */  

.highlightcontent h1, .highlightcontent p {
padding-left: 0px !important;
color: #fff;
}

.linkbox h1 {
color: #fff;
font-size: 11px;
font-weight: bold !important;
margin-left: 0px;
padding: 0px 0px 3px 0px!important;
}

.linkbox {
display: block;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-decoration: none;
}

.csc-frame-frame2 {
padding-left: 10px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(resources/beitraglesen.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

.csc-frame-frame2-en {
padding-left: 10px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(resources/beitraglesen_en.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

.linkbox p {
color: #fff;
font-size: 11px;
margin-left: 0px;
padding: 0px 0px 10px 0px !important;
}

.linkbox img {
border: 0;
}

.linkbox a:hover {
background-image: url(resources/highlight.gif);
background-repeat: repeat-y;
}

.linkbox:hover {
background-image: url(resources/highlight.gif);
background-repeat: repeat-y;
}