/* screen.css
------------------------------------------------------------------------
This stylesheet contains the general rules for the website.

Author: elements.at 
--------------------------------------------------------------------- */


/* Basic
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #eaddad url(/static/img/back.jpg) repeat-x;
	text-align: center;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #736941;
	line-height: 14px;
}

div, h1, h2, h3, h4, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;			
	text-align: left;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	color: #2d260a;
	font-size: 24px;
	line-height: 22px;
	margin: 0 0 25px 0;	
}

h2 {
	color: #2d260a;
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	margin:5px 0 0 0;		
}

h3 {
	color: #736941;
	font-weight: bold;		
}

h4 {
	color: #333;
	font-weight: bold;		
}

em {
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase;
	color: #2d260a;
}

object {
	display: block;
}

a:link {
	color: #b3a46b;
	text-decoration: none;
}

a:visited {
	color: #b3a46b;
	text-decoration: none;
}

a:hover {
	color: #e1b500;
	text-decoration: none;
}

a:active {
	color: #e1b500;
	text-decoration: none;
}

img {
	border: 0;
}

label {
	float: left;
	margin: 2px 0 0 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/* general site container (Shadows and Site)
--------------------------------------------------------------------- */

#container {
	width: 1000px;
	margin: 0 auto;
}

#site {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
	float: left;
	

}

#shadow_left {
	float: left;
	width: 9px;
	height: 668px;
	background: url(/static/img/shadow_left.jpg) no-repeat;
}

#shadow_right {
	float: left;
	width: 9px;
	height: 668px;
	background: url(/static/img/shadow_right.jpg) no-repeat;
}


/* header
--------------------------------------------------------------------- */

#top {
	width: 950px;
	height: 40px;
	padding: 0 15px;
	float: left;
	background: #fff;
}

#logo {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/logo.png) no-repeat;
	width: 205px;
	height: 165px;
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 100;
}

#lang {
	width: 700px;
	margin: 19px 0 0 0;
	float: right;
	text-align: right;
}

#lang a {
	margin: 0 0 0 8px;
}


/* Navigation
--------------------------------------------------------------------- */

#nav {
	width:965px;
	height:28px;
	padding: 12px 0 0 15px;
	float: left;
}

#nav div {
	margin: 0 0 0 20px;
	float: left;
}

#nav div.em {
	margin: 0;
	cursor:pointer;
}

#nav span a { border:1px solid #FFF; }
#nav span.normal a:hover { border-bottom:1px solid #958b62; }
#nav span.summer a:hover { border-bottom:1px solid #a5bf00; }
#nav span.winter a:hover { border-bottom:1px solid #4c8cae; }
#nav span.selfness a:hover { border-bottom:1px solid #824ea6; }
#nav span.family a:hover { border-bottom:1px solid #f19202; }
#nav span.seminar a:hover { border-bottom:1px solid #a5bf00; }

#dropup table {
height:100%;
}

#dropup td {
vertical-align:bottom;
}

#dropup {
	left:0;
	top:0;
	overflow:hidden;
	position:absolute;
	width:950px !important;
	z-index:900;
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/image_arabesk.png) 200px 0 no-repeat;
}

#dropup div {
	bottom:0;
	display:none;
	padding: 0 0 7px 0;
	position:absolute;
	width:160px;
	z-index:5000;
}

#dropup ul {
	overflow: hidden;
	background: none !important;
	list-style: none;
}

#dropup ul li {
	display:block;
	list-style-type:none;
	line-height: 18px;
	margin:0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(/static/img/arrow_subnav.gif) 0 6px no-repeat;
}


#dropup ul li a {
color: #5b5641;
}

#dropup ul li a.active {
font-weight:bold;
}

#dropup ul li a:hover, #dropup ul li a:active {
	color: #e1b500;
}

#dropupBackground {
	behavior: url(/static/js/iepngfix.htc);
	display:none;
	left:0;
	top:0;
	position:absolute;
	width:160px;
	z-index:5;
	background:url(/static/img/dropup-bg.png);
}

