/**
 * make the world colorful .....
 *
 * $Id: global.css,v 1.45 2010/08/31 11:30:11 abaethe Exp $
 *
 * vim: ts=2 shiftwidth=2 expandtab softtabstop=2
*/

/**
 * generic selectors
 */
body {
  margin: 0px;
  padding: 0px;
  background: #EAEFF3;
  /* scrollbar-base-color: #EAEFF3;
  scrollbar-3dlight-color: #FFF;
  scrollbar-arrow-color: #FFF;
  scrollbar-darkshadow-color: #000;
  scrollbar-face-color: #EAEFF3;
  scrollbar-highlight-color: #FFF;
  scrollbar-shadow-color: #000;
  scrollbar-track-color: #FFF; */  /* background */
}

body, div, a, h1, h2, td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
}

div, form {
  margin: 0px;
  padding: 0px;
}

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

h1 {
  font-size: 16px;
  color: #000;
  /* display: inline;
  border-bottom: 1px solid #FFF;  */
}
h1:first-letter {
  text-transform: uppercase;
}

img {
  border: 0;
}

input.text {
  height: 15px !important;
  height: 20px;
  /* background: #EAEFF3;*/
  background: #FFF;
  border: 1px solid #3C82C0;
}
input {
  vertical-align: middle;
}
select {
  /* background: #EAEFF3;*/
  background: #FFF;
}


/**
 * styles for ads
 */
div#topad {
  background: #EAEFF3;
  width: 768px;
 /* height: 92px; */
 /* border-left: 4px solid #93ACC2; */
 /* border-right: 4px solid #93ACC2; */
  text-align: right;
}

div#skyscraper {
  position: absolute;
  left:768px;
  /* top: 0; */
  top:92px;
  width:140px;
}

div#leftnavi_ad {
  margin: 20px 0 0 0;
}


/**
 * styles for upper area
 */
div#topwrapper {
  background: #FFF;
  width: 768px;    /* 131 + 631 + padding von topwrapper_inner + margin von uppermiddle */
  /* height: 100px; */
  height: 98px;
}
div#topwrapper_inner {
  /* padding: 2px; */
  padding: 2px 2px 0 2px;
  float: left;
}

div#upperleft {
  background: #EAEFF3;
  float: left;
  /* width: 131px; */
  width: 133px;
  height: 95px;  /* 95px + 1px border-bottom = 96px */
  border-bottom: 1px #ADB7C0 solid;
}
div#upperleft img {
  margin: 20px 0 0 0;
}

div#uppermiddle {
  background: #FFF;
  float: left;
  width: 631px;
  height: 96px;
  /* margin: 0 0 0 2px; */
  margin: 0;
  background: url(../img/top_gen.gif) no-repeat;
}
div#uppermiddle img {
  padding: 0 0 0 2px;
}

div#uppermiddle ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#uppermiddle li {
  /* display: inline; */
  float: left;
  margin: 0 1px 0 0;
  padding: 0;
  width: 157px;
  line-height : 23px;
  text-align: center;
  vertical-align: middle;
}
div#uppermiddle li a, div#uppermiddle li a:hover {
  display: block;   /* otherwise <a> won't accept fix width */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  width: 157px;
  height: 23px;
  text-align: center;
}
div#uppermiddle li#uppermiddle_last, div#uppermiddle li#uppermiddle_last a {
  margin: 0 0 0 0;
  width: 157px;
}
div#uppermiddle li#uppermiddle_first a:hover {
  background: #406180;
}
div#uppermiddle li#uppermiddle_second a:hover {
  background: #A60026;
}
div#uppermiddle li#uppermiddle_third a:hover {
  background: #3782BB;
}
div#uppermiddle li#uppermiddle_last a:hover {
  background: #5E9925;
}


/**
 * styles for whole main body
 */
div#mainwrapper {
  float: left;
  width: 768px;
  background: #FFF;
}
div#mainwrapper_inner {
  float: left;
  margin: 0 2px 2px 2px;
  background: #EAEFF3;
}


/**
 * styles for left navigation
 */
