/*
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: 14px/160% Arial, Verdana, Helvetica, sans-serif; color: #555; text-align: center; background: url(images/bg-header.png) no-repeat center top; }

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

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


/* 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: 20px 0 0; padding: 0; width: 385px; height: 20px; font-size: 12px; border-bottom: 1px solid #E5E5E5; }
ul#topnav li { float: right; margin: 0; padding: 0; list-style: none; line-height: 100%; }
ul#topnav a { display: block; margin: 0 0 0 13px; color: #555; text-decoration: none; line-height: 20px; }
ul#topnav a:hover { text-decoration: underline; }

header #logo { float: left; background: url(images/header.png) left top no-repeat; display: block; width: 130px; padding: 0; margin: 39px 0 0 2px; text-decoration: none; border: 0; }
header #logo a:link, header #logo a:visited, header #logo a:hover, header #logo a:active  { display: block; overflow: hidden; padding: 0; margin: 0; width: 130px; height: 100px; text-indent: -9999px; }

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

/* Inhalte */
h2, h3, h4, h5, h6 { clear: both; margin-bottom: 1.5em; }
h2 { font-size: 36px; margin-top: 11px; font-weight: normal; letter-spacing: 2px; padding-bottom: 12px; border-bottom: 2px solid #FAA808; text-shadow: 1px 1px 2px #999; }
h3 { font-size: 24px; font-weight: normal; line-height: 130%; }
h4 { font-size: 20px; font-weight: normal; line-height: 140%; }
h5 { font-size: 16px; line-height: 150%; }
h6 { font-size: 14px; line-height: 160%; }

section p { margin: 0 0 1.5em;;}
section a { color: #555; 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.gif) 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 li.h4list { background-position: 0 7px !important; }

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.gif) 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: #555; margin: 20px 0; padding: 0; border-top: 1px solid #DCDCDC; border-collapse: collapse; }
thead th { text-align: left; font-size: 20px; 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: 20px; 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: 14px; 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: 12px; }

.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; }

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


