/*
-----------------------------------------------
tbg base style
author:   frank wolter
version:  12 jul 2004
----------------------------------------------- */
@import "tb_navigation.css";
@import "tb_head.css";


html {
  background-attachment:fixed;
  scrollbar-face-color: #880000;
  scrollbar-shadow-color: #880000;
  scrollbar-highlight-color: #880000;
  scrollbar-track-color: #CCCD34;
  scrollbar-arrow-color: #CCCD34;
  scrollbar-3dlight-color: #880000;
  scrollbar-darkshadow-color: #880000;
  }

body {
  margin:0;
  padding:0;
  font-family:"Comic Sans MS",sans-serif;
  text-align: left;
  line-height: 1.5em;
  color: #060;
  background: #cc3;
  font-size: x-small; /* IE5 Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}

html>body { /* be nice to Opera */
  font-size: small;
}

#container {
  width: 782px;
  margin: 10px auto;
  background: #cc3 url('/images/bg/bg_main.gif') repeat-y;
  }


#content {
  margin-left: 220px;
  font-size: 115%;
  padding:0.5em 1.5em 0.5em 0;
  }
#content h2 { margin: 0 0 .5em 0; }


#two_columns {
  float:left;
  margin:0;
  padding:0;
  }
#left_column {
  float: left;
  width: 245px;
  background: transparent;
}
.block1 {
  margin: 0 20px 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #008000;
}
.block2 {
  margin: 0 20px 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #008000;
}
.block3 {
  margin: 0 20px 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #900;
}
.block4 {
  margin: 0 20px 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #cc3;
}
.block5 {
  text-align: center;
  margin: 0 20px 10px 0;
  padding: 0 0 10px 10px;
  border-left: 6px solid #cc3;
  border-right: 6px solid #900;
  border-bottom: 6px solid #008000;
  border-top: 6px solid #fff;
}
.block6 { /* RESERVIERUNG */
  text-align: center;
  margin: 10px 20px 10px 0;
  padding: 5px;
  border-top: 3px solid #900;
  border-bottom: 3px solid #900;
}
#left_column .block1 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #900;
}
#left_column .block2 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #cc3;
}
#left_column .block3 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #008000;
}
#left_column .block4 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #008000;
}

#right_column .block1 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #900;
}
#right_column .block2 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #cc3;
}
#right_column .block3 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #008000;
}
#right_column .block4 {
  margin: 0 0 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 6px solid #008000;
}

#right_column {
  float: left;
  width: 250px;
  margin-left:20px;
  margin-right:20px;
  background: transparent;
}

em {
  font-style: normal;
  font-weight: bold;
  }


.centered {
  text-align: center;
  }

#content img.centered {
  margin-left: 170px;
  text-align: center;
  }

#content .topimage {
  width:530px;
  margin: 0.5em 0;
  padding: 10px 0;
  border-top:6px solid #008000;
}

h1 {
  width:510px;
  line-height:1.5em;
  color:#060;
  background: transparent;
  font-size: 1.4em;
  margin:0 0 0.6em 0;
  padding:0;
  }
h2 {
  line-height:1.3em;
  color:#060;
  background: transparent;
  font-size: 1.2em;
  margin:0 0 0.6em 0;
  padding:0;
  }

img.pic_left  {float:left;  margin-right: 1em; margin-bottom: 1em;}
img.pic_right {float:right; margin-left:  1em; margin-bottom: 1em;}


.clear {clear:both; }
.clear_right {clear:right; }
.clear_left {clear:left; }

.hide {
  display: none;
}
.jump {
    text-align:right;
    margin:0.4em 0;
    padding:0.3em;
    }

/* Newsletter
-------------------------------------------------- */
form#news_small {
  background: url('/images/bg/bamboo.gif') no-repeat bottom right;
  font-family:georgia,Arial,Helvetica,sans-serif;
  width: 180px;
  text-align: left;
  font-size: 1em;
  /* border: 1px solid #900; */
  border-top: 3px solid #cc3;
  border-bottom: 3px solid #900;
  background-color: #fff;
  padding: 4px;
  margin: 5px 0 5px 20px;
  }

form#news_big {
    background: url('/images/bg/bamboo.gif') no-repeat bottom right;
    font-family:georgia,Arial,Helvetica,sans-serif;
    width: 510px;
    text-align: left;
    font-size: 0.8em;
    /* border: 1px solid #900; */
    border-top: 6px solid #900;
    border-bottom: 5px solid #cc3;
    background-color: #fff;
  margin:0 0 0.6em 10px;
  padding:5px 0;
    }