#navigation {
  float: left;
  width: 132px;  /* 132 + 1px of right border = 133 */
  background-color: #EAEFF3;
}

.navcontainer {
  margin: 0 0 10px 0;
}
.navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.navcontainer li {
  margin: 0 0 1px 0;
  padding: 0;
}
.navcontainer a {
  display: block;
  color: #ffffff;
  font-weight: bold;
  background-color: #ADB7C0;
  width: 100%;
  padding: 2px 0;
  text-decoration: none;
}
.navcontainer a:hover {
  background-color: #C1CBD4;
  color: #000000;
}
.navcontainer a.special {
  display: block;
  color: #404040;
  background-color: #EAEFF3;
  padding: 2px 0;
  font-weight: normal;
  border-bottom: 1px solid #ffffff;
}
.navcontainer a.special:hover {
  background-color: #C1CBD4;
  color: #000000;
}

.linie140 {
  border-top: 1px solid #ADB7C0;
}
.head_navi {
  background-color: #ADB7C0;
  padding: 1px 12px;
  border-top: 1px solid #EAEFF3;
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
}


/**
 * styles for content area
 */
div#contentwrapper {
  float: left;
  width: 468px;
  /* min-height: 700px;
  height:     auto !important;
  height:     700px; */
  background: #FFF;
  /* margin: 2px 0 2px 0; */
  margin: 0 0 2px 0;
  border-left: 1px #ADB7C0 solid;
  border-right: 1px #ADB7C0 solid;
}
div#contentwrapper_inner {
  float: left;
  padding: 7px;
  font-size: 12px; 
  color: #404040;
}

div#contentwrapper_inner div {
  font-size: 12px; 
  color: #404040;
}
div#contentwrapper_inner a {
  color: #397FBB;
}
div#contentwrapper_inner a:hover {
  text-decoration: underline;
}

div#contentwrapper_inner img {
  margin: 0 5px 5px 0;
}

div#contentwrapper_inner ul {
  margin: 0;
  padding-left: 15px;
}

div#contentwrapper_inner li {
  list-style-image: url(../img/raquo.png);
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div#hereyouare {
  font-size: 9px;
  padding: 3px 0 3px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px #000 dashed;
  color: #397FBB;
}
div#hereyouare a {
  color: #397FBB;
}

div#contentwrapper_inner .headline {
  font-weight: bold;
  margin-top: 4xp;
  margin-bottom: 4px;
  color: #404042;
}
div#contentwrapper_inner .headline a, div#contentwrapper_inner .headline a:hover {
  font-weight: bold;
  color: #404042;
}

div#contentwrapper_inner .rubric {
  font-size: 10px;
  font-weight: bold;
  margin: 20px 0 5px 0;
  border-bottom: 1px solid #406180;
  /* border will be set in site-dependent css-files */
}

div#contentwrapper_inner .date {
  font-size: 9px;
  color: #404040;
  margin-bottom: 3px;
}

div#contentwrapper_inner .topic_essential {
  float: left;
  background-color: #F0F0F2;
  width: 444px;
  height: 35px;
  border-bottom: 1px solid #808080;
  /* border-top: 2px solid #ffffff; */
  margin-bottom: 2px;
}
.te_a4e {
  /* border-left: 5px solid #0259A8; */
  border-left: 5px solid #406180;
}
.te_a4ee {
  border-left: 5px solid #28ACD3;
}
.te_jot {
  /* border-left: 5px solid #DD0000; */
  border-left: 5px solid #3782BB;
}
.te_adh {
  /* border-left: 5px solid #FE9903; */
  border-left: 5px solid #A60026;
}
.te_ut {
  /* border-left: 5px solid #67C401; */
  border-left: 5px solid #5E9925;

}
div#contentwrapper_inner .topic_essential .topic_left {
  float: left;
  width: 146px;
  padding-top: 10px;
  font-size: 9px;
  margin-left: 10px;
  vertical-align: middle;
}
div#contentwrapper_inner .topic_essential .topic_right {
  float: left;
  width: 270px;
  padding-top: 9px;
  font-size: 9px;
  font-weight: bold;
  vertical-align: middle;
}
div#contentwrapper_inner .topic_essential .topic_left a,
    div#contentwrapper_inner .topic_essential .topic_right a  {
  color: #000;
  font-size: 9px;
}

