/* global settings */
body{font-family:helvetica,arial,verdana,sans-serif;font-size:12px;color:#000;margin:0 auto;padding:0;background:#fff}
html, body{height:100%}
h1,h2,h3,h4,p,img,ul,li,fieldset{margin:0;padding:0;border:0px}
a, a:link, a:visited{color:#000;text-decoration:none}
a:hover{color:#000}
img.print_footer {
	display: none !important
	height: 0px !important;
	width: 0px !important;
}
/*----------- layout -----------*/
#wrap {
	background: #e8e8e9;
	height: 600px;
	width: 990px;
	margin: 0 auto;
	position: relative;
}

#left {
	width: 800px;
	margin-right: 25px;
	float: left;
}

*html #left {
	width: 795px;
	float: left;
}

#microsite {
	background: #fff;
	width: 730px;
	margin-right: 25px;
	padding: 30px 0 0 70px;
	float: left;
}

*html #microsite {width: 805px}

#microsite h3 {
	font-size: 12px;
	color: #8c6cd1;
}

#microsite #image_navi li a {
	height: 17px;
	display: block;
}

#microsite #image_navi li.eat a {
	width: 144px;
	background: url(../images/scent_navigation/eat_de.gif) no-repeat;
}

#microsite #image_navi li.philosophy a {
	width: 109px;
	background: url(../images/scent_navigation/philosophy_de.gif) no-repeat;
}

#microsite #image_navi li.team a {
	width: 51px;
	background: url(../images/scent_navigation/team_de.gif) no-repeat;
}

#microsite #image_navi li.info a {
	width: 36px;
	background: url(../images/scent_navigation/info_de.gif) no-repeat;
}

#microsite #image_navi li.gallery a {
	width: 68px;
	background: url(../images/scent_navigation/gallery_de.gif) no-repeat;
}

#microsite #image_navi li.eat_en a {
	width: 102px;
	background: url(../images/scent_navigation/eat_en.gif) no-repeat;
}

#microsite #image_navi li.philosophy_en a {
	width: 101px;
	background: url(../images/scent_navigation/philosophy_en.gif) no-repeat;
}

#microsite #image_navi li.team_en a {
	width: 51px;
	background: url(../images/scent_navigation/team_en.gif) no-repeat;
}

#microsite #image_navi li.info_en a {
	width: 36px;
	background: url(../images/scent_navigation/info_en.gif) no-repeat;
}

#microsite #image_navi li.gallery_en a {
	width: 68px;
	background: url(../images/scent_navigation/gallery_en.gif) no-repeat;
}

#microsite #image_navi li a:hover, #microsite #image_navi li a.active {background-position: left -23px}

#microsite ul {
	font-family: 'rockwell', Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 19px;
	margin-top: 25px;
}

#microsite ul li {
	list-style: none;
	margin-right: 60px;
	float: left;
}

#microsite ul li a {color: #5d4f4c}
#microsite ul li a:hover, #microsite ul li.active a {color: #8c6cd1}

#microsite #content {
	width: 670px;
	height: 410px;
	line-height: 17px;
	margin-top: 28px;
	float: left;
}

#microsite #content p {
	color: #5d4f4c;
}

#microsite #content p strong {color: #8c6cd1}

#microsite #content a {
	font-weight: bold;
	color: #8c6cd1;
	display: block;  
}

#microsite #content em {color: #5d4f4c}

#microsite #content img {
	margin: 10px 50px 0 0;
	float: left;
}

#microsite #content .team img {
	margin: 0 15px 0 0;
}

#microsite .galleries div {
	margin: 0 0 30px 0;
	width: 335px;
	float: left;
}

#microsite .galleries div img {
	margin: 0 15px 0 0 !important;
}

#microsite .galleries div p {
	width: 110px;
	float: left;
}

#microsite .team_overflow {
	height: 400px;
	overflow: hidden;
}

#microsite .team_overflow div img {
	float: left;
}

#microsite .team_overflow div {
	width: 690px;
	margin-right: 30px;
	float: left;
}

#microsite .team_overflow div p {
	width: 300px;
	float: left;
}

#nav {
	width: 300px;
	position: absolute;
	bottom: 90px;
	right: 270px;
	float: left;
}

#prev {
	background-image: url(../images/micro_arrow_l.gif);
	height: 14px;
	width: 16px;
	display: block;
	float: left;
}

#next {
	background-image: url(../images/micro_arrow_r.gif);
	height: 14px;
	width: 16px;
	display: block;
	float: right;
}

#background {
	width: 800px;
	height: 600px;
}

