/*
Templatenummer: AA005
Diese Template verweist auf den entsprechenden Bilderorder resources/
Er enthält alle ben.ötigten Grafiken für dieses Layout
*/

/* ------------------------------  Sitemap Grafiken  ---------------------------- */ 

.csc-mailform {
width: 100%;
}



.csc-sitemap a:hover {
background-color: #cccccc;
border-bottom: 1px dashed #000000;
}

.csc-sitemap-level1 {
padding-left: 40px!important;
background-image: url(resources/ebene1.gif);
background-repeat: no-repeat;
}

.csc-sitemap-level2 {
padding-left: 100px!important;
background-image: url(resources/ebene2.gif);
background-repeat: no-repeat;
}

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

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

.contenttable td { vertical-align: top }

.contenttable-0 { }

.contenttable-1 { border-spacing: 0px}
.contenttable-1 .tr-0 { background-color: #cccccc; border-bottom: 1px dashed #000000 }
.contenttable-1 td { border-right: 1px dashed #000000; padding: 0px 5px 0px 5px }
.contenttable-1 .td-last { border-right: none }

.contenttable-2 { border-spacing: 0px }
.contenttable-2 .td-0 { font-weight: bold }
.contenttable-2 td { border-bottom: 1px dotted #000000; border-right: 1px dotted #000000; padding: 0px 5px 0px 5px }
.contenttable-2 .tr-last td { border-bottom: none }
.contenttable-2 .td-last { border-right: none }

/* ------------------------  Indizierte Suche  ---------------------- */ 

.searchbox input {
width: 40%;
padding: 0;
margin: 0;
}

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

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


/* -------------------------  Newsmodul --------------------------- */ 

.news  {
margin-bottom: 8px;
width: 100%;
float: left;
}


.newstext {
width: 400px;
float: left;
}

.newslink a:link {
}

.newslink a:hover {
}


.newsbild  {
margin-right: 8px;
float: left;
}


.newslink {

font-size: 10px;
text-decoration: none;
text-align: right;
width: 100%;
height: 20px;
border-bottom: 1px dotted #B6B5B5;
float: left;
}



.news-single-img {
display:block;
float: right;
width: 130px;
text-align: right;
}

.news-single-img small {
font-size: 9px;
line-height: 9px;

}

.news-list img {
padding-right: 5px;
}




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

.address {
margin-right: 20px;
float: left;
}

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

.content form {
width: 90%;
}

.content input {
width: 100%;
}

.content textarea {
width: 100%;
}


.content p {
padding: 0px;
margin: 0px;
}

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

.content table {
padding: 0px;
margin: 0px;
}
}

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

.content td  {
color: #000000;
font-size: 13px;
line-height: 18px;
vertical-align: top;
}

.csc-uploads-fileSize {
width:40px;
}

.csc-uploads-description {
padding: 0px
margin: 0px;
}

.csc-uploads-fileName {
padding: 0px
margin: 0px;
}

.tr-even {
padding: 0px
margin: 0px;
}


/* ------------------  Definition der Aufzählungen  ------------------- */ 

.content ul  {
font-size: 11px;
margin: 0 0 0 20px;
padding: 0;
}



.content li  {
font-size: 11px;
line-height: 20px;
list-style-image: url(resources/csc-bulletlist.gif);
}


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

.content h1  {
color: #0069B3;
font-size: 20px;
font-weight: 700;
margin: 0 0 5 0;
padding: 0;
}

.content h2  {
color: #000000;
font-size: 14px;
font-weight: 700;
margin: 0 0 3 0;
padding: 0;
}

.content h3  {
color: #0069B3;
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: 11px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}



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

.content a:link {
color: #000000 !important;
font-weight: 700;
text-decoration: none;
}

.content a:hover  {
color: #000000 !important;
font-weight: 700;
text-decoration: none;
}

.content a:visited {
color: #000000 !important;
font-weight: 700;
text-decoration: none;
}



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


.trenner {
background-image: url(resources/trenner.gif);
background-repeat: no-repeat;
width: 100%;
height: 10px;
margin-right: -3px;
}



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

.content       {
line-height: 20px;
font-size: 13px;
color: #000000;
text-align: left;
margin-top: 0;
width: 521px;
float: left;
overflow: hidden;
}



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


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


/* -----------  <p> - Tag kann nur manuell eingepflegt werden  ---------- */ 
.content p  {
}



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

/* ---------------------------  Hauptnavigation  ----------------------- */ 
.mainmenu   {
background-color: #787878;
text-align: left;
width: 378px;
float: left;
overflow: hidden;
}

.mainmenu1-norm a {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
line-height: 30px;
padding-left: 20px;
width: 378px;
float: left;
border-top: 1px solid white;
}

.mainmenu1-norm a:hover  {
color: #FFFFFF;
background-color: #0069B3;
font-size: 12px;
text-decoration: none;
line-height: 30px;
padding-left: 20px;
width: 378px;
float: left;



border-top: 1px solid white;
}

.mainmenu1-act a {
color: #0069B3;
font-size: 12px;
text-decoration: none;
line-height: 30px;
padding-left: 20px;
width: 378px;
float: left;
border-top: 1px solid white;
}

.mainmenu1-act a:hover {
color: #FFFFFF;
background-color: #0069B3;
font-size: 12px;
text-decoration: none;
line-height: 30px;
padding-left: 20px;
width: 378px;
float: left;
border-top: 1px solid white;
}


.mainmenu2-norm a   {
color: white !important;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
float: left;
}

.mainmenu2-norm a:hover     {
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
float: left;
}


.mainmenu2-act a    {
color: #000000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
float: left;
}

.mainmenu2-act a:hover      {
color: #000000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
float: left;
}







.mainmenu3-norm a   {
color: white !important;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 40px;
position: relative;
left: 20px;
width: 200px;
float: left;
}


.mainmenu3-norm a:hover     {
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 40px;
position: relative;
left: 20px;
width: 200px;
float: left;
}


.mainmenu3-act a    {
color: #000000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 40px;
position: relative;
left: 20px;
width: 200px;
float: left;
}

.mainmenu3-act a:hover      {
color: #000000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 20px;
padding-left: 40px;
position: relative;
left: 20px;
width: 200px;
float: left;
}







/* ----------------------  Optionale Unternavigation  ------------------ */ 
.submenu    {
width: 537px;
height: 0px;	
float: left;
clear: none;
overflow: hidden;
visibility: hidden;
}









/* ###################################################################### */ 
/* ########################  Highlightbereich ########################### */ 
/* ###################################################################### */  
.highlight  {
background-color: #0069B3;
color: white;
width:915px;
float: left;
}

.highlightstart    {

width: 10px;
height: 120px;
float: left;
}

.highlightcontent {


text-align: left;
width: 285px;
padding: 0px;
margin: 0px;
float: left;
}

.highlightcontent h1 {
color: #ffffff;
font-size: 13px;
margin: 0;
padding: 0;
}

.highlightcontent p   {
color: #ffffff;
font-size: 10px;
margin: 5px 0 0;
}

.highlightcontent a:link   {
color: #ffffff !important;
font-weight: 700;
text-decoration: none
}

.highlightcontent a:visited {
color: #ffffff !important;
font-weight: 700;
text-decoration: none
}

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


.highlightend {
width: 10px;
height: 120px;
float: left;
}





/* ###################################################################### */ 
/* ####################  Sitepath (Brotkrummenpfad) ##################### */ 
/* ###################################################################### */  
.sitepath {

color: #B6B5B5 !important;
font-size: 10px;

font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
width: 90%;
height: 15px;
padding-bottom: 15px;
}

.sitepath a:link {
color: #B6B5B5 !important;
text-decoration: none;
}

.sitepath a:hover {
color: #000000 !important;
text-decoration: none;
}

.sitepath a:visited {
color: #B6B5B5 !important;
text-decoration: none;
}





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

.subcontent {
width: 535px;
float: left;
clear: none;
overflow: hidden;
}


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

.additionalmenu {
background-color: #0069B3;
text-align: left;
width: 915px;
height: 20px;
float: left;
overflow: hidden;
}



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

.contentelement  {
margin-bottom: 15px;
width: 100%;
float: left;
margin-right: -3px;
}

.contentelement csc-uploads csc-uploads-1 table {
width: 98%
}


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

.logo {
background-image: url(resources/logo.gif);
background-color: #E5E4E4;
width: 255px;







height: 170px;
float: left;
}

.logo a {
display: block;
width: 255px;
height: 170px;
}



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

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


.promotion  {

color: #000000;
font-weight: bold;
background: url(resources/promotion.gif) no-repeat;
margin: 0;
padding: 0;
width: 660px;
height: 170px;
float: left;
}


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


/*Sicherung des Stylesheets mit einem breiterem Menü */

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

#FOOTERSTART {
width: 915px;
overflow: hidden;
}

#FOOTER      {
width: 915px;
overflow: hidden;
}

.footercontent {
font-size: 9px;
color: #B5BC96;
width: 915px;
overflow: hidden;
text-align: right;
}

.footercontent a {
font-size: 9px;
color: #C8CFA9;
text-decoration: none;
}

.footernavigation {
width: 915px;
visibility: hidden;
overflow: hidden;
}

#FOOTEREND      {
width: 915px;
overflow: hidden;
}


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

#HEADERSTART {
width: 915px;
height: 1px;
overflow: hidden;
visibility: hidden;
}

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


#HEADEREND      {
overflow: hidden;
height: 0px;
}



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

#BORDER   {
width: 915px;
}


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

body   {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
background-color: #FFFFFF;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(resources/body.gif);
}


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