/**
 * Farben
 *
 * Text: #333
 * helles grau: #808080
 * Dunkelblau: #14145e
 * Helles Blau: #d6d5ef
 * Links: #413BEF
 */ 

/** Anordnung auf der Seite **/
body {padding: 0; margin: 0; text-align:center;}
#page {width: 850px; margin: 0 auto; text-align: left; background: transparent url(/media/img/layout/linie_blau.png) center 240px no-repeat;} /* fix layout*/

#header, #content {padding: 0 30px; position:relative;}  /* Einrueckung links und rechts */
#header {
    background: transparent url(/media/img/layout/linie_blau.png) center 205px no-repeat;
    height: 240px;
    margin-bottom: 10px;
    padding-bottom: 2px;
}
#header img {position:absolute; right: 0px; bottom: 37px; z-index: 99;}
#header a img {position:relative; top:0; bottom: 0px; }
#header #logo {position: absolute; top: 78px; left: 30px;}
#footer {text-align: center; clear: both; display: block; color: #808080; position:relative; top: 50px; padding-bottom: 50px;}
#footer a {color: #808080; text-decoration: none;}

.links, .rechts {display: block; width: 350px; float: left; position:relative;}
.links {margin-right: 80px;}

.hr {clear: left; display: block; height: 2em; width: 100%; overflow: visible; margin:0;}

/** Browser zuruecksetzen auf 100% Schriftgroesse **/
html * { font-size: 100.01%; }

/** Generelle Formatierungen fuer Schrift und Farben **/
body {
    font-family: Verdana Arial sans-serif;
    font-size: 75.00%; /* 12pt */
    color: #333;
    background: #fff;
}
strong {font-weight: bold;}
em {font-style:italic;}
.hr hr {display: none;}
.hr {background: transparent url(/media/img/layout/hr.jpg) center center no-repeat; padding: 20px 0 10px 0;}

/** Ueberschriften **/
h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    margin: 1em 0 0.5em 0;
    color: #14145e;
    font-family: Georgia "Times New Roman" serif;
}
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 116.67%; }/* 14px */
h4 { font-size: 116.67% }                     /* 14px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic; } /* 14px */

/** Links **/
a img {border: 0;}
a:link, a:hover, a:active, a:visited {
    color: #413BEF; 
    text-decoration: underline;
    font-size: 1em;
}
a:hover {text-decoration: none; }

/** Listen **/
ul {list-style-type: none; margin: 0; padding: 0 0 0 20px; position:relative;}
li {padding-left: 12px; background: transparent url(/media/img/layout/li.jpg) 0 3px no-repeat; position:relative;}


/** Hauptmenue **/
#nav_main {list-style-type: none; padding: 0; margin: 0; position: absolute; bottom: 7px; left: 30px; width: 100%; z-index: 100; }
#nav_main span {display: none;}
#nav_main li {float: left; display: block; margin-right: 55px; background: transparent; padding: 0;}
#nav_main #nav_home { margin-right: 15px;}
#nav_main a {
    font-family: Georgia "Times New Roman" serif;
    font-size: 200%;
    text-decoration: none;
    color: #333;
    display: block;
    height: 20px;
    background-position: top left;
    background-repeat: no-repeat;
}
#nav_main a:hover, #nav_main a:active, #nav_main li.aktiv a {background-position: 0 -20px;}
#nav_main #nav_home a{width: 25px; background-image: url(/media/img/layout/nav_home.png);}
#nav_main #nav_leistungen a{width: 214px; background-image: url(/media/img/layout/nav_leistungen2.png);}
#nav_main #nav_unternehmen a{width: 248px; background-image: url(/media/img/layout/nav_unternehmen2.png);}
#nav_main #nav_kontakt a{width: 170px; background-image: url(/media/img/layout/nav_kontakt2.png);}

/** Spruchbilder **/
.spruchbild {
    background: #14145E; 
    color: #fff; 
    font-family: Georgia "Times New Roman" serif; 
    font-size: 133%; 
    width: 300px;
    position:relative;
    margin: 0;
    margin-top: 1em;
}
.spruchbild .text {display: block; position:relative; top: 30px; left: 30px; width: 270px;}
.spruchbild img {position:relative; top: 35px; left: 28px; border: 1px solid #14145e;}

/** Kontaktformular **/
#kontakt label {display:block; float:left; width: 40%; margin-bottom: 10px;}
#kontakt .eingabe {clear:left;}
#kontakt .eingabe input, #kontakt .eingabe textarea {width: 55%;margin-bottom: 10px; border: solid 1px #14145e; }
#kontakt .eingabe .checkbox {border: 0; width: auto;}
#kontakt .submit {margin-left: 140px; margin-top: 10px; border: solid 1px #14145e; background: #d6d5ef;}
#kontakt .fehler, #kontakt .erfolg {color: red; display: block; margin: 0 0 5px 0;}
#kontakt .erfolg {color: green; font-weight: bold;}
#kontakt .fehler_input {color: red; font-weight: bold;}

/** Loginformular **/
#login label {display:block; float:left; width: 40%; margin-bottom: 10px;}
#login input {width: 55%;margin-bottom: 10px; border: solid 1px #14145e; }
#login .submit {margin-left: 140px; margin-top: 10px; border: solid 1px #14145e; background: #d6d5ef;}

/**
* Newsbeitrag
*/
.aktuelles {display: block; margin-bottom: 15px; text-align: right; width: 100%; overflow: auto; background: transparent url(/media/img/layout/linie_gepunktet_klein.png) bottom center no-repeat; padding-bottom: 20px;}
.aktuelles h3 {font-size: 100%; color: #14145e; text-align: left; padding-bottom: 2px;}
.aktuelles .kalender {float: left; width: 45px; height: 45px; background: transparent url(/media/img/layout/kalender.jpg) center no-repeat;}
.aktuelles .kalender .monat {display: block; width: 45px; text-align:center; color: #fff; font-weight: bold; font-size: 8pt; line-height: 15px;}
.aktuelles .kalender .tag {display: block; width: 45px; text-align: center; font-size: 14pt; font-weight: bold; line-height: 20pt;}
.aktuelles .teaser {text-align: left; margin-left: 55px;}
.aktuelles .weiter {} 

/**
* Teaser
*/
.verstecken, .print {display: none;}
.teaserstyle {
    width: 500px; 
    margin: 50px auto; 
    background: #fff; 
    text-align: left;  
    font-family: Georgia "Times New Roman" serif;
}
.teaserstyle img {margin: 50px 30px 0 0;}
#skip {font-family: Verdana Arial sans-serif; }

#druckversion {padding-left: 18px; background: transparent url(/media/img/layout/printer.jpg) center left no-repeat; margin-left: 3px;}