/**
 * CSS styles for CFROMM
 * (c) 2008 [m]zentrale, Benjamin Zaiser (b.zaiser@mzentrale.de)
 */

*{
  padding: 0px;
  margin: 0px;
}
html,
body{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #666666;
  text-align: center;
  height: 100%;
  background: url(../gfx/page_bg.gif) repeat-y;
  background-position: center;
}
.clearer{
  clear: both;
}

h1{
  color: #336699;
  font-size: 16px;
  font-weight: normal;  
  margin-top: 16px;
  margin-bottom: 20px;
}
h2{
  margin-top: 5px;
  margin-bottom: 9px;
  font-size: 12px;
  color: #666666;
  margin-top: 14px;
}
h3, h4, h5, h6{
  color: #666666;
  font-size: 12px;
  margin-top: 14px;
}
.csc-firstHeader {margin-top: 0px;}
a img{
  border: 0px;
}
.bodytext a{
  color: #336699;
  padding-left: 10px;
  background: url(../gfx/arrow_right_grey.gif) no-repeat center left;
}

/**
 * Page
 */
#page{
  margin-left: auto;
  margin-right: auto;
  width: 933px;
  text-align: left;
  position: relative;
  /**padding-left: 7px; -> navicontainer, header mit margin-left: 3px;*/  
  border-bottom: 1px solid transparent;
}

/**
 * Metanavi
 */
#metanavi{
  height: 25px;
  background: white;
  text-align: right;
  margin-left: 640px;
} 
#metanavi a{
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
  border-right: 1px solid #666666;
  float: left;
  margin-top: 5px;
}
#metanavi a.last{
  border: 0px;
  margin-right: 10px;
}
#metanavi #deutsch,
#metanavi #english,
#metanavi #portuguese,
#metanavi #romanian,
#metanavi #russian,
#metanavi #chinese{
  display: block;
  border: none;
  width: 15px;
  height: 9px;
  background-repeat: no-repeat;
  margin-top: 7px;
  padding: 0px 2px 0px 2px;
}
#metanavi #deutsch{background-image: url(../gfx/flag_de_inactive.gif);}
#metanavi #deutsch.active{background-image: url(../gfx/flag_de_active.gif);}
#metanavi #english{background-image: url(../gfx/flag_en_inactive.gif);}
#metanavi #english.active{background-image: url(../gfx/flag_en_active.gif);}
#metanavi #portuguese{background-image: url(../gfx/flag_pt_inactive.gif);}
#metanavi #portuguese.active{background-image: url(../gfx/flag_pt_active.gif);}
#metanavi #romanian{background-image: url(../gfx/flag_ro_inactive.gif);}
#metanavi #romanian.active{background-image: url(../gfx/flag_ro_active.gif);}
#metanavi #russian{background-image: url(../gfx/flag_ru_inactive.gif);}
#metanavi #russian.active{background-image: url(../gfx/flag_ru_active.gif);}
#metanavi #chinese{background-image: url(../gfx/flag_cn.gif);}
#metanavi #chinese.active{background-image: url(../gfx/flag_cn.gif);}

/**
 * Header
 */ 
#header{
  margin-left: 3px;
  float: left;
}
#header div{
	float: left;
}
#header .logo{
  background: url(../gfx/logo.gif) no-repeat;
  display: block;
  width: 250px;
  height: 105px;
  /*float: left;*/
}
#header #keyvisual{
  /*background: url(../gfx/kv.jpg) no-repeat;*/
  /*margin-left: 250px;*/
  /*float: right;*/
  margin-right: 5px;
  width: 675px;
  height: 105px;
}

/**
 * Navicontainer
 */
#navicontainer{
  background: url(../gfx/navicontainer_bg.gif) repeat-x;
  min-height: 524px;
  width: 250px;
  float: left;
  margin-left: 3px;
}
#navicontainer ul{
  list-style-type: none;
}
#navicontainer a{
  display: block;
  width: 225px;
  height: 22px;
  color: #ccd9e5;
  font-size: 13px;
  text-decoration: none;
  padding-top: 3px;
  background-repeat: no-repeat;
}
#navicontainer a:hover,
#navicontainer a.active{
  font-weight: bold;
}
#navi a.active{
  background-image: url(../gfx/arrow_right.gif);
  background-position: 15px 8px;
}
/** erste Ebene */
#navi li a{
  padding-left: 25px;
  background-color: #336699;
  border-bottom: 1px solid #517da8;
}
#navi li a:hover,
#navi li a.active{
  background-color: #517da8;
  color: #ebf0f5;
}
/** zweite Ebene */
#navi li ul li a{
  padding-left: 38px;
  width: 212px;
  background-color: #7a9bbd;
  color: #ccd9e5;
}
#navi li ul li a:hover,
#navi li ul li a.active{
  color: #336699;
  background-color: #a3bad1;
  background-position: 28px 8px;
}
/** dritte Ebene */
#navi li ul li ul li a{
  padding-left: 50px;
  width: 200px;
  background-color: #ccd9e5;
  color: #517da8;
}
#navi li ul li ul li a:hover,
#navi li ul li ul li a.active{
  background-position: 40px 8px;
  background-color: #ebf0f5;
}
/** Aktive Elemente, mit Submen? bekommen einen Pfeil, der nach unten zeigt */
#navi li a.down,
#navi li ul li a.down,
#navi li ul li ul li a.down{
  background-image: url(../gfx/arrow_down.gif);
  background-position: center right;
}

