@CHARSET "UTF-8";
div.gallery_item { width: 120px; min-height: 120px; float: left; margin: 10px;}
div.gallery_item img { padding: 10px; }
div.gallery_item.album { background: #fff url(../img/gallery_album_bg.png) center top no-repeat; }
div.gallery_item.image { background: #fff url(../img/gallery_image_bg.png) center top no-repeat; }
div.gallery_item a:link img,
div.gallery_item a:visited img { margin:0; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
div.gallery_item a:hover img,
div.gallery_item a:active img { }
.gallery_rating { padding: 2px 0 2px 13px; height: 31px; }
.gallery_rating p { margin: 0; padding: 0; font-size: 8px; display: block; text-align: right; }
.ico-rating { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: transparent url(../img/f3j_rating.png) 0 0 no-repeat; }
.ico-rating.full  { background-position:   0   0; }
.ico-rating.half  { background-position: -16px 0; }
.ico-rating.empty { background-position: -32px 0; }

div.news { padding: 10px; border: 1px solid #737373; margin-bottom: 10px; }
div.news .title { text-decoration: underline; font-size: 130%; margin-bottom: 5px; padding-bottom: 5px;border-bottom: 1px dotted #737373; }
div.news .title,
div.news .meta {/* background: url(../img/news_bg.png); filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;*/ }
div.news .title .navigator { float: right; margin: 3px; width: 9px; height: 9px; }
div.news .title .navigator .plus { background: url(../img/tree_plus.gif); }
div.news .title .navigator .minus { background: url(../img/tree_minus.gif); }
div.news .meta { font-weight: normal; font-style: italic; font-size: 70%; }
div.news .content {}
div.news .hidden { display: none; }

div.calendar { padding: 2px; width: 742px; border: 1px solid transparent; }
div.calendar div.weekday { float: left; width: 100px; height: 20px; margin: 2px; border: 1px solid transparent; }
div.calendar div.day { float: left; width: 100px; height: 100px; border: 1px solid black; margin: 2px; -moz-border-radius: 4px; }
div.calendar div.day.today { background: #123547; }
div.calendar div.day p.title { color: gray; margin: 0; padding: 2px; font-weight: 800;}
div.calendar div.day p.title.other { font-style: italic; font-weight: normal; }
div.calendar div.day.empty { border: 1px solid transparent; }
div.calendar div.day a { display: block; }
div.calendar div.day .event { float: left; margin: 2px; width:10px; height: 10px; background: black; }
div.calendar div.day .event div { display: none; }

/*370px × 216px*/
.tooltip { display:none; background:url(../img/black_arrow_big.png); height:196px; overflow: auto; padding:10px 25px 10px 25px; width:320px; font-size:11px; color:#fff; }
.tooltip .value {}
.tooltip h2 { color: #fff; text-decoration: underline; }
table.tbl_eventlist { width: 100% !important; }
.tbl_eventlist td,
.tbl_eventlist th { padding: 0; margin: 0; text-align: left; }
.tbl_eventlist th { border-bottom: 1px solid #484848; font-size: 16px; }
.tbl_eventlist td {}

.overlay { display:none; width: 800px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.overlay .close { background-image:url(../img/jqtools_close.png); position:absolute; z-index: 1000; right: -17px; top:-17px; cursor:pointer; height:35px; width:35px; }

/** Slider */

.button { background:url(../img/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px;}
.gallery_event { padding: 5px 17px; height: 130px; border: 2px solid #eee; }
/* WITHOUT RATING */ .gallery_event { padding: 15px 17px; }
.gallery_event div.gallery_item { margin: 3px; }
.button.right        { background-position: 0 -30px; clear:right; margin-right: 0px;}
.button.right:hover  { background-position:-30px -30px; }
.button.right:active { background-position:-60px -30px; }
.button.left        { margin-left: 0px; } 
.button.left:hover  { background-position:-30px 0; }
.button.left:active { background-position:-60px 0; }

.scrollable { position:relative; overflow: hidden; width: 896px; height: 271px; float: left; }
.scrollable .items { width: 2000em; position:absolute; }
.scrollable .items div[scrollelement] { float: left; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
a.disabled { visibility:hidden !important; }

.navi { height:20px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../img/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }

#home { position: relative; }
#home .button { position: absolute; z-index: 200; }
#home .button.left { margin-left: 10px !important; }
#home .button.right { right: 10px; }
.home_button { width: 20px; color: white; padding: 135px 5px 0 5px; z-index: 200; background: black; position: absolute; display: block; height: 134px; font-size: 32px; cursor: pointer; }
.home_button { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }
.home_button.left { left: 0px; }
.home_button.right { right: 0px; text-align: right; }
.home_button:hover { text-decoration: none; color: #f0f0f0; }
#home .navi { position: absolute; background: black; height: 15px; padding: 3px 5px 0 5px; margin-top: 251px; margin-left: 30px; }
.navi a.active { background-position:0 -16px; }
#home .display_hover { display: none; }
#home:hover .display_hover { display: block; }


/** Swisstec*/
#contactform h5,
#contactdetails h2 {
  color: #333333; 
  border-left: 5px solid #7d1200;
  font-size: 18px;
  padding-left: 10px; 
  font-weight: normal;
  text-transform: uppercase;
}

/* german contact form (roman, 16.oct 2013) */
#contactform { width: 100%; margin: 0px 20px 20px 0px; background: #fff; padding: 0px; font-size: 10px; font-weight:normal; color: #333333; }
 #contactform h1 { color: #1d6516; padding: 10px 0px 0px 0px; margin: 0px; font-size: 30px; font-weight:normal;}
 #contactform h2 { color: #1d6516; padding: 10px 0px 12px 0px; margin: 0px; font-size: 18px; font-weight:normal;}
 #contactform h3 { padding: 4px 0px 4px 10px; border-left: 5px solid #52a649; color: #333333; font-size: 18px; font-weight: normal; text-transform: uppercase; }
 #contactform table table td { vertical-align: top;}
/*
 #contactform input { height: 34px; width: 200px; margin: 0px 0px 15px 0px;:}
 #contactform textarea { height: 336px; width: 325px;}
 #contactform .inputsubmit { height: 34px; width: 205px; background: #52a649; color: #fff;}
 #contactform .inputsubmit:hover { background: #207d00; color: #fff;}
*/
 
 #companyaddress { padding: 0px 0px 0px 0px; color: #333333; font-size: 14px; font-weight: normal;}
  #country { margin: 0px 0px 5px 0px; padding: 0px; color: #333333; font-size: 18px; font-weight: normal; text-transform: uppercase; display: inline-block; }
  #companyaddress hr { margin: 20px 0px 10px 0px; background: #e3e3e3; height: 5px; border: 0px; padding:0; }
  #companyaddress table td { vertical-align: top; }

/* english contact form */
#contactdetails { float: left; width: 340px; background: #fff; padding: 10px; }
.contactlocation { margin: 20px 0px 20px 0; padding: 10px 0 0 0; }
.contactlocation p { padding: 0; margin: 0; }
.contactlocation .texts { float: left; }
.contactlocation .img { float: left; width: 140px; height: 140px; overflow: hidden; margin-left: 10px; }
.contactlocation .img img { height: 140px; }
.contactlocation .title { text-transform: uppercase; font-size: 16px; color: #444444; }
.contactlocation .txt { color: #444444; }
.contactlocation .dt { display: inline-block; width: 56px; }
/* mietpark-order and contact form */
.hsw_contact_form { width: 100%; font-size: 11px; }
.hsw_contact_form td { vertical-align: top; }
.hsw_contact_form label { display: inline-block; }
.hsw_contact_form .radioset label { padding-top: 0; }
.hsw_contact_form input[type=text],
.hsw_contact_form input[type=password],
.hsw_contact_form textarea { padding: 9px 10px; font-size: 14px; border: 1px solid #cfcfcf; width: 180px; }
.hsw_contact_form input[type=text],
.hsw_contact_form input[type=password] { margin-bottom: 0;}
.hsw_contact_form textarea { height: 326px; min-height: 325px; width: 310px; min-width: 310px; max-width: 310px; margin: 0; }
.hsw_contact_form input[type=text]:focus,
.hsw_contact_form input[type=password]:focus,
.hsw_contact_form textarea:focus { background: #ccecc9; }
.hsw_contact_form .title { height: 17px; }
.hsw_contact_form .message { padding-left: 17px; }
.hsw_contact_form .error { background: #d3a7a7; }

.cbutton { cursor: pointer; display: inline-block; color: #fff; border: 1px outset #fff; padding: 7px 49px 7px 50px; background-color: #52a649; }
.cbutton:hover { background-color: #207d00; }
.cbutton:active { background-color: #207d00; }