/*  
Theme Name: Okercabana V 
Theme URI: http://www.keasone.de
Description: Designed by <a href="www.neuesachlichkeit.net" title="Clip">Thomas Heisecke</a> | <a href="www.keasone.de" title="keasone">Alexander Hahn</a> | <a href="www.extypor.de" title="Clip">Peter Werner</a>
Version: 1.0
Author: Alexander Hahn
Author URI: http://www.keasone.de
*/


/**********************************************
*   Basics & Typography                       *
***********************************************/
@import url(nav_slidingdoorII.css);
@import url(nav_slidingdoorII-bottom.css);

a { outline: none; } 

body {
	margin: 0px;
	padding: 30px 0;
	background: #ededdb;
	font: 62.5% "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Arial", Sans-Serif;
	color: #5b4014;
	text-align: center;
	}

p,
ol,
ul {
	line-height: 150%;

	}
ol { /* to be styled */ }
ul { /* to be styled */ }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #5b4014;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Arial", Sans-Serif;
	}

h1 {
	font-size: 2.2em;
	}
h2 {
	font-size: 1.3em;
	}
h3, h4, h5, h6 {
	font-size: 1em;
	}

a:link {
	color: #967A4A;
	text-decoration: underline;
	}
a:visited {
	color: #967A4A;
	text-decoration: underline;
	}
a:hover {
	color: #5b4014;
		text-decoration: underline;
	}
a:active {
	color: #5b4014;
	text-decoration: underline;
	}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #abafb9;
	}

code {
  background: #dae5c7 !important;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }

small {
	font-size: 0.845em;
	}

input, textarea, select { /* to be styled */ 


}

form { /* to be styled */ }

img { /* to be styled */ }
	

.left {
	float: left;
	margin-right: 10px;
	}
.right {
	float: right;
	margin-left: 5px;
	}
.center {
	text-align: center;
	}
/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#outline {
	width: 880px;
	margin: 0px auto;
	padding: 0;
	background: #F1F0E2 left top;
	font-size: 1.3em;
	border: 10px solid #f9f8f1;
text-align: left;
	}
*html #outline {width: 900px;}


/**********************
*   Header            *
***********************/

#header {
	width: 100%;
	background: #f9f8f1;
	line-height:80%;
	}
	
#header img{
	border: none!important;
	}

/***********************
*  Wrapper             *
***********************/

#wrapper {
	background: #F1F0E2 url(images/main_bg.gif) repeat-y 0 0;
	margin: 0px auto;
	width: auto;
	padding: 0px;
	/*clear: both;*/
	border-top: 5px solid #f9f8f1;
	/*height:1%;*/
	}

/**********************
*   Content           *
***********************/

#content {
	float: left;
	display: inline;
	width: 620px;
	background: transparent;
	height:auto;
	}

/* ### PAGES ###################################################################*/	
.pages {
	width: 620px;
	background: transparent;
	}

.page-previous {
	float: left;
	padding: 25px 0 25px 25px;
	
	}
.page-next {
	float: right;
	padding: 25px 25px 25px 0;
	}
		
/**********************
*   Blog Entries      *
***********************/

.post {
	margin: 25px;
	padding: 0;
	background: transparent;
	}

.devider {
	clear: both;
	margin: 0 25px;
	padding: 0px;
	background: transparent url(images/devider.gif) repeat-x left top;
	height:1px;
	overflow:hidden;
	}
	
.devide {
	clear: both;
	margin: 0 0px 13px 0px;
	padding: 0px;
	background: transparent url(images/devider.gif) repeat-x left top;
	height:1px;
	overflow:hidden;
	}
	
.post img {
	padding: 3px; 	
	border: 2px solid #5b4014; 
	background: #fff; 
	}
.post a img:hover, .post a img:active, .post a img:visited {
	padding: 1px; 
	border: 4px solid #5b4014; 
	background: #fff; 
	}
	
	.gal-img {
		margin: 3px 5px!important;
		}

.post ul {
	line-height: 150%;
        list-style: none;
		padding: 0 0 0 25px;
		margin-left: 0px;
	}
.post li {
	background: transparent url(images/dot.gif) no-repeat left center;
	padding: 0 0 0 17px;
	}

.postentry {
	text-align: left;
	margin: 0;
	padding: 0;
	}

.postentry a:hover {
	color: #fff;
	background-color: #f5a400;
	}
	
.postentry img {
	float: left;
	margin-right: 10px;
	}

.posttitle { /* to be styled */ }
.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active { color: #5b4014; }

.posttitle span,
.posttitle span a:link,
.posttitle span a:visited,
.posttitle span a:hover,
.posttitle span a:active {
	color: #fff;
	}

/**********************
*   Sidebar           *
***********************/

#sidebar {
	float: right;
	width: 225px;
	margin:  0;
	padding: 0 15px;
	background: transparent;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Arial", Sans-Serif;
	}
