/*****************
*                *
*   24.com CSS   *
*                *
******************/

	* {
		margin: 0;
		padding: 0;
		border: none;
		text-decoration: none;
	}
	html {
		background: url(../images/bg.gif) #fff 0% 0% repeat-x;
		font: 65% "Arial", "Helvetica", sans-serif;
		height: 100%;
		color: #000;
	}
	body {
		width: 804px;
		margin: 0 auto;
		padding: 36px 28px 0 28px;
		background: url(../images/bg-header.gif) 50% 0% no-repeat;
	}
	#top {
		height: 140px;
		position: relative;
	}
	#content, #column-left, #column-right, #footer {
		float: left;
		font-size: 120%;
	}
	#content {
		clear: both;
		width: 624px;
		float: right;
		margin: 0 0 10px 0;
	}
	#column-left {
		width: 165px;
		float: right;
		margin: 0 15px 10px 0;
	}
	#bottom {
		clear: both;
		padding: 10px;
		font-size: 120%;
		text-align: center;
		background: url(../images/bg-footer.gif) #BCD0FF 0% 0% no-repeat;
		color: #58627C;
	}

/* text & colors */
	a:link, a:visited {
		color: #274285;
	}
	a:hover {
		color: #758ECA;
	}
	a:focus {
		outline: none;
	}
	#content h1 {
		color: #5671B2;
		font: normal 180% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: .5em 0;
		clear: both;
	}
	h2 {
		color: #5671B2;
		font: bold 120% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: .5em 0 .5em 0;
		margin: 0 0 .5em 0;
	}
	#content img {
		border: 2px solid #BCD0FF;
		padding: 1px;
		margin: 10px 10px 10px 0;
	}
	#content img.text {
		border: none;
		padding: 0;
	}
	#content .left {
		float: left;
		clear: both;
		margin: 0 10px 5px 0;
	}
	#content .center {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#content a {
		text-decoration: underline;
	}
	#top div {
		display: block;
		width: 804px;
		height: 70px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/bg-header-top.png) 50% 0% no-repeat;
	}
	#top span {
		position: absolute;
		right: 10px;
		top: 0;
		width: 310px;
		height: 50px;
		text-indent: -9999px;
	}
	#content p, #content ul {
		line-height: 1.3em;
		margin-bottom: .5em;
		text-align: justify;
	}
	#content li {
		margin-left: 1.5em;
	}
	a.external {
		padding-right: 10px;
		background: url(../images/external.gif) 100% 50% no-repeat;
	}
	b, strong {color: #414A5F;}
	.clear {clear: both;}
	#content img.left {
		clear: left;
		float: left;
		margin: 0 10px 3px 0;
	}
	#content img.right {
		clear: right;
		float: right;
		margin: 0 0 3px 10px;
	}
	#content img.clear {clear: both;}

/* news */
	#wpList {
		margin: 0;
		padding: 0;
	}
	#wpList li {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
	}
	#gallery li {
		list-style: none;
		float: left;
		width: 200px;
		text-align: center;
		height: 160px;
		margin: 0;
	}

/* forms */
	form {
		width: 500px;
		margin: 20px auto;
	}
	label {
		width: 150px;
		float: left;
		clear: both;
		padding: 4px 0;
		margin: 0 0 10px 0;
	}
	input, textarea, select {
		width: 300px;
		background: #E6EDFF;
		border: 2px solid #BCD0FF;
		padding: 2px;
		font: inherit;
		margin: 0 0 10px 0;
	}
	.warning {
		border-color: #E54646;
		background: #FFBCCC;
	}
	textarea {
		height: 200px;
	}
	select {
		width: 308px;
	}
	input.checkbox {
		width: auto;
		margin: 5px 0 15px 0;
	}
	input.button {
		width: 100px;
		height: 24px;
		background: url(../images/bg-button.gif) 0% 0% no-repeat;
		border: 0;
		padding: 0;
		text-align: center;
		font-weight: bold;
		color: #5671B2;
		margin-left: 150px;
		cursor: pointer;
	}
	.captcha input {
		width: 100px;
	}
	#content .captcha img {
		margin: 0 0 0 0;
		border: 0;
		padding: 0 0 0 10px;
		vertical-align: bottom;
	}
	#group_form {
		width: 580px;
	}
	#group_form label {
		width: 230px;
	}
	#group_form input.button {
		margin-left: 230px;
	}
