/*----------------------
Projekt: Claus-Schade.de
File: basic.css
Autor: Sven Rhinow (sr-tag.de)
-----------------------*/

/*--------- Grundkonfigurationen ---------------------------------------------------*/
html,body{
  background-image:url("../images/body_bg.gif");
  background-repeat:repeat-y;
  margin:0px;
  padding:0px;
  border:0px;
  font-family : Tahoma,Helvetica, Arial, sans-serif;
  min-height:100%;
  background-color:#CCCCCC;
  color:#595590;
}
body{
    background-image:url("../images/body_bg.gif");
    background-repeat:repeat-y;
    min-height:100%;
}
li,td,p{
    font-size:14px;
}
#outer{
    width:970px;
    min-height:100%;
/*     background-color:#C3C3C3; */
}
/*----------- Kopfbereich --------------------------------------------------------*/
#head{
    height: 170px;
    background-color:#C3C3C3;
    border-bottom:1px solid #595590;
    font-family:"Times New Roman", "Trebuchet MS", Georgia, serif;
}
#head .headtitel{
/*     border:1px solid #0f0; */
    top:65px;
    left:46px;
    position:absolute;

    cursor:default;
}
#head .trenner{
    position:absolute;
    left: 622px;
    width:1px;
    background-color:#595590;
    height: 170px;
}
#head .headadresse{
    position:absolute;
    top:65px;
    left:655px;
    color:#595590;
    text-align:right;
/*     font-weight:bold; */
    line-height:21px;
    font-size: 18px;
}

#head h1,#head h2{
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    font-weight:normal;
    color:#353983;
    border:none;
}
#head h1{
    font-size:39px;
/*     font-weight:bold; */
}
#head h2{
    font-size:27px;
}
#main{
    clear:both;       
    height:100%;
/*     background-color:#C3C3C3; */
    background-position:42px top;
/*     border:1px solid #f00; */
}
/*----------------- linker Bereich ----------------------------------------*/
#left{
    float:left;
    width:178px;
/*     border:1px solid #0f0; */
}
ul.leftnavi{
    margin: 25px 0 0 65px;
    padding:0px;
}
.leftnavi li{
    list-style-type:none;
    font-size:16px;
    padding:8px 0;
    color: #9C150F;
}
.leftnavi li a{
    color: #9C150F;
    text-decoration:none;
}
.leftnavi li a:hover,.leftnavi .aktiv{
    border-bottom:1px solid #9C150F;
}

/*----------- rechter Bereich -------------------------------------------------*/ 
#right{
    float:right;
    width:140px;
/*     border:1px solid #00f; */
}
/*------------- Pfeile -------------------------------------------------------*/
.arrows{
 display:none;
    clear:both;
/*     border:1px solid #f00;     */

}
a.back,a.forward{
    display:block;
    text-decoration:none;   
}
a.back{
    position: absolute;
    width:170px;
    height:250px;
    top:480px; 
    display:block;
    background-image:url("../images/arrow_l.gif");
    background-repeat: no-repeat;
    background-position: center right;
    z-index:100;
/*     border:1px solid #f00; */

}
a:hover.back{
     background-image:url("../images/arrow_l_aktiv.gif");
 }
a.forward, a.pic_forward{
    position: absolute;
    width:140px;
    height:250px;
    top:480px; 
    display:block;
    background-image:url("../images/arrow_r.gif");
    background-repeat: no-repeat;
    background-position: center left;
    z-index:100;
/*     border:1px solid #f00; */
}
a:hover.pic_forward{
    background-image:url("../images/arrow_bilder_r_aktiv.gif");
}
a:hover.forward{
    background-image:url("../images/arrow_r_aktiv.gif");
}

a.arrow_back{
    float:left;
    width:178px;
    display:block;
    background-image:url("../images/arrow_back.gif");
    background-position:145px 0px;
    background-repeat:no-repeat;
    height:22px;
    color:#C3C3C3;
/*     border:1px solid #00f;     */

}
a:hover.arrow_back{
  display:block;
  background-image:url("../images/arrow_back.gif");
  background-position:145px -22px;
  height:22px;
  background-repeat:no-repeat;
} 

a.arrow_forward{
    display:block;
    float:right;
    width:152px;
    background-image:url("../images/arrow_forward.gif");
    background-position:10px 0px;
    background-repeat:no-repeat;
    height:22px;
    color:#C3C3C3;
/*     border:1px solid #0f0;     */

}
a:hover.arrow_forward{
  display:block;
  background-image:url("../images/arrow_forward.gif");
  background-position:10px -22px;
  height:22px;
  background-repeat:no-repeat;
}  
.arrow_middle{
   float:left;
   width:638px;
   background-color:#fff;
   min-height:30px;    
}


/*---------------- mittlerer Bereich -----------------------------------------*/
#middle{
   float:left;
   width:638px;
}
#topnavi{
    background-color:#C3C3C3;
    font-size:16px;
    text-align:center;
    padding:6px 0;
    color:#353983;
}
#topnavi a{
    text-decoration:none;
    color:#353983;
}
#topnavi a:hover,#topnavi .headnaviaktiv{
    color:#E6E6E6;
}
.tnavitrenner{
    padding:0 17px;
    font-size:19px;
    font-weight:bold;
    cursor:default;
}
.titel{
    background-color:#E6E6E6;
    color:#353983;
    font-size:16px;
    padding:40px 0 3px 25px;
    margin:0px;
}

#content{  
  background-color:#fff;
  color: #595590;
  min-height:100%;
  font-size:14px;
  padding:20px 20px;
}
#content td{
    vertical-align:top;
    font-size:14px;
}
#content a.imglink,
#content a:hover.imglink,
#content a.imglink img{
    border-width:0;
    text-decoration:none;
}
#content a{
    color: #595590;
    text-decoration:none;
    border-bottom: 1px solid #E6E6E6;
}
#content a:hover{
    color: #DE1A3E;
    text-decoration:none;
    border-bottom: 1px solid #595590; 
}
/*-------------- Sonderklassen ----------------------------------------------*/
.clean{
    clear:both;
    height:0;
    font-weight:0;
    line-height:0;
    margin:0;
    padding:0;
}
.linkskategorien{
    margin: 25px 0 3px 0;
    padding:0;
}
.linkkats{
    font-size:12px;
    font-weight:normal;
    padding:0;
    margin:0;
    margin-bottom: 10px;
    
}
.linkrow:hover{
    background-color: #F8F8FF;
}

#content a.pfeillink_right{
    background-image:url("../images/linkpfeil_to_right_blue.gif");
    background-repeat:no-repeat;
    padding:4px 5px 3px  30px;
    text-decoration:none;
    line-height: 30px;
    border-width:0;
    text-decoration:none;
/*     line-height:25px; */
}
#content a:hover.pfeillink_right{
    background-image:url("../images/linkpfeil_to_right_red.gif");
    text-decoration:none;
    border-width:0;
}
#content a.pfeillink_left{
    background-image:url("../images/linkpfeil_to_left_blue.gif");
    background-repeat:no-repeat;
    padding:4px 5px 3px  30px;
    text-decoration:none;
    line-height: 30px;
    border-width:0;
    text-decoration:none;
/*     line-height:25px; */
}
#content a:hover.pfeillink_left{
    background-image:url("../images/linkpfeil_to_left_red.gif");
    text-decoration:none;
    border-width:0;
}