/*
  screen-css fuer jagdhornverein-leonhard.at
  Matthias Wagner, FALKE Werbeagentur 2010
  
  hellgrün: #f2f7f4
  grau(horn): #e3e5e6
  grün(horn): #00722b
  dunkelgrau: #494b46

*/

/*
************************************************************
* GENERELL
************************************************************
*/
* { 
    font-family:Verdana, Arial, sans-serif;
    color:#000000;
    font-size:12px;
    margin:0px; 
    padding:0px;
}
a{
  color:#000000;
}
a img{
  border:0;
}
h1{
  color:#00722b;
  font-size:18px;
  margin:4px 0px 4px 0px;
}
h2{
  color:#00722b;
  font-size:16px;
  margin:4px 0px 4px 0px;
}
h3{
  color:#00722b;
  font-size:14px;
  margin:4px 0px 4px 0px;
}
h4{
  color:#00722b;
  font-size:12px;
  margin:4px 0px 4px 0px;
}
h5{
  color:#00722b;
  font-size:11px;
  margin:4px 0px 4px 0px;
}

body {
    background-color:#fff;
}

/*
************************************************************
* LAYOUT
************************************************************
*/
.gruenunten{
  background-image:url('hp_pics/green_stripe.png');
  background-repeat:repeat-x;
  position:absolute;
  top:50%;
  margin-top:215px;
  height:70px;;
  width:100%;
}
.gruenoben{
  background-image:url('hp_pics/green_stripe.png');
  background-repeat:repeat-x;
  position:absolute;
  top:50%;
  margin-top:-285px;
  height:70px;;
  width:100%;
}
#main{
  position:absolute;
  top:50%;
  margin-top:-250px;
  height:500px;
  width:100%;
  background-color:#f2f7f4;
}
#falkelink{
  position:absolute;
  top:50%;
  right:2%;
  margin-top:290px;
}
#logo_klein{
  position:absolute;
  top:50%;
  margin-top:-235px;
  margin-left:5px;
}
#friendly{
  font-size:9px;
  color:#494b46;
  position:absolute;
  top:50%;
  left:44%;
  margin-top:255px;
  text-align:center;
}
#friendly img{
  height:16px;
}
#line_left{
  position:absolute;
  top:50%;
  left:15px;;
  margin-top:-55px;
  height:250px;
  width:0px;
  overflow:auto;
  border-left:4px solid #e3e5e6;
}
#content{
  position:absolute;
  top:50%;
  left:15%;
  margin-top:-215px;
  height:420px;
  width:62%;
  overflow:auto;
  padding:5px;
}
#line_bottom{
  position:absolute;
  top:50%;
  left:15px;
  margin-top:220px;
  height:0px;
  border:2px solid #e3e5e6;
  color:#e3e5e6;
  background-color: #e3e5e6;
  width:55%;
}
#line_top{
  position:absolute;
  top:50%;
  left:220px;
  margin-top:-220px;
  height:0px;
  border:2px solid #e3e5e6;
  color:#e3e5e6;
  background-color: #e3e5e6; 
  width:50%;
}
#hx{
  display:none;
  font-weight:bold;
  position:absolute;
  top:50%;
  right:30%;
  margin-top:-130px;
}
#picwrap{
  position:absolute;
  top:50%;
  right:0px;
  margin-top:-250px;
  height:500px;
  width:220px;
}
#horn{
  position:absolute;
  top:50%;
  right:76px;
  margin-top:-30px;
}

/*
************************************************************
* MENÜ
************************************************************
*/
#menu1{
  position:absolute;
  top:50%;
  margin-top:-80px;
  left:30px;
}
#menu1 li{
  color:#CCC;
  margin-bottom:5px;
  list-style-type: none;
}
#menu1 li a{
  color:#494b46;
  font-size:14px;
  text-decoration:none;
}
#menu2{
  
}
#menu2 li{
  color:#CCC;
}
#menu2 li a{
  color:#494b46;
  font-size:11px;
  text-decoration:none;
  margin-left:5px;
}
.active{
  font-weight:bold;
}

/*
************************************************************
* Aktuelles
************************************************************
*/
.aktuelles_prev{
    height:110px;
    cursor:pointer;
    display:block;
    text-decoration:none;
}
.aktuelles_prev img{
    float:left;
    height:100px;
    padding:0px 5px 0px 5px;
    background-color:#f2f7f4; 
}
.aktuelles_prev h3{
    color:#00722b;
    border:2px solid #00722b; 
    padding:3px;
}
.aktuelles_prev a{
    text-decoration:none;
}
.shorttext_mehr{
    font-style:italic;
    text-decoration:none;
}
.form_navigation{
  color:#999;
  font-size:11px;
}
.light_grey{
  text-align:right;
  color:#ccc;
  font-size:11px;
}
.hr_aktuelles_big{
  color:#ccc;
  height:1px;
  border:1px solid #ccc;
  clear:left;
}
.aktuelles_thumb{
  height:48px;
  margin:5px;
}
.aktuelles_big{
  display:block;
  float:left;
  margin:5px;
  height:300px;
}

/*
************************************************************
* Gästebuch
************************************************************
*/

#showentry{
  color:#999;
}
#showentry a{
  color:#999;
}

/*
************************************************************
* Termine
************************************************************
*/

.termin_datum{
  color:#777;
  font-size:11px;
  margin-left:10px;
  margin-top:5px;
}
.termin_titel{
  font-weight:bold;
  margin-left:30px;
}
.termin_subtitel{

}

/*
************************************************************
* Startseite
************************************************************
*/

#right_home{
  text-align:left;
  margin:15px; 
  float:right;
  width:30%;
}
#left_home{
  float:left;
  width:60%;
  margin:15px;
}
#aktuelles_home a p{
  font-size:11px;
}
#aktuelles_home h4{
  color:black;
}

#termine_home h4{
  color:black;
  margin-top:20px;
}
#termine_home .termin_datum{
  color:#777;
  font-size:10px;
  margin-left:10px;
  margin-top:5px;
}
#termine_home .termin_titel{
  font-weight:bold;
  margin-left:30px;
  font-size:11px;
}
#termine_home .termin_subtitel{
  font-size:11px;
}

/*
************************************************************
* Musiker
************************************************************
*/

.musiker_big{
  height:170px;
  float:left;
  margin:3px;
}
.musiker_liste{
   height:70px;
   float:left;
}
.musiker_liste a{
   text-decoration:none;
}
.musiker_liste img{
  height:60px;
  padding:0px 0px 0px 15px;
  float:left;
}
.musiker_liste span{
  padding:0px 0px 0px 5px;
}

/*
************************************************************
* Fotos
************************************************************
*/

#foto_td{
  width:180px;
  height:150px;
  float:left;
}