/* ---------- Initialisierung Anfang ---------- */


html {
margin: 0;
padding: 0;
}

/* Parameter: Schriftart, Hintergrundbild */
body {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
height: 100%;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
background-image:url(bilder/linie.gif);
background-attachment:fixed;
}

/* ---------- Initialisierung Ende ---------- */


/* ---------- Headerbereich Anfang ---------- */

/* Workaround für Abstand der Titelleiste von oben für nichtIE */
/* Parameter: Hintergrundbild oberhalb des Headers */
html>body #headcont {
background-image:url(bilder/linie.gif);
background-attachment: fixed;
position: absolute;
top: 0em;
right: 0em;
left: 0em;
height: 4em;
margin: 0em 2em 0 11em;
}

/* Parameter: Hintergrundfarbe, oberer Rahmen, Höhe */
#header {
background-color: #cfe1f5;
border-top: 0.05em solid #999999;
height: 4em;
color: #666666;
}

/* Headerdefinition für nichtIE */
/* Parameter: rechter und Linker Rahmen */
html>body #header {
margin-top: 1em;
border-left: 5px solid #999999;
border-right: 0.05em solid #999999;
}
/*
#header img {
margin-left: 0;
margin-right: auto;
height: 50px;
}
*/

#slogan {
margin: 0 17.75em 0 0;
text-align: left;
margin-left: 0;
margin-right: auto;
vertical-align: middle;
height: auto;
}

#slogan img {
margin-top: 0.5em;
margin-left: auto;
margin-right: auto;
}

#imgserie {
width: 17.75em;
float: right;
margin-right: 0;
padding: 0;
}

#imgserie img {
padding: 0.1em;
border: 0.05em solid #ffffff;
margin: 0.1em 0.1em 0em 0em;
height: auto;
height: 50px;
}


/* optische Trennung zwischen Header und Container inkl. Adresse */
#header p{
text-align: right;
font-size: 0.6em;
font-weight: bold;
color: #ffffff;
background-color: #0066cc;
margin: 0;
padding: 0.05em 0.25em 0.05em 0;
clear: both;
}

/* ---------- Headerbereich Ende ---------- */


/* ---------- Navigationsbereich Anfang ---------- */

/* Mainnavdefinition für IE */
/* Parameter: Hintergrundfarbe, Breite, Position, Rahmen */
#mainnav {
background-color: #ffffff;
height: auto;
width: 14em;
position: absolute;
top: 6.2em;
left: 1em;
border: 0.05em solid #999999;
text-align: center;
}

/* Mainnavdefinition für nicht IE */
html>body #mainnav {
position: absolute;
}

/* Logo oben in der Navigation */
#mainnav img {
width: 200px;
height: 82px;
margin: 0.0em 0;
}

/* Navigationsmenü */
/* Parameter: Hintergrundbild */
#nav {
background: #cfe1f5 url(bilder/fivepx2.gif) 12.44em 0% repeat-y;
width: 100%;
margin: 0;
padding: 0 0 0 0;
text-align: left;
font-size: 0.8em;
}

/* Listencontainer für die Menüpunkte der Navigation */
#nav ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

#nav ul li {
position: relative;
margin: 0;
padding: 0;
}

/* Menüpunkte der Navigation im Normalzustand */
/* Parameter: Ausrichtung, Hintergrund, Schriftfarbe, rechter Rahmen */

#nav ul li a {
	display: block;
	text-decoration: none;
	margin: 0em 0 0 0;
    padding: 0.7em 0.2em 0.2em 3.75em;
    color: #666666;
    font-weight: bold;
    height: 1em;
    background-color: #cfe1f5;
}

/* Workaround für nichtIE */
html>body #nav ul li a { 
height: auto;
}

/* Menüpunkte der Navigation bei Hover */
/* Parameter: Schriftfarbe, rechter Rahmen, Hervorhebung */

#nav ul li a:hover {
color: #666666;
text-decoration: underline;
background-color: #e4eef9;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */
	
#nav ul li:hover ul, #nav ul li.over ul { 
	display: block; 
}

#nav ul li:hover, #nav ul li.over { 
    background-color: #e4eef9;
    z-index: 100;
}

/* Definition der einzelnen Menüpunkte im Normalzustand in der Navigation */
/* Parameter: Hintergrundfarbe, Hintergrundbild, Position Hintergrundbild */

