@charset "utf-8";
@font-face {
font-family:FuturaBT-Light;
src:url(FuturaBT-Light.eot);
}
#gototext { display: none;}
body {
font-family:Tahoma;
font-size:12px;
background:url(../images/bg.jpg) #47032b repeat-x;
margin:0;
padding:0;
}

.inner {
position:absolute;
width:500px;
z-index:500;
height:500px;
background:#fff;
border:solid 1px #cecece;
margin:100px 0 0 215px;
}

.schatten {
background:url(../images/schatten.jpg) 50% 490px no-repeat;
width:930px;
height:700px;
margin:0 auto;
}

#logo {
position:absolute;
margin-left:720px;
margin-top:350px;
}

#navigation {
width:501px;
position:absolute;
height:60px;
margin:55px 0 0 217px;
}

#navigation img {
margin:0;
padding:0;
}

#navigation a {
text-decoration:none;
color:#FFF;
}

#subnavigation {
position:absolute;
text-align:right;
width:195px;
}

#subnavigationref {
position:absolute;
text-align:right;
width:325px;
}

#subnavigation div .title,#subnavigationref div .title {
font-size:12px;
text-transform:uppercase;
font-weight:700;
padding:2px 5px;
}

#subnavigation div ul a,#subnavigationref div ul a {
text-decoration:none;
color:#47032C;
font-size:12px;
padding:2px 5px;
}

#subnavigation div ul a:hover,#subnavigation div ul .active,#subnavigationref div ul a:hover,#subnavigationref div ul .active {
background:#47032C;
color:#fff;
}

#subnavigation div ul li,#subnavigationref div ul li {
padding:2px 0;
}

#subnavigation div ul .subon,#subnavigationref div ul .subon {
background:#47032C;
color:#FFF;
}

#agenturleistungennav {
margin:320px 0 0;
padding:0;
}

#webdesignnav {
margin:267px 0 0;
padding:0;
}

#referenzen {
margin:217px 0 0;
padding:0;
}

#referenzenmain {
margin:100px 0 0;
padding:0;
}

#content #referenzen {
margin:125px 0 0;
padding:0;
}

.link { display: none; }

#standortenav {
margin:360px 0 0;
padding:0;
}

a {
color:#47032C;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#footer {
width:500px;
text-align:center;
color:#fff;
margin:0 auto;
}

#footer a {
color:#fff;
}

#footer a:hover {
text-decoration:none;
}

img {
border:0;
}

.floatleft {
float:left;
margin-left:40px;
}

.floatright {
float:right;
}

.p_box {
float:left;
background:#fff;
width:103px;
height:80px;
font-size:10px;
border:solid 1px #CCC;
margin:5px;
padding:15px 4px 5px 6px;
}

.p_title {
text-align:center;
color:#000;
margin:10px 0 3px;
}

.p_cat {
color:#b0b0b0;
text-align:center;
font-size:10px;
margin:3px 0 2px;
}

.menue {
width:152px;
height:141px;
background:transparent;
border:0;
}

#totalx {
background:#fff;
cursor:url(../images/x.ico), progress;
width:100%;
height:420px;
position:absolute;
z-index:2;
}

#totalxw {
background:#fff;
cursor:url(../images/x.ico), progress;
width:100%;
height:100%;
position:absolute;
z-index:1;
}

.p_container {
border-bottom:none;
background:#fff;
padding-left:10px;
}

#portfolio ul,#portfolio li {
list-style:none;
margin:0;
padding:0;
}

#portfolio,#portfolio li {
width:500px;
height:500px;
overflow:hidden;
}

div#prevBtn {
float:left;
margin-top:0;
}

div#nextBtn {
float:right;
margin-top:0;
margin-left:300px;
position:absolute;
}

#pagination {
margin-top:470px;
position:absolute;
}

h1 {
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:400;
}

h2 {
font-size:12px;
}

.hidden {
visibility:hidden;
}

.show {
visibility:show;
}

#wuerfel {
position:absolute;
width:500px;
height:500px;
z-index:999;
margin:0;
}

#cu3er-container {
width:500px;
outline:0;
background:none;
}

.korrekt {
color:#0C0;
}

.inkorrekt {
color:red;
}

