/*
Theme Name: Webdesigner Berlin
Description: Mal wieder anders!
Version: v5.0 / HTML5
Author: Michael Luther (Mandarin Orange Berlin™)
Author URI: http://www.mandarin-orange-berlin.de
*/



/*
html5doctor.com Reset Stylesheet v1.4.1 2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
:focus { outline: 0; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


/* Allgemeines Layout */
body { font: 0.8764em/1.6em Arial, Verdana, sans-serif; color: #444; text-align: center; background: url(images/bg-header.png) no-repeat center top; }
html>body { font-size: 14px; }

body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3); box-shadow: 0px 0px 10px rgba(0,0,0,.3); }

body:after { content: ""; position: fixed; bottom: -10px; left: 0; width: 100%; height: 10px; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3); box-shadow: 0px 0px 10px rgba(0,0,0,.3); }

#container { width: 860px; margin: 0 auto; padding: 0; text-align: left; }

header { width: 860px; height: 150px; margin: 0 0 10px; padding: 0; }
aside { float: left; width: 230px; margin: 94px 0px 20px 40px; padding: 0; }
section { float: left; width: 590px; min-height: 500px; height:auto !important; height: 500px; margin: 44px 0 0; padding: 0 0 20px; }
footer { clear: both; width: 100%; height: 290px; margin: 0; padding: 0; }

section#startseite, section#full-width { width: 860px; }


/* Kopfbereich */


/* Breadcrumb Trail */
#breadcrumb { float: left; width: 860px; height: 30px; margin: 10px 0 0 2px; padding: 0; font-size: 12px; color: #999; }
#breadcrumb a { color: #999; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }


/* TopNav */
ul#topnav { float: right; margin: -35px 0 0; padding: 0; width: 500px; height: 20px; font-size: 12px; }
ul#topnav li { float: right; margin: 0 0 0 20px; padding: 0; list-style: none; line-height: 100%; }
ul#topnav a { display: block; margin: 0; color: #444; text-decoration: none; line-height: 20px; }
ul#topnav a:hover { text-decoration: underline; }


/* Header Graphics */
header #erneuerbare-energien-ja-gerne { float: right; display: block; width: 80px; padding: 0; margin: 15px 0 0 0; text-decoration: none; border: 0; }
header #erneuerbare-energien-ja-gerne a { background: url(images/erneuerbare-energien-ja-gerne.png) left top no-repeat; display: block; overflow: hidden; padding: 0; margin: 0; width: 80px; height: 80px; text-indent: -9999px; opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
header #erneuerbare-energien-ja-gerne a:hover { opacity: 1.0; }

header h1#logo { background: url(images/logo.png) 0 -120px no-repeat}
header h1#logo { float: left; display: block; width: 216px; padding: 0; margin: -25px 0 0 0; text-decoration: none; border: 0; }
header h1#logo a:link, header #logo a:visited, header #logo a:active { display: block; overflow: hidden; padding: 0; margin: 0; width: 216px; height: 120px; text-indent: -9999px; background: url(images/logo.png) 0 0 no-repeat; opacity: 1.0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
header h1#logo a:hover { opacity: 0.0; }


#skipLink { position : absolute; top : -10000px; }