#navlist1 a:link, #navlist1 a:visited {
background: url(bilder/icon_start.gif) no-repeat 1em 50%;
}

#navlist2 a:link, #navlist2 a:visited {
background: url(bilder/icon_team.gif) no-repeat 1em 50%;
}

#navlist3 a:link, #navlist3 a:visited {
background: url(bilder/icon_leistungen.gif) no-repeat 1em 50%;
}

#navlist4 a:link, #navlist4 a:visited {
background: url(bilder/icon_kontakt.gif) no-repeat 1em 50%;
}

#navlist5 a:link, #navlist5 a:visited {
background: url(bilder/icon_links.gif) no-repeat 1em 50%;
}

#navlist6 a:link, #navlist6 a:visited {
background: url(bilder/icon_jobcenter.gif) no-repeat 1em 50%;
}

#navlist7 a:link, #navlist7 a:visited {
background: url(bilder/icon_mandanten.gif) no-repeat 1em 50%;
}

/* Zweite Ebene der Navigation */

/* Menüpunkte der Unternavigation im Normalzustand */
/* Parameter: Ausrichtung, Hintergrund, Schriftfarbe, rechter Rahmen */
#nav ul li ul {
	display: block;
	margin-left: 3em;
	width: auto;
	background-image: none;
}

#nav ul li.navselect {
    background: url(bilder/fivepx2.gif) 12.44em 0% repeat-y;
}

#nav ul li.navselect ul {
    position: static;
    display: block;
    margin-left: 3em;
    width: auto;
    background: #cfe1f5 url(bilder/fivepx2.gif) 9.44em 0% repeat-y;
    border: none;
}

#nav ul li.navselect ul li a {
    padding: 0.7em 0.2em 0.2em 1.75em;
}

#nav ul li ul li.navselect {
    border-right: 0.5em solid #0066cc;
    background: url(bilder/fivepx2.gif) 9.44em 0% repeat-y;
}

#nav ul li.navselone {
    background: #cfe1f5 url(bilder/fivepx2.gif) 12.44em 0% repeat-y;
    border-right: 0.5em solid #0066cc;
}

#nav ul li ul li a {
    padding: 0.7em 0.2em 0.2em 1em;
    font-size: 0.85em;
}

#nav ul li ul li a:link, #nav ul li ul li a:visited  {
    background: url(none);
}

#nav ul li ul li a:hover, #nav ul li ul li a.over {
    background-color: #e4eef9;    
}


/* ---------- Navigationsbereich Ende ---------- */


/* ---------- Inhaltsbereich Anfang ---------- */

/* Übergeordneter Container für den gesamten Inhalt inkl. linkem und rechten Bereich und Fußleiste */
/* Parameter: Hintergrundfarbe, Rand rechts/unten/links, Abstand zum Browserfenster */
#container {
background-color: #ededef;
border-right: solid 0.05em #999999;
border-bottom: solid 0.05em #999999;
border-left: solid 5px #999999;
margin: 1em 2em 1em 11em;
padding-bottom: 0em;
}

/* Workaround Pixelbug IE */
* html div#container {
height: 1em;  
}

/* Containerdefinition für nichtIE */
html>body #container {
margin-top: 5em;
padding-top: 0.1em;
}

/* Rechter Inhaltsbereich */

/* Parameter: Hintergrundfarbe, Breite */
#contright {
background-color: #ededef;
width: 11em;
float: right;
margin-top: 1em;
margin-right: 0.5em;
padding: 0;
}

/* Workaround Pixelbug IE */
* html div#contright {
height: 1em;
}

/* Überschrift in Sidebar */
#contright h2 {
font-size: 1.2em;
font-weight: bold;
color: #666666;
font-variant: small-caps;
margin-top: 0;
}

/* Parameter: Schrift */
#contright h3 {
font-size: 0.8em;
font-weight: bold;
margin-top: 0;
color: #666666;
}

/* Textinhalt in Sidebar */
/* Parameter: Schrift */
#contright p {
font-size: 0.8em;
font-weight: normal;
}

#contright ul {
font-size: 0.8em;
font-weight: normal;
list-style-image: url(bilder/list.gif);
margin-left: 1.25em;
list-style-position: outside;
}

#contright ul li {
margin-bottom: 0.3em;
}

.text {
font-size: 0.8em;
font-weight: normal;
}


