/**************************************
 * home.css
 **************************************/


/** Styles fuer die Startseite **/

/* teaser - News,Infos usw. - linke Seite */
#teaser 
{
float: left;
margin: 4px 0 0 0;
padding: 0 0 0 0;
width: 198px;
}

#teaser div
{
margin: 0 0 0 0;
padding: 0 4px 4px 4px;
width: 190px;
}

#teaser div h3
{
margin: 0 0 0 0;
padding: 5px 5px 0 5px;
font-size: 16px;
font-weight: bold;
color: #762906;
background-color: #f78a0f;
}

#teaser div.teaserBrown h3
{
color: #f78a0f;
background-color: #762906;
}

#teaser div img
{
display: block;  /* bewirgt dass keine Luecke unter dem Bild entsteht bei HTML 4.01 strict */
margin: 0 0 0 0;
padding: 5px 5px 5px 5px;
border:none;
background-color: #f78a0f;
}

#teaser div.teaserBrown img
{
background-color: #762906;
}

#teaser div p
{
margin: 0 0 0 0;
padding: 0 5px 5px 5px;
font-size: 14px;
font-weight: normal;
color: #762906;
background-color: #f78a0f;
}

#teaser div p a
{
color: #762906;
text-decoration: none;  
}

#teaser div p a:hover
{
text-decoration: underline;  
}

#teaser div.teaserBrown p
{
color: #f78a0f;
background-color: #762906;
}

#teaser div.teaserBrown p a
{
color: #f78a0f;
text-decoration: none;
}

#teaser div.teaserBrown p a:hover
{
text-decoration: underline;  
}

/* Download-Button fuer das Monatsprogramm */
#teaser div.download
{
margin: 0 4px 4px 4px;;
padding: 5px 5px 5px 5px;
width: 180px;
font-size: 14px;
background-color: #f78a0f;
}

#teaser div.download span
{
display:block;
margin: 0 0 0 0;
padding: 0 0 0 0;
min-height: 80px;
}

* html #teaser div.download span /* fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 80px;
}

#teaser div.download span a
{
display:block;
text-decoration: none;
color: #762906;
}

#teaser div.download span a span.downloadText
{
margin: 0 0 0 0;
padding: 0 0 0 36px;
}

* html #teaser div.download span a span.downloadText  /*  fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

*:first-child+html #teaser div.download span a span.downloadText  /* fuer IExplorer 7 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

#teaser div.download span a img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
border:none;
float: left;
}

#teaser div.download span a:hover, #teaser div.download span:hover
{
color: #f78a0f;
background-color: #762906;
}


/* Download in Braun und nicht als Button fuer das Monatsprogramm */
#teaser div.downloadBrown
{
margin: 0 4px 4px 4px;;
padding: 5px 5px 5px 5px;
width: 180px;
font-size: 14px;
background-color: #762906;
}

#teaser div.downloadBrown span
{
display:block;
margin: 0 0 0 0;
padding: 0 0 0 0;
min-height: 80px;
}

* html #teaser div.downloadBrown span /* fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 80px;
}

#teaser div.downloadBrown span a
{
display:block;
text-decoration: none;
color: #f78a0f;
}

#teaser div.downloadBrown span a span.downloadText
{
margin: 0 0 0 0;
padding: 0 0 0 36px;
}

* html #teaser div.downloadBrown span a span.downloadText  /*  fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

*:first-child+html #teaser div.downloadBrown span a span.downloadText  /* fuer IExplorer 7 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

#teaser div.downloadBrown span a img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
border:none;
float: left;
}

#teaser div.downloadBrown span a:hover, #teaser div.downloadBrown span:hover
{
text-decoration: underline;
}

/* Nur-Text-Button fuer die Teaser Seite fuer Preise usw. */
#teaser div.button
{
margin: 0 4px 4px 4px;;
padding: 5px 5px 5px 5px;
width: 180px;
font-size: 14px;
background-color: #f78a0f;
}

#teaser div.button span
{
display:block;
margin: 0 0 0 0;
padding: 0 0 0 0;
min-height: 10px;
}

* html #teaser div.button span /* fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 80px;
}

#teaser div.button span a
{
display:block;
text-decoration: none;
color: #762906;
}

#teaser div.button span a span.buttonText
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

* html #teaser div.button span a span.buttonText  /*  fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

*:first-child+html #teaser div.button span a span.buttonText  /* fuer IExplorer 7 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

#teaser div.button span a h3
{
margin: 0 0 2px 0;
padding: 2px 0 2px 2px;
font-size: 16px;
font-weight: bold;
color: #f78a0f;
background-color: #762906;
}

#teaser div.button span a img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
border:none;
float: left;
}

#teaser div.button span a:hover, #teaser div.button span:hover
{
color: #f78a0f;
background-color: #762906;
}

/* Nur-Text-Button BRAUN fuer die Teaser Seite fuer Preise usw. */
#teaser div.buttonBrown
{
margin: 0 4px 4px 4px;;
padding: 5px 5px 5px 5px;
width: 180px;
font-size: 14px;
background-color: #762906;
}