form#news_big2 {
    background: url('/images/bg/bamboo.gif') no-repeat bottom left;
    font-family:georgia,Arial,Helvetica,sans-serif;
    width: 510px;
    text-align: right;
    font-size: 0.8em;
    /* border: 1px solid #900; */
    border-top: 6px solid #060;
    border-bottom: 5px solid #cc3;
    background-color: #fff;
  margin:0 0 0.6em 0;
  padding:0;
    }


/* Login box
-------------------------------------------------- */
div#box_login {
    text-align: center;
    font-size: 0.6em;
    width: 170px;
    padding: 4px;
    margin: 2px 0 5px 20px;
    border-bottom: 3px solid #cc3;
     }

div#box_login p{
    text-align: center;
    font-size: 1.6em;
    }

/* Kleine gruene Box in der sidebar
-------------------------------------------------- */
div.infobox {
  /* background: url('images/Logo/bamboo.gif') no-repeat bottom right;
  font-family:georgia,Arial,Helvetica,sans-serif; */
    width: 170px;
    text-align: right;
    font-size: 1em;
    border: 1px solid #900;
    border-top: 5px solid #900;
    border-bottom: 5px solid #900;
    background-color: #cc3;
    padding: 6px 5px 6px 5px;
    margin: 0 0 0 20px;
    }

    div.infobox1 {
  /* background: url('images/Logo/bamboo.gif') no-repeat bottom right;
  font-family:georgia,Arial,Helvetica,sans-serif; */
    width: 170px;
    text-align: right;
    font-size: 1em;
    border: 1px solid #900;
    border-top: 5px solid #900;
    border-bottom: 5px solid #900;
    background-color: #cc3;
    padding: 6px 5px 6px 5px;
    margin: 0 0 0 20px;
    }

/* Specialbox
-------------------------------------------------- */
div.specialbox {
  border: 2px dotted #360;
  padding:0 10px;
  margin: 0 20px 0 0;
  background: cornsilk;
  }
div.specialbox h2 {
  font-size: 1.3em;
  line-height: 1.5em;
  padding:3px;
  }
div.specialbox h3 {
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1.3em;
  padding:3px;
  }
div.specialbox p {
  padding:3px;
  }

/* Legende
-------------------------------------------------- */
ul#legende  {list-style-type:none;padding:.2em; border:1px solid green;margin:0 20px 0 0;}
li.tx006600 {color: #006600;border-bottom:1px dotted green;margin:0 1em;text-align:left;padding:.3em 0;}
li.tx880000 {color: #880000;border-bottom:1px dotted green;margin:0 1em;text-align:left;padding:.3em 0;}
li.tx339933 {color: #339933;border-bottom:1px dotted green;margin:0 1em;text-align:left;padding:.3em 0;text-decoration:underline;font-weight:bold;}
li.tx800ub  {color: #880000;border-bottom:1px dotted green;margin:0 1em;text-align:left;padding:.3em 0;text-decoration:underline;font-weight:bold;}
li.txD3B12C {color: #D3B12C;border-bottom:1px dotted green;margin:0 1em;text-align:left;padding:.3em 0;font-weight:bold;}
li.txpic    {color: #006600;border-bottom:1px dotted green;margin:0 1em;text-align:left;padding:.3em 0;}
li.txC0C0C0 {color: #C0C0C0;margin:0 1em;text-align:left;padding:.3em 0;}

span.ext_link {
  color: #800000;
  font-weight:bold;
  }
span.mail_link {
  color: #D3B12C;
  font-weight:bold;
  }

/* Buchungsformular
------------------------------------------- */
form.buchung {
  border: 1px solid black;
  padding: 0.5em;
  background: cornsilk;
  }

form.buchung h2 {
  border-bottom: 3px solid #cc3;
  }

form.buchung label {
  border-bottom : 1px solid #900;
  float : left;
  width: 8em;
   }
form.buchung label.wide {
  border-bottom : 1px solid #900;
  float : left;
  width: 9.5em;
   }

form.buchung input.required {
  border: 2px dotted red;
  padding: 2px;
  }

form.buchung input.normal {
  border: 1px solid green;
  padding: 2px;
  }

form.buchung input.radio {
  border: none;
  }
  
  .gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}