/***********************************************/
/* style.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #777777;
  font-size: 0.8em;
  line-height:18px;
  background-color:#FDE689;
  padding:0px 0px 0px 0px;
  //padding:0px 0px 10px 0px;
  margin:0px 0px 0px 5px;
  overflow-x:hidden;
  float:left;	
}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
	color: orange;
	font-weight:normal;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

table{
  font-size: 0.9em;
}
/******* navigationlinks *******/
#navi a:link,#navi  a:visited{
	color: #666666;
	font-weight:normal;
	font-family:Arial,sans-serif;
	font-size:1.0em;
	text-decoration: none;
}

#navi  a.sel:link,#navi  a.sel:visited{
	font-family:Arial,sans-serif;
	font-size:1.4em;
	line-height:30px;
	text-decoration: none;
	color: orange;
}

#navi a:hover{
	font-family:Arial,sans-serif;
	text-decoration: none;
	color: black;
}

#metanavigation a:link,#metanavigation  a:visited{
	color: #666666;
	text-decoration: none;
}

#metanavigation a:hover{
	text-decoration: none;
	color: orange;
}
/************** header tag styles **************/
.navi_trenner{
  font-size:1.4em;
  color:#aaaaaa;
}

h1{
 font-family:'Georgia','Times New Roman',Times,serif;
 font-size:36px;
 font-weight:normal;
 line-height:28px;
 margin: 0px 0px 10px 13px;
 //margin:0px;
 padding: 0px;
}

h2{
 font-family: Verdana,sans-serif;
 font-weight:bold;
 font-size:110%;
 color: #666666;
 margin-bottom: 5px;
 padding: 0px;
}

h3_3{
 font:100%  Verdana,sans-serif;
 font-size:0.9em;
 color: #888888;
 margin: 0px;
 padding: 0px;
}

h3{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-style:italic;
font-weight:normal;
line-height:20px;
margin-bottom:5px;
padding-bottom:5px;
}

h4{
 font-family:'Georgia','Times New Roman';
 font-size:1.3em;
 ont-style:italic;
 font-weight:normal;
 margin: 10px 0px 10px 13px;
 padding: 0px;
 color:white;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
  float:left;
  margin:0;
  padding-left:15px;
}

li{
  margin-top:5px;
  padding:0px;
}
/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/***********************************************/
/* HEAD DIVS                                 */
/***********************************************/

#head{
  background-color:#FDE689;
  width:885px;
  height:140px;
  float:left;
  ackground-color:red;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  margin-right:3000px;
}

#logo{
  background-color:#FDE689;
  background-image:url("../images/title.gif");
  background-repeat:no-repeat;
  background-position:110px 30px;
  width:885px;
  float:left;
  padding:0px 0px 0px 0px;
  margin:10px 0px 0px 0px;
}

#logo a:link, #logo a:visited{
	color:red;
	text-decoration:none;
}

#logo a:hover, #logo a:active{
	color:white;
	text-decoration:none;
	order:none;
}

#navi{
  width:875px;
  //width:775px;
  height:35px;
  float:right;
  text-align:right;
  padding:0px 50px 0px 0px;
  margin:0px 0px 0px 0px;

  display:block;
}


#logo_img
{
  float:left;
}

#logo2_img
{
  float:right;
}

/***********************************************/
/* MAIN DIVS                                 */
/***********************************************/

#main{
  background-image:url("../images/main_back.gif");
  background-repeat:repeat-y;
  background-position:-11px 0px;
  //background-position:-11px 0px;

  width:900px;
  //width:892px;

  min-height:400px;
  height:auto;

  float:left;
  padding:0px 0px 0px 0px;
  //margin:0px 10px 0px 0px;
  margin:0px 0px 10px 0px;
}

#main2{
  background-color:blue;
  width:84px;
  height:100px;
  float:left;
}

