@import url("index.css");
@import url("fce.css");

body{
  margin: 0px;
  padding: 0px;
  background: url(../gfx/page_bg.gif);
  font-family: Arial;
  text-align: center;
  color: #785d44;
  font-size: 12px;
}

a{
  color: #256644;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
a.download,
a.download-doc,
a.download-jpg,
a.download-gif,
a.download-mov,
a.download-mp3,
a.download-pdf,
a.download-swf,
a.download-vcs,
a.download-wmv,
a.download-zip{
  padding-left: 20px;
  line-height: 160%;
}
a.download{background: url(../gfx/icons/pdf.gif) no-repeat;}
a.download-doc{background: url(../gfx/icons/doc.gif) no-repeat;}
a.download-gif{background: url(../gfx/icons/gif.gif) no-repeat;}
a.download-jpg{background: url(../gfx/icons/jpg.gif) no-repeat;}
a.download-mov{background: url(../gfx/icons/mov.gif) no-repeat;}
a.download-mp3{background: url(../gfx/icons/mp3.gif) no-repeat;}
a.download-pdf{background: url(../gfx/icons/pdf.gif) no-repeat;}
a.download-swf{background: url(../gfx/icons/swf.gif) no-repeat;}
a.download-vcs{background: url(../gfx/icons/vcs.gif) no-repeat;}
a.download-wmv{background: url(../gfx/icons/wmv.gif) no-repeat;}
a.download-zip{background: url(../gfx/icons/zip.gif) no-repeat;}



h1{
  margin-top: 0px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
h2{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
}
h3{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
h4,h5{
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 0px 0px; padding: 0;
}

img{
  border: 0px;
  margin: 0px;
}

.clearer{
  clear: both;
}

img.telefon {width: 1px;height: 1px;}
img.mobil {width: 12px;height: 1px;}
img.telefax {width: 2px;height: 1px;}
img.phone {width: 1px;height: 1px;}
img.mobile {width: 1px;height: 1px;}
img.fax {width: 18px;height: 1px;}

.fcebox img.mobil {width: 13px;height: 1px;}
.fcebox img.telefax {width: 1px;height: 1px;}
.fcebox img.fax {width: 13px;height: 1px;}

.normal {font-weight:normal;}

.markup, .error {color: red;}

/*--------------------------------------------------------*/
/* Structure ---------------------------------------------*/
/*--------------------------------------------------------*/
#header_bg{
  height: 294px;
  background: url(../gfx/header_bg.gif) repeat-x;
  position: static;
  z-index: -10;
}

#page{
  margin-left: auto;
  margin-right: auto;
  width: 816px;
  text-align: left;
  background: url(../gfx/border_page.gif) repeat-y;
}


/* HEADER ------------------------------------------------*/
#header{
  background: url(../gfx/header.jpg) no-repeat;
  width: 816px;
  height: 293px;

  position: absolute;
  top: 0px;
  z-index: 100;
}
  #news{
    position: relative;
    top: 10px;
    left: 331px;
    width: 458px;
    height: 13px;
  }
  #navi{
    position: absolute;
    top: 65px;
    left: 322px;
    z-index: 10;
    width: 489px;
    height: 184px;
  }
  #keyvisual{
    position: absolute;
    top: 65px;
    left: 322px;
    z-index: 0;
    width: 488px;
    height: 183px;
    overflow: hidden;
  }
  #keyvisual img{
    /*width: 488px;
    height: 326px;
    margin-top: -50px;*/
  }
  #meta{
    position: absolute;
    width: 800px;
    top: 263px;
    left: 10px;
  }
  #meta #search{
    width: 292px;
    height: 27px;
    float: left;
    padding-left: 21px;
    padding-top: 3px;
  }
  #meta #tracer{
    float: left;
    width: 401px;
    height: 21px;

    padding-top: 9px;
    padding-left: 21px;
    padding-left: 15px;
    overflow: hidden;
  }
  #meta #localisation{
    height: 21px;
    float: left;
    padding-top: 9px;
  }

/* Content -----------------------------------------------*/
#pagecontent{
  width: 816px;
}

  #content{
    background-color: #ffffff;
    width: 760px;
    margin-left: 10px;
    padding: 20px;
    padding-right: 0px;
  }

  /* Footer ----------------------------------------------*/
  #footer{
    background: url(../gfx/footer.gif);
    width: 760px;
    margin-left: 10px;
    _margin-left: 5px;
    padding: 20px;
    float: left;
  }

    #footer_content{
      width: 760px;
      background-color: #ffffff;
      float: left;
      text-align: center;
    }


/* Seitenabschluss ---------------------------------------*/
#border_bottom img{
}

/* Banner unten ------------------------------------------*/
#pagebottom{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* Banner unten ------------------------------------------*/
#pageside{
/* Wie soll ich das bloß richtig positionieren??? */
}



