@charset "utf-8";
/* CSS Document */

html { padding: 0; margin:0; }
body { font-family:Verdana, Arial, sans-serif; font-size:10px; color:#e5e5e5; text-align:center; }
body.index { background:url(../img/bg.jpg) no-repeat center top; background-color:#000000;}
body.work { background:url(../work/bg.jpg) no-repeat center top; background-color:#000000;}
body.about { background:url(../about/bg.jpg) no-repeat center top; background-color:#000000;}
body.contact { background:url(../contact/bg.jpg) no-repeat center top; background-color:#000000;}
body.imprint { background:url(../imprint/bg.jpg) no-repeat center top;  background-color:#000000;}
body.news { background:url(../news/bg.jpg) no-repeat center top; background-color:#000000;}
body.reel { background:url(../reel/bg.jpg) no-repeat center top; background-color:#000000;}

a { color:#b2e617; text-decoration:none; font-style:italic;}
a:hover { background-color:#b2e617; color:#000000; }
a:link.grey { color:#464646; text-decoration:none; font-size:8px; }

.home { margin:255px 0 0 25px; text-align:left;}
img.sascha { margin:40px 0 0;}

a.work:link, a.work:visited { background:url(../home/work.png) no-repeat; display:block; width:228px; height:72px; color:transparent; float:left; }
a.work:hover, a.work:active { background:url(../home/work_over.png) no-repeat; }

a.contact:link, a.contact:visited { background:url(../home/contact.png) no-repeat; display:block; width:156px; height:72px; color:transparent;  float:left;}
a.contact:hover, a.contact:active { background:url(../home/contact_over.png) no-repeat; }

.outer { width:808px; margin: 0 auto; padding:0 20px;  }
.clear { clear:both;}

h1 { font-size:12px; font-weight:bold; margin-top:23px;}

/***** Navigation *****/
.navi { margin-top:50px; margin-left:-18px; }
.navi-left li { float:left; display:block; }
.navi-right { float:right; margin-top:-10px; }
.navi-right li { float:left; display:block;}
.navi { margin-right:-30px; }

.navi a.active { color:}

.navi-left .work, .navi-left .reel, .navi-right .about, .navi-right .contact, .navi-right .news, 
.navi-right .about, .navi-right .contact, .navi-right .news, .navi-right .imprint, .navi-right .client-login { color:transparent; }

.navi-left a { display:block; width:50px; height:30px; color:transparent; }
.navi-left a.work:link, .navi-left a.work:visited { background:url(../img/work.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }
.navi-left a.work:hover { background:url(../img/work_over.png) no-repeat; }
.navi-left a.work:active { background:url(../img/work_on.png) no-repeat; }
.navi-left a.work-active { background:url(../img/work_on.png) no-repeat; }

.navi-left a.reel:link, .navi-left a.reel:visited { background:url(../img/reel.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }
.navi-left a.reel:hover { background:url(../img/reel_over.png) no-repeat; }
.navi-left a.reel:active { background:url(../img/reel_on.png) no-repeat; }
.navi-left a.reel-active { background:url(../img/reel_on.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }

.navi-right a.about:link, .navi-right a.about:visited { background:url(../img/about.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }
.navi-right a.about:hover { background:url(../img/about_over.png) no-repeat; }
.navi-right a.about:active { background:url(../img/about_on.png) no-repeat; }
.navi-right a.about-active { background:url(../img/about_on.png) no-repeat; display:block; width:50px; height:30px; }

.navi-right a.contact:link, .navi-right a.contact:visited { background:url(../img/contact.png) no-repeat; display:block; width:96px; height:30px; color:transparent; }
.navi-right a.contact:hover { background:url(../img/contact_over.png) no-repeat; }
.navi-right a.contact:active { background:url(../img/contact_on.png) no-repeat; }
.navi-right a.contact-active { background:url(../img/contact_on.png) no-repeat; display:block; width:96px; height:30px; color:transparent;}

.navi-right a.news:link, .navi-right a.news:visited { background:url(../img/news.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }
.navi-right a.news:hover { background:url(../img/news_over.png) no-repeat; }
.navi-right a.news:active { background:url(../img/news_on.png) no-repeat; }
.navi-right a.news-active { background:url(../img/news_on.png) no-repeat; display:block; width:50px; height:30px; color:transparent;}

.navi-right a.imprint:link, .navi-right a.imprint:visited, .home a.imprint:link, .home a.imprint:visited { background:url(../img/imprint.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }
.navi-right a.imprint:hover, .home a.imprint:hover { background:url(../img/imprint_over.png) no-repeat; }
.navi-right a.imprint:active, .home a.imprint:active { background:url(../img/imprint_on.png) no-repeat; }
.navi-right a.imprint-active { background:url(../img/imprint_on.png) no-repeat; display:block; width:50px; height:30px; color:transparent; }

.home p.home { text-align:center; margin:255px 0 0 353px}
*+html .home p.home { margin:255px 0 0 0px}

/***** Work // Project // Navigation *****/
a.previous { background:url(../work/previous.png) no-repeat; display:block; width:16px; height:432px; color:transparent; float:left; margin-left:3px; }
*+html a.previous_ie { margin-top:10px;}
a.next { background:url(../work/next.png) no-repeat; display:block; width:16px; height:432px; margin-left:788px; color:transparent; }
a.previous:hover { background:url(../work/previous_over.png) no-repeat; }
a.next:hover, a.next_credits:hover { background:url(../work/next_over.png) no-repeat; }

a.margintop { margin-top:10px;}

.content img { float:left; margin:0px; border:0px; padding:0px; }

.map_previous, .map_next { text-align:left; float:left; z-index:100; padding:167px 0 0 8px; }
a.map_previous, a.map_next { height:265px; width:369px; cursor:pointer; }
a.map_next { padding-left:0px; margin-left:31px;}
a.map_previous { width:359px; }
.map_next { height:111px; width:358px; margin-left:0px; }

a.map_previous, a.map_next { color:none; text-decoration:none; font-style:normal;}
a.map_previous:hover, a.map_next:hover, .map_next{ background:none; color:none; }
a:link.grey { color:#464646; text-decoration:none; font-size:8px; }
a.next_credits { background:url(../work/next.png) no-repeat; display:block; width:16px; height:432px; margin-left:768px; color:transparent; margin-left:787px; }
a.credits_p2 { background:url(../work/credits.png) no-repeat; display:block; width:384px; height:16px; display:block; width:384px; height:16px; }
a.credits_p2:hover, a.credits_p2:active { background:url(../work/credits_over_on.png) no-repeat; display:block; width:384px; height:16px; }

a.credits_p3 { background:url(../work/credits_over_on.png) no-repeat; display:block; width:384px; height:16px; margin-top:-1px; }
a.credits_p3:hover, a.credits_p3:active { background:url(../work/credits.png) no-repeat; display:block; width:384px; height:16px; margin-top:-1px; }
*+html a.credits_p3 { background:url(../work/credits_over_on.png) -120px no-repeat; margin-left:120px; }
*+html a.credits_p3:hover, *+html a.credits_p3:active { background:url(../work/credits.png) -120px no-repeat; }

/***** Content *****/
.content { clear:both; padding:65px 0 0; line-height:1.5; text-align:left; margin-left:20px; margin-right:16px;}
/* IE 7 Hack */ *+html .content { padding:0px; }
.inner .work { margin:0px;}
.inner .about { width:352px; float:left; margin-left:16px; }
img.about { width:384px !important; height:216px; margin-top:75px; margin-left:31px; }
.green { color:#b2e617; }
.grey { color:#464646; }
.white { color:#fff;}

.inner .left { width:224px !important; margin-left:16px; float:left; }
.left { margin-top:9px; }
/* IE 7 Hack */ *+html iframe { margin-top:-20px;  }
/* IE 7 Hack */ *+html iframe.time { margin-bottom:-4px; margin-top:-10px; }

/***** Contact *****/
.contact-right { margin-top:4px;}
fieldset, textarea, input { border:0px; }
textarea, input { background-color:#000000; color:#808080; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
input-active { background-color:#b2e617; color:#808080; }
fieldset img { float:left;}
textarea { height: 111px; width:256px; margin-bottom:1px; overflow: auto; }
input { width:256px; height:16px; margin-bottom:1px;  }
input.send { width:80px; height:16px; background-color:transparent; margin-top:72px; color:transparent;}
.form-left { float:left;}
.no-form, .time { margin-left:240px; text-align:center; width:256px; background:none; color:#FFFFFF; }
.time { margin:0px;}

a.sende:link, a.sende:visited, input.sende { background:url(../contact/send.png) no-repeat left bottom; display:block; width:80px; height:16px; color:transparent; margin-left:344px; margin-top:71px;}
a.sende:hover, a.sende:active, input.sende:hover, input.sende:focus  { background:url(../contact/send_over.png) no-repeat left bottom; }

a.promaxbda:link, a.promaxbda:visited { background:url(../contact/promaxbda.png) no-repeat; display:block; width:70px; height:40px; float:left; }
a.promaxbda:hover, a.promaxbda:active { background:url(../contact/promaxbda_over.png) no-repeat; }

a.linkedin:link, a.linkedin:visited { background:url(../contact/linkedin.png) no-repeat; display:block; width:25px; height:40px; float:left; }
a.linkedin:hover, a.linkedin:active { background:url(../contact/linkedin_over.png) no-repeat; }

a.xing:link, a.xing:visited { background:url(../contact/xing.png) no-repeat; display:block; width:20px; height:40px;float:left;  }
a.xing:hover, a.xing:active { background:url(../contact/xing_over.png) no-repeat; }

a.facebook:link, a.facebook:visited { background:url(../contact/fb.png) no-repeat; display:block; width:20px; height:40px;float:left;  }
a.facebook:hover, a.facebook:active { background:url(../contact/fb_over.png) no-repeat; }

input.result { width:197px;}
.zahl { width:60px; float:left; padding-top:3px;}

/***** Imprint *****/
div.imprint { text-align:right; float:right; width:352px; clear:both; margin-right:17px; }
p.imprint { color:#808080; }

/***** News *****/

div.news { margin:0 30px 0 17px;}

.tweet { padding-top:19px;}
*+html .tweet { padding-top:8px;}
.date, .tweet_time a{ font-size:9px; color:#808080; }

.tweet_join { color:#808080; font-style:italic;   }
.tweet_time { margin-bottom:5px;clear:both;}
.tweet_message { float:none;}
ul.tweet_list li { margin-left:-40px; display:block;}
ul { list-style-type:none;}

.follow a:link, .follow a:visited, .follow a:active { background:url(../news/follow.png) no-repeat; display:block; width:70px; height:33px; float:right; }
.follow a:hover { background:url(../news/follow_over.png) no-repeat; }

/***** Reel *****/
div.reel { text-align:center; }
.download { text-align:right; margin-right:134px;}
iframe { float:left;}