body {
color:#666;
font-size:12px;
background:#fff;
font-family:Arial, serif;
}

* {
margin:0;
padding:0;
}

hr {
display:none;
}

p {
line-height:20px;
}

h1 {
font-size:28px;
padding:0 0 20px;
}

h2 {
font-size:18px;
padding:12px 0 33px;
}

h3 {
font-size:18px;
margin-bottom:10px;
padding:0 0 25px;
border-bottom:1px dotted #bbb;
}

h4 {
width:425px;
font-size:18px;
}

.tip-top {
}

.tip {
width:220px;
z-index:13000;
font-size:11px;
}

.tip-title {
color:#333;
font-weight:bold;
padding:30px 0 5px 30px;
background:url(../images/tip.png) top left;
}

.tip-text {
padding:0 0 30px 30px;
background:url(../images/tip.png) bottom right;
}

.tip-bottom {
}

.container {
width:740px;
margin:0 auto;
}

.containerRef {
width:780px;
margin:0 auto;
}

.logo {
float:left;
}

.blogHead {
color:#999;
float:left;
height:40px;
width:425px;
font-size:11px;
margin:14px 0 25px 15px;
}

.blogContent {
margin-bottom:24px;
border-bottom:1px dotted #bbb;
}

.blogContent img {
margin-left:-20px;
margin-bottom:10px;
}

.blogDate {
float:left;
margin-top:14px;
}

.projekt {
margin-left:-20px;
margin-bottom:10px;
}

.twitter {
float:right;
}

.active {
float:left;
margin-right:1px;
}

.startseite {
width:82px;
background-image:url(../images/btn_start_1.png);
}

.startseite:hover {
background-image:url(../images/btn_start_2.png);
}

.agentur {
width:72px;
background-image:url(../images/btn_agentur_1.png);
}

.agentur:hover {
background-image:url(../images/btn_agentur_2.png);
}

.projekte {
width:76px;
background-image:url(../images/btn_projekte_1.png);
}

.projekte:hover {
background-image:url(../images/btn_projekte_2.png);
}

.blog {
width:51px;
background-image:url(../images/btn_blog_1.png);
}

.blog:hover {
background-image:url(../images/btn_blog_2.png);
}

.kontakt {
width:71px;
background-image:url(../images/btn_kontakt_1.png);
}

.kontakt:hover {
background-image:url(../images/btn_kontakt_2.png);
}

.startseite, .agentur, .projekte, .blog, .kontakt {
float:left;
height:40px;
display:block;
margin-right:1px;
}

#slide {
left:50%;
width:422px;
position:absolute;
margin-left:-211px;
}

#vertical_slide {
padding:1px;
padding-top:103px;
}

#head {
height:40px;
padding:60px 0;
background-color:#10100C;
background-repeat:no-repeat;
background-position:top center;
background-image:url(../images/head_bg.jpg);
}

#headStart {
height:180px;
padding:60px 0 40px;
background-color:#10100C;
background-repeat:no-repeat;
background-position:top center;
background-image:url(../images/head_start_bg.jpg);
}

#head .container, #headStart .container {
width:754px;
padding-left:14px;
}

#navi {
float:right;
}

/*#movie {
position:absolute;
margin:180px 0 0 445px;
}*/

#content {
padding-bottom:140px;
background-repeat:no-repeat;
background-position:top center;
}

#headline {
padding:53px 10px 0 0;
}

#text {
width:480px;
padding-top:53px;
/*border-right:1px solid #D9D9D9;*/
}

#text p {
width:480px;
padding-bottom:20px;
}

#text a {
color:#76B9D3;
text-decoration:none;
border-bottom:1px dotted #76B9D3;
}

#text a:hover {
color:#76B9D3;
border-bottom:1px solid;
}

#text ul {
margin-left:20px;
list-style-image: url(../images/check.gif);
}

#text li {
line-height:20px;
font-weight:bold;
text-decoration:underline;
}

#right {
float:right;
width:220px;
padding-top:120px
}

#right img {
border-bottom:1px dotted #bbb;
}

#right p {
padding:20px;
font-size:11px;
border-bottom:1px dotted #bbb;
}

#right p a {
color:#76B9D3;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #76B9D3;
}

#right p a:hover {
color:#76B9D3;
border-bottom:1px solid;
}

#footer {
color:#aaa;
font-size:11px;
padding-bottom:40px;
}

#copy a {
color:#aaa;
font-weight:bold;
text-decoration:none;
}

#copy a:hover {
border-bottom:1px dotted #aaa;
}