/**
 * make the world colorful .....
 *
 * $Id: global.css,v 1.23 2011/08/03 09:32:22 abaethe Exp $
 *
 * vim: ts=2 shiftwidth=2 expandtab softtabstop=2
*/


/**
 * generic selectors
 */
body {
  width: 968px;
  margin-left: 18px;
  font-family: Verdana, Arial, Helvetica;
  color: #000000;
}

img {
  border: 0;
}

h1, h1 a {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  line-height: 22px;
}
h1 a:hover {
  text-decoration: underline;
}

h2, h2 a {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  line-height: 20px;
}

a, a:hover {
  text-decoration: none;
}



input {
  vertical-align: middle;
}
input.text {
  height: 13px !important;
  height: 17px;
  /* background: #EAEFF3;*/
  background: #FFF;
  border: 1px solid #cecece;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}
input.formelem, select.formelem {
  margin-bottom: 5px;
}

textarea, select {
  background: #FFF;
  border: 1px solid #cecece;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}


div#grey_overlay, div#grey_overlay_loading {
  position: absolute; 
  z-index: 50;
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
  filter:alpha(opacity=80); 
  -moz-opacity: 0.8; 
  opacity: 0.8; 
  background: #000; 
  /* border: #800E10 1px solid; */
  visibility: hidden;
}
div#grey_overlay_loading {
  background: #000 url(../img/ajax-loader_white.gif) center 400px no-repeat; 
  filter:alpha(opacity=90); 
  -moz-opacity: 0.9; 
  opacity: 0.9; 
}


/**
 * header + bottom area
 */
#superbanner {
  text-align: right; 
  background: #FFF; 
  position: relative; 
  left: 0; 
  width: 950px;
  padding-bottom: 5px;
}

#skyscraper {
  position: absolute; 
  /*left: 955px; 
  top: 90px; */
  left: 950px;
  top: 0;
}

#contentbanner {
  width: 620px;
  margin: 5px 0;
}

#header {
  width: 950px;
  height: 90px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#header_big {
  width: 950px;
  height: 90px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}


#upper_navigation {
  width: 680px !important; 
  width: 678px;
  text-align: right;
  float: left;
  color: #666;   
  font-size: 10px;
  background-color: #ffffff;
}

#upper_navigation a {
  color: #666;
}

.upper_menu_point {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  border-right: 1px solid #666;
}

a.upper_menu_point:hover {
   background: #F2F0F0;
   height: 14px !important; height: 12px;
}


#bottom_navigation {
  width: 950px;
  border-top: 1px solid #cecece;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  color: #666;
  font-size:10px;
}

#bottom_navigation a {
  color: #666;
}

.bottom_menu_point {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  border-right: 1px solid #666;
}

a.bottom_menu_point:hover {
   background: #F2F0F0;
   height: 14px;
}



/**
 * navigation area
 */
#main_navi {
  width: 950px;
  height: 18px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  /* border-bottom: solid 1px #ffffff; */
  background: #BCBCBC url(../img/main_navi_bottom.gif) bottom repeat-x;
}
#sub_navi {
  width: 950px;
  height: 19px;
  background: #666;
  color: #ffffff;
  font-size: 10px;
  font-weight: normal;
}

.menu_point, .menu_point_active {
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
margin: 0;
line-height: 18px;
background: url(../img/main_navi_bottom.gif) bottom repeat-x;
}

.menu_point_active {
  height: 18px;
  background: #666 url(../img/main_navi_bottom_a.gif) bottom repeat-x;
}

.sub_menu_point, .sub_menu_point_active {
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
line-height: 18px;
}

.sub_menu_point_active {
  /* background: #82A1BC;*/
  background: #484848;
}


.main_navi_line{
float: left !important;
background: #ffffff;
width: 1px;
height: 18px;
}


.sub_navi_line{
float: left;
padding-top: 3px;
font-size: 9px;
}


#main_navi a {
   color: #ffffff;
}

#sub_navi a {
   color: #ffffff;
}