*html #sidebar { width: 255px;}

#sidebar_nav ul { font-family: "Verdana","Lucida Grande","Lucida Sans Unicode","Arial",Sans-Serif; list-style: none; margin: 10px 0 10px 0px; padding: 0px; font-size: 12px;}
#sidebar_nav ul li a { text-decoration: none; display:block;}
#sidebar_nav ul li a:hover { text-decoration: underline;}
#sidebar_nav ul li.current_page_item a { color: #5B4014; text-decoration: underline;}


	
#sidebar p {
font-size: 12px;
margin: 13px 0;
}

.s-bar {
height: 20px;
width: 255px;
margin: 0 -15px;
}

.s-wet {background: #ed7631 url(images/side-wet.gif) top left;}
.s-off {background: #ed7631 url(images/side-off.gif) top left;}
.s-new {background: #ed7631 url(images/side-new.gif) top left;}
.s-spe {background: #ed7631 url(images/side-spe.gif) top left;}

	.s-fas01 {background: #ed7631 url(images/side-fas01.gif) top left;}
	.s-fas02 {background: #ed7631 url(images/side-fas02.gif) top left;}
	.s-fas03 {background: #ed7631 url(images/side-fas03.gif) top left;}
	.s-fas04 {background: #ed7631 url(images/side-fas04.gif) top left;}
	.s-fas05 {background: #ed7631 url(images/side-fas05.gif) top left;}

.s-imp {
background: #ed3897 url(images/side-imp.gif) 0px 0px ; 
display:block;
height: 20px;
margin: 15px -15px 0 -15px;
text-decoration: none!important;
}
.s-imp:hover {
background: #ed3897 url(images/side-imp.gif) 0px -20px; 
}

.s-anf {
background: #e43117 url(images/side-anf.gif) 0px 0px ; 
display:block;
height: 20px;
margin: 12px -15px 0 -15px;
text-decoration: none!important;
}
 
.s-anf2 {
background: #fff url(images/okercabana_google_map_link.gif) 0px 0px ; 
display:block;
height: 135px;
margin: 12px -15px 0 -15px;
text-decoration: none!important;
}

.s-anf:hover {
background: #f5a400 url(images/side-anf.gif) 0px -20px; 
}

.s-logo01 { background: transparent url(images/logo01.gif) 0px 0px ; display:block; height: 42px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo02 { background: transparent url(images/logo02.gif) 0px 0px ; display:block; height: 58px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo03 { background: transparent url(images/logo03.gif) 0px 0px ; display:block; height: 40px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo04 { background: transparent url(images/logo04.gif) 0px 0px ; display:block; height: 40px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo05 { background: transparent url(images/logo05.gif) 0px 0px ; display:block; height: 40px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo07 { background: transparent url(images/logo07.gif) 0px 0px ; display:block; height: 40px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo08 { background: transparent url(images/logo08.gif) 0px 0px ; display:block; height: 50px; margin: 19px -15px 0 -15px; text-decoration: none!important; }
.s-logo09 { background: transparent url(images/logo09.gif) 0px 0px ; display:block; height: 40px; margin: 19px -15px 0 -15px; text-decoration: none!important; }

.s-logo06 { background: transparent url(images/logo06.gif) 0px 0px ; display:block; height: 40px; margin: -10px -15px 0 -15px; text-decoration: none!important; }

.wetter{padding: 15px 56px}

.devide2 {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: transparent url(images/devider.gif) repeat-x left top;
	height:1px;
	overflow:hidden;
	}

	.newsletter {
margin-top: 15px;
}

.newsletter2{
margin-top: 10px;
}

 #email {
 vertical-align: top;	
 color: #5B4014;
	width: 208px;
	padding: 3px;
	border: 5px solid #F9F8F1;
	background-color: #EDEDDB;
	}
/**********************
*   Footer            *
***********************/
.clearer {
	overflow:hidden;
	clear:both;
	height: 1px;
	width: 100%;
	background-color: transparent;
	}
	
/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}

.bar {
height: 20px;
width: 620px;
}

.new {background: #f5a400 url(images/bar-new.gif) top left;}
.pro {background: #f5a400 url(images/bar-pro.gif) top left;}
.flobo {background: #f5a400 url(images/bar-flobo.gif) top left;}
.gal {background: #f5a400 url(images/bar-gal.gif) top left;}
.fas {background: #f5a400 url(images/bar-fas.gif) top left;}
.spe {background: #f5a400 url(images/bar-spe.gif) top left;}
.job {background: #f5a400 url(images/bar-job.gif) top left;}
.faq {background: #f5a400 url(images/bar-faq.gif) top left;}
.imp {background: #f5a400 url(images/bar-imp.gif) top left;}