/*
SCREEN - CSS
based on Boilerplate

nov 15/2010
Tastenkunst.com
author: christian walther
*/


@import "lib/reset.css";
@import "lib/typography.css";

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

a:hover {text-decoration: none;color: #a7ec00; }

.link-transparent {background: transparent;}

.link-transparent:hover {background: transparent;}


/* Page
-------------------------------------------------------------- */

body {  background: white;}

#page { letter-spacing: 2px; margin: 0 auto;width: 838px;min-height: 100%; }
#wrapper {width: 860px;margin-left: auto;margin-right: auto;}


/* Header
-------------------------------------------------------------- */

#header { margin-top:-19px; background: url(../images/header_gfx_stripes.jpg) no-repeat; min-height: 200px;}
.logo {height: 98px;width: 242px; float:right;display: block;}/* background: url(../images/tastenkunst_logo.jpg) no-repeat; */
.logo a {background-color: transparent}
.logo a:hover{background-color: transparent}

#twitter {margin-top: 15px;display: block;margin-left: 20px;float: left;background: transparent; width: 220px;}
#twitter a{background: transparent;}
#twitter a:hover{background: transparent;}
#facebook {margin-top: 14px;display: block;float: left;background: transparent;width: 100px;}
#facebook a{background: transparent;}
#facebook a:hover{background: transparent;}
#linkedIn {margin-top: 15px;display: block;float: left;background: transparent;height: 15px;}
#linkedIn a{background: transparent;}
#linkedIn a:hover{background: transparent;}

#xing {margin-top: 15px;display: block;margin-left: 20px; float: left;background: transparent;height: 15px;}
#xing a{background: transparent;}
#xing a:hover{background: transparent;}




#intro {height: 20px;width: 700px;margin-top: 0px; background: url(../images/header_text_big2a.jpg) no-repeat;float: left;display: block;padding-top: 100px;padding-left: 1px;font-size: 1em;}

/* Body
-------------------------------------------------------------- */
/* what we did */
#content{margin-top: 60px;height: 100%;}
.entry {background-color: #F4F5F5;width: 838px;height: 110px;margin-bottom: 14px;margin-top: 14px;padding-top: 3px;}
.entry_img {display: block;float: left;height: 107px;width: 297px;margin-top: 0px;margin-left: 3px;}
.entry_img a{background: transparent;}
.entry_img a:hover{background: transparent;}
.entry_link {display: block;float: right;height: 113px;width: 95px;margin-top: -3px;}
.entry_link a{background: transparent;}
.entry_link a:hover{background: transparent;}
.img {height: 35px;width: 241px;margin-left: 13px;margin-top: 11px;}
/* .img:hover{	-webkit-transform:scale(0.8);	-webkit-box-shadow:0px 0px 30px #ccc;} */
.text {line-height: 1.6em; font-size: 1em; letter-spacing: 1px; font-family: Helvetica, Verdana, Arial, sans-serif; padding-left:313px;padding-top: 6px; width: 743px;color: #333939;height: auto;}
.red { line-height: 1.7em; letter-spacing: 1px; font-size: 1em; color: #cc2a68;}
.bold { font-weight: bold;}
.padding_10px{padding-top: 10px;}
.padding_3px{padding-top: 0px;}

/* SERVICES */
#services {margin-top: 14px;}
.bg {background-color: #F4F5F5;width: 838px;height: 400px;}/* #EEF0EF */
.bg_darker_left {background-color: #E4E6E5;;width: 611px;height: 325px;}/* #E4E6E5; */
.bg_darker_right {background-color: #E4E6E5;width: 220px;height: 325px;float: right;margin-top: -325px;margin-bottom: 14px;}
.bg_round {float: right;}
.img_text {width: auto;height: auto; margin-left: 9px;margin-top: 15px;}
.img_text_touch {width: auto;height: auto; margin-left: 8px;margin-top: 10px;}
.img_mail {width: auto;height: auto; margin-left: 7px;margin-top: -4px;display: block;}
.short_text {line-height: 1.6em; width: 600px;height: 28px;background: transparent;padding-top: 7px;padding-left: 3px;margin-left: 240px;margin-top: -39px;color: #333939;font-size: 1em;}
.about_text { line-height: 1.6em; font-size: 1em; font-family: Helvetica, Arial, sans-serif; width: 600px;height: auto;padding-left: 10px;padding-top: 10px;padding-right: 8px;color: #333939;}
.contact_text_head {letter-spacing: 1px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 1.6em; width: 220px;height: auto;padding-left: 7px;padding-top: 10px;}
.contact_text_subline {color: #34393A; font-size: 1.4em; font-family: Helvetica, Verdana, Arial, sans-serif; width: 220px;height: auto;padding-left: 7px;padding-top: 4px;margin-top: -10px;}
.contact_text_head_mail {letter-spacing: 1px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 1em; width: 220px;height: auto;padding-left: 6px;padding-top: 19px;}
.make_gap {margin-top: 0px;}
.gap2px{padding-top: 10px;}
.make_gap2x {margin-top: 53px;}
.make_gapTop {margin-top: 34px;}
.make_gap3x {margin-top: 95px;}
.red_bigger {font-size: 1.4em;}
.green{color: #B3F000;}
.margin_l{margin-left: 5px;margin-top: -10px;}
.adjust{padding-top: 5px;width: 90px;margin-left: 110px;margin-top: -27px;}
.smaller{font-family: Verdana; font-size: 0.5em;letter-spacing: 1px;}

/* IMPRINT */
#imprint {margin-top: 0px;}
.bg_imprint {background-color: #F4F5F5;width: 838px;height: 149px;}
.img_text_imprint {width: auto;height: auto; margin-left: 9px;margin-top: -7px;}
.img_text {width: auto;height: auto; margin-left: 9px;margin-top: 10px;}
.grey {color: #525457;}
.small { font-size: 0.8em;}
.text_big {margin-top: 4px; line-height: 1.4em; font-family: Helvetica, Verdana, Arial, sans-serif, "Lucida Grande"; font-size: 1em;padding-left: 9px;}
.text_small {line-height: 1.4em; font-family: Helvetica, Verdana, Arial, sans-serif, "Lucida Grande"; font-size: 1em;padding-left: 9px;margin-left: 330px;margin-top: -88px;}
.text_smallest {letter-spacing: 1px; width: 820px; text-align: justify; line-height: 1.1em; font-family: Helvetica, Verdana, Arial, sans-serif, "Lucida Grande"; font-size: 0.8em;padding-left: 9px;margin-top: 0px;color: #A4A7A7;}
.alt {font-style: italic;}



/* Footer
-------------------------------------------------------------- */
#footer {letter-spacing: 0px;margin-top: 5px;margin-bottom: auto;}
.link {letter-spacing: 1px; font-size: 0.9em; font-family: Helvetica, Verdana, Arial, sans-serif; padding-left: 9px;margin-top: 5px;}

/* BUGFIXES */
.text {line-height: 1.6em; font-size: 1em; letter-spacing: 1px; font-family: Helvetica, Verdana, Arial, sans-serif; padding-top: 6px; width: 433px;color: #333939;height: auto;}
.padding_3px{padding-top: 1px;}

.hidden{font-size: 1px;color: #F4F5F5;}