<!--
body:before {content: "";position: fixed;top: -10px;left: 0; width: 100%;height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);box-shadow: 0px 0px 10px rgba(0,0,0,.8);z-index: 100}
body,td,th {color:#C93}
body {background-color:#000; font-family:Arial; font-size:12px; margin:0}
a {color:#C93; text-decoration:none}
#logo {padding:20px}
#header {left:0; right:0; border-bottom:1px solid #CCC; height:110px; background-color:#413734}
#menu {background-color:#000; border-bottom:1px solid #CCC;}
#menu a {color:#CCC; text-decoration:none;}
#menu a:hover {color:#C93; background-color:#413734; border-top:1px solid #CCC; padding-top:2px; padding-bottom:2px; border-bottom:1px solid #CCC; text-decoration:none; height:20px}
#imageline {left:0; right:0; background-color:#413734; border-bottom:3px solid #CCC; padding:20px}
#imagechanger {border:15px solid #FFF; max-width:960px; margin:0 auto}
#slideshow {border:1px solid #000; max-width:100%; margin:-3px; padding:0}
#imagechanger_bar {height:15px; padding:3px}
#container {text-align:center; margin:0 auto}
#content_container{padding-left:20px;padding-right:20px;background-color:#FFF;border-bottom:3px solid #CCC;color:#666}
#content_inline{padding:5px}
#content_inline_referenzen{max-width:920px; margin:0 auto; padding:5px}
#content_inline_referenzen img {border:1px solid #AAA;width:208px;background-color:#FFF;margin:5px;padding:6px}
#content_inline_referenzen img:hover {border:1px solid #AAA;width:208px;background-color:#EEE;margin:5px;padding:6px}
.text {width:260px}
#footer {background-color:#000;left:0;right:0;padding:10px}
#footer_container {max-width:960px;margin:0 auto}
#foot_middle {float:left;width:35%;padding-right:4px;border-right:3px solid #333;text-align:right}
h1 {font-size:13px;color:#300;margin:0;padding:3px}
h2 {font-size:12px;color:#300;margin:0;padding:3px}
.index_h2 {font-size:10px;color:#C93;margin:0;padding:3px}
.audio_h2 {color:#600;margin:0;padding:3px}
.kreativ_h2 {font-size:12px;color:#C93;margin:0;padding:3px}
h3 {font-size:11px;color:#300;margin:0;padding:3px}
small {font-size:9px;color:#CCC}
.formular {width:250px}
.formular input,textarea {background-color:#FFF;border:1px solid #CECECE;margin:2px}
#toolbar {height:16px;clear:both;color:#FFF;font-size:10px;float:right;margin:3px;padding:10px}
#w35 {border:0;margin:0 auto}
#w35markup {clear:both}
#date {font-weight:700}
code {color:#666;border:1px dashed #AAA;padding:5px}
code:before {content:"*: "}
.amazon:after {content:" - > ";color:#630} 
#logo_img,#imagechanger_bar img,#w35v,#html5_logo {border:0}
#inner_audio,#inner_portfolio,#inner_index,#inner_kreativ,#inner_impressum,#inner_kontakt {text-align:left;max-width:600px;margin:0 auto}
#foot_left,#foot_right {float:left;width:30%;padding-right:4px;border-right:3px solid #333;text-align:right}
.formular input:hover,.formular textarea:hover {background-color:#E6CD99;border:1px solid #C93;margin:2px}
li{ margin-left: 20px;}

#imageTransition {
  position:relative;
  height:200px;
  width:450px;
  margin:0 auto;
}

#imageTransition img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#imageTransition img.top:hover {
  opacity:0;
}
-->