/* Allgemeine Definitionen */
body  { margin: 0px; padding: 0px; background-color: white; text-align: center; color: black}
img { border: 0px }
table  { margin: 0; padding: 0; border: 0px }
input  { }
select  { font-size: 10px; border: solid 1px #7F9DB9 }
textarea {border: solid 1px #7F9DB9}
hr    { margin: 5px 0; padding: 0; height: 1px; border: dotted 1px black }
q  { font-style: italic; text-align: center; quotes:"\201E" "\201C";}
li {margin-top: 10px}
ul {margin-top: 12px}
fieldset {border: 1px solid black; padding: 5px; line-height: 14px}
fieldset.newsletter {border: 1px solid black; padding: 5px; padding-left: 50px; line-height: 14px}
legend {color: black; font-size: 14px; font-weight: bold; margin-bottom: 5px}
.form_field { font-size: 12px; border: solid 1px #7f9db9;}
dt {margin-top: 10px; margin-bottom: 5px}
optgroup { }

/* Schriften */
h1  { color: black; font-size: 20px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-weight: bold; margin: 0}
h2  { color: black; font-size: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-weight: bold; height: 27px; margin-bottom: 10px; padding-left: 45px; padding-top: 5px; background-image: url('../img/bg/h2.gif'); background-repeat: no-repeat}
h3 { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-weight: bold; margin: 0 0 5px; border-bottom: 1px dotted black; background-color: transparent }
h4 { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-weight: bold; margin: 0 0 5px;}
.text  { font-size: 12px; color: black; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif}
.text2 { font-size: 10px; color: black; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; margin: 0; padding: 0; }
.text_angebot   { color: red; font-weight: 700 }

 /* Links */
a:link   { color: black; text-decoration: none}
a:visited  { color: black; text-decoration: none}
a:hover  { color: black; text-decoration: none}
.textlink { text-decoration: underline}

 /* Links - Navigationsleiste */
#webdesign a:link   { text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#webdesign a:visited   { text-decoration: none; padding: 2px 20px 2px 10px; display: block}
#webdesign a:hover { color: white; font-weight: bold; background-color: #f49a41; text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#webdesign a:active { color: white; text-decoration: none; padding: 2px 20px 2px 10px; display: block }

#webdesign2 a:link   { color: black; padding: 5px 20px 5px 10px; display: block }
#webdesign2 a:visited   { color: black; padding: 5px 20px 5px 10px; display: block}
#webdesign2 a:hover { color: white; font-weight: bold; background-color: #f49a41; padding: 5px 20px 5px 10px; display: block }
#webdesign2 a:active { color: white; padding: 5px 20px 5px 10px; display: block }

#marketing a:link   { text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#marketing a:visited   { text-decoration: none; padding: 2px 20px 2px 10px; display: block}
#marketing a:hover { color: white; font-weight: bold; background-color: #4880e7; text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#marketing a:active { text-decoration: none; padding: 2px 20px 2px 10px; display: block }

#marketing2 a:link   { color: black; padding: 5px 20px 5px 10px; display: block }
#marketing2 a:visited   { color: black; padding: 5px 20px 5px 10px; display: block}
#marketing2 a:hover { color: white; font-weight: bold; background-color: #4880e7; padding: 5px 20px 5px 10px; display: block }
#marketing2 a:active { color: white; padding: 5px 20px 5px 10px; display: block }

#software a:link   { text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#software a:visited   { text-decoration: none; padding: 2px 20px 2px 10px; display: block}
#software a:hover { color: white; font-weight: bold; background-color: #de4040; text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#software a:active { text-decoration: none; padding: 2px 20px 2px 10px; display: block }

#software2 a:link   { color: black; padding: 5px 20px 5px 10px; display: block }
#software2 a:visited   { color: black; padding: 5px 20px 5px 10px; display: block}
#software2 a:hover { color: white; font-weight: bold; background-color: #de4040; padding: 5px 20px 5px 10px; display: block }
#software2 a:active { color: white; padding: 5px 20px 5px 10px; display: block }

#druck a:link   { text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#druck a:visited   { text-decoration: none; padding: 2px 20px 2px 10px; display: block}
#druck a:hover { color: white; font-weight: bold; background-color: #34c14f; text-decoration: none; padding: 2px 20px 2px 10px; display: block }
#druck a:active { text-decoration: none; padding: 2px 20px 2px 10px; display: block }

#druck2 a:link   { color: black; padding: 5px 20px 5px 10px; display: block }
#druck2 a:visited   { color: black; padding: 5px 20px 5px 10px; display: block}
#druck2 a:hover { color: white; font-weight: bold; background-color: #34c14f; padding: 5px 20px 5px 10px; display: block }
#druck2 a:active { color: white; padding: 5px 20px 5px 10px; display: block }

#allgemeines2 a:link   { color: black; padding: 5px 20px 5px 10px; display: block }
#allgemeines2 a:visited   { color: black; padding: 5px 20px 5px 10px; display: block}
#allgemeines2 a:hover { color: white; font-weight: bold; background-color: #3d506e; padding: 5px 20px 5px 10px; display: block }
#allgemeines2 a:active { color: white; padding: 5px 20px 5px 10px; display: block }

 /* Layout - Container */
#global { margin: 5px auto; width: 955px; text-align: left; position: relative; }
#top {margin-bottom: 3px; text-align: left; color: white; top: 0px; left: 0px; width: 955px; height: 130px; background-image: url('../img/bg/top.gif'); background-repeat: no-repeat; z-index: 10}
#nav {position: absolute; top: 101px; left: 88px; height: 29px; z-index: 1}
#main {position: relative; left: 90px; width: 835px; background-color: #dfe1e4; padding: 10px}

.sitenav  {float: left; position: relative; left: 26px; margin-top: -2px; width: 210px}
#site  {float: left; position: relative; left: 26px; margin-top: -2px; width: 548px; border-right: 3px solid white; padding: 4px 10px; border-left: 3px solid white}
#sitenav_bottom  {top: -2px; width: 210px}
#site_bottom {float: right; padding-right: 24px}

#footer  { position: relative; margin: 3px 0px; left: 90px; width: 855px; text-align: center; background-color: #aeb7c4; font-weight: bold; padding: 3px 0px}
#footer2  { position: relative; left: 90px; width: 855px; text-align: center; background-color: #344a6b; padding: 2px 0px; color: white}
#homebuttons {position: relative; top: 10px; left: 30px}
#aktuelles {position: absolute; top: 10px; left: 510px; background-image: url('../img/bg/aktuelles.jpg'); width: 320px; height: 560px}
#aktuelles_inhalt {width: 255px; margin: 0px 0px 0px 40px; padding-top: 25px}
#energydrinks {position: absolute; left: 20px; top: 571px}
#energydrinks2 {margin-left: 110px; margin-top: 10px}
.teaser { width: 200px; height: 270px }
.teaser_testimonials { width: 175px; height: 160px; margin-left: 15px; padding-top: 50px; font-style: italic }
.teaser_druck { width: 175px; height: 190px; margin-left: 15px; padding-top: 50px }
.teaser_energydrinks { width: 180px; height: 180px; margin-left: 10px; padding-top: 50px }
.teaser_faq { width: 180px; height: 180px; margin-left: 10px; padding-top: 50px }

.projekte {height: 420px; margin-top: 5px; padding-right: 10px; overflow-y: hidden; overflow-x: hidden; }

 /* Channel Hintergrundfarben */
 .teaser1 {position: absolute; width: 90px; height: 144px; margin-top: 30px; }
 .teaser2 {position: absolute; width: 90px; height: 144px; margin-top: 160px; }
 .teaser3 {position: absolute; width: 90px; height: 144px; margin-top: 290px; }
 .teaser4 {position: absolute; width: 90px; height: 144px; margin-top: 420px; }

 /* Channel Hintergrundfarben */
 .bg_webdesign1 {background-color: #f8bb7f}
 .bg_webdesign2 {background-color: #f5cda6}
 .bg_webdesign3 {background-color: #f49a41}

 .bg_marketing1 {background-color: #b0c9f8}
 .bg_marketing2 {background-color: #d3e2fd}
 .bg_marketing3 {background-color: #4880e7}
 .bg_software1 {background-color: #ffa8a8}
 .bg_software2 {background-color: #f6d1d1}
 .bg_software3 {background-color: #de4040}
 .bg_druck1 {background-color: #93eca4}
 .bg_druck2 {background-color: #d0fdd9}
 .bg_druck3 {background-color: #34c14f}
 .bg_allgemeines1 {background-color: #a6b8d2}
 .bg_allgemeines2 {background-color: #c9d4e5}
 .bg_allgemeines3 {background-color: #3d506e}
 .bg_10gruende {background-color: #d4ab2a}
 
  /* Referenzen */
.referenzen_bild {float: left; margin-right: 30px}
.referenzen_logos {margin-top: 10px}
 
  /* Top */
#logo {position: absolute; z-index: 9; top: 0px; left: 0px; width: 131px; height: 131px}
#adresse {color: white; position: absolute; left: 150px; top: 35px}
#postits {position: absolute; left: 385px; top: 0px}
 
 /* Sonstiges */
.border {border: 1px solid red}
.initialen {font-size: 24px; font-weight: bold}
.inaktiv { color: #999999; text-decoration: line-through}
.fl {float: left}
.fr {float: right}
.line1 {border-bottom: 1px dotted}
.line2 {border-bottom: 2px solid}
 .webdesign {border-color: #f49a41}
.marketing {border-color: #4880e7}
.software {border-color: #de4040}
.druck {border-color: #34c14f}
.linie {border-bottom: 1px dotted black; margin: 10px 0px}
.biz4you {display: none}
.partnerlogo {float: left; margin-right: 20px; width: 150px; height: 100px}
.hakerl {list-style-image:url('../img/icons/hakerl.gif'); margin: 10px 17px; font-weight: bold}
.homebutton {position: relative; width: 450px; height: 140px; color: white}
.hometext {position: absolute; top: 50px; left: 35px; width: 350px}
.homelink {position: absolute; top: 80px; left: 390px; font-size: 50px}
.hometitel {margin-top: 5px; margin-left: 20px; width: 350px; height: 40px}
.sitebutton {position: relative; width: 510px; height: 140px; color: white; margin-left: 20px}
.sitebutton_text {position: absolute; top: 70px; left: 175px; width: 250px}
.navbuttons {visibility: hidden; position: absolute; top: 29px; border: 1px solid white; border-top: 3px solid white; line-height: 24px}
.nav_unterpunkte {padding-left: 10px; line-height: 10px}
.infobox {margin-top: 5px; padding: 10px; color: white}
.testimonials_text { width: 440px; float: right }
.list_icon {float: left; margin-right: 10px}
.nolist {list-style-type: none; margin-left: 5px}
.icons_aktuell {float: left; margin-right: 10px; margin-bottom: 10px}
.artikelicon {width: 16px; height: 15px; float: left; margin-right: 5px}
.navtitel {margin-left: 5px; margin-top: 5px; font-weight: bold}