/**
 * Content
 */
#content{
  float: left;
  margin: 25px 0px 25px 25px;
  width: 625px;
  min-height: 499px;
  padding-right: 25px;
} 
#content .left{
  float: left;
  width: 425px;
  margin-right: 25px;
}
#content .right{
  float: left;
  width: 149px;
  margin-top: 35px;
  margin-right: -25px;
  padding-left: 25px;
  padding-right: 25px;
  border-left: 1px solid #d9d9d9;
  min-height: 464px;
  height: 100%;
}

#content a{
  color: #336699;
}

/**
 * Search
 */
#search{
  position: absolute;
  top: 146px;
  right: 15px;
  width: 181px;
  height: 20px;
}
#search legend{
  display: none;
}
#search fieldset{
  border: 0px;
}
#search input{
  border: 1px solid #ccd9e5;
  background: #ebf0f5;
  height: 20px;
  color: #517da8;
  font-size: 11px;
}
#search .tx-indexedsearch-searchbox-sword{
  width: 124px;
  height: 16px;
  font-size: 12px;
  padding-top: 4px;
}
#search .button{
  width: 47px;
  height: 22px;
  margin-left: 5px;
}

/**
 * Footer
 */
#footer{
  margin: 25px;
}
#footer #printtotop{
  padding-left: 740px;
  width: 133px;
  text-align: right;
}
#footer #printtotop a{
  font-size: 10px;
  color: #999999;
  border-right: 1px solid #999999;
  padding: 0px 5px 0px 5px;
}
#footer #printtotop a.last{
  border: 0px;
}
#footer #address{
  margin-top: 10px;
  padding-top: 7px;
  border-top: 1px solid #d9d9d9;
  text-align: center;
  font-size: 11px;
  color: #999999;
}
#footer #address a{
  color: #999999;
}


/**
 * FCE Box
 */
.fcebox{
  padding: 15px;
  padding-top: 10px;
  margin: 10px -25px 10px 0;
}
.fcebox .foot{
  width: 10px;
  height: 10px;
  margin-bottom: -15px;
  margin-left: -15px;
}
.fcebox.grey{background: url(../gfx/fcebox_grey_top_left.gif) no-repeat top left #d9d9d9;}
.fcebox.grey .foot{background: url(../gfx/fcebox_grey_bottom_left.gif) no-repeat bottom left;}
.fcebox.blue{background: url(../gfx/fcebox_blue_top_left.gif) no-repeat top left #ccd9e5;}
.fcebox.blue .foot{background: url(../gfx/fcebox_blue_bottom_left.gif) no-repeat bottom left;}


/**
 * Kontakformular, Mailformplus
 */
.tx-thmailformplus-pi1 fieldset {
  border: 0px;
}
.tx-thmailformplus-pi1 fieldset legend {
  display: none;
}
.tx-thmailformplus-pi1 label {
  display: inline;
  float: left;
  width: 100px;
  padding-right: 10px;
}
.tx-thmailformplus-pi1 input,
.tx-thmailformplus-pi1 textarea {
  width: 300px;
  margin-bottom: 10px;
}
.tx-thmailformplus-pi1 textarea {
  height: 200px;
}
.tx-thmailformplus-pi1 select {
  margin-bottom: 10px;
}
.tx-thmailformplus-pi1 input.checkbox {
  width: 20px;
  float: left;
  margin-right: 280px;
}
.tx-thmailformplus-pi1 input.submit {
  width: 100px;
  margin-left: 315px;
}

.tx-thmailformplus-pi1 input.inline {
  width: 100px;
  display: inline;
  margin-right: 23px;
  margin-bottom: 0px;
}
.tx-thmailformplus-pi1 .error {color: #D85900;}
.tx-thmailformplus-pi1 .checkit{display: none;}

.tx-thmailformplus-pi1 .required{
color: #D85900;
margin-left: 3px;
margin-top:- 3px;
position: absolute;
}

/**
 * Aufz?hlungslisten
 */
#content ul li{
  margin-left: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}


/**
 * Sitemap
 */
.csc-sitemap a{
  color: #336699;
}


/**
 * Indexed Search
 */
.tx-indexedsearch-searchbox .sword {margin: 0 0 0 10px;}
.tx-indexedsearch-searchbox {display: none;}
.tx-indexedsearch-rules {display: none;}
.tx-indexedsearch-browsebox {margin: 0 0 10px 0;}
.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {font-size: 11px; font-style: normal; padding: 0 0 0 5px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {color: #666;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {font-size: 11px; background: none; border-bottom: 1px solid #EEEEEE; padding: 0 0 20px 5px; font-style: italic;}


#tmp {display: none;}