/* UNDO */
ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }

/* MAIN  MAIN  MAIN  MAIN  MAIN  MAIN  MAIN  MAIN  MAIN  MAIN  MAIN  MAIN */
body{
  background-color:#fcf8f8;
  background-image: url(../layout/bg_main.gif);
  background-repeat: repeat-x;
  padding-bottom:10px;
  }
#container{
  width:990px;
  background-color:#ffeae7;
  background-image: url(../layout/bg_container.gif);
  background-repeat:repeat-y;
  margin:0 auto;
  margin-top:10px;
  overflow:hidden;
  }
  
/* TOP */
/* TICKER */
#tickerWrap{
  width:990px;
  height:25px;
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  background-color: #ffeae7;
  /*background-color:#9c1605;*/
}
#ticker{
  width:982px;
  height:25px;
  color:#a21403;
  font-size:1.0em;
  padding:4px;
  padding-top:3px;
  padding-bottom:0;  
}  
#ticker p{
  display: inline;
  padding:0px !important;
  width:990px !important;
  font-family: Georgia, Verdana, Arial, sans-serif;
  font-size:0.9em;
}
#ticker a{
  color:#313131;
  text-decoration:underline;
}
#ticker a:hover{
  text-decoration:none;
}
#ticker div.csc-header h1{
  padding:0px !important;  
  font-weight:bold;
  font-style:italic;
}  
#ticker div.csc-header h1.csc-firstHeader{
  padding:0px !important;
  margin-top:0;
}  
#tickersrc{
  display:none;
}  
/* TICKER */

#top_left{
  width:243px;
  height:277px;
  float:left;
  background-color:#fff;
  margin:0 auto;
  text-align:center;
  padding-top:10px;
}

/* LANGUAGE BAR */
#language{
  display:none;
  /*display:block;*/
  margin-top:25px;
  font-style: italic;
  color:#9b1606;
  font-size:0.8em;
}
#language a{
  color:#9b1606;
  text-decoration:none;
}
#language a:hover{
  color:#9b1606;
  text-decoration:underline;
}
/* LANGUAGE BAR */

#top_middle{
  width:504px;
  height:287px;
  float:left;
}
#top_right{
  width:243px;
  height:287px;
  float:left;
  background-color:#fff;
  overflow:hidden;
}
/* TOP */

/* BOTTOM */
#bottom_left{
  width:243px;
  float:left;
}

/* BOTTOM  LEFT*/
#menu_left{
  width:243px;
  background-color:#9c1605; 
  margin-bottom:10px; 
  padding-top:22px;
  padding-bottom:30px;
  
  color:#fff;
  font-family: Georgia, Verdana, Arial, sans-serif;
  font-size:1.0em;
  font-style: italic;
}

/* MENU */
/* EBENE 1*/
#menu_left ul.e1 {
  list-style-type:none;
  width:100%;
}
#menu_left ul.e1 li{
  width:100%;
  text-indent:36px;
}
#menu_left ul.e1 a{
  display:block;
  height:24px;
  padding-top:5px;
  width:100%;
  color:#fff;
  text-decoration:none;
  background-image: url(../layout/bg_menu_inactiv_e1.gif);
  background-repeat:no-repeat;
  background-position: center bottom;
}
#menu_left ul.e1 a:hover{
  background-image: url(../layout/bg_menu_activ_e1.gif);
  background-repeat:no-repeat;
}
#menu_left ul.e1 li.e1_activ a{
  background-image: url(../layout/bg_menu_activ_e1.gif);
  background-repeat:no-repeat;
}
#menu_left ul.e1 li.last a{
  background-image: url(../layout/bg_menu_inactiv_last_e1.gif);
}
#menu_left ul.e1 li.last a:hover{
  background-image: url(../layout/bg_menu_activ_last_e1.gif);
}
#menu_left ul.e1 li.last_activ a{
  background-image: url(../layout/bg_menu_activ_last_e1.gif);
}
/* EBENE 1*/