#main_shadow{
  background-image:url("../images/main_shadow_03.gif");
  background-repeat:repeat-y;
  float:left;
  width:20px;
  height:100px;
}

#banner_left{
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding:0px 0px 0px 0px;
  margin:0px 3px 0px 0px;
  width:116px;
  height:575px;
  float:left;
}
.second_navi{
  background-color:transparent;
  padding:0px 0px 0px 0px;
  margin:0px 3px 0px 0px;
  width:201px;
  float:left;
}

.lyric_div{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  width:202px;
  height:370px;
  background-repeat:no-repeat;
  background-position:0px 0px;
}

.lyric_div_small{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  width:202px;
  height:200px;
  background-repeat:no-repeat;
  background-position:0px 0px;
}

#navigation{
  margin:20px 0px 1px 0px;
}

#navigation a:link, #navigation a:visited{
  
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color:#eeeeee;
  color:#777777;
  font-size:0.9em;
  border-bottom:white solid 1px;
  border-left:white solid 1px;
  display:block;

  padding:2px 0px 0px 25px;
  margin:1px 0px 1px 0px;
  width:162px;
  //width:162px;
  height:20px;
  //height:24px;
  float:right;
}

#navigation a:hover{
  border-bottom:white solid 1px;
  border-left:white solid 1px;
  background-color:#FEF9E1;
  border-right:none;
  text-decoration:none;
}

#navigation .active:link, #navigation a.active:visited{
  background-image:url("../images/apfel.gif");
  background-repeat:no-repeat;
  background-position:5px 2px;
  background-color:#FDE9A6;
}


/***********************************************/
/* CONTENT DIVS                                 */
/***********************************************/

#banner{
  background-repeat:no-repeat;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 1px;
  //margin:0px 0px 0px 0px;
  width:560px;
  //width:559px;
  float:left;
}

/*Vertical Banner*/
.ver_banner_0{background-image:url("../images/vertical1_banner_0.png");}
.ver_banner_1{background-image:url("../images/vertical1_banner_1.png");}
.ver_banner_2{background-image:url("../images/vertical1_banner_2.png");}
.ver_banner_3{background-image:url("../images/vertical1_banner_3.png");}
.ver_banner_4{background-image:url("../images/vertical1_banner_4.png");}
.ver_banner_5{background-image:url("../images/vertical1_banner_5.png");}
.ver_banner_6{background-image:url("../images/vertical1_banner_6.png");}
.ver_banner_7{background-image:url("../images/vertical1_banner_7.png");}
.ver_banner_8{background-image:url("../images/vertical1_banner_8.png");}
.ver_banner_9{background-image:url("../images/vertical1_banner_9.png");}
.ver_banner_10{background-image:url("../images/vertical1_banner_10.png");}
.ver_banner_11{background-image:url("../images/vertical1_banner_11.png");}
.ver_banner_12{background-image:url("../images/vertical1_banner_12.png");}
.ver_banner_13{background-image:url("../images/vertical1_banner_13.png");}
.ver_banner_14{background-image:url("../images/vertical1_banner_14.png");}
.ver_banner_15{background-image:url("../images/vertical1_banner_15.png");}
.ver_banner_16{background-image:url("../images/vertical1_banner_16.png");}
.ver_banner_17{background-image:url("../images/vertical1_banner_17.png");}
.ver_banner_18{background-image:url("../images/vertical1_banner_18.png");}
.ver_banner_19{background-image:url("../images/vertical1_banner_19.png");}
.ver_banner_20{background-image:url("../images/vertical1_banner_20.jpg");}

/*Lyric Banner*/
#lyric_small_0{background-image:url("../images/lyric_area_small.gif");}
#lyric_0{background-image:url("../images/lyric_area.gif");}

#lyric_small_1{background-image:url("../images/lyric_area_small1.gif");}
#lyric_1{background-image:url("../images/lyric_area1.gif");}

