@charset "utf-8";
/* CSS Document */

/* ======GLOBAL */
body {
background: url(bg_verlauf.png) repeat-y center 0 #cbd0d4;
width: 100%;
color: #545659;
font: 400 13px Helvetica Neue,Helvetica,Arial,sans-serif;
}

a {
color: #545659;
}

.clear {
clear: both;
margin: 0 !important;
}

p.big {
font-size: 28px;
}

p.white {
color: white;
}

p.bold {
font-weight: bold;
}

#main {
width: 940px;
margin: 0 auto;
}

/* ======HEADER */
#header {
height: 520px;
border-bottom: 1px solid #d5d5d5;
position: relative;
}

/* ======TITEL */
#title {
position: absolute;
top: 55px;
color: white;
}

#title > h1 {
background-color: black;
font-size: 32px;
font-weight: 200;
line-height:38px;
float: left;
padding: 4px 8px;
height: 38px;
}

#title > h1 > strong {
font-weight: 600;
}

#title > p {
background-color: #545659;;
font-size: 16px;
float: left;
clear: left;
padding: 4px 6px;
}

/* ======GRAUE BOX */
#box {
position: absolute;
top: 150px;
bottom: 50px;
background-color: #b7b8ba;
font-size: 18px;
padding: 20px;
border-radius: 6px 16px;
box-shadow: 0 10px 20px rgba(0,0,0,0.16),0 6px 6px rgba(0,0,0,0.2);
}

#box p.white.big {
margin-bottom: 20px;
font-weight:300;
}

#box p {
font-size: 28px;
font-weight: 200;	
margin: 10px 0;

}

#box ul {
list-style-image: url(icon_check.gif);
list-style-position: inside;
font-size: 14px;
}

#box ul li {
margin: 0.5em 0;
}

#box a.button {
text-decoration:  none !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
background-color: #FF920D;
background: -webkit-gradient(linear, center top, center bottom, from(#FFC039), to(#FF920D));
background: -moz-linear-gradient(center top,  #FFC039,  #FF920D);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC039', endColorstr='#FF920D');
border: 1px solid #FF920D;
color: #FFFFFF !important;
cursor: pointer;
display: inline-block;
font-weight: bold;
font-size: 24px;
min-width: 40px;
padding: 6px 20px 8px;
text-align: center;
text-shadow: 0 -1px 0 #DE6E00;
margin: 20px 0 10px;
}

#box a.button:hover, #box a.button:focus {
-webkit-box-shadow: 0 0 5px 0 #FFC039;
-moz-box-shadow: 0 0 5px 0 #FFC039;
box-shadow: 0 0 5px 0 #FFC039;
border-color: #DE6E00;
text-decoration: none;
}

/* ======CONTENT */
#content {
border-top: 1px solid white;
border-bottom: 1px solid #d5d5d5;
}

#content h2, #content h3 {
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
margin-bottom: 10px;
text-shadow: 0 1px 0 white;
text-transform: uppercase;
}

#content h2 > span, #content h3 > span {
font-size: 14px;
text-transform: none;
}

#content > div {
margin: 20px 0 40px;
}

#content p.left {
width: 400px;
margin-left: 55px;
float: left;
line-height: 20px;
}

#content p.right {
width: 400px;
float: right;
margin-right: 55px;
line-height: 20px;
}

#content p.right > a.xing {
display: block;
float: right;
width: 150px;
clear: left;
padding: 2px;
background-color: #c6c6c6;
border: 1px solid #b8b8b8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 0 1px 0 white;
padding: 3px 15px;
margin-top: 5px;
font-weight: bold;
}

#content p.right > a.xing:hover,
#content p.right > a.xing:focus {
background-color: #d4d4d4;
border-color: #c6c6c6;
}

/* ======REFERENZEN */
#content p.referenzen a {
display: block;
background: ;
border: 1px solid white;
padding: 3px;
float: left;
margin-right: 10px;
background-color: #787979;
background: -webkit-gradient(linear, center top, center bottom, from(#959595), to(#535353));
background: -moz-linear-gradient(center top,  #959595,  #535353);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#535353');
border-radius: 6px;
}

#content p.referenzen a.last {
margin-right: 10px;
}

#content p.referenzen a:hover, p.referenzen a:focus {
background: #fcc652;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* ======KONTAKT */
#kontakt {
float: left;
width: 600px;
}

#kontakt p {
float: left;
clear: left;
width: 450px;
margin-left: 55px;
}

#kontakt p.big {
border-bottom: 1px solid #d5d5d5;
font-size: 24px;
padding-bottom: 10px;
margin-top: 10px;
}

#kontakt p a {
display: block;
font-weight: bold;
float: left;
}

#kontakt p a img {
background: url(icons_sprites.png) no-repeat left top transparent;
vertical-align: middle;
}

#kontakt p.big a img {
height: 50px;
width: 50px;
margin-right: 10px;
}

#kontakt p.big a.email {
margin-right: 80px;
}

#kontakt p.big a.email img {
background-position: left top;
}

#kontakt p.big a.email:hover img,
#kontakt p.big a.email:focus img {
background-position: left -50px;
}

#kontakt p.big a.tel img {
background-position: -50px top;
}

#kontakt p.big a.tel:hover img,
#kontakt p.big a.tel:focus img {
background-position: -50px -50px;
}

#kontakt p.small {
border-top: 1px solid white;
padding-top: 10px;
}

#kontakt p.small a img {
height: 30px;
width: 30px;
margin-right: 6px;
}

#kontakt p.small a.xing {
margin-right: 30px;
}

#kontakt p.small a.xing img {
background-position: -100px top;
}

#kontakt p.small a.xing:hover img,
#kontakt p.small a.xing:focus img {
background-position: -100px -50px;
}

#kontakt p.small a.twitter {
margin-right: 30px;
}

#kontakt p.small a.twitter img {
background-position: -130px top;
}

#kontakt p.small a.twitter:hover img,
#kontakt p.small a.twitter:focus img {
background-position: -130px -50px;
}

#kontakt p.small a.facebook img {
background-position: -160px top;
}

#kontakt p.small a.facebook:hover img,
#kontakt p.small a.facebook:focus img {
background-position: -160px -50px;
}

/* ======TESTIMONIAL */
#content #quote {
float: right;
width: 320px;
line-height: 20px;
}

#quote blockquote {
padding: 20px;
background-color: white;
float: left;
width: 240px;
}

#quote p {
background: url(testimonial_bottom.png) top left no-repeat transparent;
padding: 20px 0 0 50px;
clear: left;
}

#quote p strong {
display: block;
font-weight: bold;
}

/* ======FOOTER */
#footer {
border-top: 1px solid white;
text-align: right;
padding: 5px 5px 30px 0;
font-size: 12px;
}

#footer a {
color: #959595;
}

#footer a:hover, #footer a:focus {
color: #545659;
}

/* ======IMPRESSUM */
#impressum p {
margin: 10px 0;
}