a.menu_point:hover {
   background: #484848;
   height: 18px;
}

a.sub_menu_point:hover {
   background: #484848;
   height: 19px;
   color: #666;
}


/**
 * main content styles
 */
#breadcrumb {
  /* width: 950px; */
  width: 620px;
  height: 14px;
  margin: 8px 0 0 0;   /* margin + height = 22px */
  background: #ffffff;
  color: #BCBCBC;
  font-size: 10px;
}

#errors2display {
  color: #F00;
  border: #F00 1px dashed;
  margin: 10px 20px 20px 20px;
  padding: 3px;
  background: #F2F2F2;
}


#top_left_content {
  float: left;
  width: 620px;
  font-size: 11px;
  line-height: 15px;
}
#top_left_content td {
  font-size: 11px;
}

#firstad {
  margin-bottom: 20px;
}
#secondad_wrapper {
  float: left;
  margin: 20px 0;
}
#secondad {
  float: left;
  margin: 0 20px 0 0;
  width: 300px;
}

.headline {
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 4px;
}

/**
 * styles for detail view of content
 */
#top_left_content_detail div, #top_left_content_detail td {
  font-size: 11px;
}

#top_left_content_detail img {
  margin: 0 10px 10px 0;
}

#top_left_content_detail h1 {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  line-height: 22px;
}

#top_left_content_detail a {
  color: #666;         
  font-weight: bold;
}



/**
 * right margin
 */
#right_container {
  float: left;
  width: 300px; 
  /*text-align: justify;*/
  font-size: 11px;
  line-height: 15px;
}

#search_box {
  width: 300px;
  height: 50px;
  /*height: 50px;*/
  margin-bottom: 20px;
}
#search_box_inner {
  padding: 5px 3px;
  color: #BCBCBC;
  background: #ECECEC;          
}
#search_box_inner a {
  color: #666;
}


.rightbox {
  background: #ECECEC;          
  margin-bottom: 20px;
}
.rightbox_top {
  float: left;
  width: 100%;
  background: #FFF;          
}
.rightbox_middle {
  padding: 10px;
  background: #ECECEC;          
}
.rightbox_footer {
  color: #FFF; 
  font-weight: bold; 
  padding-left: 10px;
  background: #BCBCBC url(../img/box_lower.png) no-repeat;
  margin-bottom: 20px;
  clear: left;
}
.rightbox_footer a {
  color: #FFF; 
}


/**
 * misc content styles
 */

div.visualclear {
  clear: left;
}


.top_headline {
   font-size: 14px;
   font-weight: bold;
   color: #666;
   line-height: 22px;
}

/* stupid layouting stuff reminding of a pendelum */
.box_top_img {
  float: left; 
  width: 12px; 
  height: 14px; 
  margin-top: 11px;
}

.box_top_img_right {
   float: left;
   padding-top: 6px;
}

.box_top_text {
  font-weight: bold;
  color: #666;
  /* border-bottom: solid 1px #BCBCBC; */
  border-bottom: solid 1px #E0E4E8;
  /*border-left: solid 10px #666; */
  margin-top: 5px;
  margin-bottom: 6px;
  margin-left: 0px;
}

.topic_header {
   font-weight: bold;
   color: #666;
   /* border-bottom: solid 1px #BCBCBC; */
   margin-top: 12px;
   margin-bottom: 2px;
}

/* digest pages */
.block2cols {
  float: left;
  width: 100%;
}

.smallCol {
  float: left;
  width: 48%;
}
.ColSpace {
  float: left;
  width: 20px;
}



.black_link {
   color: #000000;         
   font-weight: bold;
}

.red_link_normal {
   color: #666;         
}

.more_link {
   font-weight: bold;
   color: #666;
}

a.black_link:hover {
   text-decoration:underline;
}

a.red_link_normal:hover {
   text-decoration:underline;
}


a.more_link:hover {
   text-decoration:underline;
}

.news_teaser {
   /* line-height: 11px; */
   margin-bottom:10px;          
}




