/* GENERAL */

body {
  background-image: url("img/maingradient.gif");
  background-repeat: repeat-x;
  background-color: transparent;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.6em;
}
h1 {
  background-repeat: no-repeat;
  width: 100%;
  height: 40px;
  text-align: right;
  padding: 12px 0px 0px 0px;
  margin: 0px;
}
h1 a {
  display: inline-block;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 19px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
h2 {
  margin: 0px;
  padding: 0px;
}
p {
  color: #12252c;
}
a {
  color: #12252c;
}
a:visited {
  color: #12252c;
}
a:hover {
  color: #414141;
}
form {
  margin: 0px;
  padding: 0px;
}
hr {
  padding: 0px;
  margin: 0px;
  border-width: 0px;
}
ul {
  list-style-type: none;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
li {
  padding: 0px 0px 2px 0px;
}
div.clear {
  clear: both;
}
div.clear-margin {
  clear: both;
  padding-bottom: 18px;
}

/* MAIN STYLES */

div#main {
  width: 918px;
  margin: 30px auto 30px auto;
  padding: 0px;
}
div#content {
  background-color: #ffffff;
  color: #757575;
  margin: 0px;
  padding: 12px 18px 12px 18px;
}

/* HEADER */

div#header {
  height: 330px;
}
div.headleft {
  width: 378px;
  padding: 0px;
  margin: 0px;
  float: left;
}
div.headleft a {
  display: inline-block;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 63px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
div.headright {
  background-color: #FFFFFF;
  width: 540px;
  height: 300px;
  padding: 0px;
  margin: 0px;
  float: right;
  text-align: center;
}
div.videotopwrapper {
  background-image: url("img/wrapper/videotopwrapper.gif");
  background-repeat: no-repeat;
  height: 5px;
}
div.videobottomwrapper {
  background-image: url("img/wrapper/videobottomwrapper.gif");
  background-repeat: no-repeat;
  height: 5px;
}
ul.menu a {
  display: block;
  width: 200px;
  height: 30px;
  margin: 0px;
  padding: 0px;
}
ul.menu a.button-home {
  background-image: url("img/menu/bu_home.gif");
}
ul.menu a.button-home-active {
  background-image: url("img/menu/bu_home.gif");
  background-position: 0px -30px;
}
ul.menu a.button-home:hover, a.button-home-active:hover {
  background-image: url("img/menu/bu_home.gif");
  background-position: 0px -60px;
}
ul.menu a.button-portfolio {
  background-image: url("img/menu/bu_portfolio.gif");
}
ul.menu a.button-portfolio-active {
  background-image: url("img/menu/bu_portfolio.gif");
  background-position: 0px -30px;
}
ul.menu a.button-portfolio:hover, a.button-portfolio-active:hover {
  background-image: url("img/menu/bu_portfolio.gif");
  background-position: 0px -60px;
}
ul.menu a.button-agenturpartner {
  background-image: url("img/menu/bu_agenturpartner.gif");
}
ul.menu a.button-agenturpartner-active {
  background-image: url("img/menu/bu_agenturpartner.gif");
  background-position: 0px -30px;
}
ul.menu a.button-agenturpartner:hover, a.button-agenturpartner-active:hover {
  background-image: url("img/menu/bu_agenturpartner.gif");
  background-position: 0px -60px;
}
ul.menu a.button-services {
  background-image: url("img/menu/bu_services.gif");
}
ul.menu a.button-services-active {
  background-image: url("img/menu/bu_services.gif");
  background-position: 0px -30px;
}
ul.menu a.button-services:hover, a.button-services-active:hover {
  background-image: url("img/menu/bu_services.gif");
  background-position: 0px -60px;
}
ul.menu a.button-klienten {
  background-image: url("img/menu/bu_klienten.gif");
}
ul.menu a.button-klienten-active {
  background-image: url("img/menu/bu_klienten.gif");
  background-position: 0px -30px;
}
ul.menu a.button-klienten:hover, a.button-klienten-active:hover {
  background-image: url("img/menu/bu_klienten.gif");
  background-position: 0px -60px;
}
ul.menu a.button-kontakt {
  background-image: url("img/menu/bu_kontakt.gif");
}
ul.menu a.button-kontakt-active {
  background-image: url("img/menu/bu_kontakt.gif");
  background-position: 0px -30px;
}
ul.menu a.button-kontakt:hover, a.button-kontakt-active:hover {
  background-image: url("img/menu/bu_kontakt.gif");
  background-position: 0px -60px;
}
a.button-twitter {
  background-image: url("img/menu/bu_twitter.gif");
}
a.button-twitter:hover {
  background-position: 0px -20px;
}
a.button-facebook {
  background-image: url("img/menu/bu_facebook.gif");
}
a.button-facebook:hover {
  background-position: 0px -20px;
}
a.button-english {
  background-image: url("img/menu/bu_english.gif");
}
a.button-english:hover {
  background-position: 0px -20px;
}
div.topwrapper {
  width: 918px;
  height: 5px;
  background-image: url("img/wrapper/topwrapper.gif");
  background-repeat: no-repeat;
}

/* FOOTER */

div#footer {
  clear: both;
  color: #7e8b91;
  text-align: center;
  font-size: 83%;
  padding: 20px;
}
div.bottomwrapper {
  width: 918px;
  height: 5px;
  background-image: url("img/wrapper/bottomwrapper.gif");
  background-repeat: no-repeat;
}

