/*****************************************************************
 *
 * project.css by OT
 * Date: 11.05.2009
 *
 *****************************************************************/
div#top_content div#top_content_img,#top_content div#top_content_text {
 float: left;
}

#top_content div#top_content_img {
 width: 190px;
 padding: 10px;
}

#top_content div#top_content_text {
 width: 530px;
 padding: 20px 0 0 50px;
}

.elem_bottom {
 
}

#top-functions {
 width: 950px;
 float: right;
}

.suche {
 padding: 0;
 margin: 0 10px 0 0;
 float: right;
}

.suche form {
 float: left;
 padding: 0;
 margin-left: 10px;
}

.suche #such_input {
 margin: 1px 0 0 0;
 padding: 2px 3px 0;
 color: #bb223e;
 border: 1px solid #b9dff5;
 height: 14px;
 width: 154px;
 background: #eaf4fa;
 font-size: 10px;
 text-transform: uppercase;
 float: left;
}

.suche #such_input :focus {
 background: #fff;
}

button.submit {
 background: #fff;
 border: 0px solid #fff;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 float: left;
}

button.submit img {
 padding: 0;
 margin: 0;
}

#bilder_links {
 float: left;
 width: 250px;
 min-height: 500px;
 padding: 0 18px 0 27px;
}

.bild_links {
 position: relative;
 padding-bottom: 10px;
}

div.content_left {
 position: absolute;
 bottom: 0px;
}

div.left_content_left {
 position: relative;
}

img#upper_img {
 margin-top: -15px;
 position: absolute;
}

/*****
 * Bildergalerie
 *****/
.uebersicht_elem {
 margin: 0;
 padding: 0 15px 10px 0;
 float: left;
}

.uebersicht_elem_img {
 margin: 0;
 width: 145px;
 height: 145px;
 padding: 0;
 overflow: hidden;
}

/*******************
 * ZIMMER
 ********************/
div.zimmer {
 border-top: 1px solid #ef8053;
 padding: 0 0 10px 0;
 margin-bottom: 10px;
}

.zimmer div.zimmer_left {
 width: 205px;
 float: left;
}

.zimmer div.zimmer_left img.preview_img {
 cursor: pointer;
}

.zimmer div.zimmer_right {
 width: 350px;
 float: left;
 padding: 0 0 0 10px;
}

.zimmer div.zimmer_right table.kategorie_table {
 width: 100%;
}

.zimmer div.zimmer_right table.kategorie_table tr {
 background: #FCEAE3;
 border-bottom: 5px solid #fff;
}

.zimmer div.zimmer_right table.kategorie_table td {
 padding: 2px 5px;
}

/*******************
 * ZIMMER
 ********************/
#meinungsformular {
 padding: 5px 10px;
}

#meinungsformular input[type=text],#meinungsformular textarea {
 border: 1px solid #BAC8CF;
 background: #fff;
 font-size: 11px;
 width: 250px;
 margin: 2px 0;
 padding: 2px;
}

#meinungsformular textarea {
 height: 100px;
}

#meinungsformular input[type=submit],#meinungsformular input[type=reset]
 {
 border: 1px solid #BAC8CF;
 margin: 2px 0;
 padding: 2px;
}

.meinung {
 padding: 20px 10px;
}

/***SLIDE GALLERY***/
span.team-member-name {
 font-size: 10px;
 color: #647784;
 letter-spacing: 0px;
 display: block;
 padding: 3px;
 height: 32px;
 border-bottom: 5px solid #fff;
 background: #cde7f6 url("../../assets/common/pfeil_team.gif") no-repeat
  right 25px;
}

ul.team {
 list-style-type: none;
}

ul.team li a {
 margin: 0;
 clear: both;
}

.team-member-left,.team-member-right {
 float: left;
 padding: 10px;
 width: 150px;
}

.team-member-right p {
 text-align: left;
}

#gallery {
 position: relative;
 width: 502px; /*margin:40px auto; */
 padding: 0px; /*border:6px solid #fff; background:#99B5B8;*/
 margin-bottom: 10px;
}

#images {
 border: 2px solid #9ac1c9;
 height: 225px;
 background: #eef5f6;
 margin-bottom: 20px
}

#image {
 position: relative;
 width: 468px;
 height: 375px;
 padding: 5px;
 border: 2px solid #666;
 background: #FFF url(images/loading.gif) center center no-repeat
}

#image img {
 position: absolute;
 top: 5px;
 left: 5px
}

#thumbwrapper {
 margin-top: 10px;
 padding: 5px 0;
 width: 502px;
 height: 150px;
 border: 1px solid #cde7f6;
 background: #FFF
}

#thumbarea {
 position: relative;
 overflow: hidden;
 height: 150px;
 width: 502px;
 border: 1px solid #cde7f6;
}

#thumbs {
 position: absolute;
 list-style: none;
 margin-left: 0px;
 padding: 0px 5px;
 height: 1500px;
 width: 10000px;
 border-right: 5px solid #FFF
}

#thumbs li {
 float: left;
 margin-right: 5px;
 cursor: pointer
}

.imgnav {
 position: absolute;
 height: 375px;
 width: 20%;
 z-index: 100;
 height: 375px;
 width: 20%;
 z-index: 100;
 outline: none;
 cursor: pointer
}

#previmg {
 left: 0;
 background: url(images/left.gif) left center no-repeat;
 border-left: 5px solid #FFF
}

#previmg :hover {
 opacity: 1;
 filter: alpha(opacity = 100)
}

#nextimg {
 right: 0;
 background: url(images/right.gif) right center no-repeat;
 border-right: 5px solid #FFF
}

#nextimg :hover {
 opacity: 1;
 filter: alpha(opacity = 100)
}