/*  
Theme Name: website Hotel de Bosrand
Theme URI: http://www.hoteldebosrand.nl
Description: wordpress theme for hotel de Bosrand- vlieland 
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 13px times new roman, sans-serif; 
	color: #000; 
	background: #fffffe url('images/background.gif') repeat-y 50% 0 fixed;
	margin: 0; 
	padding:0;
    line-height: 16px;
	text-align: left;
	}
	
h1 { 
	font-weight: bold;
	font-size: 18px; 
	color: #7f0e1a; 
	margin: 0; 
	padding: 0 0 10px 0;
    text-transform: uppercase;
    line-height: 19px;
}	

h2 { 
    font-weight: bold;
	font-size: 16px; 
	color: #7f0e1a; 
	margin: 0; 
	padding:  10px 0 0 0;
    text-transform: uppercase;
}

h3, h4, h5, h6 { 
    text-transform: uppercase;
    font-weight: bold;
    color: #7f0e1a; 
	margin: 0; 
	padding:  10px 0 0 0;
}

p { 
    clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
	} 
    
p.postmetadata {
    clear: both;
}    
	
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #7f0e1a;
	position: relative;
	}

a:hover, a:active { 
	color: #af3642;
	}
    
ul {
	padding: 0 0 10px 15px;
	margin: 0;
}	
    
em {
    font-size: 12px;
	margin: 0;
	padding: 0; 
	color: #af3642; 
	}
    
small {
    font-size: 11px;
	margin: 0;
	padding: 0; 
	color: #af3642; 
	}
	
.line_big {
    clear: both;
    width: 675px;
    height: 1px;
    padding: 0 0 10px 0;
    margin:0;
    background: url('images/line_big.gif') no-repeat top;
    }
    
.line_small {
    clear: both;
    width: 255px;
    height: 1px;
    padding: 0 0 10px 0;
    margin:0;
    background: url('images/line_small.gif') no-repeat top;
    }    
        
strong {
	color: #987d5b; 
	}

blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
	}	

/* div voor rode hoofdletters */    
.big_red {
    color: #7f0e1a;
    text-transform: uppercase;
    }
    
	
/* specific divs */
/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 990px; 
}
 /* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 990px; 
	margin-left: auto; 
	margin-right: auto; 
	}
	
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs { 
    position: absolute;
	top:0px;	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 990px; 
	margin-left: auto; 
	margin-right: auto; 
    }
	
#wrap {
	float: left;
    width: 988px;
	padding:0;
    margin:0;
}

#header {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 988px; 
	height: 307px;
}	

.language {
    position: absolute;
    z-index:100;
    left: 52px;
    top:266px;
}

.language li {
    display: inline;
    padding: 0 4px 0 0;
}

.language a img {
    border: 0;
}

#header_image {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 806px; 
	height: 307px;	
}

/* navigatie boven - pages */
.page_item {
    float:left;	
	padding: 0;
	margin: 0;
	text-align: left;
}

.page_item a, .page_item a:visited {	
	float:left;	
	margin:0;
    padding: 2px 4px 5px 24px;
    color: #fff;
    height: 14px;    
    width: 120px;
    font-size: 13px;
    background: url('images/bg_menu.gif') no-repeat;
    font-weight: normal;
	text-decoration: none;
}

.page_item a:hover, .current_page_item a, .current_page_item a:visited, .current_page_parent a, .current_page_parent a:visited  {
	color: #e0bb6c;
    background-position: 0 -21px;
}

/*EXTRA MENU*/

/* navigatie onder - pages */
.sidebar .page_item {
    float:left;	
	padding: 0;
	margin: 0;
	text-align: left;
}

.sidebar .page_item a, .sidebar .page_item a:visited {	
	float:left;	
	margin:0;
    padding: 2px 4px 6px 24px;
    color: #fff;
    height: 15px;    
    width: 120px;
    font-size: 13px;
    background: url('images/bg_extramenu.gif') no-repeat;
    background-position: 0 0;
    font-weight: normal;
	text-decoration: none;
}