/**
 * several box styles
 */
.box_140 {
   width:140px; 
   float:left; 
   text-align:left; 
   margin-top:20px; 
   background:#ECECEC;          
}

.box_140_header {
   background: #666; 
   color: #ffffff; 
   font-weight:bold; 
   padding-left:5px;          
}

.box_140_inner {
   padding:5px;
}

.box_140_footer {
   background: #BCBCBC; 
   color: #ffffff; 
   font-weight:bold; 
   padding-left:5px;
}

.box_200 {
   width: 200px; 
   float: left; 
   text-align: left; 
   margin-top: 20px; 
   background: #ECECEC;          
}

.box_200_header {
   background: #666; 
   color: #ffffff; 
   font-weight: bold; 
   padding-left: 5px;          
}

.box_200_inner {
   margin: 5px;
   height: 120px;
}

.box_200_footer {
   background: #BCBCBC; 
   color: #ffffff; 
   font-weight: bold; 
   padding-left: 5px;
}
.box_200_footer a {
  color: #FFF; 
}


.box_300 {
   width: 300px; 
   float: left; 
   text-align: left; 
   margin-top: 20px; 
   background: #ECECEC;          
}

.box_300_header {
   background: #666; 
   color: #ffffff; 
   font-weight: bold; 
   padding-left: 5px;          
}

.box_300_inner {
   margin: 5px;
   height: 120px;
}

.box_300_footer {
   background: #BCBCBC; 
   color: #ffffff; 
   font-weight: bold; 
   padding-left: 5px;
}

/**
 * mouse over effects
 */
#logoatz, #logomtz, #logoat, #logoatze, #logoatzp, #logovku, #logoatzoff, #logoaa {
  margin: 0 0 0 2px;
  padding: 0px;
  height: 20px;
  text-decoration: none;
  float: right;
  display: block;
}

#logoatz {
  width: 40px;
  background: url(../img1/atz_mono.gif) no-repeat;
}
#logoatz:hover {
  width: 40px;
  background: url(../img1/atz_color.gif) no-repeat;
}
#logomtz {
  width: 44px;
  background: url(../img1/mtz_mono.gif) no-repeat;
}
#logomtz:hover {
  width: 44px;
  background: url(../img1/mtz_color.gif) no-repeat;
}
#logoat {
  width: 116px;
  background: url(../img1/at_mono.gif) no-repeat;
}
#logoat:hover {
  width: 116px;
  background: url(../img1/at_color.gif) no-repeat;
}
#logoatze {
  width: 93px;
  background: url(../img1/atze_mono.gif) no-repeat;
}
#logoatze:hover {
  width: 93px;
  background: url(../img1/atze_color.gif) no-repeat;
}
#logoatzp {
  width: 95px;
  background: url(../img1/atzp_mono.gif) no-repeat;
}
#logoatzp:hover {
  width: 95px;
  background: url(../img1/atzp_color.gif) no-repeat;
}
#logovku {
  width: 35px;
  background: url(../img1/vku_mono.gif) no-repeat;
}
#logovku:hover {
  width: 35px;
  background: url(../img1/vku_color.gif) no-repeat;
}
#logoatzoff {
  width: 100px;
  background: url(../img1/atzoff_mono.gif) no-repeat;
}
#logoatzoff:hover {
  width: 100px;
  background: url(../img1/atzoff_color.gif) no-repeat;
}
#logoaa {
  width: 117px;
  background: url(../img1/automotive_mono.gif) no-repeat;
}
#logoaa:hover {
  width: 117px;
  background: url(../img1/automotive_color.gif) no-repeat;
}


a.tooltip {
  cursor: help;
}
a.tooltip:hover {
  text-decoration: none;
  position: static;      /* useless style needed for IE to working properly */
}
a.tooltip span {
  display: none;
  position: relative;
  text-decoration: none;
}
a.tooltip:hover span {
  color: #000;
  background: #FFFFE0;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid black;
  padding: 2px;
  display: block;
  position: absolute;
  z-index: 10;
}