*{padding: 0; margin: 0;}
html {height: 100%;}
body {background-color: #ebebeb;}
body,p,div,td,input,h1,h2,h3,a,textarea {font-family: 'Droid Sans', Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 13px; font-size: 0.81rem; line-height: 20px; line-height: 1.25rem; color: #6f7074;}

//font-family: 'Roboto Slab', serif;

//div {border: 1px solid red;}

.clear {clear: both; width: 100%; display: block; padding: 0; margin: 0; border: 0 none; font-size: 0; height: 0; line-height: 0;}	

.small {font-family: 'Droid Sans', Verdana, Arial, Geneva, Helvetica, sans-serif;  font-size: 13px; font-size: 0.81rem; color: #6f7074;}

/**** links ****/
a {color: #009092; text-decoration: none;}

#home {height: 16px; float:left; margin: 11px 25px 0 0;}
	
#headerTop {height: 40px; background-color: #009092; text-align: center;}
#headerMiddle {width: 1000px; height: 40px; margin: -40px auto 0 auto; position: relative;}
#illustration {background-color: #ffffff; width: 100%; height: 360px;}
#sliderTop {width: 1000px; margin: 0 auto; position: relative;}

#page {width: 1000px; position: relative; background: #ebebeb; margin: 0 auto;}

#bottom {background-color: #009092; height: 380px; width: 100%;}
#bottombottom {background-color: #ffffff; height: 110px; width: 100%;}
#logos {width: 1000px; position: relative; margin: 0 auto; padding: 10px 0 0 0;}
.logo {margin: 0 50px 0 0; float: left;}
//#logos img {margin: 0 50px 0 0;}
ul#mobileNavi {display: none !important;}
	
/* ----- HEADER ----- */
#header {height: 40px; padding: 0 20px; background-color: #ff9632;}

/* ----- NAVIGATION ----- */
//#navigation_header {display: inline; float: right; height: 30px; margin-top: 5px; margin-right: -5px; border: 1px solid #00cc00;}
#navigation_header {display: inline; float: right; height: 30px; margin-top: 5px; margin-right: -5px;}
#navigation_header li {list-style: none; float: left;}
#navigation_header li a {text-decoration: none; display: block; padding: 7px 8px; color: #797979;}
#navigation_header li ul li a.active, #navigation_header li a:hover{color: #316AB2;}
#navigation_header #search_term {outline: none; background: none; border: none; width: 130px; cursor: pointer; padding-left: 2px; color: #ffffff;}
#navigation_header form {margin-top: 3px; background: url('../images/misc/sprite.png') no-repeat -252px -293px; width: 24px; height: 23px; overflow: hidden;}
#navigation_header form.active {background: url('../images/misc/sprite.png') no-repeat -252px -335px;}

	
/* Topnavigation allgemein */
#menu {float:left; width: 1020px; height: 30px;}
#menu ul {list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li a, .menu ul li a:visited {font-size: 16px; text-transform: uppercase; margin: 10px 40px 0 0; float: left; display:block; text-decoration:none; text-align:left; color:#ffffff;}
#menu ul li:hover a {text-align: left; color:#ff9632; font-style: normal;}
#menu ul li a.active {text-align: left; font-style: normal; color:#ff9632;}

#menu ul li ul {display: none; z-index:100; }
#menu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:250px; border: 1px solid #cccccc; padding: 10px 0;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {line-height:15px; background:#ffffff; padding-left: 25px; width: 225px; display:block; color:#3B3B3A;}
#menu ul li:hover ul li a:hover {color:#003B81; font-weight: bold;}
#menu ul li:hover ul li:hover ul {display:block; width: 250px; position:absolute; left:250px; top:-11px;}
#menu ul li:hover ul li:hover ul.left {left:-275px;}

/* 2. Navigation */
#navigation ul {list-style: none;}
#navigation ul li {float:left; position:relative;}
//#navigation ul li a, .menu ul li a:visited {font-size: 16px; text-transform: uppercase; margin: 10px 40px 0 0; float: left; display:block; text-decoration:none; text-align:left; color:#ffffff;}
#navigation ul li a, .menu ul li a:visited {font-size: 16px; text-transform: uppercase; margin: 10px 30px 0 0; float: left; display:block; text-decoration:none; text-align:left; color:#ffffff;}
#navigation ul li:hover a {text-align: left; color:#009092; font-style: normal;}
#navigation ul li a.active {text-align: left; font-style: normal; color:#009092;}
	
#navigation ul li ul {display: none; z-index:100; }
#navigation ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:250px; border: 1px solid #cccccc; padding: 10px 0;}
#navigation ul li:hover ul li ul {display: none;}
#navigation ul li:hover ul li a {line-height:15px; background:#ffffff; padding-left: 25px; width: 225px; display:block; color:#3B3B3A;}
#navigation ul li:hover ul li a:hover {color:#003B81; font-weight: bold;}
#navigation ul li:hover ul li:hover ul {display:block; width: 250px; position:absolute; left:250px; top:-11px;}
#navigation ul li:hover ul li:hover ul.left {left:-275px;}

/* servicenavigation */
#servicenavigation {display: inline; float: right;}
#servicenavigation li {list-style: none; float: left;}
#servicenavigation li a {text-decoration: none; display: block; margin: 10px 0 0 15px; color: #ffffff;}
#servicenavigation li a.active {text-decoration: none; display: block; margin: 10px 0 0 15px; color: #ff9632;}
	
/* ----- CONTENT ----- */
#content {width: 100%; padding: 15px 0 45px 0; min-height: 300px; float: left;}
#content sup {vertical-align: super;}
#content sub {vertical-align: sub;}
#contentBreit {width: 70%; float: left;}
#contentBreit img.right {float: right; margin: 0 0 20px 20px;}
#contentBreit h3 {margin: 30px 0 15px 0;}	

#contentRight {width: 26%; float: right;}
#contentRight .competentia {width: 100%; background-color: #ffffff;}	
#contentRight .competentia img {margin: 20px 20px 20px 20px;}
	
/*#content img {margin: 20px 0; max-width: 100%;}*/
	
h1 {font-family: 'Roboto Slab', serif; font-size: 30px; font-size: 1.875rem; font-weight: 300; line-height: 150%; color: #009092; margin-bottom: 15px;}
h2 {font-weight: bold; margin-bottom: 15px;}
p+p {margin-top: 7px;}
p a:hover, td a:hover {color: #009092;}
#content ul, #content ol, #contentStandard ul, #contentStandard ol {margin: 20px 0 20px 20px; line-height: 19px;}
#contact_form_submit_right .button.red {margin-top: 0;}
p+.button.red {line-height: 25px;}

/* ----- NEWSTEASER ----- */

#contentBreit .teaser_img {width: 100%; float: left;}

/* teaser_text */
#contentBreit .teaser_text .row {float: left; margin: 0; width: 100%;}
#contentBreit .teaser_text h3 {font-size: 13px; font-size: 0.81rem; color: #009092; margin: 0 0 4px 0;}
#contentBreit .teaser_text .teaser_txt a.more {color: #ff9632; text-decoration: none;}
#contentBreit .teaser_text .teaser_txt a.more:hover {color: #009092;}
		
/* teaser_image */
#contentBreit .teaser_img .row {min-height: 110px; margin: 0 0 10px 0;}
#contentBreit .teaser_img .teaser_img {float: left; margin: 0 20px 0 0; height: 90px; width: 90px;}
#contentBreit .teaser_img h3 {font-size: 13px; font-size: 0.81rem; color: #009092; margin: 0 0 4px 0;}
#contentBreit .teaser_img .teaser_text a.more {color: #ff9632; text-decoration: none;}
#contentBreit .teaser_img .teaser_text a.more:hover {color: #009092;}

#contentRight .teaser_img .row {width: 100%; background-color: #ffffff; margin: 15px 0 0 0;}	
#contentRight .teaser_text {padding: 15px 15px 15px 15px;}
#contentRight .teaser_text h3 {font-size: 16px; font-size: 1 rem; font-weight: 400; color: #009092; margin: 0 0 4px 0;}
#contentRight .teaser_text a.more {color: #ff9632; text-decoration: underline;}
#contentRight .teaser_text a.more:hover {color: #009092;}
		
/* ----- SEARCH RESULT ----- */
#search_term.full {width: 316px; height: 28px; border-radius: 4px; padding: 0 5px; border: 1px solid #6f7074; margin-bottom: 30px; outline: none;}
#navigation_searchform_top + h3 {white-space: pre-line; word-break: break-all;}
.submit.search {vertical-align: top; background: #ff9632; border: 1px solid #ff9632; border-radius: 4px; height: 28px; color: #ffffff; padding: 0 15px; cursor: pointer;}
.pagination {padding: 10px 0; font-size: 13px; font-size: 0.81rem;}
.pagination ul {display: inline; margin: 0; float: right;}
.pagination ul li {list-style: none; float: left; margin-left: 5px;}
.pagination ul li a {color: #6f7074;}
.pagination ul li a.active,.pagination ul li a:hover {color: #ff9632;}
#content ul#search_result {display: inline;}
#search_result li {list-style: none; padding: 0 10px 0 20px;}
#search_result li>span {position: absolute; width: 29px; margin-left: -33px; text-align: right; color: #009092;}
#search_result li a {color: #ff9632;}
#search_result li a:hover,#search_result li:hover a {color: #ff9632;}
#search_result li p {margin: 5px 0 20px 0;}

/* ----- FOOTER ----- */
#footer {width: 1000px; position: relative; margin: 0 auto; padding: 30px 0 0 0;}
#footer h1, #footer h2, #footer p, #footer a {color: #ffffff;}
#footer .adresse {width: 32%; margin: 0 9% 0 0; float: left;}

#footer .contact {width: 45%; float: left; margin: 20px 0 0 0;}
#footer .contact .pifa-form {margin: 0;}
#footer .contact #pifa-field-8 {display: none;}
#footer .contact #pifa-field-9 {display: none;}
#footer .contact #pifa-field-10 {display: none;}
#footer .contact #pifa-field-11 {display: none;}
#footer .contact #pifa-field-12 {display: none;}
#footer .contact label.pifa-field-lbl {text-transform: uppercase; color:#ffffff; margin: 0 0 6px 0;}
#footer .contact input {border-radius: 5px; width: 100%; border: none; height: 28px; margin: 0 20px 10px 0;}
#footer .contact textarea {width: 100%; border-radius: 5px; border: none;}
#footer .button_grey input {width: 160px; background-color: #C8C8C8; margin: 10px 0 0 0; text-transform: uppercase;font-size: 13px; font-size: 0.81rem; }
#footer .button_red input#pifa-field-elm-16  {width: 160px; margin: 10px 20px 10px 0; text-transform: uppercase;font-size: 13px; font-size: 0.81rem; }

/* ----- PIFAFORM ----- */
.pifa-form {margin-top: 30px; position: relative;}
.pifa-form label {display: block; min-width: 160px; float: left;}
.pifa-form div.checkbox-wrapper label {width: 438px;}
.pifa-form div.privacy {margin-bottom: 15px;}
.pifa-form select {width: 456px;}

.pifa-form input[type="text"],textarea {width: 450px; border-radius: 5px; border: none; margin: 0 0 10px 0;}

.pifa-form input[type="text"] {height: 28px;}
.pifa-form textarea {height: 100px;}

.pifa-form .pifa-error select,.pifa-form .pifa-error input,.pifa-form .pifa-error textarea {border: 1px solid #C31250;}
.pifa-form .pifa-error input[type="text"],.pifa-form .pifa-error textarea {width: 454px;}
.pifa-form .pifa-error label {color: #C31250;}
.pifa-form p {display: none;}
.pifa-form .pifa-error .pifa-error-message {display: block;}
.pifa-form .pifa-error:hover p {display: block;}

.button_red input {height: 28px; border: 1px solid #ff9632; border-radius: 4px; margin: 10px 20px 0 160px; float: left; position: relative; background-color: #ff9632; width: 160px; color: #ffffff; font-weight: bold; text-transform: uppercase;}
.button.grey,div.button_grey input {height: 28px; margin-top: 10px; position: relative; z-index: 2; display: block; width: 150px; text-align: center; font-weight: bold; text-decoration: none; color: #ffffff; background: #6f7074; border-radius: 4px; font-size: 12px; border: none; text-transform: uppercase;}

#pifa-field-19, #pifa-field-20 {display: none;}	

/* ----- WEGWEISER ----- */	
#wegweiserForm {margin: 25px 0 25px 0; float: left; width: 100%;}
.wegweiserLeft {float: left; width: 48%;}
.wegweiserRight {float: right; width: 48%;}
		
input[type=checkbox].css-checkbox {display:none;}
input[type=checkbox].css-checkbox + label.css-label {float: left; padding: 0 0 0 25px; height:20px; display:inline-block; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -20px;}
label.css-label {background-image:url(../upload/layout/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.checkbox {padding: 5px 0 0 0; width: 100%; float: left;}	
.wegweiserLeft label {float: left;}
.item {width: 85%; float: left;}	

#wegweiserSearch {margin: 15px 0 0 0; float: left; text-align: left; width: 100%;} 
.button_red_wegweiser input {height: 28px; -webkit-appearance: none; border: 1px solid #ff9632; border-radius: 4px; margin: 3px 20px 0 0; float: left; position: relative; background-color: #ff9632; width: 160px; color: #ffffff; font-weight: bold;}

.wegweiserSearchResult {margin: 0 0 20px 0;}	
.wegweiserSearchResult h1 {font-family: 'Droid Sans', Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 13px; font-size: 0.81rem; line-height: 15px; line-height: 0.94rem; font-weight: bold; margin: 0;}	
h3 {color: #ff9632; margin: 0 0 15px 0; font-size: 20px; font-weight: normal; line-height: 24px; line-height: 1.5rem;}

#mobileNavi ul {border: 1px solid #cc0000;}
#sitemapmobile {float: left; width: 100%; border: 1px solid #cc0000;}
ul#mobileNavi {display: none;}*/
		
	
.cc_container .cc_btn , .cc_container .cc_btn:visited {
background-color: #33A6A7; !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 .cc_container .cc_btn a{
background-color: #32A5A6 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #32A5A6!important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #000000 !important; /* Textlink-Farbe "Mehr Infos" */

}