/*-----------------------------------------------

INDEX:

1. RESET
2. MAIN
3. NAVIGATION
4. GRID
5. HEADER
6. CONTENT
7. SIDEBAR
8. FOOTER
9. ALTLASTEN BKK-OETKER
10. TYPE
11. PRINT


-----------------------------------------------*/

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}


@media screen, projection
{

/*** MAIN ***/

label {cursor: pointer;}
table {width: 100%;	border-collapse: collapse; margin: 15px 0; text-align: left; color: #505050;}
td {vertical-align: top; padding: 5px 10px; border-bottom: 1px solid #c4c3c1; font-size: 70%; line-height: 120%;}
td:first-child {padding: 5px 10px 5px 0;}
thead {border-bottom: 1px solid #c4c3c1; border-top: 1px solid #c4c3c1;}
th {vertical-align: top; padding: 10px 0; font-size: 87.5%; font-weight: bold}
tr {background-color: none;}
tr:hover {background-color: #fafafa;}

tr.sondertext td {border-bottom: none; padding: 0;}
tr.sondertext:hover {background-color: transparent !important;}

hr, .trennlinie, .trenner {clear: left; line-height: 1px; height: 1px; margin: 0 0 10px 0; width: 100%; border: 0; background: #e2e3e4;}

.hide {position: absolute; top: -6000px; left: -6000px; height: 1px; width: 1px;}
.hide {display: none;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear,
html body * br.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; line-height: 0;}

img.alignleft {float: left;	margin: 0 15px 15px 0;}
img.alignright {float: right; display: block; margin: 0 15px 15px 0;}
img.alignnone {margin: 0 0 15px 0;}

fieldset {border: none; padding: 30px 0 20px 0 !important; margin: 0 !important}
legend {font-size: 80%; font-weight: bold; width: 100%; padding: 0 0 3px 0 !important; margin: 0 !important; border-bottom: 1px solid #CDC9BE}
input.inputFormular {width: 230px; border: 1px solid #CDC9BE; padding: 5px; margin-bottom: 12px;}
select {width: 240px; margin-bottom: 12px;}
.formular {float: none; margin-bottom: 0;}
textarea {width: 410px; height: 80px; border: 1px solid #CDC9BE; padding: 10px; margin-bottom: 10px;}
textarea:hover {border: 1px solid black;}

#search fieldset {border-bottom: none; padding: 0}

.formular.last {margin: 0;}
.formular p {color: #333; margin-bottom: 2px;}
.formular p span {color: #aaa9a9; font: italic 11px Georgia, Geneva, "Times New Roman", times;}
.formular input {width: 277px; border: 1px solid #808080; padding: 5px;}
.formular input:hover, .formular input:active {border: 1px solid black;}
.formular input.short {float: left; width: 56px;}
.formular input.half {float: left; width: 189px;}
.formular input.long {width: 608px;}
.formular textarea {width: 576px; border: 1px solid #808080; padding: 10px; margin-bottom: 10px;}
.formular textarea:hover {border: 1px solid black;}
.formular input.inputCheckbox {border: none; width: auto !important; height: auto; margin: 0 5px 0 0 !important; padding: 0; float: left; background: transparent;}
.formular label.inputCheckbox {display: block; padding: 0; margin: 0; float: left;}

body.landingpage form {border: 1px solid #CDC9BE; padding: 30px 10px 20px 10px !important; margin: 0 !important; background: #f2f9fd}
body.landingpage .formular {float: left; margin-right: 15px; margin-bottom: 20px}
body.landingpage .formular.last {margin-right: 0;}
body.landingpage .formular input {width: 155px}
body.landingpage .formular input.short {width: 35px; margin-right: 5px}
body.landingpage .formular input.half {width: 100px}
body.landingpage .formular.checkbox-float input {border: none; width: auto !important; height: auto; margin: 2px 5px 0 0; padding: 0; float: left; background: transparent;}
body.landingpage .formular.checkbox-float label {display: block; font-size: 80%; padding: 0; float: left; color: #333;}
body.landingpage legend {font-size: 87.5%;}

#submit_button,
#submit {width: auto !important; border: none; background: #0087d1 url(../../images/utilities/pfeil-submit.png) no-repeat right 8px; color: #fff; text-transform: uppercase; margin: 0 15px 15px 0; cursor: pointer; padding: 5px 20px 5px 10px; text-align: left !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#submit_button:hover,
#submit:hover {background: #808080;}

#reset {border: none; background: transparent url(../../images/utilities/pfeil.png) no-repeat left 8px; color: #fff; text-transform: none; margin-bottom: 15px; cursor: pointer; padding: 5px 10px; text-align: left !important; color: #0087d1}

#search {width: 168px;}
#search input {float: left; width: 130px; border: 1px solid #beb9aa !important; height: 12px; padding: 2px; margin-top: -4px;}
#search .submit {width: 20px; height: 19px; margin-left: 5px; padding: 0; border: none !important; float: left; display: block; cursor: pointer; background: url(../../images/rahmen/search-submit.jpg) no-repeat scroll 0 0}

#newsletter {width: 259px;}
#newsletter input {float: left; width: 180px; border: 1px solid #cdc9be !important; height: 15px; padding: 3px;}
#newsletter .submit {width: 25px; height: 23px; margin-left: 5px; padding: 0; border: none !important; float: left; display: block; cursor: pointer; background: url(../../images/rahmen/newsletter-submit.jpg) no-repeat scroll 0 0}

.captcha {float: left;}
input.captcha {margin: 0 5px 0 0;width: 100px;}
	
.wrapper {position: relative; width: 943px; margin: 0 auto; z-index: 1;}

/*** NAVIGATION ***/

.topnav {position: relative; float: right; width: 722px; height: 16px; vertical-align: baseline; border: 1px solid #e6e6e6; background: #fafafa; padding: 8px 0 2px 13px; margin-bottom: 12px; list-style-type: none;}
.topnav li {display: inline; float: left; margin-right: 13px; font-size: 70%; line-height: 70%; z-index: 11;}
.topnav li.suche {float: right; margin-right: 0;}
.topnav li a, .topnav li a:visited {color: #858789 !important; text-decoration: none;}
.topnav li a:hover {color: black !important;}

body.stellenanzeige .topnav {background: #f0efeb;}
body.stellenanzeige .topnav li {font-size: 80%; line-height: 80%; background: url(../../images/utilities/pfeil.png) no-repeat 0 1px; padding-left: 11px;}
body.stellenanzeige .topnav li a, body.stellenanzeige .topnav li a:visited {color: #0087d2 !important;}

body.landingpage .topnav {width: 843px; background: white; border: none; padding: 8px 50px 2px 50px}

#mainnav {width: 188px; height: auto; float: left; border-top: 1px solid #e2e3e4}

.mainnav {position: relative; margin-bottom: 0; vertical-align: baseline; float: left; z-index: 310;}
.mainnav li {position: relative; width: 188px; display: block; font-size: 80%; line-height: 80% !important; z-index: 11; border-bottom: 1px solid #e2e3e4;}
.mainnav li a, 
.mainnav li a:visited {width: 188px; height: 14px; padding: 8px 0; display: block; color: #535353; text-decoration: none;}
.mainnav li a:hover {color: black;}
.mainnav li.current_page_item {width: 188px;}
.mainnav li.current_page_item a {font-weight: bold}

ul.sub-menu {position: relative; height: auto; width: 188px !important; padding: 11px 0 22px 0; border-top: 1px solid #e2e3e4; display: none; visibility: hidden; margin: 0 !important;}
ul.sub-menu li {height: auto !important; font-size: 100%; line-height: 120% !important; border: none; padding: 0 !important;}
ul.sub-menu li a {height: auto !important; padding: 0 0 0 9px !important; font-weight: normal !important}
ul.sub-menu li a:hover {color: black !important; display: block}
ul.sub-menu li.current_page_item {border: none !important;}
ul.sub-menu li.current_page_item a,
ul.sub-menu li.current_page_item a:visited {font-weight: bold !important}

.mainnav li.current_page_item ul.sub-menu {display: block; visibility: visible}

.footernav {width: auto; display: block; padding: 0; background: transparent; float: right}
.footernav li {display: inline; font-size: 70%; margin-left: 15px; text-transform: none; color: #666; z-index: 120;}
.footernav li a {line-height: 100%; color: #e15711 !important; font-weight: bold; text-decoration: none}
.footernav li a:hover {color: black !important;}

/*** GRID ***/

.grid {width: 210px; float: left; margin-right: 12px;}
.grid.last {margin-right: 0}

.grid.two {width: 384px}

/*** HEADER ***/

#header {position: relative; width: 943px; height: 225px; margin-bottom: 19px; z-index: 1;}
#header .content {float: left; height: 184px; width: 737px !important; margin: 0; padding: 0;}

body.stellenanzeige #header {margin-bottom: 37px;}
body.landingpage #header {height: 240px; margin-bottom: 25px;}

h1.logo	{width: 147px; height: 59px; float: left; margin: 0 59px 0 0; z-index: 3; background: url(../../images/rahmen/logo.jpg) no-repeat scroll 0 0}
h1.logo span {visibility: hidden;}

body.landingpage h1.logo {margin: 25px 50px; float: none}
body.landingpage #header .content {width: 843px; margin: 0 50px; float: none;}

/*** CONTENT ***/

#breadcrumb {width: 737px; height: 18px; float: right;}

#main {width: 943px; margin-bottom: 25px;}
#main .content {width: 432px; float: left; padding-top: 20px; margin: 0 24px 0 18px;}

body.stellenanzeige #main .content {padding-top: 0; margin-left: 206px}

body.Startseite #main .content {padding-top: 0}

body.landingpage #main .content {width: 793px; float: none; padding-top: 0; margin: 0 75px;}

/*** SIDEBAR ***/

#sidebar {width: 279px; float: left; background: #fafafa; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
#sidebar .content {width: 259px; height: auto; margin: 0; float: none; padding: 10px !important; border-bottom: 1px solid #e7e7e7;}
body.stellenanzeige #sidebar .content {margin-left: 0}

#sidebar .ausrichtungLinks {float: left; display: inline; margin: 0 5px 10px 0;}

/*** FOOTER ***/

#footer {width: 456px; margin-left: 206px;}
#footer .text {width: 448px; height: 12px; background: url(../../images/rahmen/bg-footer.jpg) no-repeat scroll 0 0; padding: 8px 4px;}

body.landingpage #footer {margin-left: 75px; width: 793px;}
body.landingpage #footer .text {width: 785px; background: url(../../images/rahmen/bg-footer-landing.jpg) no-repeat scroll 0 0;}

/*** ALTLASTEN BKK-OETKER ***/

.abstand5 {width: 5px; height: 5px;}
.abstand10 {width: 10px; height: 10px;}
.abstand20 {width: 20px; height: 20px;}

.ausrichtungLinks {float: left; margin: 0 10px 10px 0;}
.ausrichtungRechts {float: right; margin: 0 0 10px 10px;}
.keineAusrichtung {display: block; margin: 0 0 10px 0;}

.zweispaltig {width: 50%; float: left; margin: 0 0 15px 0;}

.doublecheckbox {width: 50%; float: left; margin: 0;}

#article img, #sidebar img	{margin: 5px 5px 5px 0;}

.flagge {margin: 0 0 0 5px; float: right;}

}

/* TYPE */

body {font: normal 100.01% Arial, sans-serif; color: #555555;}

h1,h2,h3,h4,strong {font-weight: bold;}
h1 {font-size: 125%; margin-bottom: 15px; text-transform: uppercase; font-family: "Arial Narrow", Arial, sans-serif}
h2 {font-size: 100%; margin-bottom: 13px;}
h3 {font-size: 80%; line-height: 120%; margin-bottom: 10px;}
h4 {font-size: 80%; margin-bottom: 5px;}

body.stellenanzeige h1 {margin-bottom: 0;}
body.stellenanzeige h2 {font-size: 80%;}
body.stellenanzeige h3 {margin-top: 13px;}

body.landingpage #header .content h1 {position: absolute; bottom: 25px; display: inline; margin: 0 25px; padding: 5px; font-size: 200%; background: white; }

fieldset h2 {font-size: 80%; margin-bottom: 13px; font-weight: bold; color: #555555 !important }

tr.sondertext h3,
tr.sondertext h4 {font-weight: normal; margin-bottom: 0; font-size: 100%;}

#sidebar h2 {text-transform: uppercase; font-weight: bold; font-size: 87.5%}

a {color: #0087d2;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
a:visited {color: #0087d2;}
a:active {color: #0087d2;}
a:hover {color: #555; text-decoration: none}
#footer a {color: white !important; text-decoration: none}
#footer a:hover {color: white; text-decoration: underline}
#search a {color: white}
#search a:hover {color: #c6c6c6}

.linkIntern {background: url(../../images/utilities/pfeil.png) no-repeat 0 4px; vertical-align: middle; padding: 0 0 0 9px;}

h1.logo a, h1.logo a:link {width: 147px; height: 59px; z-index: 3; display: block; padding: 0; font-size: 70%; text-align: center; font-weight: normal; text-decoration: none; color: #bc6508;}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {color: #858789 !important; text-decoration: none;}
#breadcrumb a:hover {color: black !important;} 
#breadcrumb a.active {font-weight: bold;}

a[href $='.pdf'] {}
a[href $='.jpg'] {}

p {font-size: 80%; margin-bottom: 10px; line-height: 130%;}
address {font-size: 80%; margin: 0; line-height: 130%; padding: 0; font-style: normal;}
sup {margin: 0; padding: 0; font-size: 70%; vertical-align: top;}
em {font-style: italic;}
small,p small, .kleineschrift {font-size: 50%; line-height: 100%;}

#breadcrumb p {color: #858789; font-size: 70%; margin-bottom: 0; line-height: 70% !important;}
#footer p {color: white; font-size: 62.5%;}

body.landingpage p {font-size: 87.5%; line-height: 140%;}

.nomargin {margin-bottom: 0}

#main .content ul {font-size: 80%; line-height: 130%; margin: 0 0 10px 1px; list-style-type: none;}
#main .content ol {margin: 0 0 15px 0; padding: 0; background: transparent;}
#main .content li {margin: 0 0 5px 0; padding-left: 11px; background: transparent url(../../images/utilities/aufzaehlung.png) no-repeat 0 3px}
#main .content li ul {margin: 0 0 10px 0; font-size: 100%;}
#main .content li ul li {list-style-type: circle !important; list-style-position: outside; background: none !important; margin: 0 0 0 14px !important;}
#main .content ol li {margin: 0 0 10px 0; list-style-type: decimal; background: transparent;}

#main .content table ul {width: 200px; margin-right: 12px; font-size: 100%; line-height: 100%; margin: 0; list-style-type: none;}
#main .content table li {margin: 0; padding: 3px 0 !important; border-bottom: 1px solid #e2e3e4; background: transparent}
#main .content table li:first-child {border-top: 1px solid #e2e3e4;}


blockquote p {margin: 0; padding: 0;}
blockquote {margin: 0 0 10px 0; font-style: italic; padding: 0 0 15px 25px;}


/*** PRINT ***/

@media print{

body {background-color: white; text-align: center; color: black; font: 100.01% arial, sans-serif; margin: 10px 1cm 10px 1cm;}
p {font-size: 90%; line-height: 140%; margin: 0 0 10px 0; color: black;}
h1, h2 {color: black;}
a:link, a:visited {color: blue; text-decoration: underline; padding: 0;}
a:hover {color: black; text-decoration: none;}
ol {margin: 0 0 15px 0; padding: 0; background: transparent; list-style-position: inherit;}
ul, ol {background: transparent; padding: 0; font-size: 87.5%; line-height: 140%; color: black; overflow: visible;}
li {background: transparent; list-style-type: square; padding: 0 0 0 12px; margin: 0;}

.wrapper	{display: block; height: auto; width: 100%; padding: 0; margin: auto; text-align: left; background-color: white; background-image: none;}
.main {width: auto; height: 100%; padding: 0; margin: 0; }

#header, #footer, #sidebar {position: absolute; top: -6000px; left: -6000px; height: 1px; width: 1px;}

}