/* Inhalte */
h2, h3, h4, h5, h6 { clear: both; }
h2, h3, h4 { font-weight: normal; }
h2 { margin: 0.6222em 0 1.3em; font-size: 2em; line-height: 0.75em; padding-bottom: 12px; border-bottom: 2px solid #FF9827; }
h3 { margin: 0.9333em 0; font-size: 1.7143em; line-height: 1.2em; }
h4 { margin: 1.12em 0; font-size: 1.4286em; line-height: 1.12em; }
h5 { margin: 1.4em 0; font-size: 1.1429em; line-height: 1.4em; }
h6 { margin: 1.6em 0; font-size: 1em; line-height: 1.6em; }

section#startseite h2 { margin: 0.48em 0 1.3em; padding-bottom: 5px; line-height: 1.2em; text-align: center; }
section#full-width h2 { margin: 0.48em 0 1.3em; padding-bottom: 5px; line-height: 1.2em; }

section p { margin: 1.6em  0; font-size: 1em; line-height: 1.6em; }
section a { color: #444; text-decoration: underline; }
section a:hover { text-decoration: none; }

section ul { clear: both; text-align: left; margin: 0 0 1.5em 2px; padding: 0; }
section ul li { list-style-type: none; margin: 0; padding: 0 0 0 24px; background: url(images/list_graydark.png) no-repeat 0 3px; }
section ol { clear: both; list-style-type: decimal; text-align: left; margin: 0 0 1.5em 14px; padding: 0; line-height: 170%; }
section ol li { padding : 0; margin: 0 0 0 10px; }

section ul.partner { margin-top: 24px; }
section ul.partner li, section ul.sitemap li, section ul.sitemap li ul { margin-bottom: 10px; }
section ul.sitemap li { font-weight: bold; }
section ul.sitemap li ul { margin: 5px 0 0; }
section ul.sitemap li ul li { margin: 3px 0 0 10px; font-weight: normal; background: url(images/list_graydark.png) no-repeat 0 3px; }
section ul.sitemap li ul li ul { margin: 5px 0 0; }
section ul.sitemap li ul li ul li { margin: 3px 0 0 10px; }

table { text-align: left; line-height: 150%; color: #444; margin: 20px 0; padding: 0; border-top: 1px solid #DCDCDC; border-collapse: collapse; }
thead th { text-align: left; font-size: 1.6667em; font-weight: normal; letter-spacing: 0.01em; padding: 10px 6px; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; }
tfoot td { text-align: left; font-size: 1.6667em; font-weight: bold; letter-spacing: 0.01em; padding: 10px 6px; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; }
tr { border: 0; }
th { border-bottom: 1px solid #DCDCDC; }
td { font-size: 1em; line-height: 1.6em; vertical-align: top; padding: 6px; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; }
table img { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

blockquote { line-height: 150%; margin: 30px 0; background: url(images/quote.gif) no-repeat 0 6px !important; padding: 0px 0px 0px 50px; }

acronym, abbr { cursor: help; border-bottom: 1px dotted #555; }
small { font-size: 0.86075em; }

.stripline { clear : both; width : 100%; height: 12px; margin: 30px 0 40px; background: url(images/line_orange.gif) repeat-x 0 10px; }
.spacer { clear:both; margin: 0; padding: 0; height: 30px; }
.clearer { clear : both; height: 0; margin: 0; padding: 0; overflow:hidden; }

.top { clear : both; display: block; width : 100%; height: 12px; margin: 30px 0 40px; background: url(images/line_gray.gif) repeat-x 0 10px; }
.top img { float: right; border: 0; width : 20px; height: 12px; }
.top a:link img, .top a:visited img { background: url(images/toplink.gif) no-repeat 0 0; border: 0; }
.top a:hover img { background-position: 0 -12px; }

/* Text-Auswahl stylen */
::selection { color: white; background-color: #FF9827; }
::-moz-selection  { color: white; background-color: #FF9827; } /* Firefox needs an extra attention for this */


/* Linkziel-Darstellung */
/*
section a[href$=".pdf"] { padding-left: 21px; background: url(images/icon-pdf.gif) center left no-repeat; }
*/


/* CTA-Button green */
a.btn span { background: url(images/icon_arrow_opacity_white_50.png) no-repeat 80% top; display: inline-block; height: 20px; margin: 1px 0 -5px 8px; vertical-align: top; width: 20px; }

a.btn.anfrage strong { border-radius: 8px; -moz-border-radius: 8px; border: 4px solid #E2E2E2; color: #fff; display: inline-block; font-size: 18px; font-weight: normal; padding: 7px 20px 7px 25px; text-shadow: #222 .5px .5px .5px; }

a.btn.anfrage strong { background: #8BAD34; background: -webkit-gradient(linear, left top, left bottom, from(#8BAD34), to(#537B18)); background: -moz-linear-gradient(top, #8BAD34, #537B18); }
a.btn.anfrage:hover strong { background: #8BAD34; }
a.btn.anfrage:active strong { background: #537B18; background: -webkit-gradient(linear, left top, left bottom, from(#537B18), to(#8BAD34)); background: -moz-linear-gradient(top, #537B18, #8BAD34); }


/* Begin Content-Boxen - 25% Breite */
.content-box-25 { float: left; width: 200px; margin: 10px 20px 10px 0; padding: 0; border-bottom: 1px solid #E5E5E5; }
/* .content-box-25:hover { background: #FFF; background: -moz-linear-gradient(top, #FFF, #F2F2F2); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F2F2)); } */
.content-box-25.right { margin: 10px 0 10px 0; }
.content-box-25 h3 { background: #FFF; margin: -5px 0 0; padding: 10px 0; font-size: 14px; color: #444; border-top: 2px solid #FF9827; border-bottom: 1px solid #FF9827; }
.content-box-25 h3 a { text-decoration: none; display: block; }
.content-box-25 h3 a:hover, .content-box-25:hover h3 a { text-decoration: none; }
.content-box-25 img { border-top: 1px solid #FFF; border-bottom: 1px solid #FF9827; padding-bottom: 1px !important; }
.content-box-25 a img { margin: 0; padding: 0; opacity: 0.8; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.content-box-25:hover img { opacity: 1.0; }
.content-box-25 p { margin: 0 0 1em; padding: 7px 0 0; font-size: 12px; }
.content-box-25 a.readmore { text-decoration: none; padding-right: 17px; -webkit-transition: padding-right linear .2s; -moz-transition: padding-right linear .2s; -o-transition: padding-right linear .2s; -ms-transition: padding-right linear .2s; transition: padding-right linear .2s; background: url(images/arrow-right.gif) center right no-repeat; }
.content-box-25 a:hover.readmore { padding-right: 19px; }
.content-box-25:hover a { text-decoration: underline; }
/* End Content-Boxen - 25% Breite */


/* Begin Content-Boxen - 50% Breite */
.content-box-50 { float: left; width: 420px; margin: 25px 20px 25px 0; padding: 0; border-bottom: 1px solid #E5E5E5; }
/* .content-box-50:hover { background: #FFF; background: -moz-linear-gradient(top, #FFF, #F2F2F2); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F2F2)); } */
.content-box-50.right { margin: 25px 0 25px 0; }
.content-box-50 h3 { background: #FFF; margin: -5px 0 0; padding: 10px 0; font-size: 14px; color: #444;  border-top: 2px solid #FF9827; border-bottom: 1px solid #FF9827; }
.content-box-50 h3 a { text-decoration: none; display: block; }
.content-box-50 h3 a:hover, .content-box-50:hover h3 a { text-decoration: none; }
.content-box-50 img { border-top: 1px solid #FFF; border-bottom: 1px solid #FF9827; padding-bottom: 1px !important; }
.content-box-50 a img { margin: 0; padding: 0; opacity: 0.8; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.content-box-50:hover img { opacity: 1.0; }
.content-box-50 p { margin: 0 0 1em; padding: 0; font-size: 12px; }
.content-box-50 a.readmore { text-decoration: none; padding-right: 17px; -webkit-transition: padding-right linear .2s; -moz-transition: padding-right linear .2s; -o-transition: padding-right linear .2s; -ms-transition: padding-right linear .2s; transition: padding-right linear .2s; background: url(images/arrow-right.gif) center right no-repeat; }
.content-box-50 a:hover.readmore { padding-right: 19px; }
.content-box-50:hover a { text-decoration: underline; }

.content-box-50.imprint p { font-size: 14px; }

.content-box-50.blank { border: none; }
.content-box-50.blank:hover { background: #FFF; }
.content-box-50.blank h5 { margin-top: 0; }
.content-box-50.blank p { margin: 0 0 1.5em; padding: 0; }
/* End Content-Boxen - 50% Breite */


/* LinkCloud */
ul.linkcloud { width: 100%; margin-bottom: 0px; font-size: 11px; text-align: center; }
ul.linkcloud li { display: inline; list-style: none; background: none; line-height: 160%; padding: 0 10px 0 0; }
ul.linkcloud li acronym, ul.linkcloud li abbr { border-bottom: 1px dotted #BCBCBC; }
ul.linkcloud li acronym:hover, ul.linkcloud li abbr:hover { border-color: #000; }


/* Sidebar */
aside ul { list-style: none; }

aside h2, aside h3 { font-size: 1.1667em; line-height: 36px; color: #444; font-weight: bold; letter-spacing: 0px; text-shadow: none; margin: 0; padding: 0; border: none; border-top: 2px solid #FF9827; }
aside h2 a, aside h3 a { color: #444; text-decoration: none; }

.sublist { margin: 0 0 35px; padding: 0; width: 230px; border-top: 1px solid #E5E5E5; }
.sublist ul { list-style: none; }
.sublist li { margin: 0; padding: 0; border-bottom: 1px solid #E5E5E5; line-height: 30px; }
.sublist li a { display: block; text-decoration: none; margin: 0; padding: 0; height: 30px; color: #444; font-size: 0.86075em; }
.sublist li a:hover { color: #FF9827; }
/*
.sublist li ul { margin: -6px 0 4px 0; }
.sublist li li { list-style: none; margin: 0; padding: 0; border-bottom: 0px solid #E5E5E5; line-height: 24px; }
.sublist li li a { display: block; text-decoration: none; margin: 0; padding: 0 0 0 26px; height: 24px; color: #444; font-size: 0.86075em; background: url(images/sublist-li-li.png) no-repeat 10px 8px; }
.sublist li li a:hover { color: #FF9827; background-position: 10px -22px; }
*/


/* Fussbereich */
footer .footer-section { float: left; width: 340px; margin: 50px 40px 20px 0; }
footer .footer-section-small { float: left; width: 220px; margin: 50px 40px 20px 0; }
footer .last { margin-right: 0; }

footer .footer-section h3, footer .footer-section-small h3 { margin: 0 0 15px; padding: 0; color: #444; font-size: 1.1268em; font-weight: normal; text-shadow: 1px 1px 0px #FFF; }

footer .footer-section ul, footer .footer-section-small ul { border-top: 1px solid #CCC; list-style: none; }
footer .footer-section li, footer .footer-section-small li { margin: 0; padding: 6px 0 6px; color: #444;  border-bottom: 1px solid #CCC; text-shadow: 1px 1px 0px #FFF; }

footer p { text-align: right; color: #444; font-size: 0.86075em; }

footer .footer-section a, footer .footer-section-small a, footer p a { color: #444; text-decoration: none; text-shadow: 1px 1px 0px #FFF; }
footer .footer-section a:hover, footer .footer-section-small a:hover, footer p a:hover { text-decoration: underline; }

#footerbg { margin: 0; padding: 0; background: url(images/bg-footer.png) repeat-x center bottom; }

#profil_xing, #profil_mcb, #profil_dasauge, #profil_grafiker { padding-left: 21px; background-image: url(images/profile_footer.png); background-repeat: no-repeat; }
#profil_xing { background-position: 0 9px; }
#profil_mcb { background-position: 0 -31px; }
#profil_dasauge { background-position: 0 -71px; }
#profil_grafiker { background-position: 0 -111px; }


/********************************
	WORDPRESS Formatierungen
********************************/

/********* Begin Aligning *********/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { float: left; margin: 6px 20px 10px 0; }
.alignright { float: right; margin: 6px 0 10px 10px; }
/********* End Aligning *********/

/********* Begin Images *********/
p img {	max-width: 100%; }
section img.aligncenter, section img.alignright, section img.alignleft, section .wp-caption img { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); border: none; }
section img.aligncenter, section img.alignright, section img.alignleft, section img.alignnone { background: url(images/loading-img.gif) center center no-repeat; }

img.aligncenter { background: #FFF; padding: 0px; }
img.alignright { background: #FFF; padding: 0px; }
img.alignleft { background: #FFF; padding: 0px; }

.wp-caption { background: #FFF; margin: 0; padding: 0; }
.wp-caption.alignleft { text-align: center; background: #FFF; margin: 6px 20px 10px 0; padding: 0; }
.wp-caption.alignright { text-align: center; background: #FFF; margin: 6px 0 10px 10px; padding: 0; }
.wp-caption img { margin: 0; padding: 0; }
div.wp-caption a { border: none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { font-size: 0.86075em; line-height: 100%; margin: 0; padding: 2px 0 0; }

a img.turn { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; -ms-transition: all linear .2s; transition: all linear .2s; }
a:hover img.turn { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
/********* End Images *********/


/********************************
	PLUGIN Formatierungen
********************************/

/********* Begin Contact Form 7 *********/
.wpcf7-form {}
.wpcf7 fieldset { margin-bottom: 30px; padding-top: 20px; }
.wpcf7 fieldset.smaller { margin-bottom: 0; padding-top: 0; }
.wpcf7 fieldset div { margin-bottom: 5px; }
.wpcf7 legend { font-size: 16px; }
.wpcf7 input { width: 251px; margin: 0; padding: 6px; font: 14px/100% Arial, Verdana, Helvetica, sans-serif; color: #666 !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.wpcf7 textarea { width: 536px; height: 150px !important; margin: 0; padding: 6px; font: 14px/140% Arial, Verdana, Helvetica, sans-serif; color: #666 !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.wpcf7 select { width: 80px !important; padding: 4px; color: #444; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wpcf7 small { line-height: 100% !important; }

.wpcf7 .subject input, .wpcf7 .pages input, .wpcf7 .functions input, .wpcf7 .aboutcms input, .wpcf7 .timeline input, .wpcf7 .attribute input, .wpcf7 .competitors input, .wpcf7 .fromwhere input, .wpcf7 .audience input, .wpcf7 .pr input, .wpcf7 .budget input, .wpcf7 .consultation input { width: 536px; }

.wpcf7 .content-management-system input, .wpcf7 .seo input, .wpcf7 .smm input, .wpcf7 .programing input, .wpcf7 .maintanance input, .wpcf7 .photography input, .wpcf7 input.wpcf7-acceptance, .wpcf7 .privacy-policy input { width: 20px; margin: 0; padding: 4px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

.wpcf7 input.glow, .wpcf7 select, .wpcf7 textarea { border: 1px solid #DCDCDC; }

.wpcf7 input:hover:nth-of-type(1n), .wpcf7 select:hover:nth-of-type(1n), .wpcf7 textarea:hover:nth-of-type(1n),
.wpcf7 input:focus:nth-of-type(1n), .wpcf7 select:focus:nth-of-type(1n), .wpcf7 textarea:focus:nth-of-type(1n) { color: #444 !important; border: 1px solid #BFBFBF; }

input.wpcf7-submit { cursor: pointer; padding: 10px; font-size: 16px; color: #444 !important; font-weight: bold; border: 1px solid #DCDCDC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #FFF; }
input.wpcf7-submit:hover, input.wpcf7-submit:focus:nth-of-type(1n) { color: #000 !important; border: 1px solid #BFBFBF !important; background: #FFF; }
input.wpcf7-submit[disabled] { cursor: default; border: 1px solid #DCDCDC !important; color: #999 !important; background: #FFF; }
/********* End Contact Form 7 *********/

/********* Begin Referenzen FadeLayer *********/
.infoHover .ihover { display: none; position: absolute; z-index: 2; width: 568px; height: 238px; padding: 10px; border: 1px solid #E5E5E5; background: url('images/trans-50.png') repeat 0 0; opacity: .95; color: #424242; box-shadow: 0px 0px 10px #CFCFCF; -webkit-box-shadow: 0px 0px 10px #CFCFCF; -moz-box-shadow: 0px 0px 10px #CFCFCF; }
.infoHover .ihover a { color: #424242 !important; }

.infoHover h3 { margin: 0 0 0.5em; border-bottom: 2px solid #3B3B3B; color: #424242; line-height: 1.4em; }


.infoHover a.readmore { padding-right: 17px; -webkit-transition: padding-right linear .2s; -moz-transition: padding-right linear .2s; -o-transition: padding-right linear .2s; -ms-transition: padding-right linear .2s; transition: padding-right linear .2s; background: url(images/arrow-right.gif) center right no-repeat; }
.infoHover a:hover.readmore { padding-right: 19px; }

/* Wie request, nur in klein */
.infoHover .request-three { display: inline-block; margin: -1em 0 0; padding: 6px; font-size: 1em; text-align: center; line-height: 120%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.infoHover a.request-three { text-decoration: none !important; color: #222 !important; border: 3px solid #A8E537; background: #7AA628; background: -moz-linear-gradient(top, #9FD834, #7AA628); background: -webkit-gradient(linear, left top, left bottom, from(#9FD834), to(#7AA628)); text-shadow: 1px 1px 0px #A8E537; }
.infoHover a.request-three:hover { background: #87B337; background: -moz-linear-gradient(top, #AFE844, #87B337); background: -webkit-gradient(linear, left top, left bottom, from(#AFE844), to(#87B337)); }
/********* End Referenzen FadeLayer *********/

/********* Begin Accordion/SlideToggle *********/
.trigger { cursor:pointer; margin-bottom: 5px; padding: 5px; text-decoration: underline; }
.trigger:hover { text-decoration: none; }
.trigger_active { color: #000; }
.trigger_active:hover { text-decoration: none; }
h5.trigger { margin-top: 0 !important; font-weight: normal !important; text-decoration: underline; }
h5.trigger:hover { text-decoration: none; }
h5.trigger_active { color: #000 !important; }
h5.trigger_active:hover { text-decoration: none; }

.toggle_container { padding: 5px 10px; }
.toggle_container p { margin: 0 0 1.5em; }
.toggle_container ul { clear: both; text-align: left; margin: 0 0 1.5em 2px; padding: 0; }
.toggle_container ul li { list-style-type: none; margin: 0; padding: 0 0 0 24px; background: url(images/list_graydark.png) no-repeat 0 3px; }
/********* End Accordion/SlideToggle *********/

/* Begin Scrollerota */
#scrollerota { clear: both; width: 860px; height: 260px; margin: 2px 0; overflow: hidden; position: relative;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

#scrollerota ul.text { list-style: none; width: 270px; height: 260px; background: url(images/scrollerota-verlauf.png) 0 0 repeat; position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #222; font-size: 13px; line-height: 150%; }
#scrollerota ul.text li { overflow: hidden; background: none; padding: 0 10px; margin: 0; }
#scrollerota h4 { font-size: 15px; color: #444; border-bottom: 1px dotted #555; margin: 0 0 8px; padding: 0 0 4px; }
#scrollerota h4 small { font-size: 12px; font-weight: normal; }

#scrollerota ul.images { list-style: none; position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 590px; height: 260px; }
#scrollerota ul.images li { float: left; background: none; padding: 0; margin: 0; }

#scrollerota .controls { position: absolute; bottom: 10px; left: 10px; }
#scrollerota .controls a { width: 22px; height: 22px; display: block; float: left; background: url(images/scrollerota-controls.png) no-repeat; }
#scrollerota .controls .prev { background-position: 0 -22px; }
#scrollerota .controls .next { background-position: -23px -22px; }
#scrollerota .controls .play { background-position: -23px 0; display: none; }

#scrollerota p { margin: 0.8em  0; }

#scrollerota .readmore { clear: both; font-size: 13px; color: #222; line-height: 240%; }
#scrollerota a.readmore { text-decoration: none; padding-right: 17px; -webkit-transition: padding-right linear .2s; -moz-transition: padding-right linear .2s; -o-transition: padding-right linear .2s; -ms-transition: padding-right linear .2s; transition: padding-right linear .2s; background: url(images/arrow-right.gif) center right no-repeat; }
#scrollerota a:hover.readmore { padding-right: 19px; }
#scrollerota:hover a.readmore { text-decoration: underline; }
/* End Scrollerota */

/* Begin Overlay*/
#frontpage-overlay { display:none; width:540px; height: 180px; }
#frontpage-overlay .close { background-image: url(images/close.png); position: absolute; right: -10px; top: -18px; cursor: pointer; height: 35px; width: 35px; }
#frontpage-overlay p { width: 524px; margin: 5px 0 0 8px; padding: 5px 0; color:#BCBCBC; line-height: 120%; text-align: center; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #FFF; }
/* End Overlay */

/*** Begin Superfish.css ***/
.ssf-white,.ssf-white * {
list-style:none;
margin:0;
padding:0;
}

.ssf-white {
line-height:1.0;
float:left;
width:100%;
}

.ssf-white ul {
position:absolute;
top:-999em;
width:16em; /* left offset of submenus need to match (see below) */
}

.ssf-white ul li {
width:100%;
}

.ssf-white li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}

.ssf-white li {
float:left;
position:relative;
height:33px;
}

.ssf-white a {
display:block;
position:relative;
border:0;
text-decoration:none;
color:#444;
padding:.75em 1.46em; /* Original Padding seitlich ist 1em */
}

.ssf-white li:hover ul,
.ssf-white li.wpm-hover ul {
left:0;
top:2.5em; /* match top ul list item height */
z-index:99;
}

ul.ssf-white li:hover li ul,
ul.ssf-white li.wpm-hover li ul,
ul.ssf-white li li:hover li ul,
ul.ssf-white li li.wpm-hover li ul {
top:-999em;
}

ul.ssf-white li li:hover ul,
ul.ssf-white li li.wpm-hover ul,
ul.ssf-white li li li:hover ul,
ul.ssf-white li li li.wpm-hover ul {
left:16em; /* match ul width */
top:0;
}

.ssf-white a.sf-with-ul {
padding-right:2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url(arrows-cccccc.gif) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {
top:.8em;
background-position:0 -100px;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.wpm-hover > a > .sf-sub-indicator {
background-position:-10px -100px;
}

.ssf-white ul a > .sf-sub-indicator {
background-position:0 0;
}

.sf-shadow ul {
background:url(shadow.png) no-repeat bottom right;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
padding:0 8px 9px 0;
}

.sf-shadow ul.sf-shadow-off {
background:transparent;
}

.ssf-white-wrap {
font-size:14px;
height:33px;
margin:0;
padding:0;
}

* html .ssf-white-wrap {
margin:-89px 0 0;
}

.ssf-white li li a {
border:0;
text-decoration:none;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
background:#FFF;
color:#444;
padding:.75em 1em;
}

.ssf-white li li {
height:auto;
}

.ssf-white li:hover,
.ssf-white li.wpm-hover,
.ssf-white a:focus,
.ssf-white a:hover,
.ssf-white a:active {
text-decoration:none;
outline:0;
color:#FF9827;
}

.ssf-white li.selected,
.ssf-white li.current-cat,
.ssf-white li.current-cat-parent,
.ssf-white li.current_page_item,
.ssf-white li.current_page_parent,
.ssf-white li.current_page_ancestor {
color:#FF9827;
}

.ssf-white li.right {
float:right;
}

.ssf-white li.right a,
.ssf-white li.right form {
border-right:0;
}

/*
.ssf-white form {
background:url(searchbox.png) no-repeat center center;
height:33px;
width:195px;
margin:0;
padding:0;
}

.ssf-white form input.wpm-text {
border:0;
background:transparent;
width:154px;
margin:6px 0 0 6px;
}

.ssf-white form input.wpm-submit {
border:0;
background:transparent;
cursor:pointer;
height:20px;
width:26px;
}
*/

.ssf-white ul .sf-sub-indicator,
.ssf-white ul a:focus > .sf-sub-indicator,
.ssf-white ul a:hover > .sf-sub-indicator,
.ssf-white ul a:active > .sf-sub-indicator,
.ssf-white ul li:hover > a > .sf-sub-indicator,
.ssf-white ul li.wpm-hover > a > .sf-sub-indicator {
background-position:-10px 0;
}
/*** End Superfish.css ***/