#background img {
	margin: 0 !important;
	position: absolute;
	display: none;
}

#left h1 {
	font-size: 94px;
	letter-spacing: -2px;
	margin: 60px 0 0 50px;
}

#left .subsubmenu {margin: 0 0 0 50px}

#left .subsubmenu li {
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	list-style: none;
}

#left .subsubmenu li a:hover, #left .subsubmenu li.active a {color: #b1b1b1}



#left .pager {
	margin: 17px 0 12px 0px;
	float: left;
}

*html .pager {display: inline}

#left .pager li {
	font-size: 14px;
	list-style: none;
	margin-right: 6px;
	float: left;
}

#left .pager li span {display:none}

#left .pager li a:hover, #left .pager li a.active {color: #b1b1b1}

#left p {
	font-size: 13px;
	line-height: 16px;
	float: left;
	clear: both;
	width: 450px;
	margin: 0 0 0 50px;
}

#left img {margin-bottom: 17px}

*html p {display: inline}

#left #submenu {
	position: absolute;
	top: 169px;
	left: 700px;
}

#left #submenu li {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	list-style: none;
}

#left #submenu li a:hover, #left #submenu li.active a {color: #b1b1b1}


#left #submenu_movie {
	position: absolute;
	top: 440px;
	left: 700px;
}

#left #submenu_movie li {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	list-style: none;
}

#left #submenu_movie li a:hover, #left #submenu_movie li.active a {color: #b1b1b1}

.berlin {
	position: relative;
	height: 600px;
}

.berlin img {
	position: absolute;
	top: 60px;
	left: 100px;
}

#right {
	margin-top: 25px;
	float: left;
}

*html #right {
	width: 60px;
	float: right;
	position: absolute;
	top: 0 ;
	right: 0;
}


*html #right  .submit_ie6{
	float: left;
	clear: left;l
	border: 1px solid red;
	width: 70px !important;
	display: block;
}


*html #right .checkboxes{
float: left;
clear: left;
	
}

#menu {margin-top: 23px}

#menu li {
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	list-style: none;
}

#menu li a {color: #000}

#menu li a:hover, #menu li.active a {color: #b1b1b1}

#menu li.lang_select a {color: #82573c}

a.arrow_link {
	font-size: 14px;
	font-weight: bold;
	color: #82573c !important;
	float: left;
	clear: left;
	background: url(../images/arrow_brown.gif) no-repeat left 3px;
	margin: 30px 0 0 50px;
	padding-left: 15px;
	display: block;
}

a.arrow_link.black {
	color: #000 !important;
	background: url(../images/arrow_big.gif) no-repeat left 3px;
	margin: 30px 0 0 0;
}

*html a.arrow_link {display: inline}

#weather {margin-top: 260px}

#weather li {
	font-size: 10px;
	list-style: none;
	line-height: 11px;
	float: left;
	margin-right: 15px;
}

#weather li span {
	height: 36px;
	display: block;
}
*html #weather{
	width: 180px !important;
	float: left;
	margin-top: 0px;
}

*html #weather li {margin-right: 8px !important; float: left;width: 50px;}
#weather li img {margin-bottom: 4px}

a.arrow_link_small {
	font-size: 10px;
	font-weight:bold;
	background: url(../images/arrow.gif) no-repeat left 2px;
	margin: 25px 0 10px 0;
	padding-left: 13px;
	float: left;
	clear: left;
	display: block;
}

.mod {
	margin-top: 5px;
	float: left;
	clear: left;
}

.gallery_pager {
	position: absolute;
	top: 260px;
	left: 700px;
}

.gallery_pager span {
	font-size: 48px;
	font-weight:bold;
	position: absolute;
}

.gallery_pager span.active {
	font-size: 72px;
	position: absolute;
}

