/*********************************************************
 *                                                       *
 *       GLOBAL						*
 *                                                       *
 *********************************************************/

html {
  left:0px;
  top:0px;
  overflow-x:hidden;
}
body {
  background-color: #ffffff;
  background-image:url('/img/templates/bg_right.jpg');
  background-repeat:repeat-x;
  margin:0px;
  color:#707070;
  font-size:12px;
  font-family: Arial, Verdana;
  font-weight:normal;
  text-align:left;
  line-height:1.4em;
}
td {
  line-height:1.4em;
}
img {
  border:0px;
}
h1 {
  font-size:24px;
  font-weight:bold;
  margin:0px;
  margin-top:5px;
}

p {
  margin:0px;
}
/*********************************************************
 *                                                       *
 *       Default Layout			     *
 *                                                       *
 *********************************************************/
#site {
  width:838px;
  background-image:url('/img/templates/default/def_shadow_bg.jpg');
  background-repeat:repeat-y;
  display:block;
}
#container {
  width:830px;
  background-color:#F5F6F0;
  text-align:left;
}
#content {
  padding-left:15px;
  background-color:#F5F6F0;
  min-height:580px;
}
#header {
  background-image:url('/img/templates/default/def_head.jpg');
  background-repeat:no-repeat;
  background-color:#ffffff;
  width:830px;
  height:175px;
}
#shadow_left {
  position:absolute;
  background-image:url('/img/templates/shadow_left.jpg');
  background-repeat:no-repeat;
  width:60px;
  height:100%;
  height:800px;
  margin-left:-60px;
}
#shadow_right {
  position:absolute;
  background-image:url('/img/templates/shadow_right.jpg');
  background-repeat:no-repeat;
  width:60px;
  height:800px;
  margin-left:830px;
  margin-right:10px;
}
#shadow_bottom {
  background-image:url('/img/templates/shadow_bottom.jpg');
  background-repeat:no-repeat;
  width:830px;
  height:5px;

}

.bottom_spacer {
  height:0px;
  width:100%;
  clear:left;
}

/*********************************************************
 *                                                       *
 *       CONTENT BEREICH                                 *
 *                                                       *
 *********************************************************/

.headline {
  background-image:url('/img/templates/headline.jpg');
  background-repeat:no-repeat;
  position:absolute;
  margin-top:4px;
  width:466px;
  height:45px;
  color:#ffffff;
  font-size:24px;
  line-height: 24px;
  font-weight:bold;
  font-family: Arial;
  padding-top:5px;
  padding-left:26px;
}
.spacer {
  width:560px;
  height:11px;
  margin-top:25px;
  margin-bottom:20px;
}
.maintext {
  width:560px;
}
.maintext a:link, .maintext a:visited , .maintext a:hover {
  text-decoration:underline;
  font-weight:normal;
}
.maintext ul  {
  list-style-image:url('/img/case-study/square.gif');
}
.maintext li {
  margin-left:-16px;
}

.header_box {
  background-color:#ffffff;
  background-image:url('/img/templates/arrow.jpg');
  background-repeat: no-repeat;
  background-position:left 25px;
  width:580px;
  margin-top:35px;
  padding:20px 10px 15px 25px;
}
.header_box div {
  position:relative;
}
.contenteditor {
  /* Spezielle CSS-Regeln f�r WYSIWYG-Editor */
  background-color: #DEF4F6;
 }
.content {
  font-family: Arial;
  font-size: 12px;
  color: #1690A9;
}
.content {
  padding:1px;
}
.content a {
  color: #1690A9;
}
.content .h1 {
  font-weight: bold;
  font-size: 25px;
  width:680px;
}
#footer {
  background-repeat:no-repeat;
  padding-top:20px;
  margin-left:15px;
  text-align:right;
  height:30px;
  width:800px;
  margin-top:15px;
}
#footer a:link, #footer a:visited, #footer a:hover {
  font-weight:normal;
  text-decoration:none;
}
/*********************************************************
 *                                                       *
 *       Layout der einzelnen Seiten			                         *
 *                                                       *
 *********************************************************/

