/*

Theme Name: Spanhoek Hotel
Theme URI: http://jp.cssez.com/demo.php?d=f44dfeedb930c870350b527911a5e1f7
Description: 
Version: 1.0
Author: mileidysg and CSSEZ.com
Author URI: http://jp.cssez.com/

 Design#12400
	This theme was designed and built by mileidysg and CSSEZ.com,
 through http://jp.cssez.com/.

	The CSS, XHTML and design is released under Creative Commons(BY):
 http://creativecommons.org/licenses/by/2.1/jp/

*/

/* Cross-browser settings */
html{
overflow: -moz-scrollbars-vertical;
height:100%;
}

* {
 margin: 0;
 padding: 0;
}

/* general styles */
body {
 height: 100%;
 background: #6D665C url(images/bg_main.jpg) repeat-x top;
 font-size: 14px;
}

img {
 border:0;
}

a {
color:#C0BEBD;;
}

a:visited {
color:#C0BEBD;
}

a:hover {
color:#C0BEBD;
}

#wrapper {
 width: 900px;
 margin: 0px auto;
 padding: 0px;
 color: #C0BEBD;
 font: 11px/15px 'Tahoma', sans-serif;
}

/* Header */
#header_en {
background:  url(images/header_en.jpg) repeat-x;
}

#header_fr {
background:  url(images/header_fr.jpg) repeat-x;
}

#header_nl {
background:  url(images/header_nl.jpg) repeat-x;
}

#header_en, #header_fr, #header_nl{
 float: left;
 width: 100%;
 height: 106px;
 margin: 0px;
 padding: 0px;
}

#header_en #title, #header_fr #title, #header_nl #title {
 margin: 20px 0px 0px 30px;
 padding: 0px;
 color: #000000;
 font: bold 2.5em 'arial black', sans-serif;
 text-align: left;
}

#header_en #title a, #header_fr #title a, #header_nl #title a {
 color: #000000;
}

#header_en div#description, #header_fr div#description, #header_nl div#description {
 margin: 5px 0px 0px 30px;
 padding: 0px;
 color: #666666;
 font-size: 1.2em;
 text-align: left;
}


/* Navigation */
#navigation {
 float: left;
 height:30px;
 width:100%;
 margin: 0px;
 padding: 0px;
 background:  url(images/bg_button.gif) repeat-x; 
}

#navigation ul {
 list-style:none;  
}

#navigation li {
 display:inline;
 float:left;
 margin: 0px;
}
#navigation a {
	color:#fff;
	text-decoration:none;
	padding:0 8px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

#navigation li a.tabs {
float:left;
padding-left: 4px;
text-decoration:none;
font-weight:bold;
}

#navigation li a.tabs:hover {
 color: #C0BEBD;
}

#navigation li a.tabs span {
 float:left;
 padding: 5px 15px 4px 6px;
 color: #F7F7F7;
 font-size: 12px;
}

#navigation li a.tabs:hover span {
 color: #C0BEBD;
}

/* Main contents */
#contents {
 float: left;
 width: 570px;
 margin: 0px;
 padding: 0px;
 font-size: 1.0em;
 text-align: left;
 min-height:500px;
}

#contents h2 {
color:#C0BEBD;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding-left:3px;
text-align:left;
text-decoration:none;
background-color:#44403c;
margin:15px 0px 15px 20px;
line-height:20px;
}

#contents h2 a {
text-decoration:none;
}

#contents .contents_body {
 margin: 5px 0 0 20px;
 padding: 0px 15px 10px 0px;
}

#contents h3 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

#contents li{
margin-left:35px;
}

/* Sidebar */
#firstSide { float: left;}

.sidebar {
 width: 322px;
 margin: 0px;
 padding: 0px;
 background: #696258 url(images/bg_bookin.gif) repeat-x;
 font-size: 1.0em;
 text-align: left;
}

.sidebar h4 {
 margin: 20px 15px 0px 0px;
 padding: 5px 10px;
 border-bottom: 1px dashed #0600B3;
 border-left: 5px solid #0600B3;
 color: #0600B3;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

.sidebar ul {
 list-style:none;
 width: 100%;
}

.sidebar p {
 padding: 0px 10px 0px 0px;
}

.sidebar li {
 line-height: 20px;
}

.sidebar li a {
 display:block;
 line-height: normal;
 padding: 0px;
 border-bottom: 1px dashed #999999;
 color: #999999;
 font-size: 1.0em;
 text-align: left;
 text-decoration: none;
}

.sidebar li a:hover {
 border-bottom: 1px dashed #0600B3;
 color: #0600B3;
}

/* Footer */
#footer {
 clear:both;
 width: 100%;
 height: 64px;
 margin: 0px;
 padding: 20px 0px 0px;
 background: #ededed url(images/bg_footer.jpg) repeat-x;
 color: #C0BEBD;
 font-size: 11px;
 text-align: center;
}

#footer a{
text-decoration: none;
}

#footer li a:hover {
 color: #00FF00;
}

/* Post2Columns */
table.post2columns{
width:100%;

}
/*table.post2columns td{
padding-top:10px;
line-height:15px;
}*/

#contents table.post2columns h2{
padding-left:5px;
margin:3px 0px 10px 0px;
line-height:20px;
}

.spanhoek {
background: url(images/reservation_bg.jpg) no-repeat;
}

input, textarea{
font-family:'Tahoma',sans-serif;
font-size: 12px;
color:#333333;
}

#language{
margin:80px 0 0 20px;
}

#language li{
list-style:none;
float:left;
padding-right:10px;
}

#language li a{
text-decoration:none;
}

#language li a span{
margin-left:3px;
}

#audioplayer { 
 position: absolute;
 height: 322px;
 top:10px;
 }

.btn{
background-color:red;
border:none;
color:white;
font-size:11px;
padding:2px;
}