/* ------------------------------------------------------------------------------------------
	Main CSS Stylesheet | dbmedia.biz
--------------------------------------------------------------------------------------------- */

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, 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; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

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:"" ""; }
* { margin:0; padding:0; }

html { height:100%; }
body { min-height:101%; position:relative; padding:0; background:url(../img/bg_body.png) repeat-x center top #E5E5E5; color:#6C6C6C; }

a { color:#90C914; text-decoration:none; outline:none; }
a:hover { color:#6EA013; text-decoration:underline; }
a:active { color:#4F7908; outline:none; }
a img { text-decoration:none; }

	

/* Base Font Settings
-------------------------------------------------------------- */

body { font-family:"Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; line-height:1.5; }
body { font-size:75%; }
html > body { font-size:12px; }

h1,h2,h3,h4,h5,h6 { color:#393939; padding:0; font-weight:normal; clear:both; }

h1 { font-size:24px; margin:0 0 10px 0; }
h2 { font-size:20px; font-weight:normal; margin:0 0 5px 0; color:#A8A8A8; }
h3 { font-size:15px; font-weight:bold; margin:0 0 10px 0; }
h4 { font-size:14px; font-weight:bold; margin:0 0 5px 0; }
h5 { font-size:11px; font-weight:bold; margin:0 0 5px 0; }
h6 { font-size:10px; font-weight:bold; margin:0 0 5px 0; }

p { line-height:19px; margin:0 0 18px 0; color:#6C6C6C; }

ul { margin:0 0 25px 25px; }
ul li { margin:0 0 8px 0; }
ol { list-style-type:decimal; margin:0 0 35px 25px; }
strong { font-weight:bold; }
em { font-style:italic; }

abbr { border-bottom:1px dotted #AA894D; }

hr { border:0; border-bottom:1px solid #D8D8D8; display:block; clear:both; height:1px; margin:18px 0 16px 0; }

.smalltext { font-size:11px; }
.verysmalltext { font-size:10px; line-height:15px; }


/* Main Elements
-------------------------------------------------------------- */	

#page_header { position:relative; clear:both; height:100px; z-index:2; background:url(../img/bg_header.png) no-repeat 0 0; }
#dbmedia { margin:0; padding:0; width:235px; height:80px; position:absolute; left:20px; top:10px; z-index:20; }
#dbmedia a { display:block; float:left; overflow:hidden; text-indent:-9999em; width:235px; height:80px; background:url(../img/dbmedia.png) no-repeat 0 0; }
#dbmedia a:hover { background-position:0 -80px; }

#quickcontact { position:absolute; right:35px; top:-30px; color:#6C6C6C; font-size:11px; margin:0; padding:0; list-style:none; }
#quickcontact li { float:left; color:#6C6C6C; font-size:11px; background-repeat:no-repeat; background-position:left center; }
#quickcontact a { display:block; color:#6C6C6C; float:left; }
#quickcontact a:hover { color:#6EA013; }
.phone { border-right:1px solid #ACACAC; padding:0 18px 0 25px; margin:0; background-image:url(../img/icon_phone.png); }
.email { padding:0 0 0 23px; margin:0 0 0 10px; background-image:url(../img/icon_email.png); }

#page_footer { position:relative; top:-11px; z-index:5; text-align:center; background:url(../img/page_end.png) no-repeat center top; height:70px; }
.piped { color:#9B9B9B; font-size:10px; line-height:12px; margin:0 auto; padding:30px 0 0 0; list-style:none; }
.piped li { display:inline; border-left:1px solid #DEDEDE; margin:0; padding:0; }
.piped li:first-child { border:0; }
.piped a { color:#7A7979; padding:0 10px 0 13px; }
.piped a:hover { color:#9B9B9B; }

.content { position:relative; background:#FFF; z-index:1; border-left:1px solid #CECECE; border-right:1px solid #CECECE; }

#teaser { position:relative; clear:both; background:url(../img/bg_teaser.jpg) no-repeat left top; height:390px; }
.teasertext { position:absolute; width:410px; left:40px; top:60px; }
.teasertext h2 { font-size:24px; line-height:24px; font-weight:normal; color:#FFF; margin:0 0 8px 0; }
.teasertext p { font-size:12px; color:#EFEFEF; }


/* Navigation
-------------------------------------------------------------- */	

#accessibility { position:absolute; text-indent:-90000em; list-style:none; }

#main_menue { position:absolute; right:40px; bottom:30px; margin:0; padding:0; height:35px; z-index:3; }
#main_menue li { display:block; float:left; margin:0; padding:0; }
#main_menue li a { position:relative; display:block; float:left; height:35px; background-repeat:no-repeat; background-position:0 0; overflow:hidden; text-indent:-9999em; }
#main_menue li a:hover {  background-position:0px -35px; text-decoration:none; }
#main_menue li a:active {  background-position:0px -70px; }

.button-startseite { background-image:url(../img/button-startseite.png); width:96px; }
.button-leistungen { background-image:url(../img/button-leistungen.png); width:113px; }
.button-arbeitsproben { background-image:url(../img/button-arbeitsproben.png); width:134px; }
.button-kontakt { background-image:url(../img/button-kontakt.png); width:91px; }
.button-profil { background-image:url(../img/button-profil.png); width:71px; }
.button-login { background-image:url(../img/button-login.png); width:50px; }

body.page-home #main_menue li a.button-startseite, 
body.page-leistungen #main_menue li a.button-leistungen,
body.page-arbeitsproben #main_menue li a.button-arbeitsproben, 
body.page-arbeitsproben-uebersicht #main_menue li a.button-arbeitsproben, 
body.page-kontakt #main_menue li a.button-kontakt, 
body.page-profil #main_menue li a.button-profil, 
body.page-login #main_menue li a.button-login { background-position:0px -105px; }

.boxbutton { display:block; position:relative; padding:20px 25px 0 30px; }
.boxbutton:hover { text-decoration:none; }
.boxbutton h3 { font-size:15px; color:#41424B; margin:0 0 5px 0; }
.boxbutton p { color:#797979; font-size:11px; line-height:16px; margin:0 0 5px 0; }
.boxbutton .more { color:#90C914; font-style:normal; font-weight:bold; background:url(../img/icon_arrow-green.gif) no-repeat right 6px; padding-right:11px; }
.boxbutton:hover .more { text-decoration:underline; }

.pagesection { float:left; height:265px; background-position:0 0; }
.pagesection:hover { background-position:0px -305px; }

.home-button1 { width:264px; background-image:url(../img/boxbutton-home-1.jpg); }
.home-button2 { width:263px; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; background-image:url(../img/boxbutton-home-2.jpg); }

.work-section1 { width:264px; background-image:url(../img/boxbutton-home-1.jpg); }
.work-section2 { width:263px; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; background-image:url(../img/boxbutton-home-3.jpg); }
.work-section3 { width:264px; background-image:url(../img/boxbutton-home-2.jpg); }

.textblock { display:block; float:left; position:relative; padding:20px 25px 10px 30px; }
.textblock1 { width:264px; }
.textblock2 { width:263px; border-left:1px solid #565656; border-right:1px solid #565656; }
.textblock3 { width:264px; }
#introtext h2 { color:#FFF; padding:20px 30px 0 30px; }
#introtext h3 { color:#FFF; }
#introtext p { color:#EEE; }

.sitemap { padding:0; margin:0 0 20px 0; }
.sitemap li { list-style:none; margin:0; padding:0; }
.sitemap li a { display:block; background:url(../img/icon_page.png) no-repeat 8px center; padding:5px 10px 5px 28px; }
.sitemap li a:hover, .sitemap .sub li a:hover { background-color:#F5F5F5; }
.sitemap .sub { padding:0; margin:5px 0 5px 20px; }
.sitemap .sub li a { background:url(../img/icon_subpage.png) no-repeat 8px center; padding:5px 10px 5px 38px; }


/* .button { display:block; float:left; background:url(../img/button-left.png) no-repeat left 0; margin:0 30px 5px 0; height:26px; font-size:11px; line-height:11px; text-align:left; font-weight:bold; color:#FFF; }
.button:hover { background-position:0 -26px; color:#6EA013; text-decoration:none; }
.button:hover span { background-position:right -26px; color:#6EA013; text-decoration:none; }
.button:active { background-position:0 -52px; color:#6EA013; }
.button:active span { background-position:right -52px; color:#6EA013; }
.button span { display:block; background:url(../img/button-right.png) no-repeat right 0; padding:5px 15px 8px 15px; margin-right:-18px; }
.type-arrow span { background-image:url(../img/button-arrow-right.png); padding-right:30px; }
.type-video span { background-image:url(../img/button-video-right.png); padding-right:30px; } */

/* .button { display:block; float:left; background:url(../img/plainbutton.png) no-repeat left 0; width:185px; height:28px; padding:0; font-size:11px; line-height:11px; text-align:center; font-weight:bold; color:#5C5C5C; text-shadow:-1px -1px 1px #FFF; }
.button:hover { background-position:right -28px; color:#5C5C5C; }
.button:active { background-position:right -56px; color:#5C5C5C; } */

.button { display:block; float:left; background:url(../img/button.png) no-repeat left 0; margin:0 5px 5px 0; padding:5px 15px 8px 15px; width:155px; height:13px; font-size:11px; line-height:11px; text-align:center; font-weight:bold; color:#FFF; }

.block { float:none; }

.info { cursor:help; background:url(../img/icon_lightbulb-small.gif) no-repeat right center; padding-right:10px; }


/* Content Elements
-------------------------------------------------------------- */

.green { color:#90C914; }

.browserlist { margin:0 0 20px 0; padding:0; list-style:none; font-size:11px; color:#6C6C6C; border-top:1px solid #D8D8D8; }
.browserlist li { margin:0; padding:2px 8px; border-bottom:1px solid #D8D8D8; background-repeat:no-repeat; background-position:right center; }
.win-mac { background-image:url(../img/icon_win-mac.png); }
.win { background-image:url(../img/icon_win.png); }
.mac { background-image:url(../img/icon_mac.png); }

.address_block { margin:0 0 20px 0; padding:0; list-style:none; font-size:11px; color:#6C6C6C;  }
.address_block li { position:relative; margin:0 0 3px 0; padding:0 0 0 50px; }
.address_block li span { position:absolute; left:0; top:0; }

.service { position:relative; padding:30px 40px 25px 400px; border-top:1px solid #E4E4E4; }
.service .service-list { position:absolute; left:215px; top:66px; }
.service-list { font-size:11px; padding:0; margin:0; list-style:none; }
.service-list li { padding:0 0 0 20px; margin:0 0 10px 0; background:url(../img/icon_bullet-check.png) no-repeat left center; }
.service-list .title { color:#3A3A3A; font-weight:bold; background:none; padding:0; }
.service h2 { margin:0 0 5px 0; }

.service-online { background:url(../img/service-online.jpg) no-repeat left bottom; }
.service-offline { background:url(../img/service-offline.jpg) no-repeat left bottom; }
.service-print { background:url(../img/service-print.jpg) no-repeat left center; }

.dbmedia-info { font-size:11px; padding:10px 0 0 10px; margin:0; list-style:none; }
.dbmedia-info li { padding:0 0 0 20px; margin:0 0 8px 0; background:url(../img/icon_bullet-round.png) no-repeat left center; }
.dbmedia-info .title { color:#3A3A3A; font-weight:bold; background:none; padding:0; }

.detailed_contact { font-size:11px; padding:0; margin:0; list-style:none; }
.detailed_contact li { padding:0 0 0 85px; margin:0 0 8px 0; background-position:left center; background-repeat:no-repeat; position:relative; }
.detailed_contact li span { position:absolute; left:25px; top:0; }
.detailed_contact li.address { background-image:url(../img/icon_address.png); }
.detailed_contact li.telephone { background-image:url(../img/icon_telephone.png); }
.detailed_contact li.emailaddress { background-image:url(../img/icon_email2.png); }
.detailed_contact li.web { background-image:url(../img/icon_web.png); }
.detailed_contact li.vcard { background-image:url(../img/icon_vcard.png); }

.package_info { border-top:1px solid #E4E4E4; padding:20px 40px 20px 40px; clear:both; }


/* Others, Hidden Elements, etc.
-------------------------------------------------------------- */	

#phlinkob9524864 { position:relative; left:0; }

.nojs_message { display:block; position:fixed; left:0; top:0; width:100%; height:30px; background:#000; opacity:0.6; z-index:1000; }
.nojs_message a { text-decoration:underline; }
.message_body { color:#FFF; display:block; width:960px; margin:0 auto; padding:5px 0 0 0; text-align:center; }
.singlecolumn { padding:40px 250px; }


/* Main Layout
-------------------------------------------------------------- */	

.clearfix { display:block; clear:both; height:1px; }
.clearfix:after, .content:after, .work_container:after, #introtext:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

.float_left { float:left; clear:none !important; }
.float_right { float:right; clear:none !important; }

.col1, .col2, .col3 { display:inline; float:left; position:relative; padding-top:30px; padding-bottom:30px; }

body.page-profil .col1 { width:603px; padding-left:40px; padding-right:40px; background:url(../img/columnshadow_right.png) repeat-y right top; }
body.page-profil .col2 { width:215px; padding-left:20px; padding-right:40px; }

body.page-impressum .col1 { width:210px; padding-left:40px; padding-right:40px; padding-bottom:50px; background:url(../img/columnshadow_right.png) repeat-y right top; }
body.page-impressum .col2 { width:355px; padding-left:30px; padding-right:40px; }
body.page-impressum .col3 { width:200px; padding-right:40px; }
body.page-impressum .col2, body.page-impressum .col3 { padding-top:75px; padding-bottom:0; }
body.page-impressum .col4 { padding-top:15px; padding-bottom:15px; border-top:1px solid #E4E4E4; }

body.page-kontakt .col1 { width:260px; padding-left:40px; padding-right:40px; }
body.page-kontakt .col2 { width:538px; padding-left:40px; padding-right:40px; padding-top:60px; background:url(../img/columnshadow_right.png) repeat-y left top; min-height:350px; }

body.page-sitemap .col1 { width:210px; padding-left:40px; padding-right:40px; padding-bottom:50px; background:url(../img/columnshadow_right.png) repeat-y right top; }
body.page-sitemap .col2 { width:355px; padding-left:30px; padding-right:40px; }
body.page-sitemap .col3 { width:200px; padding-right:40px; }


body.page-arbeitsproben .content { background:url(../img/bg_workexamples.jpg) repeat-x 0 0 #D8D8D8; padding:30px 0; }
body.page-arbeitsproben-uebersicht .content { background:url(../img/bg_workexamples.jpg) repeat-x 0 0 #D8D8D8; }

.container { position:relative; margin-left:auto; margin-right:auto; width:960px; padding-top:60px; }


/* work examples
--------------------------------------------------------------------------------------------- */

.work_container { position:relative; width:900px; margin:0 auto; background-color:#FFF; }
.thumbnails { position:relative; width:873px; padding:25px 0 10px 27px; margin:0 auto; background:url(../img/bg_work-container.png) repeat-x 0 0 #F3F3F3; }

.work_navigation { width:900px; height:48px; margin:0 auto; background:url(../img/bg_worknavigation.png) no-repeat 0 37px; }
.paged { background:url(../img/bg_worknavigation_paged.png) no-repeat 0 37px; height:76px; }

.work_section { position:relative; height:37px; margin:0; padding:0; list-style:none; }
.work_section li { float:left; margin:0; padding:0; }
.work_section li a { display:block; float:left; height:37px; background-repeat:no-repeat; background-position:0 0; text-indent:-99999em; }
.work_section li a:hover { background-position:0 -37px; }
.work_section li a:active { background-position:0 -74px; }
.work_section li#current a { background-position:0 -111px; }
.selector-online { background-image:url(../img/workselector_online.png); width:115px; }
.selector-offline { background-image:url(../img/workselector_offline.png); width:120px; }
.selector-print { background-image:url(../img/workselector_print.png); width:115px; }

.work_pages { margin:0 auto; width:90px; padding:7px 0 0 0; text-align:center; }
.work_pages li { display:inline; margin:0; padding:0; list-style:none; }
.work_pages li a { display:block; float:left; text-align:center; width:7px; height:11px; padding:6px 9px 8px 9px; margin:0 5px 0 0; line-height:11px; font-size:10px; font-weight:bold; text-decoration:none; color:#565656; background:url(../img/work_pages.png) no-repeat center 0; }
.work_pages li a:hover { color:#90C914; border-color:#D3D3D3; background-position:center -25px; }
.work_pages li a:active { color:#90C914; border-color:#D3D3D3; background-position:center -50px; }
.work_pages li#current_page a { background-color:#565656; color:#FFF; background-position:center -75px; }

.work_element, .work_bg { width:900px; height:300px; }

.work_element { position:relative; background:#E6E6E6;  }
.work_bg { position:absolute; right:0; top:0; z-index:5; }
.work_info, .work_images { display:block; position:absolute; z-index:10; }

.work_info { left:35px; top:35px; width:275px; margin-right:40px; }
.work_images { left:355px; top:35px; width:231px; padding-left:24px; }

.work_info p { font-size:11px; line-height:17px; margin:0 0 15px 24px; }

.services { font-size:11px; padding:0; margin:0 0 0 24px; list-style:none; font-size:11px; }
.services li { padding:0 0 0 20px; margin:0 0 5px 0; background:url(../img/icon_bullet-check.png) no-repeat left 4px; }

.example_title { color:#4E4E4E; font-size:11px; line-height:12px; padding:6px 0 8px 24px; font-weight:bold; background-repeat:no-repeat; background-position:left 4px; }
.title_screenshots { background-image:url(../img/portfolioicon_screens.png); margin:0 0 15px -24px; }
.title_services { background-image:url(../img/portfolioicon_services.png); margin:0; }
.title_description { background-image:url(../img/portfolioicon_info.png); margin:0; }

body .white p, body .white ul.services li, body .white h5 { color:#FFF; }

.work_button { position:relative; cursor:pointer; color:#888; height:37px; padding:0 0 0 35px; margin:0; background:url(../img/work_button.png) repeat-x left 0; border-top:1px solid #FFF; }
.work_button:hover { color:#666; background-position:left -37px; }
.work_button:active { color:#333; background-position:left -74px; }
.work_button.active { color:#EEE; background-position:left -111px; }
.work_button.active:hover { color:#FFF; }
.work_button span { display:block; }
.work_button span.title, .work_button span.type, .work_button span.year, .work_button span.link, .work_button span.link-offline { position:absolute; text-align:center; }
.work_button span.title { left:35px; padding-top:7px; font-size:11px; }
.work_button span.title strong { font-size:13px; padding-right:10px; }
.work_button span.title em { font-size:11px; font-style:normal; color:#BBB; }
.work_button span.type { width:120px; margin-right:20px; font-size:11px; padding-top:10px; }
.work_button span.year { text-align:center; width:72px; font-size:11px; padding-top:10px; right:44px; }
.work_button span.link, .work_button span.link a, .work_button span.link-offline { right:0; width:44px; height:37px; }
.work_button span.link a { background:url(../img/work_button-link.png) no-repeat center 0; position:absolute; text-indent:-90000em; }
.work_button span.link a:hover { text-decoration:none; background-position:center -36px; }
.work_button span.link a:active { text-decoration:none; background-position:center -73px; }
.work_button span.link-offline { background:url(../img/work_button-link.png) no-repeat center -110px; }


/* Gallery
-------------------------------------------------------------- */

.zoom { position:relative; display:block; float:left; margin:0 20px 20px 0; background-color:#FFF; }
.zoom img { float:left; border:4px solid #EFEFEF; z-index:5; opacity:.8; }
a.zoom:hover img { border-color:#AFD453; opacity:1; }
a.zoom:active img { border-color:#6EA013; }
.zoom span { position:absolute; text-indent:-90000em; z-index:10; background:url(../img/icon_zoom.png) no-repeat 0 0; width:20px; height:20px; left:-6px; top:-4px; }

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../img/mb_80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }

#mbCenter { position:absolute; z-index:9999; left:50%; overflow:hidden; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0px 5px 20px rgba(0,0,0,0.40); -webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.40); }
#mbCenter.mbLoading { background:#fff url(../img/mb_loader.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }

#mbImage { position:relative; left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#000; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px 10px 0 10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#333; }
#mbImage a:hover, #mbImage a:active { color:#000; }

#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#000; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { display:inline; color:#333; line-height:14px; font-size:10px; margin:auto 10px; }
#mbCaption { display:block; color:#333; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:25px; margin:0; outline:none; background-repeat:no-repeat; background-position:0 0; }
#mbPrevLink:hover, #mbNextLink:hover, #mbCloseLink:hover { background-position:0 -25px; }
#mbPrevLink { width:25px; background-image:url(../img/mb_previous.png); }
#mbNextLink { width:25px; background-image:url(../img/mb_next.png); }
#mbCloseLink { width:25px; background-image:url(../img/mb_close.png); }

#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#000; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#700; font-weight:bold; text-decoration:underline; }


/* Slideshow
-------------------------------------------------------------- */

/* Referenzen */

.scrollingslideshow { position:relative; clear:both; overflow:hidden; }
.scrollingslideshow .mask { overflow:hidden; position:relative; }

.slide_button { position:absolute; z-index:10; }
.slide_button:hover { cursor:pointer; }
#slide_previous { left:0; top:0; }
#slide_next { right:0; top:0; }

#handles { position:absolute; }
#handles p { display:block; float:left; background:url(../img/feedback-dots.png) no-repeat center 0px; width:16px; height:16px; margin:0; }
#handles p:hover { background-position:center -16px; cursor:pointer; }
#handles p:active { background-position:center -32px; cursor:pointer; }
#handles span, .slide_button span { position:absolute; text-indent:-90000em; }
#handles p.active { background-position:center -48px; }

#slidebox { position:relative; }
#slidebox .element { display:block; position:relative; float:left; overflow:hidden; }
#slidebox q a { display:block; font-size:12px; font-weight:bold; margin:5px 0 0 0; }

#show_references .element { background:url(../img/bg_feedback-element.png) no-repeat 0 0; }
#show_references { background:url(../img/bg_feedback-top.png) no-repeat 0 0 #FAFAFA; width:319px; height:305px; position:absolute; right:0; top:0; }
#show_references .element, #show_references .mask { width:319px; height:255px; }
#show_references .mask { top:52px; }
#show_references q { font:italic 13px / 16px Georgia, Times, "Times New Roman", serif; color:#414141; position:absolute; width:220px; height:105px; left:80px; top:33px; }
#show_references cite { text-align:right; font:bold italic 13px / 16px Georgia, Times, "Times New Roman", serif; color:#2F2F2F; position:absolute; right:40px; top:185px; }
#show_references cite span { display:block; color:#797979; font-weight:normal; }
#show_references h3 { position:absolute; left:30px; top:20px; z-index:10; }
#show_references #handles { height:16px; left:190px; top:24px; }

#show_references_profile .element { background:url(../img/bg_feedback_profile_element.png) no-repeat 32px 30px; }
#show_references_profile { background:url(../img/bg_feedback_profile.png) no-repeat right 0; width:603px; height:270px; }
#show_references_profile .element, #show_references .mask { width:603px; height:225px; }
#show_references_profile .mask { top:45px; }
#show_references_profile q { font:italic 12px / 19px Georgia, Times, "Times New Roman", serif; color:#414141; position:absolute; width:500px; height:105px; left:80px; top:30px; }
#show_references_profile cite { text-align:right; font:bold italic 13px / 16px Georgia, Times, "Times New Roman", serif; color:#2F2F2F; position:absolute; right:50px; top:175px; }
#show_references_profile cite span { display:block; color:#797979; font-weight:normal; }
#show_references_profile h3 { position:absolute; left:30px; top:15px; z-index:10; }
#show_references_profile #handles { height:16px; left:190px; top:19px; }


/* Arbeitsproben */

.slideshow-images { display:block; overflow:hidden; position:relative; } 
.slideshow-images img { display:block; position:absolute; z-index:1; } 
.slideshow-thumbnails { overflow:hidden; } 

.slideshow-images { height:300px; width:400px; } 
.slideshow-images-visible { opacity:1; } 
.slideshow-images-prev { opacity:0; } 
.slideshow-images-next { opacity:0; } 
.slideshow-images img { float:left; left:0; top:0; } 

.slideshow { display:block; position:absolute; z-index:0; }
#show_examples { width:354px; height:227px; top:56px; right:84px; }

.slideshow a img { border:0; } 

.slideshow-captions { background:#000; bottom:0; color:#FFF; font-size:11px; left:20px; overflow:hidden; position:absolute; z-index:10000; } 
.slideshow-captions-hidden { height:0; padding:0; opacity:0; } 
.slideshow-captions-visible { height:20px; padding:5px 10px 0 10px; opacity:.7; } 

.slideshow-controller { background:url(../img/slide_controller.png) no-repeat; height:42px; left:50%; margin:-21px 0 0 -119px; overflow:hidden; position:absolute; top:50%; width:238px; z-index:10000; } 
.slideshow-controller * { margin:0; padding:0; } 
.slideshow-controller-hidden { opacity:0; } 
.slideshow-controller-visible { opacity:1; } 
.slideshow-controller a { cursor:pointer; display:block; height:18px; overflow:hidden; position:absolute; top:12px; } 
.slideshow-controller a.active { background-position:0 18px; } 
.slideshow-controller li { list-style:none; } 
.slideshow-controller li.first a { background-image:url(../img/slide_controller-first.gif); left:33px; width:19px; } 
.slideshow-controller li.last a { background-image:url(../img/slide_controller-last.gif); left:186px; width:19px; } 
.slideshow-controller li.next a { background-image:url(../img/slide_controller-next.gif); left:145px; width:28px; } 
.slideshow-controller li.pause a { background-image:url(../img/slide_controller-pause.gif); left:109px; width:20px; } 
.slideshow-controller li.play a { background-position:20px 0; } 
.slideshow-controller li.play a.active { background-position:20px 18px; } 
.slideshow-controller li.prev a { background-image:url(../img/slide_controller-prev.gif); left:65px; width:28px; } 

.slideshow-loader { position:absolute; width:28px; height:28px; left:50%; top:50%; margin:-34px 0 0 -34px; background-color:#000; border:20px solid #000; z-index:10001; } 
.slideshow-loader-hidden { opacity:0; } 
.slideshow-loader-visible { opacity:1; } 

.slideshow-thumbnails { position:relative; width:285px; height:80px; left:35px; top:20px; } 
.slideshow-thumbnails * { margin:0; padding:0; } 
.slideshow-thumbnails ul { height:65px; left:0; position:absolute; top:0; } 
.slideshow-thumbnails li { float:left; list-style:none; margin:5px 5px 5px 0; position:relative; } 
.slideshow-thumbnails a { display:block; float:left; padding:3px; position:relative; background-color:#EFEFEF; border:2px solid #EFEFEF; } 
.slideshow-thumbnails a:hover { border-color:#4988D6 !important; opacity:1 !important; } 
.slideshow-thumbnails a:active { border-color:#1B4671 !important; opacity:1 !important; outline:none; } 
.slideshow-thumbnails img { display:block; } 
.slideshow-thumbnails-active { border-color:#0067B2; opacity:1; } 
.slideshow-thumbnails-inactive { border-color:#EFEFEF; opacity:.5; } 


/* Tooltip
-------------------------------------------------------------- */
	
.basic-tooltip { z-index:13000; background:#000; padding:0; margin:0; max-width:220px; } 
.basic-tooltip .tip { padding:6px 10px; }
.basic-tooltip .tip-title { font-weight:bold; font-size:10px; color:#90C914; }
.basic-tooltip .tip-text { font-size:10px; color:#999; }


/* Forms
-------------------------------------------------------------- */

textarea, .input_submit { font-family:"Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; }
.input_field { position:relative; padding:0 0 15px 0; clear:both; }
.input_field input, .input_field textarea { border:1px solid #EEE; background:url(../img/bg_input-textfield.png) no-repeat left top #F7F7F7; padding:5px; font-size:11px; }
.input_field label { display:block; font-size:11px; color:#3A3A3A; font-weight:bold; padding:0 0 3px 10px; }
.input_field input:focus, .input_field textarea:focus { border-color:#90C914; }

#subject, #message { width:525px; }
#company, #phone, #sender, #email { width:240px; }
#contact_form .input_field textarea { height:220px; }

.input_button { height:30px; }
.input_button p { float:left; }

.input_submit { float:right; cursor:pointer; border:0; background:url(../img/button.png) no-repeat 0 0; width:185px; height:26px; font-size:11px; text-align:center; font-weight:bold; color:#FFF; overflow:hidden; padding:0 0 7px 0; }
.input_submit:hover { background-position:0 -26px; color:#6EA013; text-decoration:none; }
.input_submit:active { background-position:0 -52px; color:#6EA013; }

.message { border:1px solid #FFF; padding:20px 20px 10px 60px; margin:20px 0 0 0; }
.message h4 { color:#FFF; font-size:18px; }
.message a { color:#FFF; font-size:12px; }
.form_error { background-color:#BE151C; padding-left:30px; }	
.form_success { background:url(../img/message_success.png) 0 0 #A8C44C; border-color:#FFF; }
.form_success p { color:#E6ECD1; }
.form_error p { color:#F0C7C7; }


input.errorElement, textarea.errorElement { border-color:#A01D2C; }
.errorText { position:absolute; right:10px; top:4px; font-size:10px; color:#FFF; background:#C21F25; padding:3px 6px; border:1px solid #FFF; }



/* Special modifiers for modern browsers
-------------------------------------------------------------- */

.piped { text-shadow: #FFF 1px 1px 0px; }
.button, .input_submit { text-shadow: #93BF39 1px 1px 0px; }
.button:hover, .input_submit:hover { text-shadow: #C7E68B 1px 1px 0px; }
.button:active, .input_submit:active { text-shadow: #C2E28A 1px 1px 0px; }
.teasertext h2 { text-shadow: #000 1px 1px 10px; }
.boxbutton h3, #show_references h3 { text-shadow: #AAA 1px 1px 2px; }
.service h2, .service-list .title { text-shadow: #BBB 1px 1px 2px; }
h2 { text-shadow: #CCC 1px 1px 2px; }
#introtext h2 { text-shadow: #000 1px 1px 2px; }

.nojs_message { -moz-box-shadow:0 0 30px #000; -webkit-box-shadow:0 0 30px #000; -khtml-box-shadow:0 0 30px #000; }
.slideshow-captions { -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; -khtml-box-shadow:1px 1px 4px #000; }

.input_field input, .input_field textarea { opacity:.6; -moz-box-shadow:inset 0 0 5px #BBB; -webkit-box-shadow:inset 0 0 5px #BBB; -khtml-box-shadow:inset 0 0 5px #BBB; }
.input_field input:hover, .input_field textarea:hover, .input_field input:focus, .input_field textarea:focus { opacity:1; }

.form_success, .form_error { -moz-box-shadow:0 1px 10px #999; -webkit-box-shadow:0 1px 10px #999; -khtml-box-shadow:0 1px 10px #999; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; }

.work_button span.title, .work_button span.year { text-shadow: #E7E7E7 1px 1px 0px; }
.work_button.active span.title, .work_button.active span.year { text-shadow: #4D4D4D 1px 1px 0px; }

.zoom { -moz-box-shadow:0 1px 2px #333; -webkit-box-shadow:0 1px 2px #333; -khtml-box-shadow:0 1px 2px #333; }
.basic-tooltip { -moz-box-shadow:0 2px 4px #333; -webkit-box-shadow:0 2px 4px #333; -khtml-box-shadow:0 2px 4px #333; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; }

.errorText { -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-box-shadow:0 1px 2px #999; -webkit-box-shadow:0 1px 2px #999; -khtml-box-shadow:0 1px 2px #999;}
.slideshow-loader { -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-box-shadow:0 1px 2px #000; -webkit-box-shadow:0 1px 2px #000; -khtml-box-shadow:0 1px 2px #000; }
	
.sitemap li a:hover, .sitemap .sub li a:hover { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; }