/* EBENE 2*/
#menu_left ul.e1 li.e1_activ ul.e2 {
  list-style-type:none;
  width:188px;
}
#menu_left ul.e1 li.e1_activ ul.e2 li{
  font-size:0.9em;  
  /*text-indent:56px;*/
}
#menu_left ul.e1 li.e1_activ ul.e2 li a{
  display:block;
  height:auto;
  text-indent:0px;
  padding-top:3px;
  padding-bottom:5px;
  padding-left:55px;
  color:#fff;
  text-decoration:none;
}
#menu_left ul.e1 li.e1_activ ul.e2 li a:hover{
  background-image: url(../layout/bg_menu_activ_e2.gif);
  background-repeat:no-repeat;
}
#menu_left ul.e1 li.e1_activ ul.e2 li a:hover{
  background-image: url(../layout/bg_menu_activ_e2.gif);
  background-repeat:no-repeat;
}
#menu_left ul.e1 li.e1_activ ul.e2 li a{
  background-image: url(../layout/bg_menu_inactiv_e2.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
}
#menu_left ul.e1 li.e1_activ ul.e2 li.e2_activ a{
  background-image: url(../layout/bg_menu_activ_e2.gif);
  background-repeat:no-repeat;
  background-repeat:no-repeat;
  background-position:bottom left;
}
/* EBENE 2*/
/* MENU */

/* bikearena, rothaarsteig */
#buttons{
  margin:0 auto;
  text-align:center;
  margin-bottom:10px;
}
/* BOTTOM  LEFT*/

/* BOTTOM MIDDLE */
#bottom_middle{
  width:444px;
  float:left;
  padding:30px;
  padding-bottom:0;  
  font-family: georgia, verdana, arial, sans-serif;
  color: #313131;
  font-size:0.9em;  
  line-height: 1.3em; 
}
#bottom_middle img{
  padding:0;
  margin-bottom:5px;
}
#bottom_middle ul{
  margin-left:30px;
  margin-bottom:10px;
}
#bottom_middle hr{
  margin:0;
  padding:0;
  color:#9c1605;
}
#bottom_middle div.csc-header h1
,div.csc-textpicHeader h1{
  color:#9c1605;
  font-size:1.7em;
  font-family:"Times New Roman", Arial;
  font-style: italic; 
  margin-bottom:0.4em;
  margin-top:0.6em;
}
#bottom_middle div.csc-header h1.csc-firstHeader{
  margin-top:0;
}
#bottom_middle p{
  padding-bottom:6px;  
}
#bottom_middle a{
  color:#9c1605;
  text-decoration:underline;
}
#bottom_middle a:hover{
  text-decoration:none;
}
/* BOTTOM MIDDLE */

/* BOTTOM RIGHT */
#bottom_right{
  width:243px;
  float:right;
  padding:0;
  padding-top:30px;
}

/* TEASER */
#bottom_right div.teaserBox{
  width: 243px;
  padding-top:11px;
  padding-bottom:15px;
  color: #3f3f3f;
  font-family: georgia, verdana, arial, sans-serif;
  font-size:0.8em;
  font-style:italic;    
  background-color:#fff;
  margin-bottom:10px;
  overflow:visible;
}
#bottom_right div.teaserBox h2{
  color:#9b1606;
  font-size:1.3em;
  margin-bottom:10px;
  text-align:center;
  padding-left:30px;
  padding-right:30px;
}
#bottom_right div.teaserBox h2 a{
  color:#9b1606;
  text-decoration:none;
}
#bottom_right div.teaserBox h2 a:hover{
    text-decoration:underline;
}
#bottom_right div.teaserBox p{
  padding-left:30px;
  padding-right:30px;
  margin-bottom:10px;
}
#bottom_right div.teaserBox div.teaserImg{
  margin-bottom:20px;
}
#bottom_right div.teaserBox div.teaserLink{
  text-align:right;
  font-size:1.3em;
  padding-left:30px;
  padding-right:15px;
  margin-top:10px;
}
#bottom_right div.teaserBox div.teaserLink a{
   color:#9c1605;
   padding-right:13px;
   text-decoration:none;
   background-image: url(../layout/teaser_pfeil2.gif);
   background-repeat: no-repeat;
   background-position: right;
}
#bottom_right div.teaserBox div.teaserLink a:hover{
   text-decoration:underline;
}
#bottom_right div.teaserBox p a{
  color: #9c1605;
  text-decoration: underline;
}
#bottom_right div.teaserBox ul a{
  color: #9c1605;
  text-decoration: underline;
}
#bottom_right div.teaserBox p a:hover{
  text-decoration: none;
}
#bottom_right div.teaserBox ul a:hover{
  text-decoration: none;
}
#bottom_right div.teaserBox ul{  
  list-style-type:none;
  padding:0;
  padding-top:10px;
  margin:0;
  padding-left:30px;
  padding-right:30px;
}
#bottom_right div.teaserBox li{
  background-image: url(../layout/teaser_pfeil.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:15px;
  margin-bottom:3px;
}
/* TEASER */
/* BOTTOM RIGHT */
/* BOTTOM */

