/* styles for www.hotel-alter-speicher.de */
/*                                        */
/* media:	screen                        */
/* use:		on every page                 */
/* author:	click solutions GmbH          */
/*          Holger Blüthmann              */
/*                                        */

* {
	padding: 0; margin: 0; font-weight: normal; }

strong {
	font-weight: bold; }

img {
	border: none; }

body {
	padding-bottom: 80px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/wismar/body_bg.png); }

/*                                   */
/* main divs                         */
/*                                   */

div#opener {
	margin: 40px auto 0px auto; width: 918px; height: 10px; font-size: 1px; line-height: 1px; background-image: url(../images/header_opener.png); background-repeat: no-repeat; behavior: url(iepngfix.htc); }

div#header {
	margin: 0px auto 0px auto; width: 918px; height: 188px; background-image: url(../images/content_bg.png); background-repeat: repeat-y; }

div#header {
	margin: 0px auto 0px auto; width: 918px; height: 202px; background-image: url(../images/content_bg.png); background-repeat: repeat-y; }

div#seperator {
	margin: 0px auto 0px auto; clear: both; width: 918px; height: 9px; font-size: 1px; line-height: 1px; background-image: url(../images/header_content_seperator.png); background-repeat: no-repeat; }

div#content {
	margin: 0px auto 0px auto; width: 918px; background-image: url(../images/content_bg.png); background-repeat: repeat-y; }

div#navi {
	float: left; display: inline; margin: 0px 0px 0px 10px; width: 187px; background-color: #DCE6E8; background-image: url(../images/wismar/navi_bg.gif); background-repeat: repeat-x;  }

div#sidenotes {
	float: right; display: inline; margin: 0px 10px 0px 0px; width: 217px; }

div#text {
	float: left; margin: 0px 1px 0px 1px; width: 492px; }

div#closer {
	margin: 0px auto 0px auto; clear: both; width: 918px; height: 10px; font-size: 1px; line-height: 1px; background-image: url(../images/content_closer.png); background-repeat: no-repeat; }

/*                                   */
/* header classes                    */
/*                                   */
div#header{
	 position:relative;  }
	 
div#header div.title {
	padding: 0px 10px 0px 10px; margin: 0; position:relative; height:156px; z-index:0; }

div#header img {
	float: left; }

div#header div#kogge {
	float: left; background-image: url(../images/start/header_kogge.jpg); }

div#header p.breadcrumb {
	clear: both; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 11px; height: 29px; font-size: 11px; line-height: 29px; color: #4b5385; background-image: url(../images/wismar/breadcrumb_bg.gif); background-repeat: repeat-x;}

div#header p.breadcrumb a {
	text-decoration: none; color: #4b5385; font-weight: bold; }

div#header a.header-link{
	position:absolute; z-index:100; width:890px; height:156px; display:block; }

div#header a.cph-link{
	position:absolute; z-index:101; width:90px; height:47px; left:483px; top:100px; display:block; }
	
div#header a.historik-link{
	position:absolute; z-index:102; width:140px; height:47px; left:341px; top:100px; display:block; }


/*                                   */
/* content start classes             */
/*                                   */

div#content div#startwismar {
	float: left; width: 215px; height: 316px; margin-left: 10px; background-image: url(../images/start/content_wismar_bg.gif); background-repeat: no-repeat; }

div#content div#startcenter {
	float: left; width: 467px; height: 316px; background-image: url(../images/start/content_center_bg.gif); background-repeat: no-repeat; }

div#content div#startluebeck {
	float: left; width: 215px; height: 316px; background-image: url(../images/start/content_luebeck_bg.gif); background-repeat: no-repeat; }

div#content div#startluebeck p a {
	font-size: 12px; color: #4b5385; text-decoration: none; }

div#content div#startluebeck p a:hover {
	font-size: 12px; color: #4b5385; text-decoration: underline; } 

div#content p.footer {
	clear: both; margin: 0px 10px 0px 10px; padding-top: 7px; height: 26px; border-bottom: 7px solid #4b5385; background-color: #FFFFFF; background-image: url(../images/wismar/footer_bg.gif); background-repeat: repeat-x; font-size: 12px; line-height: 27px; }

div#content p.footer a {
	display: block; float: left; margin: 0px 0px 0px 25px; padding: 9px 0px 5px 35px; line-height: 12px; color: #4b5385; text-decoration: none; background-image: url(../images/footer_anbieter_wismar.gif); background-repeat: no-repeat; }

div#content p.footer a.english {
	width: 150px; margin: 0px 0px 0px 15px; background-image: url(../images/wismar/footer_anbieter.gif); }

div#content p.footer a.anbieter {
	width: 188px; margin: 0px 0px 0px 10px; background-image: url(../images/wismar/footer_anbieter.gif); }

div#content div#startcenter img {
	margin: 83px 0px 0px 140px; }