#lyric_small_2{background-image:url("../images/lyric_area_small2.gif");}
#lyric_small_2_1{background-image:url("../images/lyric_area_small2_1.gif");}
#lyric_2{background-image:url("../images/lyric_area2.gif");}
#lyric_2_1{background-image:url("../images/lyric_area2_1.gif");}

#lyric_small_3{background-image:url("../images/lyric_area_small3.gif");}
#lyric_3{background-image:url("../images/lyric_area3.gif");}
#lyric_3_1{background-image:url("../images/lyric_area3_1.gif");}

#lyric_small_4{background-image:url("../images/lyric_area_small4.gif");}
#lyric_small_4_1{background-image:url("../images/lyric_area_small4_1.gif");}
#lyric_small_4_2{background-image:url("../images/lyric_area_small4_2.gif");}
#lyric_small_4_3{background-image:url("../images/lyric_area_small4_3.gif");}
#lyric_small_4_4{background-image:url("../images/lyric_area_small4_4.gif");}
#lyric_small_4_5{background-image:url("../images/lyric_area_small4_5.gif");}
#lyric_4{background-image:url("../images/lyric_area4.gif");}

#lyric_small_5{background-image:url("../images/lyric_area_small5.gif");}
#lyric_5{background-image:url("../images/lyric_area5.gif");}


/*BIG BANNER*/
.banner_0{height:300px; background-image:url("../images/banner_big0.jpg");}
.banner_1{height:300px; background-image:url("../images/banner_big1.jpg");}
.banner_2{height:300px; background-image:url("../images/banner_big2.jpg");}
.banner_3{height:300px; background-image:url("../images/banner_big3.jpg");}
.banner_4{height:300px; background-image:url("../images/banner_big4.jpg");}
.banner_5{height:300px; background-image:url("../images/banner_big5.jpg");}
.banner_6{height:300px; background-image:url("../images/banner_big6.jpg");}
.banner_7{height:300px; background-image:url("../images/banner_big7.jpg");}
.banner_8{height:300px; background-image:url("../images/banner_big8.jpg");}
.banner_9{height:300px; background-image:url("../images/banner_big9.jpg");}
.banner_10{height:300px; background-image:url("../images/banner_big10.jpg");}
.banner_11{height:300px; background-image:url("../images/banner_big11.jpg");}
.banner_12{height:300px; background-image:url("../images/banner_big12.jpg");}
.banner_13{height:300px; background-image:url("../images/banner_big13.jpg");}
.banner_14{height:300px; background-image:url("../images/banner_big14.jpg");}
.banner_15{height:300px; background-image:url("../images/banner_big15.jpg");}
.banner_16{height:300px; background-image:url("../images/banner_big16.jpg");}
.banner_17{height:300px; background-image:url("../images/banner_big17.jpg");}
.banner_18{height:300px; background-image:url("../images/banner_big18.jpg");}
.banner_19{height:300px; background-image:url("../images/banner_big19.jpg");}
.banner_20{height:300px; background-image:url("../images/banner_big20.jpg");}

/*SMALL BANNER*/
.banner_small_0{height:167px; background-image:url("../images/banner_small.jpg");}
.banner_small_1{height:167px; background-image:url("../images/banner_small1.jpg");}
.banner_small_2{height:167px; background-image:url("../images/banner_small2.jpg");}
.banner_small_3{height:167px; background-image:url("../images/banner_small3.jpg");}
.banner_small_4{height:167px; background-image:url("../images/banner_small4.jpg");}
.banner_small_5{height:167px; background-image:url("../images/banner_small5.jpg");}
.banner_small_6{height:167px; background-image:url("../images/banner_small6.jpg");}
.banner_small_7{height:167px; background-image:url("../images/banner_small7.jpg");}
.banner_small_8{height:167px; background-image:url("../images/banner_small8.jpg");}
.banner_small_9{height:167px; background-image:url("../images/banner_small9.jpg");}
.banner_small_10{height:167px; background-image:url("../images/banner_small10.jpg");}
.banner_small_11{height:167px; background-image:url("../images/banner_small11.jpg");}
.banner_small_12{height:167px; background-image:url("../images/banner_small12.jpg");}
.banner_small_13{height:167px; background-image:url("../images/banner_small13.jpg");}
.banner_small_14{height:167px; background-image:url("../images/banner_small14.jpg");}
.banner_small_15{height:167px; background-image:url("../images/banner_small15.jpg");}



