/* JUNGHANS.CSS     Hauptseite */
/*=============================================================== */

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

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

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

h1   { color: #003f80; font-size: 115%; text-decoration: none }
h1 a  { font-size: 85% }
h2  { color: #2b612f; font-size: 110%; text-decoration: none; margin-top: 200px }
h3  { color: #003f80; font-size: 95%; text-decoration: none }
h4 { color: black; font-size: 100%; padding-top:5px }

address  { color: #ffffff; font-style: normal; padding-top: 2px; padding-left: 20px }

img     { background-color: white; margin: 12px 0 12px 12px; padding: 4px; border: solid 1px #003f80 }

em   { color: #003f80; font-style: normal; font-weight: bold }
/* ================== */
/* Bestimmte Elemente */

#wrapper      { color: black; background-color: white; margin: 0px auto; width: 1000px; border: solid 0 #100 }

#header      { color: #003f80; font-size: 1.5em; font-weight: bold; background-color: white; text-align: right; padding-top: 10px; width: 1000px; height: 40px } 	

#kopf           { color: black; background-image: url("/pics/montage.jpg"); background-repeat: no-repeat; margin-top: 12px; margin-bottom: 0; width: 1000px; height: 80px; border-bottom: 0 solid #d9d9d9 } 	

/* ================== */
/* Klassen */




/* =============== */
/* Hauptnavigation */

#hauptnavigation             { color: black; font-size: 90%; background-color: #d6e0eb; text-align: left }
/* eigentlicher Navibalken */
#hauptnavigation ul  { padding-left: 0; width: 1000px }
#hauptnavigation li  { display: inline; list-style-type: none; }
/* Kartenreitergroesse */
#hauptnavigation a,
#hauptnavigation a span
     { color: black; text-decoration: none; padding: 2px 8px }
#hauptnavigation a:link   { color: #444 }
#hauptnavigation a:visited  { color: #444 }
#hauptnavigation a:hover   { color: white; font-weight: normal; background-color: #003f80 }
#hauptnavigation a:focus { color: #ffffff; background-color: #003f80 }
#hauptnavigation a:active   { color: white; background-color: black }

/* Sie sind hier */

#startseite ul #navi01 span,
#productions ul #navi02 span,
#videos ul #navi03 span,
#preisliste ul #navi04 span,
#downloads ul #navi05 span,
#wissen ul #navi06 span,
#links ul #navi07 span,
#kontakt ul #navi08 span,
#disclaimer ul #navi09 span,
#impressum ul #navi10 span
 { color: #003f80; font-weight: bold; background-color: white; padding: 2px 8px }

/* ================== */
/* Bestimmte Seiten */

#player { width: 630px; float: left}

#textindex { color: #444; font-size: 95%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;  text-align: left; padding: 0 14px; width: 972px; height: 390px }
#textindex  a  { color: #003780; font-weight: normal; text-decoration: none; padding: 2px; border: solid 0 #8c8c8c }
#textindex  a:link   { color: #444 }
#textindex  a:visited   { color: #444 }
#textindex  a:hover { color: white; background-color: #003f80 }
#textindex  a:focus { color: #003f80; background-color: #ffffff }
#textindex  a:active  { color: white; background-color: #003f80 }

#takecare   { font-size: 90%; text-align: right; padding-top: 90px; bottom: 12px; clear: both }

#playercounter  { color: #555; font-size: 90%; background-color: white; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; width: 400px; height: auto; float: left }
#playercounter img {float: left }

#texttermsleft        { color: #4b4b4b; font-size: 90%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 0; width: 470px; height: auto; float: left }
#texttermsleft li  { padding-bottom: 0.5em;}
#texttermsleft ol  { padding-left: 1em;}

#texttermsright       { color: #4b4b4b; font-size: 90%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 0; width: 470px; height: auto; float: right }

#texttermsright li  { padding-bottom: 0.5em }
#texttermsright ol  { padding-left: 1em;}

#linksleft         { color: #4b4b4b; font-size: 90%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; width: 300px; height: auto; float: left }
#linksmidle        { color: #4b4b4b; font-size: 90%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 0 40px; width: 300px; height: auto; float: left }
#linksright         { color: #4b4b4b; font-size: 90%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; width: 300px; height: auto; float: right }



#fussnavigation     { color: #003f80; font-size: 80%; background-color: #d6e0eb; text-align: center; padding-top: 3px; width: 1000px; height: 24px; clear: both }
#fussnavigation a  { color: #003780; font-weight: normal; text-decoration: none; padding: 0 8px }
#fussnavigation a:link     { color: #555 }
#fussnavigation a:visited  { color: #555 }
#fussnavigation a:hover  { color: #003f80; background-color: #ffffff }
#fussnavigation a:focus  { color: #003f80; background-color: #ffffff }
#fussnavigation a:active  { color: white; background-color: #003f80 }


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

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

form {
background-color: #eeeeee;
color: #4b4b4b;
width: 450px;
padding: 10px;
border: 1px solid #003f80;
}

label 
 {
 width: 6em;
 float: left;
 text-align: right;
 margin-right: 0.5em;
 display: block
 }
 
 input
 {
 color: black;
 background: white;
 border: 1px solid #003f80
 }

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

input#absender, textarea { border: 1px solid #003f80; margin-bottom: 1em }
input#text { border: 4px solid #8c8c8c; margin-bottom: 1em }

input#absender:focus, input#firstname:focus, input#lastname:focus, input#company:focus, input#zipcode:focus,
input#country:focus, input#website:focus, input#mail:focus, input#preferentialdates:focus, input#phone:focus, input#city:focus, textarea:focus  
{ color: black; background-color: #eaecf6}


/* ============================= */
/* Der Online-Calculator-EINGABE */

#calculator form     { color: #444; background-color: #d6e0eb; padding: 10px; width: 30em; border: solid 1px #003f80 }

#calculator form p   { margin-top: 0.5em }
 
#calculator form span   
 { color: #444; background-color: white; text-align: left; display: block; margin-right: 0.5em; padding-left: 0.5em; width: 15em; float: left }
 
#calculator input
   { color: black; background: white; margin-right: 12px; margin-left: 12px; border: solid 1px #003f80 }


/* ================ */
/* previewcontainer */

.previewcontainer  { text-decoration: none; margin-top: 0px; position: relative }

.thembnail img { border: 0px solid #b21212; margin: 0 1px 1px 0; float: left}

.thembnail:hover{
background-color: transparent;}

.thembnail:hover img{
border: 0px solid #b21212;}

.thembnail span       { color: black; font-family: Verdana; text-decoration: none; background-color: white; text-align: left; visibility: hidden; padding-right: 14px; padding-left: 14px; position: absolute; top: 130px; left: 0; width: 972px; height: 340px }

.thembnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px; }

.thembnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 130px; left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;}