/* image links */
	#content ul.imagelinks {margin: 10px 0 0 0;}
	#content ul.imagelinks li {
		list-style: none;
		padding: 0 0 10px 0;
		margin: 0;
		float: left;
		text-align: center;
		width: 155px;
	}
	#content ul.imagelinks.auto li {
		width: auto;
		padding: 0 20px 10px 0;
	}
	#content ul.imagelinks img {margin: 0;}
	#content ul.imagelinks a {text-decoration: none;}
	ul.imagelinks span {text-decoration: underline;}

/* weather */
	#weatherTable table {
		width: 500px;
		margin: 0 auto;
	}
	#weatherTable table td {
		vertical-align: middle;
		text-align: center;
	}
	#weatherTable img {
		border: none;
		width: 75px;
		height: 60px;
		margin: 0 auto;
	}

/* apartments listing */
	#appartments ul {
		float: left;
		padding: 0;
		width: 485px;
	}
	#appartments h2 {
		clear: both;
		padding: 20px 0 10px 0;
	}

/* restaurants */
	table.restaurants {
		margin-top: 10px;
	}
	table.restaurants th {
		text-align: left;
		color: #414A5F;
		padding: 0 0 5px 0;
	}
	table.restaurants td {
		padding: 5px 10px 5px 0;
		vertical-align: top;
		border-top: 1px solid #E6EDFF;
	}
	table.restaurants .name 	{width: 110px;}
	table.restaurants .location	{width: 110px;}
	table.restaurants .contact 	{width: 130px;}
	table.restaurants .specialty{padding-right: 10px;}

/* lists - events, sights, activities, restaurants, excursions */
	#content ul.imageslist li {
		list-style: none;
		padding: 10px 0 10px 0;
		margin: 0;
		position: relative;
		border-top: 1px solid #E6EDFF;
		clear: both;
	}
	#content ul.imageslist img {
		float: left;
		margin: 0 15px 10px 0;
	}
	#content ul.imageslist .blueflag {
		border: none;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 130px;
		left: 0;
	}
	ul.imageslist li h2 {
		clear: none;
		margin: 0 0 .5em 0;
	}
	ul.imageslist li h3 {
		clear: none;
		color: #5671B2;
		font: normal 110% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: -5px 0 .5em 0;
	}
	ul.imageslist li p.date {
		font: normal 110% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		color: #5671B2;
		position: absolute;
		top: 10px;
		right: 0;
	}
	ul.imageslist dl {
		float: left;
		padding: 0 0 10px 0;
	}
	ul.imageslist dl dt {
		font-weight: bold;
		color: #414A5F;
		width: 150px;
		float: left;
		clear: left;
		text-align: left;
		padding: 3px 0;
	}
	ul.imageslist dl dd {
		float: left;
		padding: 3px 0;
	}
	ul.imageslist dl .yes, ul.imageslist dl .no {
		text-indent: -9999px;
		background: url(../images/icon-yes.gif) 0% 50% no-repeat;
		width: 15px;
	}
	ul.imageslist dl .no {
		background-image: url(../images/icon-no.gif);
	}

/* languages */
	#lang {
		position: absolute;
		top: 4px;
		left: 50%;
		width: 804px;
		margin: 0 0 0 -402px;
		font-size: 120%;
	}
	#lang li {
		list-style: none;
		display: inline;
		float: left;
	}
	#lang li a {
		display: block;
		float: left;
		width: 30px;
		height: 18px;
		margin: 0 0 0 5px;
		background: 0% 0% no-repeat;
		text-indent: -9999px;
	}
	#lang .cz {background-image: url(../images/flag-cz.gif);}
	#lang .de {background-image: url(../images/flag-de.gif);}
	#lang .dk {background-image: url(../images/flag-dk.gif);}
	#lang .en {background-image: url(../images/flag-en.gif);}
	#lang .es {background-image: url(../images/flag-es.gif);}
	#lang .fi {background-image: url(../images/flag-fi.gif);}
	#lang .fr {background-image: url(../images/flag-fr.gif);}
	#lang .hu {background-image: url(../images/flag-hu.gif);}  
	#lang .hr {background-image: url(../images/flag-hr.gif);}
	#lang .it {background-image: url(../images/flag-it.gif);}
	#lang .nl {background-image: url(../images/flag-nl.gif);}
	#lang .no {background-image: url(../images/flag-no.gif);}
	#lang .pl {background-image: url(../images/flag-pl.gif);}
	#lang .ro {background-image: url(../images/flag-ro.gif);}
	#lang .rs {background-image: url(../images/flag-rs.gif);}
	#lang .ru {background-image: url(../images/flag-ru.gif);}
	#lang .se {background-image: url(../images/flag-se.gif);} 
	#lang .si {background-image: url(../images/flag-si.gif);} 
	#lang .sk {background-image: url(../images/flag-sk.gif);} 
	
