body {color:black; background:#1C1D1E url(2008_01_FILES/pageback.jpg) repeat; font:normal normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top:0px;font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;}

a    {text-decoration:underline; color:#05607B;}
a:hover  {text-decoration:none; color:#FF7600;}
a img  {border:none;}

a.rssLink {
  display:inline-block;
  padding-left:16px;
  background-image:url('../images/ico-rss.gif');
  background-repeat:no-repeat;
  background-position:left center;
}

h1 {
  margin: 0;
  color: #05607b;
  text-decoration: none;
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 5px;
}


h2 {
  margin: 0;
  color: #999999;
  text-decoration: none;
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 5px;
}

#ref-top h2 {
  margin: 0;
  color:white;
  text-decoration: none;
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 5px;
}

h3 {
  margin: 0;
  color: #05607b;
  text-decoration: none;
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 0;
}

h4 {
color:#FF7600;
font-weight:bold;
font-size:12px;
margin:0px;
padding:0px;
}

#boxhead {
  color: #FF7600;
  text-decoration: none;
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#search  {float:right; padding:2px 25px 0px 0px; color:#05607B;}
#search form {margin:0px; padding:0px;}
#search input {color:black; border:1px solid black; font-size:11px; margin:0px;}
#search input[type=submit] {background:url(2008_01_FILES/b_search_back.jpg) repeat-x; color:#05607B; padding:1px 4px 1px 4px;}

div.lupe  {position:absolute; z-index:10; padding:426px 0px 0px 564px;}

/* REFERENZ TABLE */

#ref-table {
  color:  #000000;
  border: 1px dotted #05607B;
  margin-bottom: 0px;
}

#ref-top {
  background: url(2008_01_FILES/ref_top.jpg) repeat-x;
}

#ref-top-grau {
  background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
}

#ref-links {
  background-color: #F6F4E2;
  padding: 5px;
  width: 120px;
}

#ref-mitte {
  background-color: #ffffff;
  /*padding: 10px;*/
}

#ref-rechts {
  background-color: #EFEFEF;
  padding: 5px;
}

/*
  *********************************
  *                               *
  *    Beginn Layout Container    *
  *                               *
  *********************************
*/

#wrapper     {margin:0px auto; width:960px;}
#topper      {background-color:#FFFFFF; width:960px;}


/*#logo                   {width:960px; height:160px; background:url(2008_01_FILES/head_start.jpg) no-repeat;}*/
#logo {
  width: 960px;
  height: 160px;
}

/* ### Downloads ### */
#logo_dow                   {width:960px; height:160px; background:url(2008_01_FILES/head_downloads.jpg) no-repeat;}

/* ### Kompetenzen ### */
#logo_kom                   {width:960px; height:160px; background:url(2008_01_FILES/head_kompetenzen.jpg) no-repeat;}

/* ### Kontakt ### */
#logo_kon                  {width:960px; height:160px; background:url(2008_01_FILES/head_kontakt.jpg) no-repeat;}

/* ### News ### */
#logo_new                  {width:960px; height:160px; background:url(2008_01_FILES/head_news.jpg) no-repeat;}

/* ### Referenzen ### */
#logo_ref                  {width:960px; height:160px; background:url(2008_01_FILES/head_referenzen.jpg) no-repeat;}

/* ### Team ### */
#logo_tea                   {width:960px; height:160px; background:url(2008_01_FILES/head_team.jpg) no-repeat;}


#main       {width:610px; float:left;  padding:20px 30px 20px 20px; background-color:white; margin-top:15px; border-right: 1px solid #f75300;}
#right       {width:259px; background-color:white; float:right; padding:20px; margin-top:15px;}
#suma       {padding:5px; height:24px;}
#subnavi    {padding:10px 5px 5px 5px; height:19px; float:right; color:#999999; font-size:14px; font-weight:bold;}
#subnavi a    {color:#999999; text-decoration:none;}
#subnavi a:hover  {text-decoration:underline; color:#FF7600;}

#content p {padding-bottom:0px; margin-bottom:0px;}

/*
  *********************************
  *                               *
  *     Ende Layout Container     *
  *                               *
  *********************************
*/

/*
  *********************************
  *                               *
  *    Beginn Layout Boxes      *
  *                               *
  *********************************
*/

#topperboxes   {padding:10px; width:640px; height:200px;}
.box       {width:245px; height:100px; margin-bottom: 5px;}
.servicebox     {width:245px; height:60px; margin-bottom: 10px;}

.tbox {
width:170px; padding:20px 10px 20px 10px; text-align:left; background:#DEDEDE;
}