/* HOME */

h1.home {
  background-image: url("img/titles/title_home.gif");
  background-repeat: no-repeat;
}
div.newstopwrapper {
  width: 233px;
  height: 50px;
  background-image: url("img/wrapper/newstopwrapper.gif");
  background-repeat: no-repeat;
}
div.newsbottomwrapper {
  width: 233px;
  height: 6px;
  background-image: url("img/wrapper/newsbottomwrapper.gif");
  background-repeat: no-repeat;
}
div.news {
  float: left;
  padding: 0px;
  width: 233px;
  background: #ffffff;
}
div.newstext {
  width: 191px;
  padding: 20px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;  
  background-image: url("img/wrapper/gradientwrapper.gif");
  background-repeat: repeat-x;
  background-color: transparent;
}
div.twitted {
  width: 100%;
	margin: 0;
}
div.twitted h2 {
	margin: 0;
	padding: 0 0 16px 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #12252c;
}
div.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: url("img/loader.gif") 1em center no-repeat;
}
div.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0 0 16px 0;
}
div.twitted ul#twitter_update_list li span {
	display: block;
  color: #414141;
  line-height: 1.3em;
}
div.twitted ul#twitter_update_list li span a {
	color: #12252c;
}
div.twitted ul#twitter_update_list li a {
	color: #b9babc;
}
div.twitted ul#twitter_update_list li.firstTweet {
}
div.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}
div.twitted p.profileLink {
	display: none;
}
div#home-slideshow {
  float: right;
  width: 632px;
  height: 390px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  position: relative;
}
div.home-slide {
  width: 632px;
  height: 390px;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.goodies {
  float: right;
  width: 632px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
div.goodies h2 {
  color: #616161;
  font-size: 1.2em;
  font-weight: normal;
}
div.goodies p {
  color: #414141;
  line-height: 1.3em;
  text-align: justify;
}
div.goodiestext-left {
  float: left;
  width: 381px;
  height: 150px;
  padding: 10px 20px 20px 20px;
  background-image: url("img/wrapper/gradientwrapper.gif");
  background-repeat: repeat-x;
  background-color: transparent;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;  
}
div.goodiestext-right {
  float: left;
  width: 168px;
  height: 150px;
  padding: 10px 20px 20px 20px;
  background-image: url("img/wrapper/gradientwrapper.gif");
  background-repeat: repeat-x;
  background-color: transparent;
  border-right: 1px solid #dbdbdb;  
}
div.hometopwrapper {
  margin: 16px 0px 0px 0px;
  width: 632px;
  height: 50px;
  background-image: url("img/wrapper/hometopwrapper.gif");
  background-repeat: no-repeat;
}
div.homebottomwrapper {
  width: 632px;
  height: 5px;
  background-image: url("img/wrapper/homebottomwrapper.gif");
  background-repeat: no-repeat;
}

/* PORTFOLIO */

h1.portfolio {
  width: 310px;
  background-image: url("img/titles/title_portfolio.gif");
}
div#portfolio-slideshow {
  float: left;
  width: 233px;
  height: 250px;
  margin: 0px;
  padding: 0px;
  position: relative;
}
div.portfolio-slide {
  width: 233px;
  height: 250px;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.portfolio-image {
  float: left;
  width: 233px;
  height: 250px;
  background-color: #EEEEEE;
}
div.portfolio-text {
  float: right;
  width: 632px;
  text-align: justify;
  padding: 0px;
}
.portfolio-adresse {
  float: left;
  padding-top: 15px;
  width: 50%;
}
.portfolio-interact {
  float: right;
  padding-top: 15px;
  width: 50%;
}

/* AGENTURPARTNER */

h1.agenturpartner {
  background-image: url("img/titles/title_agenturpartner.gif");
  background-repeat: no-repeat;
}

/* SERVICES */

h1.services {
  background-image: url("img/titles/title_services.gif");
}
div.servicesbottomwrapper {
  width: 880px;
  height: 4px;
  background-image: url("img/wrapper/servicesbottomwrapper.gif");
}
div.servicewrapper {
  width: 882px;
  text-align: center;
}
ul.register {
  list-style: none;
  color: #ffffff;
  text-align: center;
  font-size: 1.3em;
  letter-spacing: 0em;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
ul.register li {
  float: left;
  height: 48px;
  margin: 0px;
  padding: 0px;
  width: 176px;
}
ul.register a {
  display: block;
  width: 176px;
  height: 33px;
  margin: 0px;
  padding: 15px 0px 0px 0px;
  color: #ffffff;
  text-decoration: none;
  background-image: url("img/slide/register.gif");
  background-position: 0px -48px;
}
ul.register a:hover {
  background-position: 0px -96px;
}
ul.register a.selected {
  background-image: url("img/slide/register.gif");
  background-position: 0px 0px;
  color: #12252c;
}
div#microsites, div#applications, div#portale, div#mobile, div#media {
  padding: 20px 20px 0px 20px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background-color: #f9f9f9;
  text-align: left;
  width: 838px;
  margin-left: 0px;
}
div.services-left {
  float: left;
  width: 20px;
  text-align: center;
}
div.services-right {
  float: right;
  width: 50%;
  text-align: justify;
}
div.services-right p {
  color: #414141;
}
div.services-flash {
  text-align: center;
  width: 100%;
}

/* KLIENTEN */

h1.klienten {
  background-image: url("img/titles/title_klienten.gif");
  background-repeat: no-repeat;
}

/* KONTAKT */ 

h1.kontakt {
  background-image: url("img/titles/title_kontakt.gif");
  background-repeat: no-repeat;
}
hr.thin {
  width: 100%;
  height: 1px;
  color: #DDDDDD;
  background-color: #DDDDDD;
}
div.kontaktformular {
  margin: 0px;
  padding: 0px;
}
div.form-left {
  float: left;
  width: 411px;
}
div.form-right {
  float: right;
  width: 411px;
}
span.form-title {
  font-weight: bold;
  color: #12252c;
}
span.form-sub {
  font-size: 0.9em;
  color: #999999;
}
div.form-submit {
  text-align: right;
  padding-top: 18px;
}
div.kontakt-adresse {
  padding-top: 15px;
  float: left;
  width: 292px;
}
div.kontakt-kontakt {
  padding-top: 15px;
  float: left;
  width: 220px;
}
div.kontakt-interact {
  padding-top: 15px;
  float: right;
  width: 252px;
}
input {
  border: 1px solid #CCCCCC;
  background-color: #f6f6f6;
  font-size: 15px;
  color: #12252c;
  padding: 4px;
}
input:hover {
  background-color: #ffffff;
}
input#name, input#email, input#phone {
  width: 320px;
}
input.input-error {
  width: 318px;
  background-color: #f9f3f3;
}
input.button {
  padding: 4px 16px 4px 16px;
}
textarea {
  border: 1px solid #CCCCCC;
  background-color: #f6f6f6;
  font-size: 15px;
  color: #12252c;
  padding: 4px;
	width: 828px;
	font-family: Helvetica, Arial, sans-serif;
}
textarea.textarea-error {
  background-color: #f9f3f3;
}
textarea:hover {
  background-color: #ffffff;
}
label.error {
  color: #ca4b38;
  font-size: 0.9em;
}
div#message {
  padding: 30px 0px 30px 0px;
}
div#message h2 {
  font-weight: normal;
}