div#contentwrapper_inner div.rubric_biggrey {
  font-size: 16px;
  font-weight: bold;
  color: #9D9D9F;
  margin: 20px 0 15px 0;
  border-bottom: 2px solid #406180;
  /* border will be set in site-dependent css-files */
}
div#contentwrapper_inner div.rub_a4e {
  border-bottom: 2px solid #406180;
}
div#contentwrapper_inner div.rub_jot {
  border-bottom: 2px solid #3782BB;
}
div#contentwrapper_inner div.rub_adh {
  border-bottom: 2px solid #A60026;
}
div#contentwrapper_inner div.rub_ut {
  border-bottom: 2px solid #5E9925;
}


div.visualclear {
  clear: both;
}

.block2cols {
  float: left;
  width: 100%;
}

.smallCol {
  float: left;
  width: 212px;
}

.ColSpace {
  float: left;
  width: 20px;
}

.blueBox {
  background: #EAEFF3;
  padding: 7px;
}

.greyBox {
  background: #F0F0F2;
  padding: 7px;
}


div#contentwrapper_inner table.event td {
  font-size: 10px;
}

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



/**
 * styles for right margin
 */
div#rightcolumn {
  float: left;
  width: 162px;
  background: #EAEFF3;
  /* border-top: 1px #ADB7C0 solid; */
  /* border-bottom: 1px #ADB7C0 solid; */
}

div#rightcolumn div {
  border-bottom: 1px #ADB7C0 solid;
  padding: 0 4px 0 4px;
  color: #397FBB;
}
div#rightcolumn div div {    /* since div#rightcolumn>div doesn't work in IE6 we have to reset some values here :( */
  border-bottom: 0;
  padding: 0;
}
div#rightcolumn a {
  color: #397FBB;
}
div#rightcolumn a:hover {
  text-decoration: underline;
}

div#rightcolumn div#search {
  height: 53px;
  padding: 0 0 0 25px;
  background: #FFF url(../img/search_left.jpg) no-repeat;
}
div#rightcolumn div#search_inner {
  padding: 15px 0 0 0;
}
div#rightcolumn div#search input.text {
  width: 100px;
}

div#rightcolumn div#extsearch {
  background: #FFF;
  height: 28px;
}
div#rightcolumn div#login {
  background: #FFF;
  height: 28px;
}
div#rightcolumn div#ff_searchengine {
  background: #FFF url(../img/a4e_ff.jpg) right no-repeat;
  height: 28px;
}
div#rightcolumn div#languageswitch {
  background: #FFF url(../img/a4e_int.jpg) right no-repeat;
  height: 28px;
}
div#rightcolumn div#languageswitch_de {
  background: #FFF url(../img/a4e_ger.jpg) right no-repeat;
  height: 28px;
}
div#rightcolumn div#extsearch a,
    div#rightcolumn div#login a,
    div#rightcolumn div#ff_searchengine a,
    div#rightcolumn div#languageswitch_de a,
    div#rightcolumn div#languageswitch a {
  font-size: 9px;
  padding-top: 6px;
  display: block;
}

div#rightcolumn div.servicebox {
  text-align: right;
  color: #92ACC5;
  margin: 8px 4px 4px 4px;
  width: 151px;
  padding: 0;
  border: 0;
  float: left;
}
div#rightcolumn div.servicebox_inner {
  font-size: 10px; 
  border: 1px #91ADC3 solid;
  text-align: left;
  background: #FFF;
  width: 100%;
  color: #757575;
  float: left;
}
div#rightcolumn div.servicebox_inner div {
  padding: 2px;
}

div#rightcolumn div.servicebox_inner h1 {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  padding: 3px;
  margin: 0;
}
div#rightcolumn div.servicebox_inner img.fullsize {
  width: 148px;
  margin: 0 0 5px 0;
}
div#rightcolumn div.servicebox_inner img.small {
  width: 80px;
  margin: 0 0 5px 0;
}