/* ITS - Bildschirm.css      */
/*=============================================================== */

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

* {padding: 0; margin: 0; border: 0 }
html { height: 101%; }
li { margin-left: 0.5em}
p { margin-top: 3px; margin-bottom: 3px }

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

body    { color: #000; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #d9d9d9 }
h1   { color: #242D8A; font-size: 150%; text-decoration: none; margin-top: 34px; margin-bottom: 17px }
h2   { color: #242d8a; font-size: 125%; text-decoration: none; margin-top: 12px; margin-bottom: 6px }
h3   { color: #555; font-size: 100%; text-decoration: none; margin-top: 16px; margin-bottom: 3px }
h4  { color: #555; font-size: 90%; text-decoration: none; margin-bottom: 12px }
h5   { color: maroon; font-size: 90%; text-decoration: underline; margin-bottom: 12px }
h6  { color: #555; font-size: 90%; text-decoration: none; margin-bottom: 12px }

img  { background-color: white; padding:0px; }

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

#wrapper   { color: black; background-color: #ffffff; margin: 15px auto 75px; width: 1000px; border: solid 1px #242d8a }

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

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

#hauptnavigation    { color: white; font-size: 90%; background-color: #242d8a; background-repeat: no-repeat; text-align: left; padding-top: 8px; padding-right: 8px; padding-left: 8px }
/* eigentlicher Navibalken */
#hauptnavigation ul  { padding-left: 20px }
#hauptnavigation li  { display: inline; list-style-type: none; }
/* Kartenreitergroesse */
#hauptnavigation a,
#hauptnavigation a span
  { text-decoration: none; padding-top: 2px; padding-right: 8px; padding-left: 8px; }
#hauptnavigation a:link {color: white }
#hauptnavigation a:visited { color: white }
#hauptnavigation a:hover { color: black; background-color: #ffffff }
#hauptnavigation a:focus { color: black; background-color: #ffffff }
#hauptnavigation a:active {color: black; background-color: #f1ae05 }

/* Sie sind hier */
#home ul #navi01 span,
#services ul #navi02 span,
#advisory ul #navi03 span,
#articles ul #navi04 span,
#links ul #navi05 span,
#contact ul #navi06 span,
#imprint ul #navi07 span,
#disclaimer ul #navi08 span


{color: black; background-color: #ffffff; padding: 2px 8px 2px 8px; }


#text    { color: #4b4b4b; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 984px; height: 568px }

#textstartseite     { color: #4b4b4b; font-size: 90%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 12px 34px; width: 932px; height: 568px }
#textstartseite a     { color: maroon; font-weight: bold; text-decoration: none; background-color: white }
#textstartseite a:hover  { color: #242d8a; font-weight: bold; text-decoration: none; margin-bottom: 0 }

#textleft      { color: #4b4b4b; font-size: 95%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 420px; height: 568px; float: left }
#textright     { color: #4b4b4b; font-size: 95%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 420px; height: 568px; float: right }


#textarticle       { color: #4b4b4b; font-size: 100%; font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif; line-height: 110%; text-align: justify; padding: 12px 150px 50px; width: 700px; height: auto }
#textarticle p  { padding-top: 1em; } 
#textarticle h3   { color: #3b3b3b; font-size: 1.5em; line-height: 1.2em; padding-top: 1em; padding-bottom: 10px; border-bottom: 1px solid gray } 
#textarticle a    { color: maroon; text-decoration: none; background-color: white }
#textarticle a:hover { color: #242d8a; text-decoration: none; margin-bottom: 0}

#textarticleleft     { color: #242d8a; text-decoration: none; background-color: white; text-align: left; margin-top: 2px; width: 300px; float: left }
#textarticleright      { text-decoration: none; background-color: white; text-align: right; margin-top: 2px; width: 300px; float: right }




#textverleih h2 a:hover { color: #940021; text-decoration: none; border-right: thick solid #940021;  margin-bottom: 0}
#textverleih span { color: #2b3266; font-size: 120%; font-weight: bold; text-decoration: none }
#textverleih h3  { color: #2b3266; font-size: 95% }
#textverleih h3 a { color: #555; text-decoration: none; border-left: thin solid #b21212 }
#textverleih h3 a:hover { color: #940021; text-decoration: none; border-left: thick solid #940021 }
#textverleih h4 {margin-bottom: 5px}




#fussnavigation p { padding-top: 1.5em; }
#fussnavigation     { color: #ffffff; font-size: 90%; background-color: #242d8a; padding-left: 34px; width: 966px; height: 60px }




/* =================== */
/* 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}



/* ================ */