@charset "UTF-8";

/*------------------------------------------------------------------------------*/
/*	Stylesheet																	*/
/*------------------------------------------------------------------------------*/

/*
	Theme Name:		Kachlin Usedom

	Site-URI:		http://www.family-ferien-kachlin.de
	Author URI:		http://www.web-funk.de

	Author:			Markus Vocke
	Description:	Pprofessional Wordpress Theme
	Copyright:		Copyright ProDi GmbH

	Version:		02.00
	Date:			05.05.2010

	Language:		german (de_DE)

					(en) central stylesheet
					(de) Zentrales Stylesheet
*/

/*------------------------------------------------------------------------------*/
	@import url(styles/reset.css);
/*------------------------------------------------------------------------------*/

	body {background: #287794; color: #526166; font-size: 12px; padding: 0 0 40px 0; font-family: Arial, Helvetica, sans-serif;}

	#site {width: 900px; margin: 0 auto; background: url("images/repeater.jpg") repeat-y top left;}

	#header {height: 252px; width: 900px; margin: 0; padding: 20px 0 0 0; background: #287794 url("images/header.jpg") no-repeat bottom left;}

	#main {clear: both; width: 100%;}

	#content {float: left; width: 520px; display: inline; margin: 0 0 0 40px; padding: 30px 30px 30px 0;}

	#gallery {width: 850px; margin: 0 0 0 10px; padding: 30px 0 30px 29px; background: #ffffff;}

	#sidebar {float: right; width: 240px; display: inline; margin: 0 10px 0 0; padding: 30px 30px 30px 30px;}

	#footer {clear: both; color: #f8f8f8; margin: 0; height: 160px; background: url("images/footer.jpg") no-repeat top left;}

	#footpic {clear: both; color: #f8f8f8; margin: 0; height: 160px; background: url("images/footpic.jpg") no-repeat top left;}

	.hentry {width: 500px; line-height: 2.1em; margin: 0 0 32px 0; padding: 0;}

	.entry {width: 520px; text-align: justify; margin: 0;}

	#content #left {float: left; width: 240px; height: auto; margin: 18px 40px 18px 0; padding: 0;}

	#content #right {float: left; width: 240px; height: auto; margin: 18px 0 28px 0; padding: 0;}

	#content #info {margin: 30px 0 30px 0; padding: 20px; background: #f0f0f0 url("images/folder.jpg") no-repeat top right; border: 1px solid #ebebeb;}

	#content p {text-align: justify; line-height: 1.7em;}

	#gallery p.tempo {margin-right: 320px; line-height: 1.7em;}

	#content p.link, #sidebar p.link {
	background: #579cad; color: #f8f8f8; line-height: 2em; padding: 0; margin: 8px 0 12px 0; width: 150px; text-align: center; clear: both;
	-webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px;}

	#content p.link a, #sidebar p.link a {color: #f8f8f8;}

	#content img {padding: 0 0 12px 0; display: block; margin: 14px 0px 0 0;}

	#content .hentry .entry img.lpic {float: left; padding: 4px; display: block; margin: 10px 20px 10px 0px; border: 1px solid #d3d7df;}

	#content .hentry .entry img.rpic {float: left; padding: 4px; display: block; margin: 10px 0px 10px 0px; border: 1px solid #d3d7df;}

	#content img.leftpic {float: left; display: inline; padding: 0; display: block; margin: 6px 14px 0 0;}

	#content img.rightpic {float: right; display: inline; padding: 0; display: block; margin: 6px 0px 0 14px;}

	#gallery img.gallery {float: left; padding: 11px; display: block; margin: 0 18px 18px 0; background: url("images/gallery.gif") no-repeat top left;}

	#sidebar img {padding: 0 0 12px 0; display: block; margin: 14px 0px 0 0;}

	#info ul {margin: 0 10px 0 0; text-align: left; line-height: 2em; float: left; width: 220px;}

	#info ul li {margin: 0 0 8px 28px; list-style-type: disc; border-bottom: 1px solid #dedede;}

	#info ul li#current a {color: #9bb300;}

	h1 {color: #f8f8f8; font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 0 10px;}

	h1 span {padding: 0 0 0 4px; font-size: 15px; font-weight: normal;}

	h1 a {color: #f8f8f8;}

	h2 {font-size: 17px; color: #3d4e52; font-weight: bold; margin: 0 0 3px 0; padding: 0;}

	h2 a {color: #3d4e52; font-weight: bold;}

	h2.beta {margin: 30px 0 16px 0;}

	#gallery h2 {clear: both; margin: 0 0 3px 2px;}

	#gallery h3 {clear: both; margin: 0 0 20px 2px;}

	#info h3 {clear: both; margin: 0 0 16px 0;}

	h3 {font-size: 13px; color: #9dadb3;; margin: 0 0 8px 0; padding: 0;}

	h3 a {color: #9dadb3; font-weight: bold;}

	#sidebar h2 {font-size: 17px; color: #3d4e52; font-weight: bold; margin: 0 0 3px 0; padding: 0;}

	#sidebar h2 a {color: #3d4e52; font-weight: bold;}

	#sidebar h2.second {margin: 30px 0 3px 0;}

	#sidebar h2.third {margin: 40px 0 3px 0;}

	#sidebar h3 {font-size: 13px; color: #9dadb3;; margin: 0 0 8px 0; padding: 0;}

	#sidebar h3 a {color: #9dadb3; font-weight: bold;}

	h4 {font-size: 17px; color: #8fbbcc; font-weight: bold; margin: 30px 0 3px 0; padding: 0;}

	h4 a {color: #8fbbcc; font-weight: bold;}

	#sidebar ul {margin: 0 0 20px 0; line-height: 2em;}

	#sidebar ul li {margin: 0 0 0 28px; padding: 0 10px 0 0; list-style-type: disc; font-size: 13px;}

	#sidebar ul li ul {margin: 0; padding: 0;}

	#sidebar p {margin: 0px 0px 12px 0px; line-height: 1.7em; text-align: justify;}

	#sidebar a {color: #526166;}

	#sidebar a:hover, #sidebar ul li a:hover, #sidebar ul li ul li a:hover, 
	#sidebar ul li ul li ul li a:hover {color: #b37000;}

	#footer .foot {clear: both; text-align: center; padding: 60px 0 0px 0; margin: 0; color: #f8f8f8;}

	#footer .foot a {color: #f8f8f8;}

	#footer a:focus, #footer a:hover, #footer a:active {color: #f8f8f8; text-decoration: underline;}


	#footpic .foot {clear: both; text-align: center; padding: 60px 0 0px 0; margin: 0; color: #f8f8f8;}

	#footpic .foot a {color: #f8f8f8;}

	#footpic a:focus, #footpic a:hover, #footpic a:active {color: #f8f8f8; text-decoration: underline;}


	.leftlink a {text-align: left; font-size: 16px;}

	.midlink {text-align:center; margin: 0 20px 0 20px;}

	.rightlink a {text-align: right; font-size: 16px;}

	.maplink {display: block;}

	.wp-pagenavi {margin: 40px 30px 0px 0px; padding: 16px 10px 16px 10px;}

	.wp-pagenavi a {margin: 0 5px 0 0; padding: 4px 8px; color: #505050; text-align: center;}

	.wp-pagenavi .current {margin: 0 5px 0 0; padding: 4px 8px; background: #505050; color: #fff; text-align: center; -moz-border-radius: 3px;}

	.wp-pagenavi a:hover {margin: 0 5px 0 0; padding: 4px 8px; background: #505050; color: #fff; text-align: center; -moz-border-radius: 3px;}

	.wp-pagenavi .pages {float: right;}

	#header #navigation {margin: 175px 0 0 20px; padding: 0; height: 21px;}

	#header ul#menu {font-size: 12px; margin: 0;}

	#header ul#menu li {float: left; display: block; width: 78px; height: 21px; line-height: normal; color: #f8f8f8; text-align: center; margin: 0 0 0 1px;}

	#header ul#menu li a {color: #313b3d; padding: 3px 0 0 0; background: url("images/button_x.jpg") no-repeat top left; width: 78px; height: 18px; display: block;}

	#header ul#menu li a:hover {color: #f8f8f8; background: url("images/button_y.jpg") no-repeat top left; width: 82px; height: 18px; display: block;}

	#header ul#menu li.current_page_item a {color: #f8f8f8;}

	#header ul#menu li#active a, #header ul#menu li#active a:hover {color: #f8f8f8; background: url("images/button_y.jpg") no-repeat top left; width: 82px; height: 18px; display: block;}

	table {width:100%; border: 1px solid #d3e0e5; margin: 12px auto 30px auto; border-collapse:collapse; line-height: 1.5em;}

	#content table img {margin: 0; padding: 0; line-height: normal; display: block;}

	caption {caption-side: top; text-align: center;}

	tr.odd td {background: #e4f2f7;}

	tr.odd .column1	{background: #e4f2f7;}

	.column1 {background: #f8f8f8;}

	tfoot tr.price td {font-weight: bold; font-size: 13px;}

	td {color: #678197; border: 1px solid #d3e0e5; padding: 7px 0 7px 10px; text-align: left;}

	th {font-weight: normal; color: #678197; text-align: left; border: 1px solid #d3e0e5; padding: 7px 0 7px 10px;}

	thead th {background: #e4f2f7; text-align: left; color: #0075a3; font-weight: bold;}

	tfoot th {text-align: left; background: #f8f8f8;}

	tfoot tr.odd th	{background: #e4f2f7; font-weight: normal;}

	tfoot th strong {color:#66a3d3; font-weight: bold;}

	tfoot th em {color: #678197; font-weight: normal; font-style: normal;}

	tfoot tr.price th em {color: #678197; font-weight: bold; font-style: normal; font-size: 13px;}

	tfoot tr.odd th em {color: #678197; font-weight: normal; font-style: normal;}

	#content a.more-link {clear: both; text-align: center; padding: 0; line-height: 2em; color: #f8f8f8; width: 100px; margin: 12px 0 12px 0px; background: #525252; -moz-border-radius: 3px; display: block;}

	#content p.moretag a:hover {background: #749299;}

	iframe {width: 520px; height: 320px;}