#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* ########### BASICS ########### */
html { font-size: 100.01%; }
body { font-size: 62.5%; }


body { background: #000; color: #fff; margin: 40px 20px 0; padding: 0; font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;}

#header { border-bottom: 1px solid #ccc;  margin-bottom: 25px; height: 60px; position: relative; height: 65px; }
h1 { width: 280px; height: 60px; background: url("/assets/images/logo.gif") no-repeat; float: left; }
h1 a { width: 280px; height: 60px; display: block; text-indent: -9999px; }

#navi_sets { margin: 0; padding: 0; height: 22px; list-style: none; text-align: right; position: absolute; right: 0; bottom: 0; }
#navi_sets li { display: inline; padding: 5px 10px; border-top: 1px solid #ccc; height: 20px; padding-bottom: 5px; }
#navi_sets li.selected { border-top: 5px solid #ccc; padding-top: 1px; border-bottom: 5px solid #ccc; padding-bottom: 1px;}
#navi_sets li a { text-decoration: none; text-transform: lowercase; color: #999; font-weight: 300;}
#navi_sets li.selected a { color: #fff !important; }
#navi_sets li a:hover { color: #fff !important; }
#navi_sets li.service { position: absolute; top: -32px; border-top: 0; }
#navi_sets li.service a { color: #555; }
#navi_sets li#btn_ref { left: 0px; }
#navi_sets li#btn_ref.selected { padding-bottom: 0px !important; padding-top: 5px;}
#navi_sets li#btn_vita { left: 80px; }
#navi_sets li#btn_vita.selected { padding-bottom: 0px; padding-top: 5px;}
#navi_sets li#btn_kontakt { left: 120px; }
#navi_sets li#btn_kontakt.selected { padding-bottom: 0px; padding-top: 5px;}

#pix { height: 500px; clear: both; }
#pix ul { margin: 0; padding: 0; list-style: none; width:100%;white-space:nowrap;overflow-x:scroll}
#pix ul li { display: inline; margin-right: 10px; }

#copyright { border-top: 1px solid #ccc;  margin-top: 50px; color: #444; text-align: right; padding-top: 5px;}
#copyright a { text-decoration: none; font-weoght: normal; color: #444; }
#copyright a:hover { color: #fff; }

#referenzen #pix { background: url("/assets/images/kunden.gif") no-repeat -18px -73px; }
#referenzen #pix h2, #referenzen #pix ul { text-indent: -9999px; overflow: hidden;}
#vita #pix { background: url("/assets/images/vita.gif") no-repeat -45px -80px; border: 1px solid transparent;}
#vita #pix #bigpic { position: absolute; right: 20px; top: 220px; }
.sub #pix h2 { margin-top: 46px; text-transform: lowercase; font-weight: bold; margin-left: 73px; font-size: 16px; color: #999; }
.sub #pix p { width: 460px; margin-top: 20px; margin-left: 73px; }
.sub #pix span.label { color: #555; display: block; width: 25px; float: left;}
.sub #pix span.subhead { color: #555; }
.sub #pix a { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #ccc; color: #fff; }
.sub #pix a:hover { color: #ccc; }
#kontakt #pix { background: url("/assets/images/kontakt.gif") no-repeat -58px -80px; border: 1px solid transparent; }
#kontakt #pix #bigpic { position: absolute; right: 20px; top: 233px; }
#vita #pix p { width: 520px; }