/* Angebotsanfrage CTA-Button (LEISTUNGEN) */
a.request { display: inline-block; margin: 30px 16px 30px 0; padding: 12px; font-size: 16px; text-align: center; line-height: 120%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; }
a.request:link { text-decoration: none !important; color: #FFF !important; font-weight: bold; background: #8FB828; border: 1px solid #7B9E23; text-shadow: 0 0 2px #444; }
a.request:hover { background: #85AB26; border: 1px solid #7B9E23; }
.request small { font-size: 12px !important; font-weight: normal; text-shadow: none; }

a.request-two { display: inline-block; margin: 30px 0 30px; padding: 12px; font-size: 16px; text-align: center; line-height: 120%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; }
a.request-two:link { text-decoration: none !important; color: #808080 !important; font-weight: bold; background: #F2F2F2; border: 1px solid #E5E5E5; }
a.request-two:hover { background: #E5E5E5; color: #555 !important; border: 1px solid #DCDCDC; }
.request-two small { font-size: 12px !important; font-weight: normal; text-shadow: none; }

/* LinkCloud */
ul#linkcloud { margin-bottom: 20px; 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-bottom: 1px dotted #000; }

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

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

.sublist { margin: 0 0 35px; padding: 0; width: 230px; border-top: 1px solid #E5E5E5; }
.sublist ul { list-style: none; }
.sublist li { display: block; margin: 0; padding: 0; border-bottom: 1px solid #E5E5E5; line-height: 30px; }
.sublist li a { text-decoration: none; margin: 0; padding: 0 0 0 12px; height: 30px; color: #555; font-size: 12px; }
.sublist li a:hover { color: #FAA808; }
.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: #555; font-size: 12px; background: url(images/sublist-li-li.png) no-repeat 10px 8px; }
.sublist li li a:hover { color: #FAA808; 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: 0px; color: #555; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 2px #999; }

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; color: #555;  border-bottom: 1px solid #CCC; }

footer p { text-align: right; color: #555; font-size: 12px; }

footer .footer-section a, footer .footer-section-small a, footer p a { color: #555; text-decoration: none; }
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; }


/********************************
	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: 3px 3px 10px #DDD; -webkit-box-shadow: 3px 3px 8px #DDD; -moz-box-shadow: 3px 3px 8px #DDD; 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 { text-align: center; 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: 12px; line-height: 100%; margin: 0; padding: 8px 0 0; }
/********* End Images *********/


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


/********* Begin Slider (HOME) *********/
.slider-wrap { width: 590px; margin: 37px 0 30px; padding: 0px; }
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 590px; height: 260px; }
.stripViewer .panelContainer { position: relative; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 590px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { margin-right: 0px; opacity: .75; }
#movers-row { margin: 10px 0 0 -2px; }
#movers-row div { display: inline; float: left; margin: 0 0 0 10px; }
#movers-row div a.cross-link { float: left; }
.cross-link { display: block; width: 107px; margin: -20px 0 0 0; position: relative; top: 1px; padding-top: 20px; z-index: 999; outline: none; }
.active-thumb { background: transparent url(images/slider/slider-arrow.png) no-repeat center top; }
.active-thumb .nav-thumb { opacity: 1; }
/*
.slider-meta { background: url(images/slider/bg-slider-meta.png) repeat left top; padding: 10px; height: 60px; margin-top: -70px; position: relative; color: #fff; z-index: 9999; }
.slider-meta h2 { margin: 0 0 5px; padding: 0px; font-size: 18px; text-shadow: 1px 1px 0px #000; }
.slider-meta h2 a { color: #fff; }
.slider-meta span { font-size: 11px; }
*/
/********* End Slider (HOME) *********/

/********* Begin Contact Form 7 *********/
.wpcf7-form {}
.wpcf7 fieldset { margin-bottom: 30px; padding-top: 20px; }
.wpcf7 fieldset div { margin-bottom: 5px; }
.wpcf7 legend { font-weight: bold; font-size: 20px; }
.wpcf7 input { width: 275px; margin: 0; padding: 4px; font: 14px/100% Arial, Verdana, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wpcf7 textarea { width: 580px; height: 150px !important; margin: 0; padding: 4px; font: 14px/100% Arial, Verdana, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wpcf7 select { width: 80px !important; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wpcf7 .your-budget select { width: 130px !important; }

.wpcf7 .subject input, .wpcf7 .your-pages input, .wpcf7 .your-aboutcms input, .wpcf7 .your-timeline input, .wpcf7 .your-attribute input, .wpcf7 .your-competitors input, .wpcf7 .your-audience input, .wpcf7 .your-fromwhere input, .wpcf7 .your-budget input, .wpcf7 .your-consultation input { width: 580px; }
.wpcf7 .your-content-management-system input, .wpcf7 .your-weblog-mit-wordpress input, .wpcf7 .your-klassische-webseite input, .wpcf7 .your-programing input, .wpcf7 .your-maintanance input, .wpcf7 .your-grafikdesign input, .wpcf7 .your-photography input, .wpcf7 .your-vectorization input, .wpcf7 .your-imaging-retouching input, .wpcf7 .your-scan-service input,/* .wpcf7 .terms input, .wpcf7 .privacy-policy input,*/ .wpcf7 input.wpcf7-acceptance { width: 20px; margin: 0; padding: 4px; }
.wpcf7 input.glow, .wpcf7 select, .wpcf7 textarea { border: 1px solid #E5E5E5; }
.wpcf7 input:focus:nth-of-type(1n), .wpcf7 select:focus:nth-of-type(1n), .wpcf7 textarea:focus:nth-of-type(1n) { border-color: #FAA808; }

/*
.wpcf7 input.wpcf7-submit { width: 285px; height: 48px; overflow: hidden; padding: 0px; text-align: center; vertical-align: middle; line-height: 1.0em; background: #FFF; font-size: 18px; border: 1px solid #E5E5E5; cursor: pointer; color: #555; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; }
.wpcf7 input.wpcf7-submit:hover { color: #FFF; text-decoration: none; background: #FAA808; }
*/

/********* End Contact Form 7 *********/

/********* Begin Google Map *********/
.wpmaps { margin-bottom: 35px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
/********* End Google Map *********/