#nav #home {
	background: url(/static/img/home.gif) 0 3px no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
}

#nav #reception {
	background: url(/static/img/reception.gif) 0 3px no-repeat;
	padding: 0 35px 0 20px;
}


/* nav color coding
--------------------------------------------------------------------- */

#nav .summer em a {
	color: #a5bf00;
}

#nav .winter em a {
	color: #4c8cae;
}

#nav .selfness em a {
	color: #e66618;
}

#nav .family em a {
	color: #f19202;
}

#nav .seminar em a {
	color: #824ea6;
}

#dropup ul.summer li {
	background: url(/static/img/arrow_subnav_summer.gif) 0 6px no-repeat;
}

#dropup ul.summer li a.active {
font-weight:bold;
}

#dropup ul.summer li a:hover {
	color: #9ab200;
}

#dropup ul.winter li {
	background: url(/static/img/arrow_subnav_winter.gif) 0 6px no-repeat;
}

#dropup ul.winter li a.active {
font-weight:bold;
}

#dropup ul.winter li a:hover {
	color: #4c8cae;
}

#dropup ul.selfness li {
	background: url(/static/img/arrow_subnav_selfness.gif) 0 6px no-repeat;
}

#dropup ul.selfness li a.active {
font-weight:bold;
}

#dropup ul.selfness li a:hover{
	color: #e66618;
}

#dropup ul.family li {
	background: url(/static/img/arrow_subnav_family.gif) 0 6px no-repeat;
}

#dropup ul.family li a.active {
font-weight:bold;
}

#dropup ul.family li a:hover {
	color: #f19202;
}

#dropup ul.seminar li {
	background: url(/static/img/arrow_subnav_seminar.gif) 0 6px no-repeat;
}

#dropup ul.seminar li a.active {
font-weight:bold;
}

#dropup ul.seminar li a:hover {
	color: #a65dd9;
}


/* inquiry
--------------------------------------------------------------------- */

input.day {
	color: #000;
	border: 1px solid #a39a77;
	width: 16px;
	padding: 1px 5px 2px 5px;
	float: left;
	margin: 0 3px 0 0;
}

input.year {
	color: #000;
	border: 1px solid #a39a77;
	border-right: none;
	width: 28px;
	padding: 1px 5px 2px 5px;
	float: left;
}

.calender {
	float: left;
	cursor: pointer;
}

.submit {
	background: #a39a77 url(/static/img/arrow_white.gif) 10px 6px no-repeat;
	padding: 1px 8px 2px 21px;
	border: none;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 20px;
	cursor: pointer;
	overflow: visible;
}


/* footer
--------------------------------------------------------------------- */

#footer {
	height: 180px;
	width: 965px;
	padding: 0 0 15px 15px;
	background: url(/static/img/footer_portal_back.gif) repeat-x;
	float: left;
}

#footer a:link, #footer a:visited {
	color: #7c734c;
	display: block;
}

#footer a:hover, #footer a:active {
	color: #b38f00;
	display: block;
}

#footer .item {
	float: left;
	line-height: 16px;
	width: 170px;
	margin: 31px 0 0 0;
}

#footer #item_back {
	background: url(/static/img/arabesk_portalfooter.gif) top right no-repeat;
	width: 386px;
	float: left;
}

#footer .item_info {
	float: left;
	line-height: 16px;
	width: 161px;
	margin: 31px 0 0 0;
}

#footer .item_info a {
	cursor:pointer;
}

#footer .item_center {
	float: left;
	line-height: 16px;
	width: 200px;
	margin: 15px 0 0 10px;
}

#footer .item_center p {
	margin: 10px 0 0 7px;
}

#footer .item_center a {
	background: url(/static/img/arrow_dark.gif) 0 4px no-repeat;
	padding: 0 0 0 14px;
	cursor:pointer;
}

#footer em, #footer .em {
	background: url(/static/img/square_small_white.gif) 0 4px no-repeat;
	padding: 0 0 0 20px;
	color: #fff;
}