.tbox ul {margin:10px 0px 0px 0px; padding:0px; list-style-type:none;}
.tbox ul li {margin-bottom:4px;}
.tbox ul li a {display:block; padding:5px 0px 5px 25px; background:url(2008_01_FILES/square.gif) 2px 50% no-repeat; color:black; text-decoration:none;}
.tbox ul li a:hover {color:#FF7600;}

/*
  *********************************
  *                               *
  *     Ende Layout Boxes       *
  *                               *
  *********************************
*/



/*
  *********************************
  *                               *
  *        Beginn Topnavi         *
  *                               *
  *********************************
*/

.topnav        {clear:left; width:960px; border-bottom:1px dotted #CCCCCC; background-color: white;}

.folder        {float:left; margin-right:4px;}
.folder a      {color:#000000; text-decoration:none; padding:0px 4px 0px 4px; font-weight:normal;}
.folder a:hover    {}

.items        {color:#FFFFFF;}
.items a      {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;}
.items a:hover    {text-decoration:underline;}

.m_panel         {padding:0px;}
.m_wrapper         {}
.m_tabs         {}
.m_tabs ul         {margin:0px; padding:0px; list-style-type:none;}
.m_tabs ul li       {margin:0px; padding:0px; float:left;}
.m_tabs ul li a     {padding:5px 8px; color:#05607B; text-decoration:none; display:block;}
.m_tabs ul li a:hover   {color:#05607B; text-decoration:none; background:#FF7600;}
.m_tabs ul li a.active   {background:#FF7600;}
.m_content         {clear:left; background:#FF7600; color:#333333; padding:10px; color:white; font-weight:bold;}
.m_content a       {color:white; text-decoration:none;}
.m_content a:hover     {color:#333333;}
.m_content a.active   {color:#333333;}


/*
  *********************************
  *                               *
  *          Ende Topnavi         *
  *                               *
  *********************************
*/

*html body {margin:0px;}
*html #subnavi {margin:0px; height:21px;}
*html .m_panel {background:#FFFFFF;}
*html #topper {background:#FFFFFF;}

*+html #search input[type=submit] {padding:0px 4px;}
*+html #search input[type=text] {padding:2px 4px 1px 4px;}

/*
  *********************************
  *                               *
  *          Twitter         *
  *                               *
  *********************************
*/

#twitter_div {width:245px; margin-bottom: 5px;}

#twitter_update_list {}
#twitter_update_list ul {padding:0px; margin:0px;}
#twitter_update_list li {margin-bottom:10px; padding-right:10px;}
#twitter_update_list li a {display:block; padding:0px;}

#twitterhead {}
#twitterback {width:245px; padding-top:3px; padding-bottom:3px; background:url(2008_01_FILES/twitterback.jpg) repeat}
#twitterbottom {}

/*
  *********************************
  *                               *
  *          Topteaser        *
  *                               *
  *********************************
*/

/*#topteaserwrapper { width:960px; height:380px; background:url(2008_01_FILES/topteaserback.jpg) no-repeat;}*/
#topteaserwrapper {
  width: 960px;
  /*height: 380px;*/
  height: 280px;
  background: white;
}

#topteaserwrapper h2 {
  text-decoration:none;
  font:normal normal normal 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color:#797979;
  margin:0;
  padding-top: 10px;
  margin-left: 25px;
  /*position:absolute;
  top:70px;
  left:25px;*/
}

/*#topteasertext { font-size:14px; height:80px; padding:10px 30px; position:relative;}*/
#topteasertext h2 { text-decoration:none; font:normal normal normal 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#797979; margin:0; padding-bottom:10px; position:absolute; top:70px; left:25px;}
#shops { background-image:url(2008_01_FILES/topteaserback_shops.jpg);}
#shops h3 { color:#C6102B; font-size:18px;}
#marketing { background-image:url(2008_01_FILES/topteaserback_marketing.jpg);}
#marketing h3 { color:#99C320; font-size:18px;}
#design { background-image:url(2008_01_FILES/topteaserback_design.jpg);}
#design h3 { color:#F5C33C; font-size:18px;}
#web { background-image:url(2008_01_FILES/topteaserback_web.jpg);}
#web h3 { color:#5B93B8; font-size:18px;}
.topteaserbox { float:left; width:220px; height:270px; margin-right:10px; margin-left:10px;}
.topteaserhead { height:60px; padding:20px;}
.topteaserpix {}
.topteaserbottom { height:30px; padding:5px 20px;}

/* TYPO3 relevant */

#footer {
  position: relative;
  clear: left;
  top: 20px;
}

.ce-right-outer {
  border: 1px dotted #05607B;
  margin: 5px 0px;
}

.ce-right-inner {
  width: 248px;
  background: #FFFFFF;
  margin: 0px 3px 5px 3px;
}

.ce-right-inner h1 {
  border-bottom: 5px solid white;
  background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
  width: 242px;
}


#news-headline-1 h1 {
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 5px;
  background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  border-right: 3px solid white;
}

#ce-headline-1 h1 {
  margin: 0;
  margin-top: -5px;
  margin-left: -5px;
  width: 592px;
  color: #05607b;
  text-decoration: none;
  font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 5px;
  background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
}

#ref-table #ref-top h2 {
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  border-right: 3px solid white;
}

#content .tx-owodreferences-pi1 #ref-table #ref-top h2 {
  border: none;
}

#ref-table #ref-rechts {
  border-left: 3px solid white;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
}

#content .tx-owodteam-pi1 #ref-table #ref-rechts,
#content .tx-owodreferences-pi1 #ref-table #ref-rechts,
#content .tx-owoddownloads-pi1 #ref-table #ref-rechts {
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

#content .tx-owodreferences-pi1 #ref-table #ref-rechts {
  border-bottom: none;
}

#ref-table #ref-rechts .csc-textpic .csc-textpic-imagewrap {
  padding: 5px 0;
}

.Tx-Formhandler .error-message,
.tx-thmailformplus-pi1 .row {
  color: red;
  font-weight: bold;
}

.Tx-Formhandler input#captchafield {
  margin-left: 60px;
}