/* Definition des Verhaltens einen Bildes ohne Text links und/oder rechts */
/* Parameter: Rahmen */
.imagesidebar {
float: none;
padding: 0.1em;
border: 0.05em solid #ccccff;
margin: 0.5em 0;
}

/* Linker Inhaltsbereich */

/* Parameter: Hintergrundfarbe, Position, Rahmen rechts */
#contleft {
background-color: #ededef;
height: auto;
margin: 1em 12.9em 2em 4em;
padding: 0 1em 0 2em;
padding-right: 1em;
border-right: 0.1em solid #0066cc;
min-height: 395px;
}

* html #contleft {
height: 395px;
}

/* Überschrift in linkem Inhaltsbereich */
/* Parameter: Schrift */
#contleft h2 {
font-size: 1.2em;
font-weight: bold;
color: #666666;
font-variant: small-caps;
}

/* Parameter: Schrift */
#contleft h3 {
font-size: 0.8em;
font-weight: bold;
color: #666666;
}

/* Textinahlt in linkem Inhaltsbereich */
/* Parameter: Schrift */
#contleft p {
font-size: 0.8em;
font-weight: normal;
}

#contleft ul {
font-size: 0.8em;
font-weight: normal;
list-style-image: url(bilder/list.gif);
margin-left: 1.25em;
list-style-position: outside;
}

#contleft ul li {
margin-bottom: 0.3em;
}


/* Definition des Verhaltens einen Bildes mit Text links */
/* Parameter: Rahmen */
.imagefloatright {
float: right;
padding: 0.1em;
border: 0.05em solid #ccccff;
margin: 0 0 0.5em 0.5em;
}

/* Definition des Verhaltens einen Bildes mit Text rechts */
/* Parameter: Rahmen */
.imagefloatleft {
float: left;
padding: 0.1em;
border: 0.05em solid #ccccff;
margin: 0 0.5em 0.5em 0;
}

.imageborder {
padding: 0.1em;
border: 0.05em solid #ccccff;
}

#anfrageform {
padding: 0;
margin: 0;
}

#anfrageform div { 
text-align: center;
}

#anfrageform table {
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #ededef;
border: solid 0.05em #999999;
}

#anfrageform td {
background-color: #cfe1f5;
}

#anfrageform img {
vertical-align: middle;
}

.ansprechpartner {
font-size: 0.8em;
}

.ansprechpartner tr {
height: 150px;
vertical-align: top;
}

div.fifty #contright {
/*width: 42%;*/
width: 40%;
margin-right: 0.5em;
}

div.fifty #contleft {
width: 40%;
margin: 1em 38% 2em 4em;
/*margin: 1em 45% 2em 4em;*/
padding-right: 0.5em;
}

/* ---------- Inhaltsbereich Ende --------- */


/* ---------- Fußzeilenbereich Anfang --------- */

/* Übergeordneter Container des Fußzeilenbereich */
/* Parameter: Hintergrundfarbe */
#footer {
background-color: #ededef;
clear: both;
}

/* Container für Punkte in der Fußzeile */
/* Parameter: Position, Schrift */
#footnav {
margin: 0.1em 1em 0.1em 4em;
border-top: 0.1em solid #0066cc;
font-weight: bold;
color: #666666;
}

/* Definition Verhalten der Menüpunkte im Normalzustand in der Fußzeile */
/* Paramter: Farbe, Schrift */
#footnav a:link, #footnav a:visited { 
text-decoration: none;
color: #666666;
font-size: 1em;
font-weight: bold;
}

/* Workaround für nichtIE */
html>body #footnav a:link, #footnav a:visited { 
height: auto;
}

/* Definition Verhalten der Menüpunkte Hover in der Fußzeile */
#footnav a:hover {
text-decoration: underline;
}

/* Schriftgröße in Fußzeile */
#footnav div{
font-size: 0.6em;
}

/* Position des Impressums */
#impressum {
float: left;
width: auto;
margin-left: 1.67em;
}

/* Position der Datenschutzrichtlinien */
#datenschutz {
float: left;
width: auto;
margin-left: 3em;
}

/* Position Copyright */
#copyright {
float: right;
width: auto;
}

/* Workaround für korrekte Höhe der Fußzeile */
#floatoff {
clear: both;
}

/* ---------- Fußzeilenbereich Ende --------- */