/* FOTTER */
#forfooter{
  width:990px;
  height:20px;
  background-color:#ffeae7;
  margin:0 auto;
}
#footer{
  width:930px;
  height:28px;
  clear:both;
  background-color:#a21403;
  margin:0 auto;
  padding-left:30px;
  padding-right:30px;
  font-style: italic;
  font-size:0.9em;
  color: #fff;
  padding-top:9px;
}
#footer_left{
  display:block;
  float:left;
  width:230px;
}
#footer_right{
  display:block;
  float:right;
  width:700px;
  text-align:right;
}
#footer #footer_right ul{
  list-style-type:none;
} 
#footer #footer_right ul li{
  display:inline;
  margin-left:8px;
} 
#footer #footer_right a{
  color:#fff;
  text-decoration:none;
} 
#footer #footer_right a:hover{
  color:#fff;
  text-decoration:underline;
} 
#footer #footer_right ul li.footer_acitv a{
  color:#fff;
  text-decoration:underline;
} 
/* FOTTER */

/* TYPO */
/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */
img.imgcache {display:none;}
/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}
*html img.imgcache {
  display:inline;
}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}
* html img.imgcache/**/ {
  display: none;
}
/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}
* html img.imgcache {
  display/**/: inline;
}
/*
Google Maps Markers
*/
.tx_lumogooglemaps_pi1_sidebar{
display:none;
}

/************** KONTAKTFORMULAR ***************/
#kontakt{
  width:444px;
  float:left;
  /*border-right:1px solid #696969;*/
  /*font-size:1.2em;*/
}
#kontakt form {
    width:100%;
}
#kontakt #formErrorMsg {
    color:#9c1605;
    margin-bottom:15px;
}
#kontakt fieldset{
  border-width:0px;
}
#kontakt div.row{
  clear:both;
  padding-top:5px;
  line-height:15px;
}
#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}
#kontakt div.right{
  float:left;
  /*width:200px;*/
}
#kontakt div.submit{
  margin-right:55px;
  float:right;
}
#kontakt div.label,
#kontakt label{
  float:left;
  /*clear:both;*/
  display:block;
  width:90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;*/
  line-height:20px;
}
#kontakt label.short {
    width:40px;
}
#kontakt label.required{
  font-weight:bold;
}
#kontakt label.checkbox{
  width:300px;
}
#kontakt span.error{
  color:#9c1605;
}
#kontakt label.singleline{
  clear:both;
  width:100%;
}
#kontakt input,
#kontakt textarea,
#kontakt select {
  float:left;
  display:block;
  border: 1px solid #696969;
  margin-bottom:10px;
  padding:1px;
  font-size:1.0em;
}
#kontakt input.error,
#kontakt textarea.error,
#kontakt select.error {
    border-color:#9c1605;
}
#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}
#kontakt input.hidden{
  border-width:0px;
}
#kontakt textarea{
  width:400px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.0em;
}
#kontakt input.button{
  color:#fff;
  background-color:#9c1605;
  border-width:0px;
}
#adresse{
  float:left;
  margin-left:40px;
}
/************** KONTAKTFORMULAR ***************/
/* STANDART TYPO3 CLASSES */
.csc-textpic-caption{
  font-size:0.75em;
  text-align:center;
  color:#575757;
}
/* TYPO */


/* tabellen im server */
table.contenttable td {
	align: top;
	padding-right: 15px;
}
table.contenttable th {
	text-align: left;
}