/*
Theme Name:OkerTour
Theme URI:http://wordpress.bustatheme.com/coda-blue/
Description:The Coda Slider inspired wordpress theme by <a href="http://greg-j.com/">Greg Johnson</a>.
Version:1.0
Author:Greg Johnson
Author URI:http://greg-j.com/
Tags:coda, jquery, slider, dark, fixed
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline
}
:focus {
	outline:0
}
ol, ul {
	list-style:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:""
}
blockquote, q {
	quotes:"" ""
}
strong {
	font-weight:bold
}
em {
	font-style:normal
}
a {
	text-decoration:none;
	cursor:pointer
}
body {
	font-family:Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	background:#071032 url(images/body_bg.png) center top repeat-x;
}
#header {
	margin:0 auto;
	padding:120px 0 0 0;
	width:900px;
	height:100px;
	background:url(images/header_bg.png) center top no-repeat;
	position:relative;
}
#header h1,  #header h2 {
	display:none;
}
#header ul {
	margin:0 auto;
	height:100px;
	width:800px;
}
#header ul li {
	display:block;
	float:left;
	width:266px;
	height:100px;
}
#header ul li a {
	display:block;
	position:relative;
	width:266px;
	height:100px;
	background-image:url(images/header_links.png);
	background-repeat:no-repeat;
}
#header ul li a strong {
	display:none;
}
#header ul li a span.hover {
	display:block;
	position:absolute;
	width:266px;
	height:100px;
	background-image:url(images/header_links.png);
	background-repeat:no-repeat;
}
#anfahrt a {
	background-position:0 0;
}
#anfahrt a .hover {
	background-position:0 -100px;
}
#kontakt {
	padding:0 1px;
}
#kontakt a {
	background-position:-267px 0;
}
#kontakt a .hover {
	background-position:-267px -100px;
}
#wetter a {
	background-position:-534px 0;
}
#wetter a .hover {
	background-position:-534px -100px;
}
#header .popup {
	position:absolute;
	display:none;
	margin:125px 0 0 584px;
	padding:10px 0 0 0;
	width:175px;
	height:125px;
	background:url(images/popup_bg.png) center center no-repeat;
	z-index:50;
	font-size:12px;
	color:#000;
}
#header .popup p {
	padding:2px 0 0 15px;
}
#header .popup img {
	vertical-align:middle;
}
#header .popup strong {
	color:#000;
}
#header .popup a {
	color:#93ddf4;
}
#header .popup a:hover {
	text-decoration:underline;
}
#page_header {
	margin:0 auto;
	width:900px;
	height:10px;
	background:url(images/page_header.png) center top no-repeat;
}
#page_header p {
	display:none;
}
#page {
	width:900px;
	margin:0 auto;
	background:url(images/page_bg.png) 50% 50px no-repeat;
}
#slider {
	width:800px;
	margin:0 auto;
	position:relative;
}
#page .navigation {
	padding:0 0 0 20px;
	height:50px;
	background:url(images/page_navigation_bg.png) center top no-repeat;
}
#page .navigation li {
	height:50px;
	float:left;
	padding:0 2px 0 0;
}
#page .navigation a {
	display:block;
	height:50px;
	line-height:50px;
	float:left;
	padding:0 1px 0 0;
	font-size:13px;
	color:#5a79b9;
	font-weight:bold;
}
#page .navigation a:hover,  #page .navigation a.selected {
	color:#8faae1;
	background:url(images/page_navigation_a.png) right top no-repeat;
}
#page .navigation a.selected {
	color: #a8bce7;
}
#page .navigation a span {
	display:block;
	height:50px;
	float:left;
	padding:0 25px;
}
#page .navigation a:hover span,  #page .navigation a.selected span {
	background:url(images/page_navigation_span.png) left top no-repeat;
}
#page .navigation a:focus {
	outline:none;
}
#page .scroll {
	height:590px;
	width:760px;
	margin:0 auto;
	overflow:auto;
	position:relative;
	clear:left;
}
#page .scrollContainer .panel {
	padding:20px 10px;
	height:510px;
	width:740px;
	overflow:hidden;
}
#page .panel p {
	padding:0 0 .5em 0;
	font-family:Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-size:12px;
	line-height:1.5em;
	color:#3e414c;
}
#page .panel h3 {
	font-size:28px;
	padding:0 0 .5em 0;
	letter-spacing:-1px;
	color:#08718d;
	font-weight:bold;
}
#page .panel h4 {
	padding:0 0 .5em 0;
	font-size:15px;
	letter-spacing:-0.5px;
	font-weight:bold;
	color:#3e414c;
}
#page .panel strong {
	color:#08718d;
}
#page .panel em {
	font-style:italic;
}
#page .panel a {
	white-space:nowrap;
	color:#19234c;
	font-weight:bold;
}
#page .panel a:hover {
	text-decoration:underline;
}
#page .panel .gallery img {
	padding:2px;
	border:solid 1px #c0c5d6;
}
#page .panel blockquote,  #page .panel ul,  #page .panel ol,  #page .panel pre {
	font-size:12px;
	margin:1em 2em;
	padding:5px 15px;
	background:#e6efff;
}
#page .panel blockquote p {
	padding:.4em 0 !important;
	text-indent:0 !important;
}
#page .panel li {
	list-style-position: inside;
	padding: 0 0 .5em 0;
}
#page .panel ul li {
	margin:0 0 0 1em;
	list-style:square;
}
#page .panel ol li {
	margin:0 0 0 1.5em;
	list-style:decimal;
}
#page .panel pre {
	line-height:1em;
	color:#19234c;
	font-size:13px;
	overflow:auto;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
}
#page .panel code {
	padding:0 3px;
	color:#33333e;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
	font-size:13px !important;
}
#page .panel .gallery {
	text-align:center;
}
#page .scrollButtons {
	width:30px;
	height:30px;
	position:absolute;
	top:280px;
	cursor:pointer;
}
#page .scrollButtons a {
	display:block;
	height:30px;
	width:30px;
}
#page .scrollButtons span {
	display:none;
}
#page .scrollMeLeft {
	left:-40px;
}
#page .scrollMeLeft a {
	background:url(images/left_right.png) 0 0 no-repeat;
}
#page .scrollMeLeft a:hover {
	background:url(images/left_right.png) 0 -30px no-repeat;
}
#page .scrollMeRight {
	right:-40px;
}
#page .scrollMeRight a {
	background:url(images/left_right.png) -30px 0 no-repeat;
}
#page .scrollMeRight a:hover {
	background:url(images/left_right.png) -30px -30px no-repeat;
}
#page_footer {
	width:900px;
	margin:0 auto;
}
#page_footer h5 {
	padding:20px 70px;
	font-size:28px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#08718d;
}
#page_footer p {
	padding:0 70px 30px 70px;
	font-size:13px;
	color:#08718d;
	line-height:1.5em;
}
#page_footer p a {
	color:#fff;
}
#page_footer p a:hover {
	text-decoration:underline;
}
#footer {
	height:90px;
	border-top:solid 1px #0b194d;
	background:#000 url(images/footer_bg.png) center top no-repeat;
	font-size:13px;
	font-family: "Lucida Grande", Calibri, Arial;
}
#footer p {
	width:900px;
	overflow:hidden;
	margin:0 auto;
	color:#374051;
}
#footer span {
	display:block;
	height:90px;
	line-height:90px;
}
#footer .left {
	float:left;
}
#footer .right {
	float:right;
}
#footer a {
	color:#727fa1;
}
#footer a:hover {
	text-decoration:underline;
}
div#fancy_overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	background-color:#333;
}
div#fancy_loading {
	position:absolute;
	height:40px;
	width:40px;
	cursor:pointer;
	display:none;
	overflow:hidden;
	background:transparent;
	z-index:100;
}
div#fancy_loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background:transparent url(images/fancy_progress.png) no-repeat;
}
div#fancy_close {
	position:absolute;
	top:-12px;
	left:-12px;
	height:30px;
	width:30px;
	background:transparent url(images/fancy_closebox.png);
	cursor:pointer;
	z-index:100;
	display:none;
}
div#fancy_content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:96;
}
#fancy_frame {
	position:relative;
	width:100%;
	height:100%;
	display:none;
}
img#fancy_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:92;
	cursor:pointer;
}
div#fancy_title {
	position:absolute;
	bottom:-35px;
	left:0;
	width:100%;
	z-index:100;
	display:none;
}
div#fancy_title table {
	margin:0 auto;
}
div#fancy_title div {
	color:#FFF;
	font:bold 12px Arial;
	padding-bottom:2px;
}
td#fancy_title_left {
	height:32px;
	width:15px;
	background:transparent url(images/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
	height:32px;
	background:transparent url(images/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
	height:32px;
	width:15px;
	background:transparent url(images/fancy_title_right.png) repeat-x;
}
div#fancy_outer {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	padding:18px 18px 58px 18px;
	margin:0;
	overflow:hidden;
	background:transparent;
	display:none;
}
div#fancy_inner {
	position:relative;
	width:100%;
	height:100%;
	border:1px solid #fff;
	background:#fff;
}
a#fancy_left, a#fancy_right {
	position:absolute;
	bottom:10px;
	height:100%;
	width:35%;
	cursor:pointer;
	background-image:url(images/data:image/gif;base64,AAAA);
	z-index:100;
}
a#fancy_left {
	left:0px;
}
a#fancy_right {
	right:0px;
}
a#fancy_left:hover {
	background:transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}
a#fancy_right:hover {
	background:transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}
#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
div#fancy_bg {
	display:none;
}
div.fancy_bg {
	position:absolute;
	display:block;
	z-index:70;
}
div.fancy_bg_n {
	top:-18px;
	width:100%;
	height:18px;
	background:transparent url(images/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
	top:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e {
	right:-13px;
	height:100%;
	width:13px;
	background:transparent url(images/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
	bottom:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s {
	bottom:-18px;
	width:100%;
	height:18px;
	background:transparent url(images/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
	bottom:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w {
	left:-13px;
	height:100%;
	width:13px;
	background:transparent url(images/fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw {
	top:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_nw.png) no-repeat;
}
