/* faro_screen.css      */
/*=============================================================== */

/* ============ */
/* Kalibrierung */

* {padding: 0; margin: 0; border: 0 }
html { height: 101%; }
h1, h2, h3, h4, h5, h6 { padding-top:1em; padding-bottom: 0.5em }
li { margin-left: 0.5em}
p { padding-bottom: 3px}

/* =================== */
/* Allgemeine Styles   */

body     { color: #ffffff; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: black }

h2 { color: #ffdf96; font-size: 120%; text-decoration: none }
h3 { font-size: 95%; text-decoration: none }
h4 { color: white; font-size: 100%; padding-top:1em }

img    { background-color: black }

/* ================== */
/* Bestimmte Elemente */

#wrapper    { color: black; background-color: black; margin: 0px auto 25px; max-width:540px; }

#kopf      { color: black; margin-bottom: 0; width: 1000px; height: 376px }
/* Sie sind hier */
#startseite ul #navi01 span,
#vita ul #navi02 span,
#fotos ul #navi03 span,
#media ul #navi04 span,
#mitteilung ul #navi05 span,
#impressum ul #navi06 span {  
color: black; background-color: #ffffff; padding: 2px 8px 2px 8px; }


#text    { color: white; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: black; text-align: justify; padding-right: 30px; padding-left: 30px; width: 1000px; height: 568px }

#textleft          { color: white; font-size: 95%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; width: 500px; height: auto; float: left }
#textleft a:link      { color: red }
#textleft a:visited    { color: red }
#textleft a:hover { color: black; background-color: #ffffff }
#textleft a:focus { color: black; background-color: #ffffff }
#textleft a:active  { color: white; background-color: black }

#textright         { color: white; font-size: 95%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; width: 500px; height: auto; float: right }
#textright a:link     { color: red }
#textright a:visited    { color: red }
#textright a:hover { color: black; background-color: #ffffff }
#textright a:focus { color: black; background-color: #ffffff }
#textright a:active  { color: white; background-color: black }


#player { background-color: black; text-align: center; width: 390px; float: left}
#playertwo  { background-color: black; text-align: center; width: 390px; float: right }

/* =================== */
/* Das Kontaktformular */

#textemail   { color: #4b4b4b; font-size: 90%; text-align: justify; margin: 20px; width: 984px; height: 546px }

form  { color: #4b4b4b; background-color: black; padding: 20px; width: 400px; border: solid 1px #f205f1}

label {  color: white; display: block; cursor: pointer }

textarea { color: black; font-size: 100%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; }

input#absender, textarea { border: 1px solid #f205f1; margin-bottom: 1em }

input#absender:focus,
textarea:focus    { color: black; background-color: white }



/* ================ */
/* gallerycontainer */

.gallerycontainer  { text-decoration: none; background-color: black; margin-top: 20px; position: relative }

.thumbnail img   { background-color: black; margin: 0 0px 0px 0 }

.thumbnail:hover { background-color: black ! important;}

.thumbnail:hover img   { background-color: black }

.thumbnail span       { color: #808080; font-family: Verdana; font-style: normal; font-weight: normal; text-decoration: none; background-color: black; text-align: center; visibility: hidden; padding: 0; position: absolute; top: 0; left: 470px }

.thumbnail span img  { background-color: black; padding: 0 }

.thumbnail:hover span  { background-color: black; visibility: visible; z-index: 50; top: 0; left: 470px }