/* SLIDESHOW CONTROLLER */

div#home-slide-controls {
    position: absolute;
    top: -40px;
    right: 0px;
    width: 96px;
    text-align: right;
}
div#portfolio-slide-controls {
    position: absolute;
    top: -40px;
    right: -648px;
    width: 96px;
    text-align: right;
}
div.slide-control {
    color: #ffffff;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-left: 5px;
    text-align: center;
    width: 19px;
}
div#slide-control-1 {
  background-image: url("img/slide/galbu_1.gif");
  background-repeat: no-repeat;
}
div#slide-control-1.current {
  background-image: url("img/slide/galbu_1_active.gif");
  background-repeat: no-repeat;
}
div#slide-control-2 {
  background-image: url("img/slide/galbu_2.gif");
  background-repeat: no-repeat;
}
div#slide-control-2.current {
  background-image: url("img/slide/galbu_2_active.gif");
  background-repeat: no-repeat;
}
div#slide-control-3 {
  background-image: url("img/slide/galbu_3.gif");
  background-repeat: no-repeat;
}
div#slide-control-3.current {
  background-image: url("img/slide/galbu_3_active.gif");
  background-repeat: no-repeat;
}
div#slide-control-4 {
  background-image: url("img/slide/galbu_4.gif");
  background-repeat: no-repeat;
}
div#slide-control-4.current {
  background-image: url("img/slide/galbu_4_active.gif");
  background-repeat: no-repeat;
}




