/* Hey! What you looking for? Nosey! */

* { margin: 0; padding: 0; }
body { background: #fff font-family: Arial; font-size: 12px; color: #333; line-height: 21px; }
a { outline: none; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }
a.loc, a.loc:hover { text-indent: -100000px; }
.red { color: #f26c4f; }

#box1, #box2, #box3, #box4{float:left; margin-top:300px; height:375px;}
#banner1, #banner3{overflow:hidden; height:375px;}

div.footerlinks { width: 940px; height: 167px; z-index:1000; margin:auto;}
div.footerlinks ul { list-style-type: none; z-index:1000;}
div.footerlinks li { float: left; text-indent: -9999px;}
div.footerlinks li a { display: table;}

div.mainlinks {heigth:150px;padding:0 0 0 0, margin: 0 0 0 0}
div.mainlinks ul { list-style-type: none; z-index:940;}
div.mainlinks li { float: left; text-indent: -9999px;}
div.mainlinks li a { display: table;}




/* Sticky Header */
#header { height: 190px; position: fixed; width: 940px; z-index: 500; top: 0; left: 50%; margin-left: -510px; }
.headerbild {float: left; padding-top: 0px; width: 1024px; height:262px z-index:-1;position:absolute;}
div.logo { float: left; padding-top: 30px; width: 300px; position: relative; z-index:0;}
#logo {z-index: 500;position:fixed; top:0; margin:auto; margin-left:0px; background: url(../images/home.jpg) center top; width: 100%; height: 250px;}/* Sticky Nav */

div.nav { float: left; width: 625px; height: 56px; z-index:1000;}
div.nav ul { list-style-type: none; z-index:1000;}
div.nav li { float: left; text-indent: -9999px;}
div.nav li a { display: table; margin-left: 39px; margin-right: -27px; margin-top:38px;}
a.top { height: 41px; margin-top: 7px; width: 140px; background: url(../images/top-arrow.png) left top no-repeat;  }
a.portfolio { height: 41px; margin-top: 7px; width: 140px; background: url(../images/port-tab54.png) left top no-repeat; }
/*a.what { height: 41px; margin-top: 7px; width: 115px; background: url(../images/top-what.png) left top no-repeat; }*/
a.about { height: 41px; margin-top: 7px; width: 140px; background: url(../images/top-about54.png) left top no-repeat; }
a.contact {height: 41px; margin-top: 7px; width: 140px; background:  url(../images/top-contact54.png) left top no-repeat; }
a.freebies { height: 41px; margin-top: 7px; width: 140px; background: url(../images/top-freebies.png) left top no-repeat; }
a.portfolio:hover, a.what:hover, a.about:hover, a.contact:hover, a.freebies:hover, a.top:hover { background-position: left -41px; }


/*main links*/
a.about_main { height: 118px; margin-top: 7px;  margin-left:10px; width: 130px; background: url(../images/about_main.jpg) left top no-repeat;  }
a.portfolio_main { height: 117px; margin-top: 7px; width: 236px; margin-left:57px; background: url(../images/folio_main.jpg) left top no-repeat; }
a.contact_main { height: 117px; margin-top: 7px; width: 235px; background: url(../images/contact_main.jpg) left top no-repeat; }
a.social1_main {height: 118px; margin-top: 7px; width: 180px; background:  url(../images/socials1.jpg) left top no-repeat; }
a.social2_main {height: 118px; margin-top: 37px;margin-left:-180px; width: 180px; background:  url(../images/socials2.jpg) left top no-repeat; }
a.social3_main {height: 118px; margin-top: 71px; margin-left:-180px; width: 180px; background:  url(../images/socials3.jpg) left top no-repeat; }
a.portfolio_main:hover, a.contact_main:hover, a.about_main:hover  { background-position: left -112px; }


/*Footer links*/
a.home_footer { height: 30px; margin-top: 8px;  margin-left:214px; width: 46px; background: url(../images/home_footer.png) left top no-repeat;  }
a.portfolio_footer { height: 30px; margin-top: 7px; width: 65px; margin-left:1px; background: url(../images/folio_footer.png) left top no-repeat; }
a.about_footer { height: 30px; margin-top: 8px; margin-left:5px; width: 52px; background: url(../images/about_footer.png) left top no-repeat; }
a.contact_footer {height: 30px; margin-top: 8px; width: 60px; background:  url(../images/contact_footer.png) left top no-repeat; }
a.imprint_footer {height: 30px; margin-top: 8px;margin-left:4px; width: 63px; background:  url(../images/imprint_footer.png) left top no-repeat; }
a.xing_footer {height: 30px; margin-top: 8px; margin-left:9px; width: 44px; background:  url(../images/xing_footer.png) left top no-repeat; }
a.facebook_footer {height: 30px; margin-top: 8px; margin-left:0px; width: 64px; background:  url(../images/facebook_footer.png) left top no-repeat; }
a.dasauge_footer {height: 30px; margin-top: 8px; margin-left:0px; width: 58px; background:  url(../images/dasauge_footer.png) left top no-repeat; }
a.home_footer:hover, a.portfolio_footer:hover, a.about_footer:hover, a.contact_footer:hover, a.imprint_footer:hover, a.xing_footer:hover, a.facebook_footer:hover, a.dasauge_footer:hover  { background-position: left -28px; }



/*#wrapper { width: 940px; margin: 0 auto; }*/
.wide { width: 100%; }
#opening, #block-portfolio, #block-what, #block-about { height: 814px; padding-bottom: 150px; width:893px; margin: auto; }
#block-contact { height: 1000px; width: 940px; margin: 0 auto; }

/* Opening Block */
#opening {  width:940px
}
/*#opening h1 { width: 1042px; height: 12px; background: url(../images/home.jpg) left bottom no-repeat; text-indent: -9999px; margin-left: 1px; padding: 250px 0 0 0; }*/
#opening h2 { text-indent: -9999px; }
#opening p { color: #fff; font-size: 18px; line-height: 24px; margin-left: 40px; width: 650px; }

/* Portfolio Block */
.plane { background: url(../images/plane.jpg) transparent;
background-repeat: no-repeat;
background-position: center 250px;
background-attachment: inherit !important;
background-attachment: fixed;
 }
#block-portfolio h2 { width: 350px; height: 70px; text-indent: -9999px; background: url(../images/title-portfolio.png) left top no-repeat; position: relative; left: 330px; top: 165px; }
.port-back { height: 300px; width: 620px; background: #dedede; position: relative; left: 325px; top: 225px; }
.stepcarousel { position: relative; overflow: scroll; width: 610px; height: 290px; left: 5px; top: 5px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 610px; }
#portfolio-cycle img { border: none; }
#clients { position: relative; top: 235px; left: 325px; height: 55px; width: 620px; background: url(../images/clients.png) left top no-repeat; }

/* Services Block */
.services { background: url(../images/services-bg.png) center top no-repeat; }
#block-what h2 { width: 405px; height: 70px; text-indent: -9999px; background: url(../images/title-services.png) left top no-repeat; position: relative; left: 330px; top: 165px; }
.bespoke { width: 235px; position: relative; top: 310px; left: 30px; color: #003333; }
.left-col { width: 370px; position: relative; top: 135px; left: 330px; }
.service-list { width: 210px; position: relative; top: -95px; left: 730px; list-style-type: none; }
.service-list li { line-height: 23px; padding-left: 25px; background: url(../images/tick.png) left center no-repeat; }

/* About Block */
.about-me {}
.about-me-deutsch { background: url(../images/about-bg_dt.jpg) center no-repeat; }
#block-about h2 { width: 360px; height: 70px; text-indent: -9999px; }
.about-left { position: relative; left: 65px; top: 210px; width: 524px; height:324px; }
.about-right { position: relative; left: 640px; top: -290px; width: 300px; }
.about-left p, .about-right p { margin-bottom: 15px; color: #003333; line-height: 1.5; font-family:arial;}

/* Contact Block */
.contact-me { background: url(../images/contact-bg.jpg) center top no-repeat; 
}

#block-contact h2 { width: 340px; height: 70px; text-indent: -9999px; background: url(../images/title-contact.png) left top no-repeat; position: absolute; margin: 165px 0 0 330px; }
.contact-left { position: absolute; width: 940px; margin: 615px 8px 0 0; }
.contact-right { position: absolute; width: 455px; margin: 320px 0 0 410px; }
p#success { padding: 3px 10px; background: #d1eaac;	border: 1px solid #acd373; color: #406618; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver	{ padding: 3px 10px; background: #f0dad6; border: 1px solid #e4c4be; color: #f26c4f; margin-bottom: 10px; text-align: center; }
.input-name { height: 35px; width: 305px; background: url(../images/input-name.png) left top no-repeat; padding: 10px 0 0 70px; margin-top:-25px; margin-left:-119px;}
.input-email { height: 35px; width: 305px; background: url(../images/input-email.png) left top no-repeat; padding: 10px 0 0 70px; margin-left:-119px; margin-top:-5px;}
.input-message { height: 80px; width: 455px; background: url(../images/input-message.png) left top no-repeat; padding: 2px 0 0 67px; margin-left:-119px; margin-top:10px;}
input#nameinput, input#emailinput { border: none; padding-top: 3px; height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; background-color:#e6f1f7; }
textarea#commentinput { border: none; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; font-size: 14px; color: #666; height: 139px; width: 343px; background-color:#e6f1f7;}

/* Imprint Block */
.imprint-me { }
#block-imprint h2 { width: 340px; height: 70px; text-indent: -9999px; background: url(../images/title-contact.png) left top no-repeat; position: absolute; margin: 165px 0 0 330px; }
.contact-left { position: absolute; width: 940px; margin: 615px 8px 0 0; }
.contact-right { position: absolute; width: 455px; margin: 320px 0 0 410px; }
p#success { padding: 3px 10px; background: #d1eaac;	border: 1px solid #acd373; color: #406618; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver	{ padding: 3px 10px; background: #f0dad6; border: 1px solid #e4c4be; color: #f26c4f; margin-bottom: 10px; text-align: center; }
.input-name { height: 35px; width: 305px; background: url(../images/input-name.png) left top no-repeat; padding: 10px 0 0 70px; margin-top:-25px; margin-left:-83px;}
.input-email { height: 35px; width: 305px; background: url(../images/input-email.png) left top no-repeat; padding: 10px 0 0 70px; margin-left:-83px; margin-top:-5px;}
.input-message { height: 80px; width: 455px; background: url(../images/input-message.png) left top no-repeat; padding: 2px 0 0 67px; margin-left:-83px; margin-top:10px;}
input#nameinput, input#emailinput { border: none; padding-top: 3px; height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; background-color:#e6f1f7; }
textarea#commentinput { border: none; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; font-size: 14px; color: #666; height: 139px; width: 343px; background-color:#e6f1f7;}
#block-imprint { height: 842px; width:986px; margin: 0 auto;background: url(../images/imprint_bg.jpg) left top no-repeat; background-position:1px}
#block-imprint-text { width:887px;  margin: 0 auto;}
.alignright { height:45px; width:199px; margin-left:355px;margin-top:26px;}





#twit-twit { list-style-type: none; font-size: 12px; color: #666; position: absolute; margin: 610px 0 0 20px; width: 195px; font-style: italic; }
.find { padding-top: 230px; margin-left: -22px; background: url(../images/mail.png) center 15px no-repeat; }
.find a img { border: none; }

/* Modal */
body.modal { background: none; }
.modal-frame { width: 760px; padding: 20px; background: url(../images/modal-bg.gif) left top repeat-x; }
.modal-left { width: 300px; float: left; }
.modal-right { width: 450px; float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.modal-list { margin: 15px 0 0 0; background: url(../images/work-inlcuded.png) left top no-repeat; padding: 30px 0 0 0; }
.modal-list ul { list-style-type: none; width: 225px; float: left; padding-bottom: 20px; }
.modal-list li { padding-left: 25px; background: url(../images/tick.png) left 3px no-repeat; }
.modal-url { background: url(../images/url.png) left top no-repeat; padding: 20px 0 0 0;}