/*****************************************************************/
/************ UNIT-STARTSEITE (template: default.xsl) ************/
/*****************************************************************/
.teaser_start {
  width:275px;
  margin-bottom:0px;
  margin-top:0px;

}
.teaser_start a:link, .teaser_start a:hover, .teaser_start a:visited {
  color:#707070;
  text-decoration:none;
}
.teaser_big {
  position:absolute;
  margin-left:572px;
  height:532px;
  width:230px;
  padding-right:14px;
    margin-top:10px;
}
.teaser_big_start {
  float:right;
  height:532px;
  width:230px;
  padding-right:14px;
  margin-top:22px;

}
.spacer_start, .spacer_wide {
  width: 800px;
  height: 11px;
  margin-top: 25px;
}
/*********************************************************
 *                                                       *
 *       NAVIGATION | MENU                               *
 *                                                       *
 *********************************************************/

/* NAVIGATION Men�punkt */
div.navmenu {
  color:#0093A1;
  text-transform: lowercase;
  width:150px;
  margin-left:-15px;
  padding-left:15px;
    line-height:12.5px;
}
div.navmenu a:link, div.navmenu a:visited, div.navmenu a:hover {
  font-size:11px;
  font-family: Arial;
  color:#6F6F6F;
  text-decoration:none;
  text-transform: lowercase;
}
div.navmenuact {
  background-color:#9A9A9C;
  color:#0093A1;
  text-transform: lowercase;
  width:150px;
  margin-left:-15px;
  padding-left:15px;
    line-height:12.5px;
}
div.navmenuact a:link, div.navmenuact a:visited, div.navmenuact a:hover {
  font-size:11px;
  font-family: Arial;
  color:#ffffff;
  text-decoration:none;
  text-transform: lowercase;
}

div.navsubmenu a:link, div.navsubmenu a:hover, div.navsubmenu a:visited {
  font-size:11px;
  font-family: Arial;
  font-weight:normal;
  color:#646464;
  position:relative;
  text-decoration:none;
}
div.navsubmenu {
  font-size:11px;
  font-family: Arial;
  font-weight:normal;
  color:#646464;
  text-decoration:none;
  float:left;
  width:132px;
  line-height:12.5px;
}
div.sub-navsubmenu {
  padding-top:1px;
  margin-left:-15px;
  padding-left:15px;
    width:92%;
    ine-height:12.5px;
}

/****** Navigation beim Bearbeiten abschalten ******/
div.nonav * {
  cursor: no-drop;
}
/*********************************************************
 *                                                       *
 *       CMS Editierbare Bereiche						 *
 *                                                       *
 *********************************************************/
.editable {
  border:none;
}
.editable-hover {
  /* border:1px dotted #000000; */
  background-color:#FFFF7F;
  cursor:hand;
}
.editable-hover #editable_icon {
  height:40px;
  width:40px;
  position:absolute;
  background-image:url('/img/templates/page_white_edit.gif');
  background-position:center center;
  background-repeat: no-repeat;
  background-color:#FFFF7F;
  border:1px solid #E5E590;
}
#template_background {

  margin-top:20px;
    position:absolute;
    margin-left:-118px;
    background-image:url('/img/templates/hintergrundbild_button.gif');
    background-repeat:no-repeat;
    height:20px;
    width:120px;
  z-index:10;
}
#header_box_illu {
  margin-top:0px;
    position:absolute;
    margin-left:-155px;
    background-image:url('/img/templates/header_text.gif');
    background-repeat:no-repeat;
    height:20px;
    width:120px;
  z-index:10;
}
#maintext_illu {
  margin-top:0px;
    position:absolute;
    margin-left:-130px;
    background-image:url('/img/templates/content_text.gif');
    background-repeat:no-repeat;
    height:20px;
    width:120px;
  z-index:10;
}
#template_sidebar_illus {
  margin-top:20px;
    position:absolute;
    margin-left:830px;
    background-image:url('/img/templates/hintergrundbild_button.gif');
    background-repeat:no-repeat;
    height:20px;
    width:120px;
  z-index:10;
}
/*********************************************************
 *                                                       *
 *       CASE STUDIES / Online Ads                       *
 *                                                       *
 *********************************************************/

