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



/* Basic Definition */
body        {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
margin: 0 0 0;
padding: 0 0 0
}


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

}

/* ###################################################################### */ 
/* ###########################  Gesamtrahmen  ########################### */ 
/* ###################################################################### */ 
#BORDER   {
width: 915px;
}



/* ###################################################################### */ 
/* ########################  Gestaltungsrahmen  ######################### */ 
/* ###################################################################### */ 
#HEADERSTART     {
}

#HEADER     {
width: 915px;
text-align: left;
}


#HEADEREND      {
}


/* ###################################################################### */ 
/* ###########################  Fussbereich  ############################ */ 
/* ###################################################################### */ 
#FOOTERSTART      {
}

#FOOTER      {
}

.footercontent {
visibility:hidden;
}

.footernavigation {
}

#FOOTEREND      {
}



/* ###################################################################### */ 
/* #########################  Inhaltsbausteine  ######################### */ 
/* ###################################################################### */ 


/* -------------------  Promotion / Animationsbereich  ------------------ */ 
.promotion  {
}

.promotion h1 {
}


.promotion p {
}

/* ---------------  Einbindung des Logos als Hintergrund  -------------- */ 
.logo {
background-image: url(resources/logo.gif) no-repeat;
width: 255px;
height: 170px;
float: left;
}

/* ------------------------------  Zusatzmen"  -------------------------- */ 
.additionalmenu {
}

/* ---------------------------  Hauptnavigation  ----------------------- */ 
.mainmenu   {
visibility: hidden;
}

/* ----------------------  Optionale Unternavigation  ------------------ */ 
.submenu    {
visibility: hidden;
}


/* ----------  Optionale Contentspalte (3spaltiger Auftritt)  ---------- */ 
.subcontent {
}




/* -------------------  Brotkrummenpfad / Seitenpfad  ----------------- */ 
.sitepath {
visibility: hidden;
}

/* ------------------------  Eigentlicher Inhalt  ---------------------- */ 
.contentstart  {
width: 8px;
height: 100px;
float: left;
overflow: hidden;
}

.content       {
color: #000000;
text-align: left;
margin-top: 0;
width: 510px;
float: left;
overflow: hidden;
}

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

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

.content h1  {
font-size: 18px;
font-weight: 700;
margin: 0;
padding: 0;
}

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

.content h3  {
font-size: 13px;
font-weight: 700;
margin: 0;
padding: 0;
}

.content p  {
font-size: 11px;
line-height: 20px;
}

.content table {
}

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

.content td  {
font-size: 12px;
line-height: 18px;
color: #000000;
}

.content form {
width: 90%;
}

.content input {
width: 100%;
}

.content textarea {
width: 100%;
}

.trenner {
}

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


.news  {
width: 100%;
height: inherit;
float: left
}

.news small {
font-size: 9px
}

.newsbild  {
margin-right: 10px;
width: 100px;
float: left
}

.newslink {
font-size: 10px;
text-decoration: none;
text-align: right;
width: 100%;
height: 20px;
}

.newslink a:link {
text-decoration: none
}

.newslink a:hover {
text-decoration: none
}

.newstext   {
}


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


/* -------------------  Definition der Highlightbereiche  ----------------- */ 

.highlight  {
width:917px;
float: left;
}

.highlightstart    {
width: 10px;
height: 20px;
float: left;
}

.highlightcontent {
text-align: left;
width: 358px;
float: left;
padding-top: 5px;
margin-top: 5px;
}

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

.highlightcontent p   {
font-size: 10px;
margin: 5px 0 0;
float: left;
}

.highlightcontent a:link   {
font-weight: 700;
text-decoration: none
}

.highlightcontent a:visited {
font-weight: 700;
text-decoration: none
}

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


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

/* ------------------------  verhindert die ineinderverschachtelung der Contentelemente  ---------------------- */ 

.contentelement  {
margin-bottom: 5px;
width: 97%;
float: left
}

/* ------------------------  Typo3 CSS Definitionen  ---------------------- */ 

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

.contenttable tr {
}

.contenttable td   {
color: #000000;
margin: 0;
padding: 0;
}

.csc-form-label-req {
font-weight: bold
}

.csc-form-label {
font-weight: bold
}


.csc-mailform {
width: 90%;
}