/*  
Theme Name: PIT-Reisen
Theme URI: http://pit-reisen.de
Description: PIT-Reisen - Ihr Reisebuero im Ostseebad Kuehlungsborn
Version: 0.1
Author: Martin Schuster
Author URI: http://martin-schuster.com
*/

/* layout */
* {
	font-size: 100%;
	margin: 0; padding: 0;
}

body {
	position: relative; 
	background: url('images/bg_body.gif') top left repeat-x #9BC3D5;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #036
}

img, a img {
	border: 0;
}

hr {
	background-color: #fff;
	color: #fff;
	border: 0 none;
	height: 1px;
	clear: both;
}

#page {
	display: block; 
	width: 750px; 
	background: url(images/bg_main.gif) top repeat-y;
	text-align: left; margin: 0 auto
}

/* header */
#header {
	position: relative; float: left; display: block; width: 750px;
	background: url(images/bg_header.gif) top no-repeat; min-height: 350px; padding: 0 }
* html #header {	height: 350px }
#header h1 { 		font-size: 1.8em; color: #fff; letter-spacing: 1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
#header h1 a, #header h1 a:visited { color: #fff; text-decoration: none }
#header .description { color: #CADFED; font-size: 1.1em; margin: 0 37px 25px 37px }

/* content / sidebar */
#content {			float: left; display: block; width: 543px; margin: 0 0 0 7px; font-size: 0.8em }
#sidebar {			float: left; display: block; width: 193px; margin: 0; font-size: 0.75em }
* html #content,
* html #sidebar {	position: relative; left: -7px }

#content p {
	line-height: 1.8em; margin: 1em 0 }
		
#content img {
	padding: 5px; border: 1px solid #036; margin: 0.25em 0 0.75em 0 }
#content img.noborder {
	background-color: #fff;	padding: 0 }

#content a, #content a:link, #content a:visited, #content a:focus, #content a:active {
	color: #900; text-decoration: none }
#content a:hover {
	color: #69c }
#content h1, #content h2 {
	font-weight: normal; margin: 10px 0 }
#content h1 {
	font-size: 1.8em }
#content h2 {
	font-size: 1.4em }
#content small {		
	font-size: 90%; color: #fff; background-color: #69c; padding: 2px 6px }
#content small a, #content small a:link, #content small a:visited, #content small a:focus, #content small a:active {
	color: #CADFED }
#content small a:hover {	
	color: #fff }

#content ul, #content ol {
	margin:0 0 1em 0.5em; padding:0.5em 0.5em 0.5em 0.5em; list-style:none }
#content ul li, #content ol li	{
	margin: 0; padding: 0 5px 0 22px; line-height: 1.5em;
	background: transparent url('images/li_hell.gif') no-repeat 3px 4px }
#content ul li:hover, #content ol li:hover {
	background: transparent url('images/li_dunkel.gif') no-repeat 3px 4px }

#content blockquote {
	background: #CADFED url('images/info.gif') no-repeat right bottom;
    padding: 0.5em; border: 1px solid #69c; margin: 7px 0 17px 0; }
#content blockquote ul li, #content ol li	{
	background: transparent url('images/li_blockquote_hell.gif') no-repeat 3px 4px }
#content blockquote ul li:hover, #content ol li:hover {
	background: transparent url('images/li_blockquote_dunkel.gif') no-repeat 3px 4px }
div#content td {	vertical-align: top }

#content .title {
	margin: 10px 15px; border-bottom: 1px dotted #69c; }
#content .title h2 { 	margin: 0px 0 }
#content .title small {	float: right; padding: 0px 0 5px 0; background-color: transparent }
#content .post {		margin: 10px 15px 20px 15px;}
#content .postinfo { 	color: #069; padding: 10px 0; border-top: 1px dotted #69c }
#content .darkblue {	background-color: #036 }
#content .blue {		background-color: #069 }
#content .navigation {	margin: 20px 15px }
#content .left {		float: left }
#content .right {	 	float: right }
#content .wp-caption p {
	margin: 0; padding: 0
}
#content p.wp-caption-text {
	font-size: 90%;
	font-weight: bold;
	text-align: right
}