.case_links {
  background-color:#ffffff;
  height:40px;
  padding-top:6px;
  padding-bottom:6px;
  font-weight:normal;
  text-decoration:none;
  font-size:16px;
  color:#717171;
  line-height:32px;
    border:1px solid #F5F6F0;
}
.case_links:hover {
  height:40px;
  padding-top:6px;
  padding-bottom:6px;
  font-weight:bold;
  text-decoration:none;
  font-size:16px;
  color:#ffffff;
  line-height:32px;
    border:1px solid #F5F6F0;
}
.case_links_active {
  height:40px;
  padding-top:6px;
  padding-bottom:6px;
  font-weight:bold;
  text-decoration:none;
  font-size:16px;
  color:#ffffff;
  line-height:32px;
}
.case_bottom {
  margin-top:300px;
  margin-bottom:-25px;
  width:360px;
}
.case_bottom a:link, .case_bottom a:hover, .case_bottom a:visited {
  color:#6b2683;
}
.case_active a:link, .case_active a:hover, .case_active a:visited  {
  color:#ffffff;
  padding:4px;
  text-decoration:none;
  line-height:24px;
}
.case_deactive a:link, .case_deactive a:hover, .case_deactive a:visited {
  background-color:#ffffff;
  color:#717171;
  padding:4px;
  text-decoration:none;
  line-height:24px;
  font-weight:normal;
}
.case_spacer {
  width:545px;
  height:12px;
  background-repeat:no-repeat;
  margin-bottom:22px;
}
.case_intro {
  width:500px;
}
.case_content {
  margin-top:25px;
  width:500px;
  margin-bottom:40px;
}
.case_link {
  margin-top:15px;
}
.case_link a:link, .case_link a:hover, .case_link a:visited {
  font-weight:bold;
  background-repeat:no-repeat;
  padding-left:15px;
    background-position:0px 3px;
}
.case_li ul  {
  list-style-image:url('/img/case-study/square.gif');
  color:#717171;
  margin-top:10px;
  line-height:16px;
  margin-bottom:10px;
}
.case_li {
  margin-left:-16px;
}

.case_li li a:link, .case_li li a:visited, .case_li li a:hover  {
  color:#717171;
  text-decoration:none;
  font-size:12px;
}
/*******************************************/
/************ Online Ads Popup *************/
/*******************************************/

*:first-child+html #popup_shadow {
  background-color:#000;
    height:6000px;
    width:6000px;
    position:absolute;
    margin-left:-50%;
    z-index:1000;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
  display:none;
    padding:20px;

}
#popup_shadow {
  background-color:#000;
    height:6000px;
    width:6000px;
    position:absolute;
    margin-left:-50%;
    z-index:1000;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    display:none;
}
.flash_popup {
  background:#FFF;
    position:absolute;
    z-index:10000;
    top:0px;
    padding:10px;
    border:1px solid black;
    display:none;
  left:20px;
    top:20px;
}
/*********************************************************
 *                                                       *
 *       Template SIDEBAR Illustrations                  *
 *                                                       *
 *********************************************************/

.sidebar_illus {
  position:absolute;
    margin-top:-100px;
    width:815px;
    height:100%;
}
.sidebar_illus img {
    z-index:-10;
    float:right;
}



/*********************************************************
 *                                                       *
 *       Unit-Farben             						 *
 *                                                       *
 *********************************************************/
.unitAgentur, .unitAgentur *         { color: #016F88; }
.unitEvents, .unitEvents *           { color: #E38E00; }
.unitInteractive, .unitInteractive * { color: #6B2683; }
.unitMarketing, .unitMarketing *     { color: #005C8B; }
.unitPromotions, .unitPromotions *   { color: #941258; }
.unitLifestyles, .unitLifestyles *   { color: #B89C6C; }
.unitPersonal, .unitPersonal *       { color: #7A8E1F; }
.unitBranding, .unitBranding *       { color: #941258; }