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



/* Basic Definition */
body        {
font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;
background-color: #cccccc;
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: 817px;
}



/* ###################################################################### */ 
/* ########################  Gestaltungsrahmen  ######################### */ 
/* ###################################################################### */ 
#HEADERSTART     {
background-image: url(resources/HEADERSTART.gif);
width: 817px;
height: 22px;
overflow: hidden
}

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


#HEADEREND      {
background-image: url(resources/HEADEREND.gif);
width: 817px;
height: 21px;
overflow: hidden
}


/* ###################################################################### */ 
/* ###########################  Fussbereich  ############################ */ 
/* ###################################################################### */ 
#FOOTERSTART      {
width: 817px;
height: 5px;
overflow: hidden;
}

#FOOTER      {
width: 817px;
height: 20px;
overflow: hidden;
}

.footercontent {
visibility: hidden;
width: 817px;
height: 0px;
overflow: hidden;
}

.footernavigation {
visibility: hidden;
width: 817px;
height: 1px;
overflow: hidden;
}

#FOOTEREND      {
visibility: hidden;
width: 817px;
height: 0px;
overflow: hidden;
}



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


/* -------------------  Promotion / Animationsbereich  ------------------ */ 
.promotion  {
color: white;
font-weight: bold;
background: url(resources/promotion.gif) no-repeat;
margin: 0;
padding: 0;
width: 580px;
height: 148px;
float: right
}

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

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

.logo a {
display:block;
background-image: url(resources/logo.gif);
width: 230px;
height: 148px;
}

/* ------------------------------  Zusatzmen¸  -------------------------- */ 
.additionalmenu {
text-align: left;
width: 817px;
height: 1px;
float: right;
overflow: hidden;
visibility: hidden;
}

/* ---------------------------  Hauptnavigation  ----------------------- */ 
.mainmenu   {
background-color: #b20070;
background-image:
url(resources/mainmenu.gif);
background-repeat: no-repeat;
text-align: left;
width: 237px;
float: left;
overflow: hidden;
}

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

.mainmenu1-norm a:hover    {
color: white;
font-size: 11px;
text-decoration: none;
background-color: #000000;
padding-top: 5px;
padding-left: 20px;
width: 237px;
height: 20px;
float: left;
border-top: 1px solid white;
}

.mainmenu1-act a    {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding-top: 5px;
padding-left: 20px;
width: 237px;
height: 20px;
float: left;
border-top: 1px solid white;
}

.mainmenu1-act a:hover    {
color: #000000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding-top: 5px;
padding-left: 20px;
width: 237px;
height: 20px;
float: left;
border-top: 1px solid white;
}

.mainmenu2-norm a   {
color: white !important;
font-size: 10px;
font-weight: normal;
text-decoration: none;
margin-bottom: 1px;
padding-top: 5px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
height: 15px;
float: left;
}

.mainmenu2-norm a:hover     {
color: #000000;
font-size: 10px;
font-weight: normal;
text-decoration: none;
margin-bottom: 1px;
padding-top: 5px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
height: 15px;
float: left;
}


.mainmenu2-act a    {
color: #000000;
font-size: 10px;
font-weight: normal;
text-decoration: none;
margin-bottom: 1px;
padding-top: 5px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
height: 15px;
float: left;
}

.mainmenu2-act a:hover      {
color: #000000;
font-size: 10px;
font-weight: normal;
text-decoration: none;
margin-bottom: 1px;
padding-top: 5px;
padding-left: 20px;
position: relative;
left: 20px;
width: 200px;
height: 15px;
float: left;
}


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


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




/* -------------------  Brotkrummenpfad / Seitenpfad  ----------------- */ 
.sitepath {
color: #B2006F !important;
font-size: 9px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
width: 90%;
height: 15px;
padding-bottom: 15px;
}

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

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

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



/* ------------------------  Eigentlicher Inhalt  ---------------------- */ 
.contentstart  {
visibility: hidden;
width: 580px;
height: 1px;
float: right;
overflow: hidden;
}

.content       {
color: #000000;
text-align: left;
margin-top: 0;
width: 560px;
float: right;
clear: right
}

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

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

.content a:visited {
color: #B2006F !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  {
color: #666666;
font-size: 22px;
font-weight: 700;
margin: 0;
padding: 0;
}

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

.content h3  {
color: #b20070;
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;
border-bottom: 1px dotted white;
}

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

.content form {
width: 90%;
}

.content input {
width: 100%;
}

.content textarea {
width: 100%;
}

.trenner {
background-image: url(resources/trenner.gif);
background-repeat: no-repeat;
width: 560px;
height: 10px
}

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


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

.news small {
color: white;
font-size: 9px
}

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

.newslink {
color: #d88174;
font-size: 10px;
text-decoration: none;
text-align: right;
width: 100%;
height: 20px;
border-bottom: 1px dotted white
}

.newslink a:link {
color: #d88174; text-decoration: none
}

.newslink a:hover {
color: white;
text-decoration: none
}

.newstext   {
}


.contentend  {
width: 580px;
height: 0px;
float: right;
overflow: hidden;
}


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

.highlight  {
width: 565px;
float: right
}

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

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

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

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

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

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

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


.highlightend {
width: 10px;
height: 120px;
float: left;
border-right: 1px solid #dcdcdc
}

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

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

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

.contenttable { 
/*margin-left:120px;*/
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%;
}