#footer p {
	margin: 10px 0 0 20px;
}

#footer .item_address {
	float: left;
	line-height: 16px;
	width: 199px;
	margin: 15px 0 0 0;
}


/* tell a friend */
#tellafriendOut {
float:right;
overflow:hidden;
width:565px;
padding-top:15px;
}

#tellafriendOut table td input {
border:1px solid #A39A77;
color:#000000;
padding:1px 5px 2px;
}

#tellafriendOut table td {
padding:2px 0 0 0;
}

#tellafriendOut input.submit {
margin:0;
}


/* portal.css
------------------------------------------------------------------------
This stylesheet contains the rules for the portal page.

Author: elements.at 
--------------------------------------------------------------------- */


/* Basic
--------------------------------------------------------------------- */

em {
	color: #958b62;
}

#portal_image {
	height: 505px;
	width: 950px;
	background: #fff;
	padding: 0 15px;
	float: left;
}

#portal_tour {
	width:311px;
	height:87px;
	float:right;
	z-index:1000;
	position:absolute; 
	top:0; 
	right:0;
	margin:75px 15px 0 0;
	cursor:default;
}

#portal_tour em {
	color: #fff;
	font-size: 31px;
	line-height: 32px;
	text-transform: none;
}

#portal_tour .line {
	margin: 0 0 0 35px;
}

#portal_tour .button {
	float: right;
	padding: 0 50px 0 0;
}

#portal_tour .button a em {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/tour_button.png) top right no-repeat;
	font-size: 20px;
	text-transform: none;
	padding: 0 38px 5px 0;
}


/* nav
--------------------------------------------------------------------- */

#navcontainer {
	height: 310px;
	position:relative;
}	

#nav {
	/*behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/nav_back.png) top right no-repeat;*/
	background:#FFFFFF;
	width:935px;
}

#navcontainer #dropup {
	height: 310px;
}

#dropup td {
_height:305px;
}

#dropup div {
	height:233px;
}

#navcontainer #dropupBackground {
	height:310px;
}

#map_container {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/map.png) no-repeat left bottom;
	left:765px;
	top:390px;
	_left:593px;
	_top:-155px;
	position:absolute;
	width:200px;
	height: 155px;
	z-index:6000;
	visibility:hidden;
}

#map_container a {
	background:url(/static/img/arrow_white.png) no-repeat 0px 4px;
	_background:none;
	position:absolute;
	color:#FFFFFF;
	padding-left:14px;
	bottom:7px;
	left:10px;
}

/* Teasers
--------------------------------------------------------------------- */

#portal_tsrs_container {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/portal_tsrs_back.png) no-repeat;
	width: 636px;
	height: 155px;
	overflow: hidden;
	padding: 0 157px;
	float: left;
}

#portal_tsrs_container #toLeft {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/arrow_left.png) no-repeat;
	height: 27px;
	width: 27px;
	cursor: pointer;
	float: left;
	margin: 94px 15px 0 0;
}


#portal_tsrs_container .center {
	float:left;
	width: 550px;
	height: 155px;
	overflow:hidden;
}

#portal_tsrs_container .center .teasercontainer {
	display:inline;
	float:left;
	height:155px;
	overflow:hidden;
	position:relative;
	width: 550px;
}

#portal_tsrs_container .center .teasercontainer .allteasers {
	left:0pt;
	position:absolute;
	top:0pt;
	width:5400px;
}


#portal_tsrs_container .center .teaser {
	height: 145px;
	width: 160px;
	overflow:hidden;
	position:relative;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	color: #fff;
	cursor: pointer;
}

#portal_tsrs_container .center a:hover p {
	color: #dfcd8a;
}

#portal_tsrs_container .center .teaser .square {
	float: left;
	margin: 11px 11px 0 0;
}

#portal_tsrs_container .center .teaser span {
	color: #fff;
	margin: 7px 0 0 0;
	display: block;
}

#portal_tsrs_container .center .teaser .em {
	margin: 7px 0 0 0;
}