div.box-title {
  height: 50px;
  width: 632px;
}
div.box-text {
  height: 165px;
  width: 590px;
  padding: 10px 20px 20px 20px;
  margin: 0px;
  background-image: url("img/wrapper/gradientwrapper.gif");
  background-repeat: repeat-x;
  background-color: transparent;
  border-left: 1px solid #dbdbdb; 
  border-right: 1px solid #dbdbdb; 
  color: #414141;
  line-height: 1.3em;
  text-align: justify;
}
  div.box-text p {
    color: #414141;
    line-height: 1.3em;
    text-align: justify;
  }
div.box-bottom-wrapper {
  width: 632px;
  height: 5px;
  background-image: url("img/wrapper/boxbottomwrapper.gif");
  background-repeat: no-repeat;
  margin: 0px;
}


div.kontakt-box-title {
  height: 50px;
  width: 882px;
}
div.kontakt-box-text {
  min-height: 165px;
  padding: 10px 20px 20px 20px;
  margin: 0px;
  background-image: url("img/wrapper/gradientwrapper.gif");
  background-repeat: repeat-x;
  background-color: transparent;
  border-left: 1px solid #dbdbdb; 
  border-right: 1px solid #dbdbdb; 
  color: #414141;
  line-height: 1.3em;
  width: 840px;
}
div.kontakt-box-bottom-wrapper {
  width: 882px;
  height: 5px;
  background-image: url("img/wrapper/contactboxbottomwrapper.gif");
  background-repeat: no-repeat;
  margin: 0px;
}