.tx-thmailformplus-pi1 label {
  float: left;
  width: 120px;
}

.tx-thmailformplus-pi1 .tx_mailformplus_submit {
  padding-left: 230px;
}

.tx-thmailformplus-pi1 .tx_mailformplus_submit input#submit {
  margin-left: 20px;
}

.tx-thmailformplus-pi1 .rrsubmit {
  padding-left: 120px;
}

#tx_owodreferences-outer {
  margin-top: 20px;
}

#tx_owodreferences-outer #ref-table #ref-rechts h1 {
  margin-bottom: 10px;
}

#tx_owodreferences-outer .tx-owodreferences-pi1 .refInfoText {
  display: inline;
  margin-right: 5px;
}

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
  DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
  DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
  DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

  /* Needed for noRows setting */
  DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

  /* Border just around the image */
  DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 2px solid black;
    padding: 0px 0px;
  }

  DIV.csc-textpic-imagewrap { padding: 0; }

  DIV.csc-textpic IMG { border: none; }

  /* DIV: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

  /* UL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

  /* DL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
  DL.csc-textpic-image { margin: 0; }
  DL.csc-textpic-image DT { margin: 0; display: inline; }
  DL.csc-textpic-image DD { margin: 0; }

  /* Clearer */
  DIV.csc-textpic-clear { clear: both; }

  /* Margins around images: */

  /* Pictures on left, add margin on right */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
  }

  /* Pictures on right, add margin on left */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }

  /* Pictures centered, add margin on left */
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

  /* Space below each image (also in-between rows) */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
  DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
  DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

  /* No margins around the whole image-block */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

  /* Add margin from image-block to text (in case of "Text w/ images") */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10px !important;
  }

  /* Positioning of images: */

  /* Above */
  DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

  /* Center (above or below) */
  DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

  /* Right (above or below) */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
  DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

  /* Left (above or below) */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
  DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

  /* Left (in text) */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

  /* Right (in text) */
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

  /* Right (in text, no wrap around) */
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */

  /* Left (in text, no wrap around) */
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */
  
  /* Browser fixes: */
  
  /* Fix for unordered and ordered list with image "In text, left" */
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

DIV.csc-textpic-intext-left-nowrap IMG {
  margin-top: 40px !important;
  border: 1px solid #cccccc;
}

DIV.csc-textpic-intext-left-nowrap #ce-headline-1 h1 {
  position: relative;
  left: -130px;
}
/*
#ref-table #ref-rechts .csc-textpic-text {
  border: 3px solid white;
}

*/

#ref-table #ref-rechts .csc-textpic-text ul {
  padding-left: 10px;  
}

#ref-table #ref-rechts .csc-textpic-text ul li {
  list-style-type: disc;
  list-style-type: none;
  background: url(../gfx/li_cont_button.jpg) no-repeat 0 7px;
  padding-left: 20px;
  padding-right: 10px;
}

hr.whiteSpacer {
  width: 603px;
  position: relative;
  left: -5px;
  height: 1px;
  border: 1px solid white;
}

#twitter_div {width:245px; margin-bottom: 5px;}

#twitter_update_list {}

#twitter_update_list ul {padding:0px; margin:0px;}

#twitter_update_list li {margin-bottom:10px; padding-right:10px;}

#twitter_update_list li a {display:block; padding:0px;}

#twitterhead {}

#twitterbottom {}

h1,
h2,
h3,
.ce-right-inner h1,
#news-headline-1 h1,
#ce-headline-1 h1,
#tx_owodreferences-outer #ref-table #ref-rechts h1,
DIV.csc-textpic-intext-left-nowrap #ce-headline-1 h1,
#ref-top h2,
#topteasertext h2,
#ref-table #ref-top h2,
#content .tx-owodreferences-pi1 #ref-table #ref-top h2,
#shops h3,
#marketing h3,
#design h3,
#web h3,
#topteaserwrapper h2 {
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
}