/**
* Projekt "designwelten.de"
* ======================================
*
* @see http://cssdoc.net
*
* @site            http://www.designwelten.de
* @version         1.3.1
* @date            2007-07-26 (Erstellungsdatum)
* @lastmodified    2011-04-27 (17.00)
* @author          Stefan Rotter
* @copyright       (c) 2007-2011 by Stefan Rotter; Alle Rechte vorbehalten.
*/



/* ----- CSS-Geruest ----- */
html, body {
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #C0C0C0;
height: 100%;
}

#container {
-moz-box-shadow: 0 0 1.5em #000000;
text-align: left;
position:relative;
margin-right: auto;
margin-left: auto;
width: 955px;
min-height: 99%;
height: auto !important;
height: 99%;
background-color: #FFFFFF;
background-image: url(../Images/vertikaleLinie.png);
background-repeat: repeat-y;
background-position: 170px 0px; /* Erster Wert bestimmt die horizontale und der zweite die vertikale Position */
}

#inhalt {
margin-left: 170px;  /* abhängig von #navigation(width) */
width: 785px; /* Breite Container (955px) - margin #inhalt */
padding-bottom: 0;
clear: both;
min-height: 820px;
height: auto !important;
height: 820px;
color: #000000;
}

#navigation {
position: absolute;
width: 170px;
height: 680px;
left: 0px;
top: 130px;
}

#kopf{
background-image: url(../Images/kopf_2.jpg);/* Bild muss 2px breiter sein (= 957px) damit keine weiße Fläche bleibt */
background-repeat: no-repeat;
width: 955px;
height: 130px;
margin: 0px;
padding: 0px;
}

#kopf span.datumsAnzeige {
padding-top: 5px;
padding-left: 810px;
color: #FFFFFF;
font-weight: normal;
font-variant: normal;
font-size: 10px;
}

#unten{
position: absolute;
bottom: 0px !important;
left: 0px;
height: 20px !important;
width: 100%;
border-top: 1px solid #333333;
background-color: #FFFFFF;
background-image: url(../Images/vertikaleLinie.png);
background-repeat: repeat-y;
background-position: 170px 0px; /* Erster Wert bestimmt die horizontale und der zweite die vertikale Position */
overflow: hidden;  /* der uebergroße Inhalt wird abgeschnitten und somit nicht angezeigt */
}


div.navigation {
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
color: #999999;
font-weight: bold;
font-variant:small-caps; /* Kapitälchen */
font-size: 13px;
/* line-height: 1.5em;    /* Zeilenabstand */
/* letter-spacing: 1px;   /* Abstand zwischen den einzelnen Buchstaben und Zeichen */
}


/*  ----- Textformatierungen ----- */
span.loginAnzeige {
padding-left: 610px;
color: #000000;
font-weight: normal;
font-variant: normal;
font-size: 10px;
}


div.text {
padding-top: 15px;
padding-left: 20px;
padding-right: 35px;
padding-bottom: 10px;
text-align: justify;
font-weight: normal;
font-variant: normal;
font-size: 12px;
line-height: 1.5em;    /* Zeilenabstand */
}

div.textExtra {
padding-top: 20px;
padding-left: 175px;
padding-right: 10px;
padding-bottom: 10px;
text-align: justify;
color: #000000;
font-weight: normal;
font-variant: normal;
font-size: 12px;
line-height: 1.5em;    /* Zeilenabstand */
}

div.bildUnterschrift {
width: 550px;
padding-top: 4px;
text-align: justify;
font-weight: normal;
font-variant: normal;
}

div.unten {
text-align: center;
color: #333333;
font-weight: normal;
font-variant: normal;
font-size: 10px;
line-height: 2em;    /* Zeilenabstand */
}

#h2 {
padding: 0;
color: #000000;
font-size: 18px;
font-family: Cambria, Arial, sans-serif;
font-weight: bold;
margin-top: 14px;
margin-bottom: 30px;
}

h3 {
padding: 0;
color: #000000;
font-size: 16px;
font-family: Cambria, Arial, sans-serif;
font-weight: bold;
margin-top: 16px;
margin-bottom: 20px;
}

h4 {
padding: 0;
color: #000000;
font-size: 14px;
font-family: Cambria, Arial, sans-serif;
font-weight: bold;
padding-top: 10px;
margin-bottom: 10px;
}