#portal_tsrs_container .center .teaser p {
	margin: 6px 0 0 25px;
}

.item label {
	width: 49px;
}

#portal_tsrs_container #toRight {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/arrow_right.png) no-repeat;
	height: 27px;
	width: 27px;
	cursor: pointer;
	float: left;
	margin: 94px 0 0 15px;
}


/* bottom
--------------------------------------------------------------------- */

#portal_bottom {
	height: 29px;
	width: 965px;
	background: #fff url(/static/img/arabesk_portalbottom.gif) bottom right no-repeat;
	float: left;
	padding: 11px 0 0 15px;
}

#portal_bottom .item {
	float: left;
	width: 180px;
}

#portal_bottom em, #portal_bottom .em {
	float: left;
	width: 150px;
	background: url(/static/img/square_small_gray.gif) 0 4px no-repeat;
	padding: 0 0 0 20px;
}

#portal_bottom form {
	width: 589px;
	float: left;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 5px solid #FFFFFF;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #f3ecd2;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;
}

.calendar table {
  border: 0px solid #FFFFFF;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #f3ecd2;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;  
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid #fff;
  z-index:1000;  
}

.calendar .nav {
  background: transparent url(/shared/shop/neutral/menuarrow.gif) no-repeat 100% 100%;
  z-index:1000;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #FFFFFF;
  background: #f3ecd2;
  color: #000;
  text-align: center;
  z-index:1000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells 
  <TD> containing the day names */ border-bottom: 1px solid #FFFFFF; padding: 2px; 
    text-align: center; background: #e9e1c3; z-index:1000; } 
.calendar thead .weekend 
    { /* How a weekend day name shows in header */ color: #b38f00; z-index:1000; 
    } 
.calendar thead .hilite { /* How do the buttons in header appear when hover 
    */ border: 2px solid #fff; padding: 0px; background-color: 
    #d8c274; z-index:1000; } 
.calendar thead .active { /* Active (pressed) buttons 
    in header */ padding: 2px 0px 0px 2px; border: 1px solid #FFFFFF; 
    background-color: #b8c4c0; z-index:1000; } /* The body part -- contains all 
    the days in month. */ 
.calendar tbody .day { /* Cells 
  <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
    z-index:1000;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
    z-index:1000;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
    z-index:1000;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #FFFFFF;
  background: #f3ecd2;
   z-index:1000;
}

.calendar tbody .rowhilite td {
  background: #FFFFFF;
  z-index:1000;
}

.calendar tbody .rowhilite td.wn {
  background: #f3ecd2;
    z-index:1000;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid #FFFFFF;
  z-index:1000;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid #FFFFFF;
  z-index:1000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #FFFFFF;
  padding: 2px 2px 0px 2px;
  background: #b38f00;
  z-index:1000;
  color: #fff !important;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #b38f00;
  z-index:1000;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  /*color: #FFFFFF;*/
  z-index:1000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
  z-index:1000;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
  z-index:1000;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #CDC8B9;
  padding: 1px;
  border: 1px solid #FFFFFF;
  background: #f3ecd2;
  color: #000000;
  text-align: center;
  z-index:1000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border: 1px solid #fff;
  padding: 1px;
  background: #d8c274;
    z-index:1000;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border: 1px solid #FFFFFF;
    z-index:1000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid #fff;
  background: #d8c274;
  font-size: 90%;
  padding: 1px;
    z-index:1000;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
    z-index:1000;
}

.calendar .combo .label-IEfix {
  width: 4em;
    z-index:1000;
}

.calendar .combo .active {
  background: #f3ecd2;
  padding: 0px;
  border: 1px solid #FFFFFF;
    z-index:1000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
    z-index:1000;
}

.calendar td.time {
  border-top: 1px solid #FFFFFF;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
    z-index:1000;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
    z-index:1000;
}

.calendar td.time .ampm {
  text-align: center;
    z-index:1000;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
    z-index:1000;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
    z-index:1000;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
    z-index:1000;
}