#sidebar .box {	margin: 0px 15px 20px 15px; padding: 5px; background-color: #036; color: #fff; text-align: center }
#sidebar h1 {	font-size: 120% }
#sidebar h2 {	font-size: 110% }
#sidebar small {	font-size: 80% }
#sidebar .post { padding: 5px 15px 5px 15px; }
#sidebar .title {	width: 193px; /* background: url(images/bg_h2.gif) bottom left repeat-x #CADFED; */}
#sidebar .title h2 {font-size: 1.05em; text-transform: uppercase; padding: 5px 0 5px 15px; background: none; color: #036 }
#sidebar ul {
	list-style-type:none; margin: 0 0 10px 0 }
#sidebar ul li, #sidebar ul li lu li {
	margin: 0; padding: 0 }
#sidebar a:link, #sidebar a:visited, #sidebar a:focus, #sidebar a:hover, #sidebar a:active {
	text-decoration: none; font-size: 90%; color: #69c }
#sidebar a:focus, #sidebar a:hover, #sidebar a:active {
	color: #900 }
#sidebar .box a:focus, #sidebar .box a:hover, #sidebar .box a:active {
	color: #fff }
#sidebar a:link img, #sidebar a:visited img, #sidebar a:focus img, #sidebar a:hover img, #sidebar a:active img {
	background-color: #fff;	margin: 5px 0 0 0; padding: 3px; border: 1px solid #69c}
#sidebar a:focus img, #sidebar a:hover img, #sidebar a:active img {
	background-color: #fff;	border: 1px solid #036 }

/* download */
#download {	
	margin: 0; padding: 5px;
	background-color: #c30; 
	text-align: center; color: #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#download:hover {
	background-color: #900;
}

#download strong {
	font-size: 150%; font-weight: normal
}
#download a, #download a:link, #download a:visited, #download a:focus, #download a:hover, #download a:active {
	text-decoration: none; font-size: 110%; color: #FFB3B3 }


/* adresse */
#adresse, #lotse {
	height: 1px; width: 1px;
	display: none !important;
}

#logo {
	position: absolute; top: 40px; right: 30px; float: right;
	display: block; width: 200px; height: 75px; 
	background: url('images/pit_reisen_logo.gif') no-repeat}

/* header image */
#header_image {
	position: absolute; bottom: 0; float: left;
	display: block; width: 736px; height: 220px; 
	background: url('images/header.jpg') no-repeat; margin: 0 7px;
	border-top: 3px solid #069; border-bottom: 3px solid #036 }

/* forms */
form {
	margin: 0 0 18px 0 }
textarea, input, select {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;	border: 1px solid #69c;
	color: #036; margin: 1px; padding: 3px }
textarea:focus, input:focus, label:focus {
	background-color: #fff;
	border: 1px solid #036;
}
#submit {
	padding: 3px; font-size: 0.8em; color: #fff; background-color: #69c; border: none  }
#submit:hover, #submit:focus {
	background-color: #036 }

/* navigation */
#navigation {
	position: absolute; bottom: 3px; left: 1px; display: block; float: left;
	padding: 0; margin: 0 0 0 25px; list-style: none; font-size: 0.8em }
#navigation ul {display: none;}
#navigation li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0 }
#navigation li:hover {border-bottom: 1px solid #486065;}
#navigation a {	float: left; display: block; text-decoration: none; padding: 5px 10px 3px 10px; background: #526a74; color: #fff; border-bottom: 2px solid #4a5e65;}
#navigation a.selected {	font-weight: bold}
#navigation a:hover {background: #5c7d86; border-bottom: 2px solid #527077; color: #fff;}

/* footer */
#footer {
	clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat;
	border-bottom: 20px solid #9BC3D5; text-align: left; font-size: 0.75em }
* html #footer {margin-top: 18px;}
#footer-top {	display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {		color: #036; padding: 0 30px 20px 30px;}
#footer a, #footer a:visited {	color: #003; text-decoration: none }
#footer a:hover {	color: #900; }

/* Plugin PXS-Mail (Formular) */
form dl, dl.labels {
	margin: 0em }

form dt, dl.labels dt {
	float: left; width: 10em; margin-bottom: 0.5em; position:relative /*IEWin hack*/ }

form dd, dl.labels dd {
	margin-left: 7.5em; margin-bottom: 0.5em; text-align: left; padding-left: 0.5em }
	
.error_msg {
	font-weight: bold; color: #900; }
.error {
	border: 1px solid #900 }
.pxs_css_spamcheck {
	display: none !important;
}