@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('fonts/yanonekaffeesatz-regular-webfont.eot');
	src: local('Yanone Kaffeesatz'), local('YanoneKaffeesatz-Regular'), url('fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('fonts/yanonekaffeesatz-bold-webfont.eot');
	src: local('Yanone Kaffeesatz'), local('YanoneKaffeesatz-Bold'), url('fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: sans-serif;
    line-height:16px;
	color:#fff;
}



/* body { background-color:#fafafa;} */
body {background:#050409; text-align:center;}

p {line-height:18px; font-size:13px; margin-bottom:12px;}

h1 {
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	margin:-2px 0 -2px 0;
}
h1, h1 * {
	font-family: YanoneKaffeesatz;
	vertical-align:bottom;
}

h2 {
  font-size: 22px;
  line-height: 24px;
  font-weight:normal;
	margin:3px 0 6px 0;
  }
h2, h2 * {
	font-family: YanoneKaffeesatz;
	vertical-align:bottom;
}

h3, p.bigText {
  font-size: 18px;
  line-height: 22px;
  font-weight:normal;
  margin-bottom:9px;
  }
h3, h3 * {
	font-family: YanoneKaffeesatz;
	vertical-align:bottom;
}

h1 img { margin-bottom:-5px;}
h1 a {margin:0 5px;}

a {text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}

.grey, .grey * {color:#aaa;}


.bigSampleImg {float:left; margin-right:15px;}

.c20, .c50, .c25, .c33, .c66 {float:left;}
.c20 {width:25%;}
.c25 {width:25%; }
.c33 {width:33%;}
.c50 {width:50%;}
.c66 {width:66%}

.subcl {padding:0 15px 0 0; }
.subcr {padding:0 0 0 15px;}
.subc {padding:0 15px;}

.clearing{clear:both; height:1px;}


#wrapper {
	width:708px;
	text-align:left;
	margin:auto;
	position:relative;
}


.sampleWrapper {width:708px;overflow:hidden;}
.innerSampleWrapper { width:auto; width:32000px; }
.sample {width:708px; float:left;}

div.cell, div.lastCell { padding:20px 0 30px 0; position:relative;}
div.cell {border-bottom:1px solid #343436; clear:both;}
div .cell p {margin-bottom:0;}
div.lastCell {padding-bottom:40px;}
.yellow {color:#ffc71e; padding:0 5px; font-size:32px;}
/*.leftBorder {border-left:1px solid #ffc71e;} */

hr {border:solid #343436; border-width:0 0 1px 0; background:none; margin:20px 0;}


/* Coda Tooltip */
.bubbleInfo {
    position: relative;
}


/* IE Hack */
* html .popup {width:226px;}

.popup {
    position: absolute;
    max-width:226x;
    min-width:10px;
    height:160px;
    margin-top:99px;
    margin-left:32px;
    display: none;
}

.popup p {
    width:auto;
    margin:5px 5px 0 5px;
    padding:10px;
    font-size: 12px;
	line-height:14px;
    background-color:#000;
    color:#FFF;
}

.bubbleTail {
    width:30px;
    height:19px;
    margin-left:20px;
    background:url(imgs/a_black_bubble-tail2.png) 0 0 no-repeat;
}

#vision, #concept, #text, #design, #motion, #development {
    float:left;
	width:226px;
    height:160px;
	background:right 0 no-repeat;
}

#vision {
    background-image:url(imgs/vision_01.jpg);
}
#concept {
    background-image:url(imgs/konzept_01.jpg);
}
#text{
    background-image:url(imgs/text_01.png);
}
#design {
    background-image:url(imgs/design_01.jpg);
}
#motion {
    background-image:url(imgs/motion_01.jpg);
}
#development {
    background-image:url(imgs/entwicklung_01.jpg);
}
.space1 {margin-left:14px;}

/* Slider */

a.toLeft, a.toRight {position:absolute; width:31px; height:47px; cursor:pointer; }
a.toLeft {background:url(imgs/sliderArrows.png) 0 0 no-repeat; right:35px;}
a.toRight {background:url(imgs/sliderArrows.png) -35px 0 no-repeat; right:0;}
a.arrowGrey {background-image:url(imgs/sliderArrows_grey.png) !important; cursor:default;}

.sliderLight, .sliderLightOn {display:block; float:left; width:18px; height:25px; cursor:pointer; display:none;}  
.sliderLightOn {background:url(imgs/sliderLights.png) 0 0 no-repeat;}
.sliderLight {background:url(imgs/sliderLights.png) -19px 0 no-repeat;}

.noborder {border:none !important;}

a.upOn, a.downOn {display:block; width:34px; height:21px; background:0 0 no-repeat; position:absolute; right:0; top:20px;}
a.upOn {background-image:url(imgs/upOn.gif); display:none;}
a.downOn {background-image:url(imgs/downOn.gif);}


/* Kontaktformular */


#changeLang, #changeLang2, #openForm,#closeForm {width:70px;display:block;position:fixed; top:0;right:50px;background:#191919;font-family: YanoneKaffeesatz;color:#08928a;font-size:22px;padding:8px 6px 6px;border-top:4px solid #fff;cursor:pointer; text-decoration:none;}

#changeLang{width:40px; right:140px; z-index:200;}
#changeLang2{width:40px; left:50px; z-index:200;}

#closeForm{top:-35px;}

#changeLang:hover, #changeLang:focus,
#openForm:hover, #openForm:focus,
#closeForm:hover, #closeForm:focus {color:#46bfb8;}

#contactForm {position:fixed;top:-500px;left:50%;margin-left:-354px; z-index:5;width:708px;padding:70px 0 65px 0;background:url(imgs/modal.png) repeat;border-top:4px solid #fff;}
#contactFormText {float:left; margin-left:20px;width:210px;}
#contactFormText * {color:#ababad;}
#contactForm form {width:389px;margin-left:75px;float:left;overflow:hidden;}
#contactForm label {display:none;}
input, textarea {
	background:#fff;
	border:2px solid #fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin:0;
	font-family: YanoneKaffeesatz;
	font-size:18px;
	display:block;
	float:left;
}
input {padding:0px 10px;}
textarea {padding:2px 10px;}

#message {width:365px; height:237px; margin-bottom:10px;}

#name {width:165px; margin:0 10px 20px 0;}
#email {width:166px;margin-bottom:20px;}
#tel {width:203px;background:#9d9b9e;border-color:#9d9b9e;margin-right:40px;}
#submitContact {background:#febf12; border-color:#febf12;color:#000; width:122px; cursor:pointer;}
#additional {display:none;}
.errorField {border-color:#d83027 !important;}