/* menu */
	#menu {
		clear: both;
		width: 794px;
		margin: 3px auto 0 auto;
		padding: 0 0 6px 10px;
		background: url(../images/bg-menu.gif) #BCD0FF 0% 100% no-repeat;
	}
	#menu li {
		display: inline;
		list-style: none;
	}
	#menu a {
		display: block;
		float: left;
		padding: 10px;
		color: #5671B2;
		font: bold 120% "Arial", "Helvetica", sans-serif;
		border: solid #BCD0FF;
		border-width: 0 1px;
	}
	#menu a:hover {
		color: #fff;
		background: url(../images/bg-menu-hover.gif) 0% 0% repeat-x;
		border-color: #DDE7FF;
	}

/* right menu */
	#column-left ul {
		/*width: 165px;*/
		background: url(../images/bg-menu2.gif) #E6EDFF 0% 100% no-repeat;
		padding: 8px 0 0 0;
	}
	#column-left li {
		list-style: none;
	}
	#column-left li a {
		display: block;
		color: #5671B2;
		font-weight: bold;
		padding: 6px 10px;
	}
	#column-left a:hover {
		text-decoration: underline;
	}
	#column-left li {
		list-style: none;
	}
	#column-left li ul {
		border-left: 10px solid #E6EDFF;
		background: none;
		padding: 0;
	}
	#column-left li li a {
		font-weight: normal;
		color: #274285;
	}
	#column-left li.active {
		background: url(../images/bg-menu2-hover.gif) #BCD0FF 0% 0% no-repeat;
	}
	#column-left li.active a {
		background: url(../images/bg-menu2-sub.gif) 0% 100% no-repeat;
	}
	#column-left li.active ul {
		background: url(../images/bg-menu2-sub.gif) #BCD0FF 0% 100% no-repeat;
	}
	#column-left li.active li a {
		background: none;
	}

/* small box */
	.smallbox {
		margin: 10px 0 0 0;
		background: url(../images/bg-box.gif) 0% 0% repeat-y;
		line-height: 150%;
	}
	.smallbox div {
		background: url(../images/bg-box-top.gif) 0% 0% no-repeat;
	}
	.smallbox div div {
		background: url(../images/bg-box-bottom.gif) 0% 100% no-repeat;
		padding: 10px;
	}
	.smallbox h2 {
		margin: 0;
		line-height: 120%;
	}
	.smallbox img {
		margin: 5px 0;
	}

/* ferry schedule */
	table.schedule, table.pricelist {
		width: 100%;
		border: 1px solid #bcd0ff;
		margin: 0 0 20px 0;
	}
	table.schedule td, table.schedule th, table.pricelist td, table.pricelist th {
		padding: 5px 3px;
		text-align: center;
	}
	table.schedule th, table.pricelist th {
		background: #e6edff;
		color: #5671b2;
		vertical-align: middle;
	}
	table.schedule td, table.pricelist td {
		color: #274285;
		border-top: 1px solid #bcd0ff;
	}

/* ferry calculator */
	table.calculator {
		width: 100%;
	}
	table.calculator th {
		background: #e6edff;
		color: #5671b2;
		vertical-align: middle;
	width: 80%;
	}
	table.calculator th.select {
		width: 20%;
	}
	table.calculator th select {
		margin: 10px 0;
	}
	table.calculator td select {
		margin: 10px 0 10px 40px;
	}
	table.calculator td {
		color: #274285;
		vertical-align: middle;
	}
	table.calculator a {
		background: url(../images/arrow-down.gif) 0% 50% no-repeat;
		padding: 0 0 0 20px;
	}

/* ads */
	#adTop {
		width: 470px;
		margin: 5px auto 0 auto;
	}
	#adTop a img {
		padding: 0;
		border: 0;
	}
	#content .acc_rss {
		clear: both;
		padding-top: 50px;
	}
	#content .acc_rss a img {
		border: 0;
		padding: 0;
	}

/* google maps placeholder
	.placeholder {
		width: 627px;
		height: 359px;
		background: url(../images/map.gif) 50% 0% no-repeat;
		margin: 10px 0;
	}
	.pl2 {background-image: url(../images/map2.gif);}
	.pl3 {background-image: url(../images/map3.gif);}
	.pl4 {background-image: url(../images/map4.gif); height: 329px;}
 */

/* clearing */
	dl:after, #menu:after, #content ul.places li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}