#content{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  width:560px;
  height:auto;
  float:left;
}

.content_main{
  padding:0px 0px 20px 0px;
  margin:0px 0px 0px 0px;
  ackground-color:green;
  width:560px;
  height:auto;
  float:left;
}

/*#main_cont{
  padding:0px 0px 20px 0px;
  margin:0px 0px 0px 0px;
  background-color:green;
  idth:560px;
  height:auto;
  float:left;
}*/

.content_main_Galerie{
 padding:0px 0px 20px 0px;
 margin:0px 0px 0px 0px;
 //margin:0px 0px 200px 0px;
 width:560px;
 //width:auto;
 height:850px;
 //height:;
 ackground-color:green;
 float:left;
 //float:;
}


/***********************************************/
/* CONTENT MAIN DIVS                                 */
/***********************************************/

.content_header{
  width:90%;
  height:auto;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 7px;
  //margin:0px 0px 0px 12px;
  float:right;
}

.content_desc{
  padding:2px 0px 12px 0px;
  margin:15px 0px 0px 20px;
  //margin:15px 0px 0px 12px;
  float:left;
  width:90%;
  height:auto;
  border-bottom:#cccccc solid 1px;
}

.content_images{
  padding:2px 0px 12px 0px;
  margin:10px 2px 10px 2px;
  //margin:10px 2px 10px 15px;
  text-align:center;
  width:100%;
  height:auto;
  border-bottom:#cccccc solid 1px;
}

  .content_full{
    padding:2px 0px 12px 0px;
    margin:15px 0px 0px 20px;
    //margin:15px 0px 0px 12px;
    float:left;
    width:90%;
    height:auto;
    border-bottom:#cccccc solid 1px;
  }

  .content_left{
    padding:2px 0px 2px 0px;
    margin:5px 10px 0px 20px;
    //margin:5px 10px 0px 12px;
    float:left;
    width:40%;
    height:auto;
    border-bottom:#cccccc solid 1px;
  }

  .content_Galerie{
    padding:2px 0px 2px 0px;
    margin:5px 10px 0px 20px;
    //margin:5px 10px 0px 12px;
    float:left;
    width:40%;
    height:auto;
  }
  
  .content_right{
    padding:2px 0px 12px 10px;
    margin:5px 10px 0px 20px;
    //margin:5px 10px 0px 10px;
    float:left;
    width:45%;
    height:auto;
    border-bottom:#cccccc solid 1px;
  }

    .content_left_70{
      padding:2px 0px 12px 0px;
      margin:20px 10px 0px 20px;
      //margin:30px 10px 0px 12px;
      border-bottom:#cccccc solid 1px;
      float:left;
      width:65%;
      height:auto;
    }
    
    .content_right_30{
      padding:0px 0px 2px 10px;
      margin:30px 10px 0px 0px;
      //margin:30px 10px 0px 0px;
      float:left;
      width:20%;
      height:auto;
  }

    .content_25{
      padding:0px 0px 2px 10px;
      margin:5px 8px 0px 10px;
      //margin:5px 10px 0px 10px;
      float:left;
      width:26%;
      /*text-align:justify;*/
      height:auto;
  }
.liste{
      padding:2px 0px 2px 0px;
      margin:0px 10px 0px 25px;
      //margin:0px 10px 0px 25px;      
      float:left;
      width:85%;
      height:auto;
}

