@charset "utf-8";

@font-face {
	font-family: 'MisoBold';
	src: url('../fonts/miso-bold-webfont.eot');
	src: local('?'), url('../fonts/miso-bold-webfont.woff') format('woff'), url('../fonts/miso-bold-webfont.ttf') format('truetype'), url('../fonts/miso-bold-webfont.svg#webfontviLhCq85') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {outline:none;margin:0;padding:0;}
html {overflow-y:scroll;height:100%}
body {border:0;font-size: 100.01%;font-family:Verdana, Arial, sans-serif;
background:#d4c300;
}

::-moz-selection {
    background:#d4c300;
    color:#fff;
}

::selection {
    background:#d4c300;
    color:#fff;
	}


ul#bgswitch {float:right;margin-top:35px;display:block;list-style:none;}
ul#bgswitch li {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;float:left;display:block;height:5px;width:5px;text-indent:-9999px}
li#bgswitch0, li#bgswitch1, li#bgswitch2, li#bgswitch3 {margin:0 3px;}
li#bgswitch0 {background:#fc9e0a}
li#bgswitch1 {background:#028cc6}
li#bgswitch2 {background:#0a9a40}
li#bgswitch3 {background:#f6142e}
li#bgswitch4 {background:#d4c300;margin:0 9px 0 3px}

.bg0 {background:#fc9e0a}
.bg1 {background:#028cc6}
.bg2 {background:#0a9a40}
.bg3 {background:#f6142e}
.bg4 {background:#d4c300}

h1, h2 {font-family:MisoBold, Verdana, Arial, sans-serif}
h1.works {clear:both;padding:25px 0 0 0}
h1 {letter-spacing:0.05em;font-size:1.1em;color:#524137;margin:10px 0}
h2 {letter-spacing:0.05em;font-size:1em;color:#524137;margin:10px 0}
p {font-size:0.75em;line-height:1.9em;word-spacing:0.1em}

small {font-size:0.65em;line-height:1.6em;word-spacing:0.1em}

ul,li {list-style:none}

a, img {text-decoration:none}

div#person_left a, div#person_right a {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:url('http://unwohltaeter.bplaced.net/portfolio/images/whitepixel2.png');margin:3px 0;padding:0 3px;display:block;width:454px;color:#000}
div#person_left a:hover, div#person_right a :hover {background:url('http://unwohltaeter.bplaced.net/portfolio/images/blackpixel.png');color:#f4eee4;border:none}

img#logo {float:left;height:45px;width:220px;background:url('http://unwohltaeter.bplaced.net/portfolio/images/logo.png') center center no-repeat;}
img#photo {height:211px;width:170px;background:url('http://unwohltaeter.bplaced.net/portfolio/images/foto_d4c300.png');margin:12px 25px 10px 0;float:left}
img#reload, img#error, img#success {vertical-align:middle;height:16px;width:16px;}
img#reload {background:url('http://unwohltaeter.bplaced.net/portfolio/images/reload.png');cursor:pointer}
img#error {background:url('http://unwohltaeter.bplaced.net/portfolio/images/error.png')}
img#success {background:url('http://unwohltaeter.bplaced.net/portfolio/images/success.png')}


div#navi {border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background:url('http://unwohltaeter.bplaced.net/portfolio/images/navi.png');width:970px;height:30px;text-shadow:0px 0px 5px #000}
a.navi {letter-spacing:0.05em;font-size:1.2em;line-height:30px;float:right;color:#fff;font-family:MisoBold;padding:0 13px;}
a.navi:hover, a.active {border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
a.navi:hover {background:url('http://unwohltaeter.bplaced.net/portfolio/images/whitepixel3.png')}
a[title="Kontakt"] {margin-right:15px;}
a.active, a.active:hover {background:url('http://unwohltaeter.bplaced.net/portfolio/images/whitepixel2.png')}

ul.ceebox a {text-indent:-9999px}

div#bar {z-index:0;background:url('http://unwohltaeter.bplaced.net/portfolio/images/bar.png');height:90px}
div#gradient {z-index:-1;overflow:hidden;position:fixed;height:100%;width:100%}


div.center {z-index:0;width:950px;height:300px;left:50%;position:absolute;margin-left:-487px;top:15px}
div#wrapper {top:140px;}
div#content {border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;float:left;position:relative;padding:15px;min-height:200px;width:940px;background:url('http://unwohltaeter.bplaced.net/portfolio/images/whitepixel.png');}
div#works_left, div#contact_left,  div#person_left, div#works_right, div#contact_right, div#person_right  {float:left;width:440px}
div#works_left, div#contact_left,  div#person_left  {margin-left:5px;}
div#works_right, div#contact_right, div#person_right {margin-left:40px;}
div#impressum {margin:0 5px;width:940px}

div#works_left h1, div#works_right h1 {padding-left:5px}


input, textfield, textarea, submit, button {border:0 none;resize: none}
input[type=submit]::-moz-focus-inner {border: 1px dotted transparent;}
div#contact_right input, div#contact_right textarea {background:url('http://unwohltaeter.bplaced.net/portfolio/images/contactform.png');padding:5px;width:430px;}
div#contact_right input {background-position: 0 0;}
div#contact_right input.error {background-position: 0 -26px;}
div#contact_right input.success {background-position: 0 -52px;}
div#contact_right textarea {height:90px;background-position: 0 -78px;}
div#contact_right textarea.error {background-position: 0 -178px;}
div#contact_right textarea.success {background-position: 0 -278px;}
div#contact_right input#send_message {background-position: 0 -378px;margin-top:15px;max-width:147px !important;width:147px !important;cursor:pointer;cursor:hand;} 
div#contact_right input#send_message:active {background-position: 0 -408px;}
div.mailerror, div.mailsuccess {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:15px 0;display:none;width:430px;padding:5px;font-size:0.5em;}
div.mailsuccess {background-color:#b7fbb9;color:#008e04}
div.mailerror {background-color:#ffbaba;color:#fe0000}

#mail_fail {display: none;}

.icons:hover, .fotos:hover, .digital:hover, .analog:hover, .logos:hover, .videos:hover, .webdesign:hover {opacity:1;filter:alpha(opacity=100)}
.icons, .fotos, .digital, .analog, .logos, .videos, .webdesign {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:0.5;filter:alpha(opacity=50);height:100px;width:100px;display:block;float:left;margin:5px}
.fotos {background:url('http://unwohltaeter.bplaced.net/portfolio/images/thumbs/fotos_thumb.jpg')}
.digital {background:url('http://unwohltaeter.bplaced.net/portfolio/images/thumbs/digital_thumb.jpg')}
.analog {background:url('http://unwohltaeter.bplaced.net/portfolio/images/thumbs/analog_thumb.jpg')}
.logos {background:url('http://unwohltaeter.bplaced.net/portfolio/images/thumbs/logos_thumb.jpg')}
.videos {background:url('http://unwohltaeter.bplaced.net/portfolio/images/thumbs/videos_thumb.jpg')}
.webdesign {background:url('http://unwohltaeter.bplaced.net/portfolio/images/thumbs/webdesign_thumb.jpg')}
#adogstoy {background-position:0 0}
#bobby {background-position:0 600px}
#cigarettes {background-position:0 500px}
#fog {background-position:0 400px}
#goldenbee {background-position:0 300px}
#plulm {background-position:0 200px}
#tearc {background-position:0 100px}
#bstrawb {background-position:0 0}
#deadsil1 {background-position:0 700px}
#deadsil2 {background-position:0 600px}
#hdman {background-position:0 500px}
#samurainight {background-position:0 400px}
#sdesign2 {background-position:0 300px}
#spacediving {background-position:0 200px}
#zombie {background-position:0 100px}
#mmai {margin-right:400px;background-position:0 0}
#sdesign1 {background-position:0 100px}
#greenheart {background-position:0 0}
#da1 {background-position:0 700px}
#da2 {background-position:0 600px}
#da3 {background-position:0 500px;}
#da4 {background-position:0 400px}
#da5 {background-position:0 300px}
#japansen {background-position:0 200px}
#kreadee {background-position:0 100px}
#reinkarnation {background-position:0 0}
#beltane {background-position:0 0}
#lovage {background-position:0 100px}

.icons {background:url('http://unwohltaeter.bplaced.net/portfolio/images/iconsprite.png');display:inline;text-indent:-9999px;width:24px;height:24px;float:left;margin:0 2px 5px 2px}
#xing {background-position:0 0}
#facebook {background-position:0 -24px}
#youtube {background-position:0 -96px}
#wordpress {background-position:0 -144px}
#myspace {background-position:0 -168px}
#stumbleupon {background-position:0 -192px}
#technorati {background-position:0 -216px}
#twitter {background-position:0 -240px}

p#footer {text-shadow:0 0 2px #000;text-align:right;float:right;margin:5px 8px 45px 0;text-align:right;font-size:0.6em;color:#f4eee4;}
p#footer a {color:#f4eee4}
p#footer a:hover {text-decoration:underline overline}


div.clear {clear:left;height:0;margin:0;padding:0;font-size:0}

.coda-slider-wrapper {}
.coda-slider-no-js .coda-slider { height: 200px;overflow: auto !important;padding-right: 20px }
.coda-slider, .coda-slider .panel { width: 940px } 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 940px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-slider p.loading { padding: 20px;text-align: center }
.coda-slider-wrapper { clear: both;overflow: auto }
.coda-slider { float: left;overflow: hidden;position: relative }
.coda-slider .panel { display: block;float: left }
.coda-slider .panel-container { position: relative }

#cee_closeBtn { background-image: url('http://unwohltaeter.bplaced.net/portfolio/images/ceebox/cee-close-btn.png')}
#cee_next { background-image: url('http://unwohltaeter.bplaced.net/portfolio/images/ceebox/cee-next-btn.png')}
#cee_prev { background-image: url('http://unwohltaeter.bplaced.net/portfolio/images/ceebox/cee-prev-btn.png')}
* html#cee_next { background-image: url('http://unwohltaeter.bplaced.net/portfolio/images/ceebox/cee-next-btn.gif')}
/* IE6 hack*/* html#cee_prev { background-image: url('http://unwohltaeter.bplaced.net/portfolio/images/ceebox/cee-prev-btn.gif')}
/* IE6 hack*/#cee_load { background-image: url('http://unwohltaeter.bplaced.net/portfolio/images/ajax-loader.gif')}
/* ceebox border width controled as option in jquery.ceebox.js*//* colors for ceebox background and border can also be set as option in jquery.ceebox.js*/
#cee_box{background:#fff;border-color:#525252;border-style:1px solid#554d46;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#cee_box {color:#333333;background-color:#fff}
#cee_count {-moz-opacity: 0.8;opacity: 0.8;clear:left;float:left;padding: 2px 0 4px;font-size:0.75em;word-spacing:0.1em}
.cee_html#cee_title h2 {float:left}
.cee_html#cee_count {clear:none;padding-left:5px}
* html#cee_count {zoom:1;padding-bottom:6px}
#cee_next,#cee_prev{height:100%;width: 49%;text-indent:-10000px;text-decoration:none;visibility:visible;z-index:999;background-repeat:no-repeat}
#cee_box a {border:0}
#cee_box a:link {color:#666}
#cee_box a:visited {color:#666}
#cee_box a:hover {color:#000}
#cee_box a:active {color:#666}
#cee_box a:focus{color:#666}
#cee_closeBtn {background-position:-31px 0;background-repeat: no-repeat;display:box;width:17px;height:17px;position:absolute;text-indent:-10000px;z-index:9999999;margin:15px}
#cee_closeBtn {bottom:-3px;right:-3px}
#cee_closeBtn,#ie8#hack {bottom:-3px;right:-3}
*:first-child+html#cee_closeBtn{bottom:-3px;right:-3px}
* html#cee_closeBtn{bottom:-3px;right:-3px}
#cee_closeBtn:hover {background-position:0 0;width:48px;height:17px}
.cee_close {bottom:0;cursor:pointer}
#cee_box {text-align:left;color:#000}
#cee_box img#cee_img,#cee_vid,#cee_iframeContent,#cee_ajax {display:block;margin: 15px 15px 0;border-right: 1px solid#ccc;border-bottom: 1px solid#ccc;border-top: 1px solid#666;border-left: 1px solid#666}
#cee_title {padding:7px 15px 5px 15px;overflow:hidden}
.cee_html#cee_title{background-color:#e8e8e8;height:18px;}
#cee_title h2 {margin:0 0 1px}
#cee_ajax{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#cee_load{display:none;height:55px;width:55px;margin: -35px 0 0 -30px;/* -height/2 0 0 -width/2*/ background-position: center center;background-repeat:no-repeat}
#cee_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%}
* html#cee_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#cee_iframe{clear:both;border:none;margin-bottom:-1px;margin-top:1px}
#cee_overlay {background:url('http://unwohltaeter.bplaced.net/portfolio/images/overlay.png')