/* 
    Document   : fe-style
    Created on : 2. Dezember 2004, 21:39
    Author     : jann
    Description: Stylesheet für alle JSPs welche für den Internetauftritt nach "außen" hin sichtbar sind.
*/
/* ************************************************************************* */

body{
    margin-top: 0px;
}

/* sitecontent, betrifft seiten: alle */

.sitecontent{
    color: black;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url(background850.jpg) repeat-y;
    width: 850px;
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
}
/* Kopfbereich ************************************************************* */
/* header, betrifft seiten: alle */

.header{
    background: url(header850.jpg) 0 0 no-repeat;
    height: 250px;
}

/* Menü oben auf jeder Seite *********************************************** */
/* topMenu, betrifft seiten: topMenu.jsp */

.topMenu {
    padding-top: 220px;
    padding-left: 0px;
    margin-left: 0px;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
}

/* Menü unten auf jeder Seite ********************************************** */
/* bottomMenu li, betrifft seiten: bottomMenu.jsp */

.topMenu li {
    font-size: 8pt;
    display: inline; /* Menüpunkte nebeneinander und nicht untereinander */
    list-style-type: none; /* Bullets vor den Menüpunkten abschalten */
    padding: 0 5px 0 5px;
}

a.topMnuLink:link{ 
    color: black;
    text-decoration: none;
} 

a.topMnuLink:visited{ 
    color: black;
    text-decoration: none;
} 

a.topMnuLink:hover{ 
    color: black; 
    text-decoration: none;
} 

a.topMnuLink:active{ 
    color: black;
    text-decoration: none;
} 

a.topMnuLink:focus{ 
    color: black;
    text-decoration: none;
}

/* Menü unten auf jeder Seite ********************************************** */
/* bottomMenu, betrifft seiten: bottomMenu.jsp */

.bottomMenu {
    text-align: center;
}

/* Menü unten auf jeder Seite ********************************************** */
/* bottomMenu li, betrifft seiten: bottomMenu.jsp */

.bottomMenu li {
    font-size: 0.7em;
    display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
    list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
    padding: 0 5px 0 5px;
}

/* Die linke Spalte ******************************************************** */
/* left, betrifft seiten: alle */

.left{ 
    width: 130px;
    height: 500px;
    float: left;
    border-width: thin;
    border-right-style: solid;
    border-color: #FFFFFF;
}

/* Die rechte Spalte ******************************************************* */
/* betrifft seiten: alle */

.right{ 
    width: 130px;
    height: 500px;
    float: right;
    border-width: thin;
    border-left-style: solid;
    border-color: #FFFFFF;
}

.googleleft{
    margin-top: 50px;
    margin-left: 6px;

}

/* Links im linken Menü **************************************************** */
/* betrifft seiten: mainMenu.jsp */

.menuLinkHighLight{
    background-color: red;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    text-align: right;
}

.menuHeadline{
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    text-align: right;
}

.menuLink{
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    text-align: right;
}

a.mainMnuLink:link{ 
    color: black;
    text-decoration: none;
} 

a.mainMnuLink:visited{ 
    color: black;
    text-decoration: none;
} 

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

a.mainMnuLink:active{ 
    color: white;
    text-decoration: none;
} 

a.mainMnuLink:focus{ 
    color: white;
    text-decoration: none;
}

/* Inhalt ****************************************************************** */
/* content, betrifft seiten: alle */

.content{
    margin-top: 0em;
    margin-left: 160px;
    margin-right: 160px;
    margin-bottom: auto;
    text-align: left;
    font-size: 10pt;
    min-height: 1000px;
}

/* Markierung über Logintable ********************************************** */
/* index */

.redwhite{
    background-color: red;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    text-align: left;
}

/* horizontale Linie ******************************************************* */
/* index,vorschau */

.hLine{
    border-top: 1px solid white;
}

/* pageHeadLine ************************************************************ */
/* betrifft: alle */