#content h1 {
text-align:right;
margin-left:140px;
color:#4a0232;
font-weight:400;
text-transform:uppercase;
font-size:17px;
display:none;
padding:10px 0;
}

#content {
text-align:justify;
line-height:16px;
color:#444;
font-size:11px;
padding:20px 35px 0 0;
}

.imgright {
float:left;
padding-top:10px;
padding-left:7px;
padding-right:8px;
text-align:center;
height:470px;
width:135px;
}

.imgright img {
padding:10px 5px;
}

#content p,#content h2,#content table {
margin-left:150px;
}

#content ul li,#content ul {
margin:0 0 0 30px;
}

#content ul {
padding:0 0 0 100px;
}

#content h2 {
text-align:left;
}

.links {
float:left;
width:250px;
}

#standort {
padding:25px;
}

span#formtitle {
width:200px;
}

#form input,#form textarea {
margin-bottom:2px;
border:solid 1px #8A6279;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tinyTip {
width:325px;
display:block;
background:url(../images/tinyTip-top.png) 0 0 no-repeat;
padding:17px 0 0;
}

.tinyTip .content {
font-size:14px;
font-family:"Lucida Sans Unicode";
color:#010101;
background:url(../images/tinyTip-content.png) 0 0 repeat-y;
padding:0 15px;
}

.tinyTip .bottom {
height:47px;
background:url(../images/tinyTip-bottom.png) 0 0 no-repeat;
font:0/0 sans-serif;
}

.innerotherreferer {
width:930px;
background:#fff;
border:solid 1px #cecece;
margin:20px auto;
padding:20px;
}

.innerotherreferer h1 {
font-size:22px;
margin:0;
padding:0;
}

.innerotherreferer h2 {
font-size:12px;
text-transform:uppercase;
margin:0;
padding:0;
}

.innerotherreferer #logo {
position:absolute;
margin-left:700px;
margin-top:0;
}

.innerotherreferer #desc {
text-align:justify;
}

#footerref {
width:950px;
color:#fff;
height:40px;
margin:0 auto;
}

.innerotherreferer #navigation {
width:510px;
position:relative;
height:45px;
margin:0;
}

.innerotherreferer .left {
float:left;
width:200px;
text-align:right;
}

.innerotherreferer .refererinner {
margin-left:210px;
padding-left:20px;
border-left:solid 1px #bbb;
}

.innerotherreferer #referenzen {
margin:15px 0 0;
padding:0;
}

.innerotherreferer #diepraxis {
margin-top:350px;
}

.innerotherreferer #diepraxistitle {
color:#47032C;
}

#vagenturleistungen {
height:60px;
clear:both;
}

#vprintdesign {
height:120px;
clear:both;
}

#vcorporate {
height:65px;
clear:both;
}

#vaussenwerbung {
height:170px;
clear:both;
}

#vwebhosting {
height:20px;
clear:both;
}

#vcms {
height:30px;
clear:both;
}

#vseo {
height:10px;
clear:both;
}

#vmarketing {
height:75px;
margin-top:0;
clear:both;
}

#vteam {
height:33px;
clear:both;
}

#vstandort {
height:40px;
clear:both;
}

#navigation ul,#subnavigation div ul,#subnavigationref div ul {
list-style-type:none;
margin:0;
padding:0;
}

#navigation li,.innerotherreferer #navigation li {
float:left;
margin:15px 0 0;
padding:0;
}

#printdesignnav,#supportnav {
margin:340px 0 0;
padding:0;
}

.p_box .inlinetext,.inlinetext,#no,#standort h1,#agenturleistungen,#blog,#kontakt,#printdesign,#referenzenst,#standorte,#team,#webdesign {
display:none;
}

.p_box a,#pagination img {
cursor:pointer;
}

.colorimage,.hoverbox {
position:absolute;
}

#titleimg,.rechts,#form {
text-align:right;
}

.innerotherreferer #cu3er-container,.innerotherreferer #galerie img {
float:left;
}

#vwerbemittel,#vkontakt {
height:50px;
clear:both;
}

#vkonzept,#vweiters {
height:70px;
clear:both;
}

#vshops,#vporgrammierung {
height:100px;
clear:both;
}

#v404,#vkundenftp {
margin-top:140px;
clear:both;
}

#vsupport,#vpagerank {
margin-top:90px;
clear:both;
}