/*--------------------------------------------------------*/
/* Content Columns ---------------------------------------*/
/*--------------------------------------------------------*/
#content .left,
#content .center,
#content .right{
  overflow: hidden;
  padding-bottom: 10px;
}
#tmpl-c2 .left,
#tmpl-c3-1 .left,
#tmpl-c3-2 .left{
  float: left;
  width: 272px;
  margin-right: 40px;
  margin-right: 20px;
  padding-bottom: 10px;
}

#tmpl-c1 .left,
#tmpl-c1 .right{
  display: none;
}
#tmpl-c2 .center{
  display: none;
}
#tmpl-c2 .right{
  float: right;
  width: 444px;
  width: 468px;
  padding-bottom: 10px;
}

#tmpl-c3-1 .center{
  float: left;
  width: 272px;
  margin-right: 34px;
  padding-bottom: 10px;
}
#tmpl-c3-1 .right{
  float: right;
  width: 136px;
  padding-bottom: 10px;
}
#tmpl-c3-2 .center{
  float: left;
  width: 224px;
  margin-right: 14px;
  padding-bottom: 10px;
}
#tmpl-c3-2 .right{
  float: right;
  width: 224px;
  padding-bottom: 10px;
}


/*--------------------------------------------------------*/
/* Look & Feel -------------------------------------------*/
/*--------------------------------------------------------*/
#news{
  text-align: center;
  color: #ffffff;
  font-size: 11px;
}

#totop{
  border-bottom: 1px solid #b9a99c;
  padding-bottom: 5px;
  margin-bottom: 10px;
  clear: both;
  text-align: left;
  height: 15px;
  width: 760px;
}
a.totop{
  display: block;
  width: 9px;
  height: 9px;
  background: url(../gfx/icons/totop.gif) no-repeat;
  float: left;
}

a.back{
  display: block;
  background: url(../gfx/icons/back.gif) no-repeat;
  width: 9px;
  height: 9px;
  float: left;
  margin-left: 730px;
  _margin-left: 365px;
  margin-right: 5px;
}

#impressum{
  font-size: 10px;
  text-align: center;
}
#impressum a{
  text-decoration: none;
  color: #785d44;
}
#impressum a:hover{
  text-decoration: underline;
}

span.big{
  font-size: 18px;
  font-weight: bold;
}

#tmpl-c1 .bodytext, 
#tmpl-c2 .bodytext, 
#tmpl-c3-1 .bodytext, 
#tmpl-c3-2 .bodytext {line-height: 15px;}

input, textarea {
  font-size: 12px;
  font-family: arial;
}


/* Navigation --------------------------------------------*/
#nav1, .nav2, .nav3{
  width: 168px;
  height: 182px;
  list-style-type: none;
  float: left;
  margin: 0px;
  padding-left: 0px;
  /*background-color: #7f624a;*/
}
.nav3{margin-right: 0px;}

#nav1 li, .nav2 li, .nav3 li{
  border-bottom:1px solid #195D39;
}

#nav1 a, .nav2 a, .nav3 a{
  display: block;
  width: 153px;
  height: 20px;
  /*margin-top: 1px;*/
  padding-top: 5px;
  padding-left: 14px;
  
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  
  background-repeat: no-repeat;
  background-position: 150px 10px;
  
    filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
}

#nav1 a{
  background-color: #0c4d27;
  background-image: url(../gfx/pfeil.nav1.inactive.gif);
}
#nav1 .nav2 a{
  background-color: #2f6645;
  background-image: url(../gfx/pfeil.nav2.inactive.gif);
}
#nav1 .nav3 a{
  background-color: #5f7d63;
  background-image: none;
}

/* Navigation Auf und Zuklappen---------------------------*/
#navi li{
  float: left;
}
#nav1 li ul, #nav1 li ul li ul{
  position: absolute;
  left: -900em;
  top: 0px;
}
#nav1 a:hover,
#nav1 a.sfhover{
  font-weight: bold;
  background-color: #236441;
  background-image: url(../gfx/pfeil.nav1.active.gif);
}
#nav1 ul a:hover,
#nav1 ul a.sfhover{
  font-weight: bold;
  background-color: #55866c;
  background-image: url(../gfx/pfeil.nav2.active.gif);
}
#nav1 ul ul a:hover,
#nav1 ul ul a.sfhover{
  font-weight: bold;
  background-color: #8cae9c;
  background-image: none;
}

#nav1 li:hover ul ul,
#nav1 li.sfhover ul ul{
  left: -900em;
}

/* Zweite Navigation */
#nav1 li:hover ul,
#nav1 li.sfhover ul{
  left: 162px;
}

/* Dritte Navigation */
#nav1 li li:hover ul,
#nav1 li li.sfhover ul{
  position: absolute;
  left: 160px;
  top: 0px;
}


/* Searchform --------------------------------------------*/
#meta #search form{
  margin: 0px;
  padding: 0px;
}
#meta #search{
  background: #fad714;
}
.tx-indexedsearch-searchbox table td {padding-right: 5px;}
.tx-indexedsearch-info {display: none;}
#meta #search .tx-indexedsearch-searchbox-sword{
  width: 200px;
  height: 16px;
  border: 1px solid #004b24;
  background-color: #e7ede9;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  display: block;
  padding-left: 4px;
  color: #004b24;
}
#meta #search .button{
  float: left;
  margin-top: 2px;
  border: 1px solid #004b24;
  background-color: #59896f;
  color: #e8ede7;
  width: 60px;
  padding-left: 2px;
  padding-bottom: 4px;
  height: 20px;
  display: block;
  font-weight: bold;
}


