@import url("formulare.css");
html,
body
{
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	background: #FFD3A4 url(../images/layout/background.gif) repeat-x;
	color: #5D767C;
	font: normal 12px Tahoma, Arial, Helvetica, Sans-serif;
	line-height: 1.525em;
}
a
{
	color: #33484D; /* neutrale Variante */
	color: #F27000;
}
a.extern
{
	padding: 0 16px 0 0;
	background: url(../images/layout/icon_extern.gif) no-repeat right center;
}
a img
{
	border: none;
}
address
{
	margin: 0;
	padding: 4px 0 4px 0;
	font-style: normal;
}

div.adressen p
{
	margin-top: 10px;
}


h1
{
	margin: 0;
	padding: 32px 0 8px 0;
	color: #33484D;
	font: normal 18px Tahoma, Arial, Helvetica, Sans-serif;
}
h2
{
	margin: 0;
	padding: 10px 0 4px 0;
	color: #33484D;
	font: normal 14px Tahoma, Arial, Helvetica, Sans-serif;
}
h3
{
	margin: 0;
	padding: 6px 0 2px 0;
	color: #33484D;
	font: normal 14px Tahoma, Arial, Helvetica, Sans-serif;
}
p
{
	margin: 0;
	padding: 4px 0 4px 0;
}
p.rechtliches
{
	margin-top: 32px;
	font-size: 11px;
}
p sup, p sub
{
        font-size: 11px;
}
h1 sup
{
        font-size: 9px;
        vertical-align: top;
}
#subnavigation sup
{
	font-size: 8px;
	vertical-align: top;
}
ul
{
	margin: 0;
	padding: 4px 0 4px 0;
	list-style-type: none;
}
ul li
{
	padding: 0 0 4px 8px;
	margin: 0 0 0 8px;
	background: url(../images/layout/pfeil_light.gif) no-repeat 0 0.625em;
}


/* Framework */

#wrapper
{
	width: 880px;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 8px 0 8px;
	background: url(../images/layout/wrapper_background.gif) repeat-y;
}

/* Header */

#header
{
	position: relative;
	height: 640px;
	width: 896px;
	margin: 0 -8px -468px -8px;
	padding: 0 8px 0 8px;
	background: url(../images/layout/header_background.gif) no-repeat;
}

/* Logo */

#logo
{
	width: 880px;
	height: 117px;
	padding: 28px 0 0 0;
	background: url(../images/layout/header.jpg) no-repeat 0 28px;
}
#logo a
{
	display: block;
	width: 100%;
	height: 117px;
}
#logo span
{
	display: none;
}
#logo_nostyles
{
	display: none;
}

/* Hauptnavigation */