#teaser div.buttonBrown span
{
display:block;
margin: 0 0 0 0;
padding: 0 0 0 0;
min-height: 10px;
}

* html #teaser div.buttonBrown span /* fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 10px;
}

#teaser div.buttonBrown span a
{
display:block;
text-decoration: none;
color: #f78a0f;
}

#teaser div.buttonBrown span a span.buttonTextBrown
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

* html #teaser div.buttonBrown span a span.buttonTextBrown  /*  fuer IExplorer <= 6 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

*:first-child+html #teaser div.buttonBrown span a span.buttonTextBrown  /* fuer IExplorer 7 */
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}

#teaser div.buttonBrown span a h3
{
margin: 0 0 2px 0;
padding: 2px 0 2px 2px;
font-size: 16px;
font-weight: bold;
color: #762906;
background-color: #f78a0f;
}

#teaser div.buttonBrown span a img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
border:none;
float: left;
}

#teaser div.buttonBrown span a:hover, #teaser div.buttonBrown span:hover
{
color: #762906;
background-color: #f78a0f;
}


/** contentHome - Mitte der Startseite **/
#contentHome
{
margin: 4px 130px 0 204px;
padding: 0 0 0 0;
}



/* dayProgramOutlook - Vorschau auf der Startseite - Mitte */
#dayProgramOutlook
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#dayProgramOutlook h3
{
margin: 0 0 10px 0;
padding: 5px 5px 5px 0;
font-size: 16px;
font-weight: bold;
color: #762906;
border-bottom:2px solid #762906;
}

#dayProgramOutlook div
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 611px;
min-height: 112px;
overflow:auto;
}

#dayProgramOutlook div div
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 300px;
float: left;
min-height: 112px;
}

#dayProgramOutlook div div.lastleft /* letztes Element steht allein => volle Breite */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 611px;
min-height: 112px;
}

* html #dayProgramOutlook div  /* fuer IExplorer <= 6 */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 604px;
height: 112px;
overflow:auto;
}

* html #dayProgramOutlook div div  /* fuer IExplorer <= 6 */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 300px;
float: left;
height: 112px;
}

* html #dayProgramOutlook div div.lastleft  /* fuer IExplorer <= 6 */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 604px;
height: 112px;
}

#dayProgramOutlook div div img
{
padding: 0 0 4px 10px;
float: left;
border: none;
}

#dayProgramOutlook div div p
{
margin: 0 0 0 0;
padding: 4px 0 0 10px;
font-size: 14px;
float: left;
width: 210px;
color: #762906;
border-top:1px solid #762906;
}

#dayProgramOutlook div div p a
{
font-size: 14px;
text-decoration: underline;
color: #762906;
}

#dayProgramOutlook div div p a:hover
{
font-size: 14px;
text-decoration: underline;
color: #762906;
}


#dayProgramOutlook div div p span 
{
font-size: 12px;
color: #762906;
}

#dayProgramOutlook div div p span a
{
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #762906;
}

#dayProgramOutlook div div p  span a:hover
{
font-size: 16px;
font-weight: bold;
text-decoration: underline;
color: #762906;
}


/** contentHome - Mitte der Startseite **/
#contentHome
{
margin: 4px 130px 0 204px;
padding: 0 0 0 0;
}



/* dayProgramOutlook - Vorschau auf der Startseite - Mitte */
#dayProgramOutlook
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#dayProgramOutlook h3
{
margin: 0 0 10px 0;
padding: 5px 5px 5px 0;
font-size: 16px;
font-weight: bold;
color: #762906;
border-bottom:2px solid #762906;
}

#dayProgramOutlook div
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 611px;
min-height: 112px;
overflow:auto;
}

#dayProgramOutlook div div
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 300px;
float: left;
min-height: 112px;
}

#dayProgramOutlook div div.lastleft /* letztes Element steht allein => volle Breite */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 611px;
min-height: 112px;
}

* html #dayProgramOutlook div  /* fuer IExplorer <= 6 */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 604px;
height: 112px;
overflow:auto;
}

* html #dayProgramOutlook div div  /* fuer IExplorer <= 6 */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 300px;
float: left;
height: 112px;
}

* html #dayProgramOutlook div div.lastleft  /* fuer IExplorer <= 6 */
{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 604px;
height: 112px;
}

#dayProgramOutlook div div img
{
padding: 0 0 4px 10px;
float: left;
border: none;
}

#dayProgramOutlook div div p
{
margin: 0 0 0 0;
padding: 4px 0 0 10px;
font-size: 14px;
float: left;
width: 210px;
color: #762906;
border-top:1px solid #762906;
}

#dayProgramOutlook div div p a
{
font-size: 14px;
text-decoration: underline;
color: #762906;
}

#dayProgramOutlook div div p a:hover
{
font-size: 14px;
text-decoration: underline;
color: #762906;
}


#dayProgramOutlook div div p span 
{
font-size: 12px;
color: #762906;
}

#dayProgramOutlook div div p span a
{
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #762906;
}

#dayProgramOutlook div div p  span a:hover
{
font-size: 16px;
font-weight: bold;
text-decoration: underline;
color: #762906;
}


#bannerHome img
{
display: block;
border: none;
}