/* all elements, html & body */
*{ margin: 0; padding: 0;}
html, body{ background: #fff; height: 100%;}
body{ background: #fff; color: #000; font-family: Arial, sans serif; font-size: 12px;}


/* main layout containers */
#distance{ width: 1px; height: 50%; margin-bottom: -300px; /* half of container's height */ float: left;}
#container{ margin: 0 auto; position: relative; /* puts container in front of distance */
	height: 610px; width: 780px; clear: left; text-align: left; overflow: hidden;}
#content{ position:relative; height: 520px; background: #F7F7F7;}
.content_frame{ position: absolute; left: 0; top: 0; height: 500px; width: 760px; border: 10px solid #fff;
	opacity: 0.5; filter:Alpha(Opacity=50); z-index: 100;}

#footer{ height: 35px; margin-top: 5px; color: #414042; text-align: center;}
#footer #flags{ position: absolute;}
#footer h2{ letter-spacing: 31px; font-weight: normal;}
#footer h2 span{ letter-spacing: 0;}

/* menu */
#menu{ height: 25px; list-style:none; border-bottom:1px solid #666;}
.mitem{ float: left; position: relative; height: 23px; padding:4px 0 0 0; text-align:center;}
.mi_text{ position: relative; z-index: 2;}
.mi_text *{ float: left;}
.sub_mi_{ opacity: 0; filter:Alpha(Opacity=0); position: absolute; left: 0; top: 0; height: 25px; width: inherit;
	background: url(../images/gradients.png) 0 -35px repeat-x; z-index: 1;}
.mitem a, .mitem_subs a{ color:#333; font-size: 12px;}
.mitem a:hover, .mitem.active a{ color: #3db7f7; text-decoration:none;}

/* menu items - pl */
#mitem_news{ width:100px;}
#mitem_offer{ width:65px;}
#mitem_spa-morena{ width:100px;}
#mitem_conferences{ width:100px;}
#mitem_lagow{ width:70px;}
#mitem_castle{ width:125px;}
#mitem_pod-baszta{ width:90px;}
#mitem_contact{ width:75px;}
#mitem_index{ width:55px;}
/* menu items - de */
.menu_de #mitem_news{ width:85px;}
.menu_de #mitem_offer{ width:80px;}

/* menu items - en */
.menu_en #mitem_news{ width:70px;}
.menu_en #mitem_castle{ width:145px;}
.menu_en #mitem_conferences{ width:110px;}

/* menu subitems */
#sub_menu{ height:25px; margin: 0 0 10px 0;}
.mitem_subs{ display: none; list-style:none;}
.mitem_subs li{ float:left; position: relative; height: 22px; padding:3px 0 0 0; text-align:center;}
.mitem_subs a{ float:left; height:20px; width:auto; padding:0 10px;}
.mitem_subs a:hover, .mitem_subs.active a{ color: #3db7f7;  text-decoration:none;}
.sub_mi_bg{ background:#fff;}

#subs_spa-morena{ padding-left:100px;}
#subs_castle{ padding-left:180px;}
#subs_pod-baszta{ padding-left:350px;}
#subs_index{ float:right;}
/* flags */
#subs_index li{}

#restaurant-morena{ width:200px;}

#offer-spa{ width:120px;}
#offer-hotel{ width:170px;}
#offer-conferences{ width:110px;}

.sub_hotel{ width:60px;}
.sub_restaurant{ width:110px;}
#sub_spa-morena{ width:100px;}
#sub_castle{ width:140px;}
.menu_en #sub_castle{ width:150px;}
#sub_pod-baszta{ width:100px;}
#sub_reservation{ width:150px;}
.menu_de #sub_reservation{ width:130px;}
.menu_en #sub_reservation{ width:160px;}

#restaurant-morena{ width:63px;}
#restaurant-castle{ width:60px;}
.menu_de #restaurant-castle{ width:50px;}
#restaurant-pod-baszta{ width:85px;}

/* appla */
.appla{ height: 520px; width: 310px; position: absolute; top:0; right: -310px; display: table;
	background: url(../images/appla_bg_05.png); z-index: 1000;}
.appla *{ color: #fff;}
.appla_text{ display: table-cell; vertical-align: middle; padding: 20px; text-align: justify;}
.appla_text h1{ font-size: 12px;}

/* toolbox */
#toolbox{ height: 10px; width: 200px; position: absolute; left: 0; padding-top: 5px;}

/* slide controls */
#prev, #next{ height: 14px; width: 14px; float: left; background: url(../images/slide_control.png) 0 0 no-repeat; cursor: pointer;}
#counter{ float: left; margin: 0 15px;}
#prev:hover{ background-position: 0 -15px;}
#next{ background-position: -15px 0;}
#next:hover{ background-position: -15px -15px;}

/* flags */
.flag{ height: 10px; width: 20px; margin: 2px 5px 0 0; float: left; cursor: pointer; background: url(../images/flags.png);}
#flag_pl{ background-position: 0 0;}
#flag_de{ background-position: -20px 0;}
#flag_en{ background-position: -40px 0;}


/* type global */
p{ font-size: 12px;}
a{ color: #006; text-decoration: none;}
a:hover, a.active{ text-decoration: underline;}
h1{ font-size: 22px;}
h1.page_title{ padding:5px 0 0 0; color: #888; font-family: "Century Gothic"; font-size: 16px; text-align: center;}
h2{ font-size: 18px;}
h3{ font-size: 12px;}
.errors{ padding: 10px; overflow:scroll;}
#content ul{ padding-left:15px;}
.indent_block p, p.indent{ text-indent:1.5em;}


/* clearers, spacers */
.clearer{ clear: both;}
.spacer1em{ clear: both; height: 1em;}
.spacer5px{ clear: both; height: 5px;}
.spacer10px{ clear: both; height: 10px;}
.spacer20px{ clear: both; height: 20px;}
.dline{ clear: both; height: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
.hide{ display: none;}
.mar_r10{ margin-right: 10px;}


/* contact */
.contact_img{ float:left; width:auto; margin:0 20px 0 0;}
.contact_text p{ font-size:14px; line-height:20px;}