#navigation
{
	height: 27px;
	width: 641px;
	padding: 0 0 0 239px;
	background: url(../images/layout/nav_background.gif) repeat-x;
}
#navigation li
{
	float: left;
	width: 134px;
	height: 25px;
	margin: 0;
	padding: 1px 0 1px 0;
	background: url(../images/layout/nav_button.gif) repeat-x;
}
#navigation a
{
	display: block;
	width: 133px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#navigation a:hover,
#navigation a:focus
{
	background-position: 0 -25px;
}
#navigation li.unternehmen
{
	padding-left: 1px;
}
#navigation li.unternehmen a
{
	background-image: url(../images/layout/nav_button_unternehmen.gif);
}
#navigation li.kunden a
{
	background-image: url(../images/layout/nav_button_kunden.gif);
}
#navigation li.mitarbeiter a
{
	background-image: url(../images/layout/nav_button_mitarbeiter.gif);
}
#navigation li.bewerber a
{
	background-image: url(../images/layout/nav_button_bewerber.gif);
}
#navigation span
{
	display: none;
}

/* Userlinks */

#userlinks
{
	position: absolute;
	top: 4px;
	left: 520px;
	width: 348px;
	height: 24px;
	padding: 0;
}
#userlinks li
{
	float: left;
	width: 112px;
	height: 24px;
	margin: 0;
	padding: 0 4px 0 0;
}
#userlinks a
{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#userlinks li.aktuelles a
{
	background-image: url(../images/layout/meta_button_aktuelles.gif);
}
#userlinks li.registrieren a
{
	background-image: url(../images/layout/meta_button_registrieren.gif);
}
#userlinks li.login a
{
	background-image: url(../images/layout/meta_button_login.gif);
}
#userlinks span
{
	display: none;
}

/* Linke Spalte */

#left_column
{
	position: relative;
	float: left;
	width: 240px;
	min-height: 144px;
	margin: 0;
	background: url(../images/layout/content_header.gif) repeat-x;
}

/* Bereichsheadline */

h2.current_section
{
	width: 176px;
	height: 36px;
	padding: 90px 0 0 32px;
	margin: 18px 0 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/layout/current_unternehmen.jpg);
	color: #FFFFFF;
	font-size: 15px;
}

/* Subnavigation */

#subnavigation
{
	width: 198px;
	padding: 0 0 12px 0;
	background-color: #DBE3E4;
	border: solid 1px #FFFFFF;
	border-bottom: none;
}
#subnavigation li
{
	margin: 0;
	padding: 0;
	background: none;
}
#subnavigation a
{
	display: block;
	width: 170px;
	padding: 4px 4px 4px 24px;
	border-bottom: solid 1px #FFFFFF;
	color: #35494E;
	text-decoration: none;
	line-height: 16px;
}
#subnavigation li a:hover,
#subnavigation li a:focus
{
	color: #FFFFFF;
}
#subnavigation li.active a
{
	background: url(../images/layout/pfeil_bold_white.gif) no-repeat 10px 9px;
	color: #FFFFFF;
}
#subnavigation ul
{
	width: 198px;
	padding: 0;
	background-color: #E6ECED;
	border: none;
}
#subnavigation li.active ul a
{
	width: 162px;
	padding-left: 32px;
	color: #5D767C !important;
	font-size: 11px;
	background: url(../images/layout/pfeil_light.gif) no-repeat 16px 9px;
}

#subnavigation li.active ul ul ul a
{
        width: 142px !important;
        padding-left: 52px !important;
        background-position: 42px center !important;
}

/* Metanavigation */

#metanavigation
{
	padding: 12px 40px 0 24px;
	color: #94A5A9;
}
#metanavigation a
{
	color: #94A5A9;
	font-size: 11px;
	text-decoration: none;
}

/* Inhaltsbereich */

#content
{
	position: relative;
	float: left;
	width: 472px;
	margin: 0;
	padding: 144px 136px 0 32px;
	background: url(../images/layout/content_header.gif) repeat-x 0 0;
}


#header_image
{
	display: block;
	width: 536px;
	height: 136px;
	margin: -136px -32px 0 -32px;
	padding: 0;
	border: none;
}


/* Footer */

p.clear
{
	clear: both;
	height: 96px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

#footer
{
	position: relative;
	width: 536px;
	height: 72px;
	margin: -72px auto 0 auto;
	padding: 0 112px 0 248px;
	background: url(../images/layout/footer_background.gif) no-repeat left bottom;
}
#footer a
{
	color: #6C7C80;
	font-size: 11px;
	text-decoration: none;
}
#footer p
{
	padding: 0;
	color: #6C7C80;
	line-height: 14px;
}
#footer p.printlink a
{
	padding: 0 0 0 24px;
	background: url(../images/layout/icon_print.gif) no-repeat 4px 0;
}
#footer p.toplink
{
	margin-top: -14px;
	text-align: right;
}
#footer p.toplink a
{
	padding: 0 4px 0 16px;
	background: url(../images/layout/icon_top.gif) no-repeat 0 0;
}
#footer p.copy
{
	margin-top: 38px;
	padding: 0 4px 0 4px;
	font-size: 10px;
	text-align: right;
}

/* Seitenspezifische Styles */

/* Subnavigation */

body.unternehmen #subnavigation li a:hover,
body.unternehmen #subnavigation li a:focus,
body.unternehmen #subnavigation li.active a
{
	background-color: #F27000;
}
body.kunden #subnavigation li a:hover,
body.kunden #subnavigation li a:focus,
body.kunden #subnavigation li.active a
{
	background-color: #5C95A6;
}
body.mitarbeiter #subnavigation li a:hover,
body.mitarbeiter #subnavigation li a:focus,
body.mitarbeiter #subnavigation li.active a
{
	background-color: #788D06;
}
body.bewerber #subnavigation li a:hover,
body.bewerber #subnavigation li a:focus,
body.bewerber #subnavigation li.active a
{
	background-color: #4B0307;
}

body.unternehmen #subnavigation li.active ul a,
body.kunden #subnavigation li.active ul a,
body.mitarbeiter #subnavigation li.active ul a,
body.bewerber #subnavigation li.active ul a
{
	background-color: transparent !important;
}
body.unternehmen #subnavigation li.active ul a,
body.kunden #subnavigation li.active ul a,
body.mitarbeiter #subnavigation li.active ul a,
body.bewerber #subnavigation li.active ul a
{
	background-color: transparent;
}
body.unternehmen #subnavigation li.active ul a:hover,
body.unternehmen #subnavigation li.active ul a:focus,
body.unternehmen #subnavigation li.active ul li.active a,
body.kunden #subnavigation li.active ul a:hover,
body.kunden #subnavigation li.active ul a:focus,
body.kunden #subnavigation li.active ul li.active a,
body.mitarbeiter #subnavigation li.active ul a:hover,
body.mitarbeiter #subnavigation li.active ul a:focus,
body.mitarbeiter #subnavigation li.active ul li.active a,
body.bewerber #subnavigation li.active ul a:hover,
body.bewerber #subnavigation li.active ul a:focus,
body.bewerber #subnavigation li.active ul li.active a
{
	background-color: #FBFAF7 !important;
}

/* Bereichsheadline */

body.unternehmen h2.current_section
{
	background-image: url(../images/layout/current_unternehmen.jpg);
}
body.kunden h2.current_section
{
	background-image: url(../images/layout/current_kunden.jpg);
}
body.mitarbeiter h2.current_section
{
	background-image: url(../images/layout/current_mitarbeiter.jpg);
}
body.bewerber h2.current_section
{
	background-image: url(../images/layout/current_bewerber.jpg);
}

/* Links im Content */

body.unternehmen #content a
{
	color: #F27000;
}
body.kunden #content a
{
	color: #5C95A6;
}
body.mitarbeiter #content a
{
	color: #788D06;
}
body.bewerber #content a
{
	color: #4B0307;
}

#subnavigation li.active ul li.active li a
{
	width: 152px;
	padding-left: 42px;
	background: #fff;
}

#subnavigation li.active ul li.active li.active a,
#subnavigation li.active ul li.active li a:hover,
#subnavigation li.active ul li.active li a:focus
{
	background: url(../images/layout/pfeil_light.gif) no-repeat 32px 9px;
}

/* Sitemap */

#sitemap
{
	margin-top: 16px;
}
#sitemap a
{
	display: block;
	padding: 2px 0 2px 16px;
	border-bottom: solid 1px #5D767C;
	text-decoration: none;
}
#sitemap ul
{
	margin: 0;
	padding: 0;
}
#sitemap ul li
{
	font-size: 15px;
	padding: 0;
	margin: 0;
	background-position: 6px 9px;
}
#sitemap ul li ul
{
	margin: 12px 0 24px 0;
	padding-left: 256px;
}
#sitemap ul li ul li
{
	font-size: 12px;
}
#sitemap ul li ul li a
{
	border-color: #EFEFEF !important;
	color: #33484D !important;
}
#sitemap ul li ul li ul
{
	margin: 0;
	padding: 0;
}
#sitemap ul li ul li ul li a
{
	padding-left: 32px;
	color: #5D767C !important;
}

/* Farbkodierung */

#sitemap li.unternehmen a
{
	color: #F27000;
	border-color: #F27000;
}
#sitemap li.kunden a
{
	color: #5C95A6;
	border-color: #5C95A6;
}
#sitemap li.mitarbeiter a
{
	color: #788D06;
	border-color: #788D06;
}
#sitemap li.bewerber a
{
	color: #4B0307;
	border-color: #4B0307;
}

/* Druckstyles */

@media print
{
html,
body
{
	height: auto;
	font-size: 10pt;
}
#header
{
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
#wrapper
{
	width: auto;
	margin: 0;
	padding: 1cm;
	border: solid 1px #DBE3E4;
}
#logo
{
	display: none;
}
#logo_nostyles
{
	display: block;
}
#navigation
{
	display: none;
}
#userlinks
{
	display: none;
}
#left_column
{
	clear: both;
	float: none;
	width: auto;
	height: auto;
	min-height: 0;
	margin-top: 0.5cm;
	padding-bottom: 0.2cm;
	border-bottom: solid 1px #DBE3E4;
}

h2.current_section
{
	display: inline;
	width: auto;
	height: auto;
	padding: 0 1em 0 0;
	margin: 0;
	background: none;
	font-size: 10pt;
}
#subnavigation,
#subnavigation ul
{
	display: inline;
	background: none;
}
#subnavigation li
{
	display: inline;
}
#subnavigation li a
{
	display: none;
}
#subnavigation li.active,
#subnavigation li.active a
{
	display: inline;
	padding: 0;
}
#subnavigation li.active a
{
	padding: 0 1em 0 1em;
	border-left: solid 1px #DBE3E4;
	color: #5D767C;
	font-size: 10pt;
}
#subnavigation li.active li
{
	display: inline;
}
#subnavigation li.active li a
{
	display: none;
}
#subnavigation li.active li.active,
#subnavigation li.active li.active a
{
	display: inline;
	padding: 0;
}
#subnavigation li.active li.active a
{
	padding: 0 1em 0 1em;
	border-left: solid 1px #DBE3E4;
	color: #5D767C;
	font-size: 10pt;
}
#metanavigation
{
	display: none;
}

#content
{
	position: static;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#header_image
{
	display: none;
}
#content ul
{
	margin-left: 0.2cm;
	list-style-type: square;
}
#sitemap ul
{
	list-style-type: none;
}
body.unternehmen h2.current_section
{
	color: #F27000;
}
body.kunden h2.current_section
{
	color: #5C95A6;
}
body.mitarbeiter h2.current_section
{
	color: #788D06;
}
body.bewerber h2.current_section
{
	color: #4B0307;
}

#footer
{
	position: static;
	width: auto;
	height: 1cm;
	margin: -1cm 0 0 0;
	padding: 0 1cm 0 1cm;
	background: none;
	border-top: solid 1px #DBE3E4;
}
#footer p.printlink,
#footer p.toplink
{
	display: none;
}
#footer p.copy
{
	margin-top: 0.8em;
	padding: 0;
	font-size: 9pt;
	text-align: right;
}
}