*{
	padding: 0;
	margin: 0;
}

@font-face
{
    font-family: 'Abel-Regular';
    src: url('/assets/css/Abel-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Abel-Regular';
    src: url('/assets/css/Abel-Regular.eot');
    src: url('/assets/css/Abel-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/css/Abel-Regular.woff') format('woff'),
    url('/assets/css/Abel-Regular.ttf') format('truetype'),
    url('/assets/css/Abel-Regular.svg#Abel-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: Abel-Regular;
	font-size:100%;
	color:#000;
}

a img{
    border: 0;
}

a,
a:visited{
    color:#000;
    text-decoration: none;
}

#wrapper{
    width: 1100px;
}

#top .left,
#top .right{
 width:50%;
 float:left;
}

.clear{
    clear:both;
}

.nav{
 list-style: none;
 padding-left: 35%;
 border-bottom: 1px solid #cdcdcd;
 width:255px;
 font-size: 1.2em;
 height: 38px;
}

.nav li{
    display: inline-block;
    padding-top: 15px;
    border-top: 2px solid #fff;
    padding-right: 5px;
}

.nav .active{
    border-top: 2px solid #aaaaaa;
}

.nav li:hover{
    border-top: 2px solid #cdcdcd;
}

#top .right .wrapper .logo,
#top .right .wrapper .languages{
    float:left;
}

#top .right .wrapper .logo{
    font-size: 2.5em;
}

#top .right .wrapper .slogan{
    font-size: 1.5em;
}


#top .right .wrapper{
    border-bottom: 1px solid #cdcdcd;
    height:38px;
}

#center{
    padding-top: 100px;
}

#center .page{
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.5em;
    width: 310px;
    text-align: right;
}

.teaser{
   width:350px;
   height:165px;
   float: left;
   margin: 5px 10px 5px 5px;
   padding: 5px;
   border-right:1px solid #eee;
   border-bottom:1px solid #eee;
   border-left:1px solid #e9e9e9;
   border-top:1px solid #e9e9e9;
}

.teaser .text{
    text-align: justify;
}

.teaser:hover{
   border-right:1px solid #bbb;
   border-bottom:1px solid #bbb;
}

.teaser h3{
    border-bottom: 1px solid #dddddd;
}

#content{
    padding-left: 200px;
    padding-top:20px;
    padding-bottom: 20px;
    font-size:1.1em;
}

#about .img,
#about .text{
    float:left;
}

#about .img{
    background-image: url(/assets/img/sprites.png);
    background-repeat:no-repeat;
    width:215px;
    height:200px;
    background-position: -350px 0;
}

#about .text p{
    margin-bottom: 5px;
}

#about .text{
    width: 70%;
}

#contact .left,
#contact .right{
    float:left;
}

#contact .img{
    background-image: url(/assets/img/sprites.png);
    background-repeat:no-repeat;
    width:350px;
    height:215px;
    background-position: 0 -125px;
}

form p label{
    display: inline-block;
    width:100px;
}

form p input,
form p textarea,
form input
{
    border:0;
    border-bottom: 1px solid #cccccc;
    margin: 3px;
    font-size:120%;
    width:80%;
    background-color: #fff;
}

form input[type="submit"]{
    height:50px;
}

dl dt{
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 5px;
}

dl dl dt,
dl dl dd{
    padding-left: 10px;
    padding-bottom: 5px;
}

#service .teaser .img{
    background-image: url(/assets/img/sprites.jpg);
    background-repeat:no-repeat;
    width: 350px;
    height: 25px;
}

#service .teaser.planning .img{
    background-position: 0 0;
}

#service .teaser.optimize .img{
    background-position: 0 -25px;
}

#service .teaser.alchemy .img{
    background-position: 0 -50px;
}

#service .teaser.setup .img{
    background-position: 0 -75px;
}

#service .teaser.seo .img{
    background-position: 0 -25px;
}

#service .teaser.html5 .img{
    background-position: 0 -100px;
}

.under{
    text-decoration: underline;
}

#home div.img{
    background-image: url(/assets/img/sprites.jpg);
    background-repeat:no-repeat;
    background-position: -350px -196px;
    width: 310px;
    height: 345px;
    margin-left:auto;
    margin-right:auto;
}

#footer{
    font-size: 0.7em;
    color:#eeeeee;
    text-align: center;
    clear: both;
    border-top: 1px solid #eee;
    padding-top: 5px;
}

#not_found .left,
#not_found .right,
#internal_error .left,
#internal_error .right{
    float:left;
}

#internal_error .right,
#not_found .right{
    padding-top: 10%;
}

#not_found .img,
#internal_error .img{
    background: url(/assets/img/sprites.jpg) no-repeat;
    width:345px;
    height:200px;
    background-position: 0 -355px;
}

.right .wrapper .languages input{
    width:17px;
    height:11px;
    border:0;
    cursor:pointer;
    text-indent:-1000px;
    margin:0;
    padding:0;
    background: url(/assets/img/sprites.jpg) no-repeat;
}

.right .wrapper .languages input[value="en"]{
    background-position: -565px -14px;
}

.right .wrapper .languages input[value="de"]{
    background-position: -565px 0;
}

.right .wrapper .logo{
    background: url(/assets/img/sprites.jpg) no-repeat;
    background-position: -350px -540px;
    width:360px;
    height: 50px;
}