.pageHeadLine{
    color: red;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

/* Standardliste *********************************************************** */
/* stdl, betrifft seiten: index.jsp */

.stdl{    
    list-style-type: square;
    list-style-position: outside;
    padding-top: 1em;
    padding-bottom: 1em;

    font-size: 9pt;
}

/* Standardtabelle ******************************** */

.stdt{
    font-size: 9pt;
}

/* Fehlerhinweise an Fornularfeldern *************************************** */ 
/* markError, betrifft seiten: order.jsp */

.markError{
    color: red;
}

/* Hinweise **************************************************************** */
/* notice, betrifft seiten: index.jsp, order.jsp */

.notice{
    font-size: 8pt;
}

/* Kleine Hinweise ********************************************************* */ 
/* noticeLow, betrifft seiten: index.jsp */

.noticeLow{
    font-size: 7pt;
}

/* Eingabeformulare auf der Seite (nicht das Loginformular) **************** */
/* formular, betrifft seiten: order.jsp, kontakt.jsp */ 

.formular{
    font-size: 9pt;
}

/* Formularelemente */
/* betrifft alle Seiten */

input{
    border: 1px solid #8B8D94;
}

select{
    border: 1px solid #8B8D94;
}

textarea{
    border: 1px solid #8B8D94;
}

/* Formatierung der Beispiele bzw. Anzeigen für Ferienwohnungen ************ */
/* exObject, betrifft seiten: examples.jsp */

.exObject{
    font-size: 8pt;
    min-height: 170px;
    background-color: #D0D0D0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;              
    border-top: 2px solid #9481A4;
    border-left: 2px solid #9481A4;
    border-right: 2px solid #9481A4;
    border-bottom: 2px solid #9481A4;
}

/* Beispiel Bild *********************************************************** */
/* exPic, betrifft seiten: examples.jsp */

.exPic{
    width: 200px;
    margin-top: 5px;
    margin-right: 5px;
    border-top: 1px solid #9481A4;
    border-left: 1px solid #9481A4;
    border-right: 1px solid #9481A4;
    border-bottom: 1px solid #9481A4;

}

/* Beispiel Text *********************************************************** */
/* exTXT, betrifft seiten: examples.jsp */

.exTXT{
    margin-top: 5px;
    min-height: 170px;
}

/* Link zum Beispiel ******************************************************* */
/* exLink, betrifft seiten: examples.jsp */

.exLink{
    text-align: right;
}

/* Formatierung des Werbetextes für kostenlose Anzeigen auf ferien-europa ** */
/* klAnzeigeTXT, betrifft seiten: examples.jsp */

.klAnzeigeTXT{
    font-size: 8pt;
    height: 170px;
    background-color: #D0D0D0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;              
    border-top: 2px solid #9481A4;
    border-left: 2px solid #9481A4;
    border-right: 2px solid #9481A4;
    border-bottom: 2px solid #9481A4;
}

/* Beispielbox (Link zu den Seite mit den Kalendern, Werbung) *************** */
/* exampleBox, betrifft seiten: right,jsp */

.exampleBox{
    width: 120px;
    margin-left: 5px;
    margin-right: 5px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

/* Überschrift der Beispiellinks ******************************************** */
/* linkheadline, betrifft seiten: index.jsp */

.linkheadline{
    background-color: #FFFFCD;
}

/* Text der AGB ************************************************************* */
/* agb, betrifft seiten: agb.jsp */

.agb{
    font-size: 9pt;
}

/* Anmeldetabelle ************************************************************
logintable, betrifft seiten: login.jsp
*/

.logintable{ 
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4em;
    font-size: 14pt; 
}

/* Eingabefelder in Anmeldetabelle ********************************************
logintable input, betrifft seiten: login.jsp
*/

.logintable_input{
    border-radius: 5px;
    font-size: 16pt;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}

/*
Login Eingabefelder
*/

.loginstandalone_form{
    margin-top: 5em;
}

.loginstandalone_div{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    width: 24em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.5em;
    padding-bottom: 1em;
    padding-left: 2.5em;
    padding-right: 2.5em;
    border-color: #D0D0D0;
    border-radius: 10px;
    border-style: solid;
    text-align: center;
}
.loginstandalone_subdiv{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.loginstandalone_input{
    border-radius: 5px;
    font-size: 16pt;
    height: 25pt;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.loginstandalone_button{
    border-radius: 5px;
    font-size: 16pt;
    height: 25pt;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 1em;
}