div#content div#startwismar a.startwappen, div#content div#startluebeck a.startwappen {
	display: block; color: #FFFFFF; height: 100px; font-size: 1px; line-height: 1px; }

div#content ul.startlangnavi {
	margin: 30px 0px 0px 10px; list-style-type: none; }

div#content div#startluebeck ul.startlangnavi {
	margin: 30px 30px 0px 0px; list-style-type: none; }

div#content ul.startlangnavi li {
	margin: 0px 0px 8px 0px; font-size: 12px; text-align: center; }

div#content ul.startlangnavi li a {
	color: #4b5385; text-decoration: none; }

div#content ul.startlangnavi li a:hover {
	text-decoration: underline; }


/*                                   */
/* navi classes                      */
/*                                   */

div#navi ul {
	list-style-type: none; }

div#navi ul li {
	border-bottom: 1px dotted #4b5385; padding: 2px 2px 2px 2px; }

div#navi ul li a {
	display: block; padding: 5px 10px 5px 10px; border: 1px solid #FFFFFF; color: #4b5385; text-decoration: none; font-size: 14px; line-height: 16px; }

div#navi ul li a.selected {
	font-weight: bold; }

/*div#navi ul li a:hover {
	color: #dddddd; }*/

div#navi ul li ul {
	margin: 0px 0px 0px 15px; }

div#navi ul li ul li {
	font-style: italic; }

div#navi ul li ul li.last {
	border: none; }

div#navi ul li ul li a {
	border: none; padding: 5px 10px 5px 0px; }

div#navi ul li ul li a.selected {
	font-weight: bold; }


div#navi ul.link-navi {
	display: none; list-style-type: none; }

div#navi ul.link-navi li {
	border-bottom: 1px dotted #4b5385; padding: 2px 2px 2px 2px; }

div#navi ul.link-navi li a {
	display: block; padding: 5px 10px 5px 10px; border: 1px solid #FFFFFF; color: #4b5385; text-decoration: none; font-size: 14px; line-height: 16px; }

div#navi ul.link-navi li.last {
	border: none; }


div#sidenotes ul {
	list-style-type: none; border-bottom: 1px dotted #4b5385; }

div#sidenotes ul li {
	margin-bottom: 1px; }

div#sidenotes ul li a {
	display: block; height: 48px; font-size: 1px; line-height: 18px; padding: 0px 10px 0px 10px; text-decoration: none; }

div#sidenotes ul li a.gaestehaus {
	background-color: #8db966; background-image: url(../images/sidenotes_gaestehaus.gif); color: #8db966; }

div#sidenotes ul li a.gaestehaus:hover {
	background-image: url(../images/sidenotes_gaestehaus_mo.gif); color: #8db966; }

div#sidenotes ul li a.hotel {
	background-color: #8db966; background-image: url(../images/sidenotes_hotel.gif); color: #8db966; }

div#sidenotes ul li a.hotel:hover {
	background-image: url(../images/sidenotes_hotel_mo.gif); color: #8db966; }

div#sidenotes ul li a.direktbuchen {
	background-color: #e0b82d; background-image: url(../images/sidenotes_direktbuchen.gif); color: #e0b82d; }

div#sidenotes ul li a.direktbuchen:hover {
	background-image: url(../images/sidenotes_direktbuchen_mo.gif); color: #e0b82d; }

div#sidenotes ul li a.hotelvideo {
	background-color: #c0566a; background-image: url(../images/sidenotes_hotelvideo.gif); color: #c0566a; }

div#sidenotes ul li a.hotelvideo:hover {
	background-image: url(../images/sidenotes_hotelvideo_mo.gif); color: #c0566a; }

div#sidenotes ul li a.business {
	background-color: #969cb9; background-image: url(../images/sidenotes_business.gif); color: #969cb9; }

div#sidenotes ul li a.business:hover {
	background-image: url(../images/sidenotes_business_mo.gif); color: #969cb9; }

/* englische Buttons */

body.lang-en div#sidenotes ul li a.gaestehaus {
	background-image: url(../images/sidenotes_guesthouse_en.gif); }

body.lang-en div#sidenotes ul li a.gaestehaus:hover {
	url(../images/sidenotes_guesthouse_mo_en.gif); }

body.lang-en div#sidenotes ul li a.direktbuchen {
	background-image: url(../images/sidenotes_bookdirectly_en.gif); }

body.lang-en div#sidenotes ul li a.direktbuchen:hover {
	background-image: url(../images/sidenotes_bookdirectly_mo_en.gif); }

body.lang-en div#sidenotes ul li a.hotel {
	background-image: url(../images/sidenotes_hotel_en.gif); }

body.lang-en div#sidenotes ul li a.hotel:hover {
	background-image: url(../images/sidenotes_hotel_mo_en.gif); }

div#sidenotes ul li a.arrangement {
	display: block; padding: 60px 85px 0px 10px; height: 118px; color: #FFFFFF; font-size: 14px; line-heigt: 20px; }