/* Tracing -----------------------------------------------*/
#meta #tracer{
  font-size: 11px;
  color: #9a8371;
}
#meta #tracer a{
  text-decoration: none;
  color: #785d44;
}
#meta #tracer a:hover{
  text-decoration: underline;
}
#meta #tracer .back_tracing{
  width: 9px;
  height: 6px;
  display: block;
  float: left;
  background: url(../gfx/icons/back_tracing.gif) no-repeat;
  margin-right: 3px;
  margin-top: 4px;
}


/* Localisation ------------------------------------------*/
#meta #localisation img{
  margin-right: 5px;
}



/* typo3 styles ------------------------------------------*/

.csc-frame-rulerAfter {
  clear: left;
  border-top: 1px solid #d8cfc8;
  padding: 0px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.csc-frame-rulerBefore {
  clear: left;
  border-top: 1px solid #d8cfc8;
  padding: 0px;
  margin-top: 16px;
  padding-bottom: 8px;
}
.csc-firstHeader {margin-top: 0px;}

.csc-frame-frame1 {
  background: #f0ece9;
  border: 1px solid #9a8371;
  padding: 5px;
}
.csc-frame-frame2 {
  background: #f5e6e6;
  border: 1px solid #990000;
  padding: 5px;
  color: #990000;
}

.csc-frame-frame1 *,
.csc-frame-frame2 * {
  margin:0; padding: 0;
}

.csc-textpic-caption {
  font-size: 10px;
  color: #9a8371;
  margin-top: -5px;
  height: 8px;
}

.csc-header-date {margin: 10px 0 0 0; padding: 0;}

dl.csc-textpic-image a {padding-bottom: 7px;}

#mailform fieldset {
  border: none;
  margin: 0; padding: 0;
}
#mailform fieldset label {
  display: block;
}
#mailform fieldset input,
#mailform fieldset textarea {
  width: 98%;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: arial;
}
#mailform fieldset input.csc-mailform-submit {
  width: auto;
  float: right;
}








#tmp {display:none;}


/* tt_board ------------------------------------------*/
#messageboard{
  margin-bottom: 20px;
}
#messageboard .header{
  font-size: 12px;
  color: #F0E6DD;
}
#messageboard textarea {
	width: 320px;
}

.jimclarkrevival {
  display: none;
}

#captcha {
  height: 40px;
}

.center #mailform{
  width: 50%;
}

.center #mailform input.csc-mailform-check{
  display: block;
  margin-top: -14px;
  margin-left: 5px;
}


/* Mailformular -----------------------------------*/
.right #mailform .csc-mailform-field{
  clear: both;
}

.right #mailform .csc-mailform-field .csc-mailform-radio{
  width: 134px;
  margin-bottom: 10px;
  float: left;
}
.right #mailform .csc-mailform-field .csc-mailform-radio input{
  float: left;
  margin: 0px;
  border: 0px;
  padding: 0px;
  width: auto;
}
.right #mailform .csc-mailform-field .csc-mailform-radio label{
  margin-left: 20px;
  line-height: 20px;
  width: 200px;
  *margin-top: -20px;
}

.right #mailform .csc-mailform-field label.csc-mailform-check{
  margin-top: 100px;

}
.right #mailform .csc-mailform-field .csc-mailform-check{
  width: auto;
  margin-left: 120px;
  margin-top: -15px;
  _margin-top: -18px;
}

.right #mailform .csc-mailform-field input.csc-mailform-check{
  display: normal;
}

.right #mailform .csc-mailform-field fieldset legend{
  display: none;
}

.right #mailform .csc-mailform-label{
  clear: both;
}

/**
*Tip-A-Friend
*/
#tipafriend label{
  display: block;
  margin-top: 5px;
}
#tipafriend input, #tipafriend textarea{
  width: 98%;
}
#tipafriend .submit{
  width: 100px;
float: right;
}
#tipafriend .error{
  color: #fe0000;
}

/*
 * Google Translation Flag Links
 */
#header #translation{
height: 14px;
position: absolute;
top: 48px;
right: 15px;
}
#header #translation a{
display: block;
width: 18px;
height: 12px;
float: left;
margin-left: 5px;
background-repeat: no-repeat;
}
#header #translation .cs{ background-image: url(../gfx/flag_cs.gif);}
#header #translation .pt{ background-image: url(../gfx/flag_pt.gif);}
#header #translation .ru{ background-image: url(../gfx/flag_ru.gif);}
#header #translation .it{ background-image: url(../gfx/flag_it.gif);}
#header #translation .fr{ background-image: url(../gfx/flag_fr.gif);}
#header #translation .es{ background-image: url(../gfx/flag_es.gif);}