.sidebar .page_item a:hover, .sidebar .current_page_item a, .sidebar .current_page_item a:visited  {
	color: #821b21;
    background-position: 0 -23px;
}

/* -  -  - --  -- - -   -- - -  -  -  ----  */

#backtohome {
	position: absolute;
	top: 40px;
	left: 24px;
	padding:0;
	margin:0;
	border:0;
	background: #000;
	}	
	
#backtohome a {
	position: absolute;
    background: url(images/logo_opencontent.png) no-repeat;
	top: 0px;
	left: 0px;
	width:364px;
	height: 87px;
	padding: 0;
    text-decoration: none;
	margin:0;
	border: 0;
	}		
	
#content {  
	float: left;
	padding: 20px 66px 20px 66px; 
	margin: 0;
	text-align: left; 
	width: 675px; 
	}
    
/* .sidebar width adjusted for IE 6 */    
.sidebar {
    float: right;
    padding:20px 10px 26px 0;
    margin:0;
    list-style: none;
    width: 167px; 
    }

.announcement_wrap {
    float: left;
    width: 128px;
    padding: 6px 16px 0 23px;
    margin: 0;  
    }    

.announcement {
    float: left;
    background: #e0c696;
    border: 1px solid #fff;    
    width: 105px;
    padding:20px 10px 15px 10px;
    color: #3f2e21;
    text-align: center;
    font-size: 19px;
    line-height:27px;
    letter-spacing: -0.8px;
    }    

.announcement p {   
    text-align: center;
    }

.announcement a {   
    text-decoration: none;
    }    

.announcement h1, .announcement h2, .announcement h3, .announcement h4 {
    padding:0 0 8px 0;
    margin:0;
    font-weight: normal;
    text-transform: none;
    color: #3f2e21;
    }

.announcement h1 {
    font-size: 40px;
    }    
    
.announcement h2 {
    font-size: 25px;
    }        

.contactinfo {
    color: #7f0e1a;
    letter-spacing: 0.89px;
    }    

.links {
    float: left;
    height: 26px;
    width: 675px;
    background: url('images/bg_links.gif') no-repeat;
    padding:10px 0 0 2px;
    margin:0;
    border:0;
    }

.links a:link, .links a:visited {
    float: left;
    background: url('images/bg_links_square.gif') no-repeat left;
    padding:0 0 0 20px;
    margin:0;
    }

.links ul {
    float: left;
    width:560px;
    padding: 0 0 0 53px;
    }    
  
.links li {
    float: left;
    display: inline;    
    width: 115px;
    padding:0 0 0 25px;
    margin:0;
   }    
    
.post_small  {
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 255px;
	}

.post_small_wrap_wrap {
	float: left;
	padding: 0 0 0 25px; 
	margin: 0 0;
	text-align: left; 
	width: 395px;
    }
    
.post_small_wrap  {
	float: left;
	padding: 0 0 10px 0; 
	margin: 0;
	text-align: left; 
	width: 395px;
    }
    
.post_small_img  {
	float: left;
	padding: 0 25px 0 0; 
	margin: 0;
	text-align: left; 
	width: 114px;
	}    

.post_small_img p  {
	float: left;
	padding: 0; 
	margin: 0;
	}    
    
.post_small_img img  {
	float: left;
	padding: 0; 
	margin: 0 0 25px 0;
	text-align: left; 
	width: 112px;
    height: 112px;
    border: 1px solid #7f0e1a;
	}     
    
.post  {
	clear: both;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 675px;
	}

.post img {
    padding: 8px;
    }    

.post p {
	text-align: left; 
    padding: 0 0 10px 0;
	}
    
.post ul, .post li {
     padding: 0 0 10px 0;
    }    

.post em {
    color: #7f0e1a;
    }    
      
.post-ratings-text {
    clear: both;
}

.separator {
    clear: both;
    width: 255px;
    padding:0 0 10px 0;
    margin:0;
}

.entry_left {
    float: left;
    width: 200px;
}

.entry_left img, .entry_left2 img {
    padding:0;
    border:0;
    margin:0;
}