#list_table{
      font-size:1em;
      padding:0px 0px 0px 5px;
      margin:15px 0px 10px 10px;
      border-left:orange solid 2px;
}

.liste_desc{
    padding:2px 0px 2px 0px;
    margin:5px 10px 0px 20px;
    //margin:5px 10px 0px 20px;
    float:left;
    width:90%;
    height:auto;
}
/***********************************************/
/* IMAGES                                 */
/***********************************************/


#image_nosize{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:5px 10px 10px 0px;
  //margin:5px 10px 10px 0px;
  float:left;
}

#image_kontakt{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:5px 10px 10px 70px;
  //margin:5px 10px 10px 0px;
  float:right;
}

#img_small_hor{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 10px 10px 0px;
  //margin:10px 10px 10px 0px;
  float:left;
  width:140px;
  height:105px;
  width:102px;
  height:77px;
}

#img_small_hor_left{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 10px 10px 0px;
  //margin:10px 10px 10px 0px;
  float:left;
  width:102px;
  height:77px;
}

#img_small_hor_right{
  //border-right:1px solid #777777;
  //border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 10px 10px 0px;
  //margin:10px 10px 10px 0px;
  float:right;
  width:102px;
  height:77px;
  padding:9px 9px 11px;
}

#img_small_hor.topaz{
  width:100px;
  height:53px;
}

#img_small_ver{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 10px 10px 0px;
  //margin:10px 10px 10px 10px;
  float:left;
  height:102px;
  width:77px;
}

#img_small_ver_left{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 10px 10px 0px;
  //margin:10px 10px 10px 10px;
  float:left;
  height:102px;
  width:77px;
}
#img_small_ver_right{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 10px 10px 0px;
  //margin:10px 10px 10px 10px;
  width:77px;
  height:102px;
  float:right;
}

#img_big{
  border-right:1px solid #777777;
  border-bottom:1px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 5px 10px 0px;
  width:350px;
  height:200px;
  float:left;
}

#img_liste{
  border:1px #aaaaaa solid;
  border-right:2px solid #777777;
  border-bottom:2px solid gray;
  padding:0px 0px 0px 0px;
  margin:10px 15px 10px 0px;
  width:74px;
  height:74px;
  float:left;
}

#skizze{
  background-image:url("../images/Anfahrtsskizze-Bonhausen_neu.gif");
  background-repeat:no-repeat;
  width:500px;
  height:400px;
}

#metanavigation_Galerie{
  background-image:url("../images/main_bottom.gif");
  background-repeat:no-repeat;
  
  position:relative;
  left:-334px;
  //left:-11px;
  bottom:-310px;
  //bottom:-220px;
  background-color:#FDE689;
  width:900px;
  //width:905px;
  height:50px;
  float:left;
  text-align:right;
  padding:25px 10px 0px 0px;
  //padding:25px 10px 0px 0px;
  margin:0px 0px 0px 0px;
}
	

#metanavigation{
  background-image:url("../images/main_bottom.gif");
  background-repeat:no-repeat;
  
  position:relative;
  left:-11px;
  //left:-11px;
  bottom:-25px;
  //bottom:0px;
  background-color:#FDE689;
  width:900px;
  //width:905px;
  height:50px;
  float:left;
  text-align:right;
  padding:25px 10px 0px 0px;
  //padding:25px 10px 0px 0px;
  margin:0px 0px 0px 0px;
}

.galerie_pic1{
  width:150px;
  height:300px;
  background-image:url("../galerie/images/1.jpg");
  ackground-repeat:no-repeat;
  margin-left:5px;
}

.galerie_pic2{
  width:150px;
  height:300px;
  background-image:url("../galerie/images/2.jpg");
  ackground-repeat:no-repeat;
  margin-left:5px;
}

.galerie_pic3{
  width:150px;
  height:300px;
  background-image:url("../galerie/images/3.jpg");
  ackground-repeat:no-repeat;
  margin-left:5px;
}