.gallery_pager span a:hover, .gallery_pager span.active a {color: #b1b1b1}
.pager {float: left;}
.page strong {font-weight: normal}
.page_entry {
	background: url(../images/slash.gif) no-repeat left center;
	padding-left: 12px;
}
.page_entry:first-child {
	background: none;
	padding-left: 0;
}
*html .page_1 {
	margin-left: -16px;
}
.page_1:hover strong {color: #b1b1b1}
.page_2:hover strong {color: #b1b1b1}
.page_3:hover strong {color: #b1b1b1}
.page_4:hover strong {color: #b1b1b1}
.page_5:hover strong {color: #b1b1b1}
.page_6:hover strong {color: #b1b1b1}
.page_7:hover strong {color: #b1b1b1}
.page_8:hover strong {color: #b1b1b1}
.page_10:hover strong {color: #b1b1b1}
.page_11:hover strong {color: #b1b1b1}
.page_12:hover strong {color: #b1b1b1}
.page_13:hover strong {color: #b1b1b1}
.page_14:hover strong {color: #b1b1b1}
.page_15:hover strong {color: #b1b1b1}

.view {float: left}

.read_view {
	height: 35px;
	margin: 0 0 60px 50px;
	display: inline;
	float: left;
}

.read_view li {
	font-size: 24px;
	font-weight: bold;
	list-style: none;
	line-height: 21px;
}

.read_view li a:hover, .read_view li.active a {color: #b1b1b1 !important}

form.contact {
	width: 349px;
	margin-left: 55px;
	position: relative;
}

.contact label {
	font-size: 10px;
	font-weight: bold;
	float: left;
	clear: left;
}

.contact input {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 12px;
	color: #fff;
	background: #000;
	border: 1px solid #000;
	width: 333px;
	padding: 4px 7px;
	margin: 3px 0 13px 0;
	float: left;
	clear: left;
}

*html .contact input {margin-left: -55px}
*+html .contact input {margin-left: -55px}
*html .contact textarea {margin-left: -55px}
*+html .contact textarea {margin-left: -55px}

.contact textarea {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 12px;
	color: #fff;
	background: #000;
	border: 1px solid #000;
	height: 142px;
	width: 333px;
	padding: 4px 7px;
	margin-top: 3px;
	overflow: hidden;
	float: left;
	clear: left;
}

.contact a {
	float: left;
	clear: left;
}

.contact label.error {color: #82573c}

.contact input.error, .contact textarea.error {
	background: #82573c;
	border: 1px solid #82573c;
}

.contact label.error {color: #82573c}

.error_message {
	font-size: 13px;
	color: #82573c;
	height: 45px;
	margin-left: 55px;
	display:block;
}

.contact .submit {	
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: url(../images/arrow_big.gif) no-repeat left center;
	border: 0;
	width: 56px;
	margin: 18px 0 0 0;
	float: right;
	padding: 0 0 0 15px;
}

big {
	font-size: 14px;
	line-height: 12px;
	font-weight:bold;
	top: 2px;
	left: 400px;
	width: 400px;
	position: absolute;
}

.thanks {
	font-size: 24px;
	font-weight: bold;
	color: #82573c;
	line-height: 20px;
	margin: 0 0 0 50px;
	display: block;
}

form.booking_panel {
	position: absolute;
	top: 25px;
	left: 26px;
	width: 200px;
	z-index: 99;
}

form.booking_panel legend {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 13px;
}

form.booking_panel label {
	font-size: 10px;
	color: #fff;
	float: left;
	clear: left;
}

form.booking_panel input {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 10px;
	color: #000;
	border: 0;
	width: 138px;
	padding: 2px 2px;
	margin: 1px 0 5px 0;
	float: left;
	clear: left;
}

form.booking_panel div {
	margin-right: 4px;
	float: left;
}

form.booking_panel div select {
	width: 69px;
	float: left;
	clear: left;
}

form.booking_panel .check {
	font-size: 14px;
	font-weight: bold;
	color: #fff !important;
	width: 70px;
	padding-left: 17px;
	margin-top: 4px;
	background: url(../images/arrow_white.png) no-repeat left center;
	float: left;
	display: block;
}

*html form.booking_panel .check {background: url(../images/arrow_white.gif) no-repeat left center}

.impressum {
	background: #000;
	height: 600px;
}

.impressum h3 {
	font-size: 24px;
	color: #fff;
	margin: 160px 0 78px 50px;
}

.impressum p {
	font-size: 13px;
	color: #fff;
}

.impressum p strong {
	font-size: 13px;
	color: #fff;
	line-height: 13px;
	margin: 0 0 14px 0;
	display: block;
}

#moving_image {
	position: relative;
	height: 363px;
	width: 675px;
	overflow: hidden;
	margin-bottom: 10px;
}

#moving_image img {
	position: absolute;
	top: 363px;
}

.ui-datepicker {
	z-index: 999;
}

.facebookLike {
	position: absolute;
	margin-top: 55px;
}

*+html .facebookLike {
	margin-top: 0;
	right: 10px; 
}

/*----------- footer -----------*/
.footer {
	top: 609px;
	left: 0;
	width: 990px;
	position: absolute;
}

*html .footer {
	float: left;
	top 635px;
}

.TA_certificateOfExcellence{
	float: left;
	margin-top: -10px;
}

.facebook{float: left;	width: 850px;
}

.visitFacebook {
	margin-bottom: 10px;
	width: 490px;
	font-size: 10px;
	line-height: 10px;
	padding: 2px 5px 2px 30px;
	background: url(../images/facebook_icon.gif) no-repeat;
	display: block;
	float: left;
}

a.soundControll {
	font-size: 11px;
	color: #976a4c;
	background: url(../images/speaker_off.gif) no-repeat right top;
	padding: 1px 15px 0 0;
	margin-top: 3px;
	float: right;
}

a.soundControll.isPaused {
	background: url(../images/speaker_on.gif) no-repeat right top;
	padding: 4px 25px 4px 0;
	margin-top: 0;
}

.newsletterSubscribe {
	width: 160px;
	margin-top: 27px;
	float: left;
}

.newsletterSubscribe legend {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding-bottom: 3px;
}

.newsletterSubscribe p {font-size: 11px}

.newsletterSubscribe label {
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 2px 0;
	float: left;
	clear: left;
}

.newsletterSubscribe label.error {color: #ff0000}

.newsletterSubscribe input {
	float: left;
	clear: left;
}

.newsletterSubscribe #email {width: 135px}

.newsletterSubscribe div {
	width: 140px;
	margin: 2px 0 3px 0;
	float: left;
}

*+html .newsletterSubscribe label {
	clear: left;
}

.newsletterSubscribe div div {width: 65px}

.newsletterSubscribe div label {
	font-weight: normal;
	margin: 0 0 5px 3px;
	clear: none;
}

.newsletterSubscribe div input {
	border: none;
	clear: none;
}

.newsletterSubscribe a {	
	font-size: 14px;
	font-weight: bold;
	background: url(../images/arrow.gif) no-repeat left 3px;
	padding-left: 12px;
	margin-top: 8px;
	float: left;
}

#niftyPlayer1 {visibility: hidden}

* html #niftyPlayer1 {visibility: visible}
*+ html #niftyPlayer1 {visibility: visible}



/*----------- berlin map -----------*/
.map {
	background: #e7e7e8 url(../images/map.gif);
	top: 0;
	left: 0;
	height: 600px;
	width: 675px;
	position: absolute;
	z-index: 0;
}

.map ul {
	z-index: 99 !important
}

.map ul li {
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	position: absolute;
}

.map ul li {color: #b1b1b1}
.map ul li.red {
	font-size: 11px;
	color: #f32f32;
}

.map ul li a {
	color: #000;
}

.map ul li a:hover {color: #b1b1b1}

.map ul li.inactive a  {color: #b1b1b1}

.map ul li.inactive {z-index: 98}

.map ul li.active {
	color: #b1b1b1;
	cursor: default;
	z-index: 100;
}

*+html .overlayClick {
	background: #fff;
	opacity:0.0;
 	filter: alpha(opacity=0);
}

/*----------- overlay -----------*/
.overlay {
	background: #fff;
	width: 460px;
	height: 580px;
	padding: 20px;
}

.overlay.large {height: 730px}

.overlay h1 {
	font-size: 14px;
	line-height: 13px;
}

.overlay p {
	font-size: 11px;
	line-height: 14px;
}

.overlay .address {
	width: 245px;
	height: 250px;
	margin: 0 15px 0 0;
	float: left;
	position: relative;
}

a.googleMaps {
	text-decoration: underline;
	position: absolute;
	bottom: 0;
}

.overlay .address a {color: #976a4c}
.overlay img {float: left}
.overlay .content {float: left;clear: left}
*html .overlay .content {width: 354px}
*+html .overlay .content {width: 354px}

a.arrow_link.popup {
	background: url(../images/arrow_brown_white.gif) no-repeat left 3px;
	margin: 30px 0 0 0px;
	padding-left: 15px;
	display: block;
}

a#prevSuppliers {
	background: url(../images/prev.gif) no-repeat;
	width: 13px;
	height: 16px;
	margin-left: 660px;
}

a#nextSuppliers {
	background: url(../images/next.gif) no-repeat;
	width: 13px;
	height: 16px;
	margin-left: 660px;
}

.emailpohl.hide {display: none}

a.teaser_button {
	height: 149px;
	width: 148px;
	display: block;
	background: url(../images/teaser_button_online.png) no-repeat left top;
	position: absolute;
	z-index: 99;
	right: 247px;
	bottom: 85px;
}

#TA_tchotel129 {
	width: 165px;
	float: left;
}

/*----------- bug fixes -----------*/
.clearfix:after,.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.clear{display:inline-block}
/* hides from ie-mac \*/
* html .clearfix{height:1%}
* html .clear{height:1%}
.clearfix,.clear{display:block}
/* end hide from ie-mac */