div#sidenotes p.contact {
	margin: 13px 13px 13px 13px; font-size: 12px; line-height: 16px; color: #4b5385; }

div#sidenotes p.contact a {
	text-decoration: none; color: #4b5385; }

div#sidenotes p.contact a:hover {
	text-decoration: underline; }

/*                                   */
/* text classes                      */
/*                                   */

div#text h1 {
	padding: 7px 7px 10px 9px; font-size: 20px; font-weight: bold; color: #4a5283; }

div#text h2 {
	padding: 7px 7px 0px 9px; font-size: 16px; font-weight: bold; color: #4a5283; }

div#text h3 {
	padding: 7px 7px 0px 9px; font-size: 14px; font-weight: bold; color: #4a5283; }

div#text p {
	padding: 7px 7px 10px 9px; font-size: 13px; color: #4a5283; line-height: 17px; }

div#text p.highlight {
	font-size: 15px; line-height: 19px; text-align: center; }

div#text p img, div#text h2 img {
	margin: 0px 10px 0px 10px; }

div#text p.headerimage {
	margin: 0px; padding: 0px; }

div#text p.headerimage img {
	margin: 0px; padding: 0px; }

div#text ul {
	padding: 7px 7px 10px 29px; list-style-type: square; font-size: 13px; color: #4a5283; line-height: 17px; }

div#text ol {
	padding: 7px 7px 10px 29px; list-style-type: decinal; font-size: 13px; color: #4a5283; line-height: 17px; }

div#text table {
	margin: 7px 7px 10px 9px; font-size: 13px; color: #4a5283; line-height: 17px; width: 470px; }

div#text table.speisekarte {
	margin: 1px 1px 1px 1px; font-size: 13px; color: #4a5283; line-height: 17px; width: 470px; }

div#text table td {
	padding: 5px 7px 7px 0px; vertical-align: top; font-size: 13px; color: #4a5283; line-height: 17px; }

div#text table td.right {
	width: 105px; }

div#text table th {
	text-align: left; padding: 0px 7px 7px 0px; font-size: 13px; color: #4a5283; line-height: 17px; font-weight: bold; }

div#text table td {
	border-bottom: 1px solid #d4d9e5; }

div#text table.speisekarte {
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 13px; color: #4a5283; line-height: 17px; width: 470px; }

div#text table.speisekarte th {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div#text table.speisekarte td {
	border: none; padding: 0px 0px 0px 1px; margin: 0px 0px 0px 0px; }

div#text table.speisekarte img {
	margin: 0px 0xp 0px 0px;  padding: 0px 0px 0px 0px; }

div#text .right {
	text-align: right; }

div#text a {
	color: #4a5283; text-decoration: underline; }

/*                                   */
/* gallery classes                   */
/*                                   */

div#gallery {
	padding: 8px 0px 0px 8px; border-bottom: 1px dotted #4a5283; }

div#big {
	float: left; }

div#big img {
	border: 1px solid #FFFFFF; }

div#text ul#thumbnails {
	float: left; width: 186px; list-style-type: none; margin: 0; padding: 0; }

div#text ul#thumbnails li {
	float: left; margin: 0px 0px 8px 7px; padding: 0px; width: 85px; height: 85px; }

div#text ul#thumbnails li img {
	border: 1px solid #FFFFFF; }

div#text ul#thumbnails li img.selected {
	border: 1px solid #4a5283; }

div#galleryclear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; background-color: #ffffff; }

div#text ul#picturelinks {
	float: left; width: 110px; list-style-type: none; margin: 0px 0px 0px 8px; padding: 0; }

div#text ul#picturelinks li {
	margin: 0px 0px 8px 3px; padding: 0px; }

div#text ul#picturelinks li a {
	text-decoration: none; color: #4a5283; }

div#text ul#picturelinks li a.selected {
	font-weight: bold; }

div#text ul#picturelinks li a:hover {
	text-decoration: underline; }


/*                                   */
/* arrangements classes              */
/*                                   */

div#arrangementlist {
	margin: 0px 0px 0px 0px; }

div#arrangementlist h2 {
	font-size: 14px; margin: 5px 0px 10px 0px; }

/*a.arrangementitem {
	float: left;  }*/

a.arrangementitem {
	clear: both;  }

div#arrangementlist a img {
	width: 490px; height: 40px; }


div#arrangementlist div.arrangement {
	clear: both; margin: 0px 0px 0px 10px; }

div#arrangementlist div.arrangement img {
	margin: 0px 0px 0px 0px; }

div#arrangementlist div.arrangement p {
	width: 250px; }

div#arrangementlist div.arrangement p a {
	color: #4a5283; }

div#text table tr td.error {
	color: #ff0000; }

div#text table tr td a.error {
	color: #ff0000; }
	
/*							*/
/* webres hotfix			*/
/*							*/
.WebResHotelAvailabilities {
	margin: 0 0 0 10px; }