.entry_right {
    float: right;
    width: 400px;
}

.entry_left2 {
    float: left;
    width: 100px;
}

.entry_right2 {
    float: right;
    width: 540px;
}


/*
WIDGET CSS
*/	

h1.sidebar, h1.sidebar a {
    padding:0;
    margin:0;
    font-weight: normal.
    font-size: 14px;
}

h1.sidebar a img {
    padding:0;
    margin:0;
    border: 0;
}
	
.widget {
	float: left;
	width:125px;
    background: #f3f3f3;
    padding:0;
	margin: 0;
	}	

.widget ul {
	float: left;
	padding: 10px;
    width: 100px;
    }	 
    
.widget li {
	float: left;
	width:100px;
    padding:0;
	margin: 0;
	display: block;
    }	 
    
.widget_top {
	float: left;
	padding: 0;
    height: 10px;
	margin:0;
    width: 125px;
	}

.textwidget {
    padding: 10px 0 10px 10px;
	margin: 0;
}    

.rsswidget a {
    border: 0;
}


.border {
    border: 1px solid #bdbcbc;
    padding: 0;
    margin: 10px 0 0 0;
}
 
/* search */

#search {
    position: absolute;
    left: 405px;
    top: 246px;
    text-align: right;
    height: 33px;
    width: 230px;
    z-index:11;
    }	

#search_field {
    float: left;
    width:230px;
	height: 33px;
	padding:0;
	margin:0;
	}
	
#search_field input {
    float: left;
    height: 17px;
	padding: 2px;
	margin: 0;
	width: 169px;
    color: #523e2e;
	border: 1px solid #5a8fd6;
	background: #fff;
	}
    
#search_field .search_submit {
    float: right;
    width: 55px;
	height: 23px;
    background: url("images/bg_btn.gif") repeat-x;
    color: #2b4b75;
    cursor: pointer;
	padding:0 0 2px 0;
	margin:0;
    font-size: 14px;
    font-weight: normal;
	border:1px solid #2b4b75;
    line-height: 17px;
}

#search_field .search_submit:hover {
    background: url("images/bg_btn.gif") repeat-x;
    border:1px solid #2b4b75;
    color: #fff;
}

/* MENU ITEMS */

#menu {
    float: right;
    margin:0;
    padding:20px 10px 0 0;
    list-style: none;
    height: 287px;
    width: 171px;
    background: #7f0e1a url('images/menu_stripe.gif') no-repeat bottom;
    border-left: 1px solid #574529;
}

#menu ul {
    list-style: none;
}

#extramenu {
    float: left;
    margin:0;
    padding:20px 0px 0 3px;
    list-style: none;
    width: 168px;
}

#extramenu ul {
    list-style: none;
    padding: 0;
}

#menu_frontpage {
    position: absolute;
    top: 202px;
    left: 11px;
    z-index:0;
    margin:0;
    padding:0 0 0 4px;
    list-style: none;
    height: 37px;
    width: 628px;
    background: url(images/bg_menu.gif) repeat-x;
}

#menu ul, #menu_frontpage ul {
    float: left;
    margin:0;
    padding:0;
}

#menu li, #menu_frontpage li {
    float: left;
    margin:0;
    padding:0 0 0 5px;
}

#footer {
    clear: both;
    width: 967px;
    height: 20px;
	padding: 10px;
    text-align: center;
}

/* align images  */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0;
margin: 0;
}

img.alignleft {
padding: 0;
margin: 0
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End align Images */


/* start forms, formmailer form css in plugins/dd-formmailer/dd-formailer.css */


#comment {
	width: 360px;
	padding: 2px;
	height:200px;
	border: 1px solid #523e2e;
}

form {
    float: left;
    text-align: left;
}

.ddfm {
    float: left;
}

input {
    border: 1px solid #81603a;
    padding:0;
}		

textarea, .fmtextarea {
    border: 1px solid #81603a;
    padding:0;
}

.fm_text {
    padding:0;
    margin:0;
    
}


/* einde forms */