/* ----- Linkdefinitionen allgemein----- */
a:link    {text-decoration: none; color: #999999}
a:visited {text-decoration: none; color: #999999}
a:hover   {text-decoration: none; color: #660033 }
a:active  {text-decoration: none; color: #660033 }


/* ----- Linkdefinitionen Navigationsbereich ----- */
a.nav{
display: block;
font-size: 12px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom:1px solid #EAEAEA;
}

a.nav:link, a.nav:visited {color:#000000;}
a.nav:hover,a.nav:active{color: #FFFFFF; /* background-color:#E8CDB4; */ background-color:#4D80D3;}

div#navigation a span {display: none;}

div#navigation a:hover span {
display: block;
position: absolute;
top: 290px;
width: 160px;
padding: 3px;
z-index: 100;
color: #000000;
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
font-size: 10px;
font-variant: normal;
font-weight: normal;
text-align: center;
}


img { border: none;}

abbr, acronym {
border-bottom: 1px dotted #000000;
cursor: help;
}


/* ----- Formatierungen für Navigationseintraege ----- */
.abgerundeteEcken {
margin-top:7px;
border: 1px solid #404040;
/* border-radius: 1em; erst ab CSS3 */
-moz-border-radius:5px;/* Radius der Rundung festlegen. -moz-border-radius steht für alle vier Ecken,*/
padding: 2px;
color: #000000;
font-variant: small-caps;
text-align: left;
}

hr {
margin-left: auto;
margin-right: auto;
height: 1px;
width: 100%;
border: 0;
background-color: #000000;
}

/*  ----- Neuigkeiten auf der Startseite - Formatierungen ----- */
.boxTitle {
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
/* background: #E8CDB4;  */
background: #C5D6F1;
color: #000000;
font-size: 11px;
font-weight: bold;
/*border-top: 1px solid  #7B5252; */
/*border-bottom: 1px solid #996666;  */
border-top: 1px solid #4D80D3;
border-bottom: 1px solid #4D80D3;
}

.boxTitleDate {
color: #999999;
font-size: 10px;
font-weight: bold;
}

.boxContent {
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
/* background: #FDEFE1; */
background: #E7EEF9;
color: #000000;
/* border-bottom: 1px solid #996666; */
border-bottom: 1px solid #4D80D3;
text-align: justify;
}


/*  ----- Umfrageerbenis Anzeige Formatierungen ----- */
td.nichtFettUndRechts{
text-align: right;
font-weight: normal;
}

td.FettUndRechts{
text-align: right;
font-weight: bold;
}



/*  ----- Kontakformular Formatierungen ----- */
form.kontaktformular {
width: 450px;
margin-left: 60px;
}

table.kontaktformular {
text-align: left;
color: #000000;
font-weight: bold;
font-variant: normal;
font-size: 12px;
line-height: 1.5em;    /* Zeilenabstand */
}


span.stern {
color:#FF0000;
font-weight: normal;
}

.textfelder {
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
border: none;
padding: 1px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 12px;
width: 200px;
height: 16px;
outline: none;
}

.textfeldCaptcha {
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
border: none;
padding: 1px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 12px;
width: 50px;
height: 16px;
outline: none;
}

.textfeldKlein {
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
border: none;
padding: 1px;
background-color: #FFFFFF;
font-weight: normal;
font-size: 11px;
width: 30px;
height: 14px;
line-height: 1.4em;    /* Zeilenabstand */
outline: none;
}

.checkbox {
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
font-weight: normal;
font-size: 11px;
}

/* Buttons definieren */
.buttons a, .buttons button{
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;   /* Abstand zwischen den Buttons */
    background-color: #F5F5F5;
    border: 1px solid #DEDEDE;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
    line-height: 100%;
    text-decoration: none;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
    padding: 2px 2px 2px 2px; /* bestimmt die Buttongröße */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.buttons a.ok:hover, button.ok:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.cancel:hover, button.cancel:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

/* Ende Buttons definieren*/


.hinweis {
font-weight: normal;
font-size: 11px;
}

textarea {
font-family: Verdana, Arial, sans-serif, "Times New Roman", serif;
border: none;
padding: 2px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 11px;
width: 410px;
height: 160px;
outline: none; /* blauer Rahmen von Opera und Safari entfällt */
resize: none;
overflow: auto; /* im IE keine automatischen Scrollbars*/
}


/*  ----- Bildergalerie Formatierungen ----- */
.iframe {
width: 630px;
height: 480px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}


/*  ----- Gaestebuch Formatierungen ----- */

.gaestebuchVorZurueck {
color: #000000;
font-weight: normal;
font-variant: normal;
font-size: 12px;
line-height: 1.5em;    /* Zeilenabstand */
width: 100%;
height: 18px;
background-color: #E9E9E9;
border: 1px dashed #000000;
}

.gaestebuchNeuerEintrag {
color: #000000;
font-weight: normal;
font-variant: small-caps;
font-size: 12px;
width: 100%;
height: 18px;
background-color: #E9E9E9;
border: 1px dashed #000000;
}

td.gaestebuchEintragKopf {
color: #000000;
font-weight: bold;
font-variant: normal;
font-size: 12px;
line-height: 1.5em;    /* Zeilenabstand */
width: 100%;
height: 18px;
background-color: #E9E9E9;
white-space: nowrap; /* kein Zeilenumbruch */
vertical-align: middle;
border: none;
}

td.gaestebuchEintragInhalt {
color: #000000;
text-align: justify;
font-weight: normal;
font-variant: normal;
font-size: 12px;
line-height: 1.5em;    /* Zeilenabstand */
width: 100%;
height: auto;
background-color: #FFFFFF;
padding: 3px;
border: none;
}

/* Anzeige von CSS-Fenstern  */
#bildInfofenster a span.infofenster {
display: none;
}

#bildInfofenster a:hover span.infofenster{
display: block;
position: absolute;
z-index: 10;
-moz-box-shadow: 0 2px 5px #000000;
width: 230px;
height: auto;
background-color: #EFEFEF;
color: #000000;
font-size: 12px;
text-decoration: none;
padding: 3px;
border: 1px solid #000000;
opacity: 0.8; /* Transparenz */
}

#bildInfofenster a img{
border: none;
padding-right: 10px;
text-decoration: none;
}