/*  
Theme Name: Blaauw Products
Theme URI: http://www.945-ontwerp.nl/
Description: This theme is designed by 945-ontwerp exclusively for Blaauw Products
Version: 1.0
Author: Bas de Haas & Gijs Bekenkamp
Author URI: http://www.945-ontwerp.nl/
*/

/*** Color table ***/
/*
blaauw: rgb(0,103,177);
rood:   rgb(237,65,51);
green:  rgb(32,161,28);
grey:   rgb(90,90,90);
*/

/*** structure ***/
body {
	font-family: 'arial', arial, verdana, serif;
	font-size: 10pt;
	color:black;
	text-align: left;	
	margin: 40px 0 20px 0;
	padding: 0; 
	overflow-x: hidden; /* hide bottom scroll bar*/
}

#container{
  	background: url('img/background-repeat.gif') repeat-x; 
  	height: 743px;      
  	padding:0;
}

#left{
  	float: left;  
}

#page {   
  	background: url('img/blue_bar_left.png') left no-repeat ;
  	float: left;
  	padding-left: 97px;
  	height: 743px;
  	width: 2500px; /*arbitrary large */   
  	position: relative;
}

#sidebar{
  	margin: 16px 0px 0px 15px; /* align with 'L' */
	width: 145px;  
  	height: 586px;       
  	float: left;
}

#lang_switch{
  padding: 0px 0px 78px 10px;
}

#content { 
  	margin: 108px 0px 0px 45px;  /* 108px align with 'L' */
  	width: 440px;        
  	height: 586px;    
  	float: left;  
 	overflow: auto;    
 	z-index: 1;   
  	position: relative; 
}

#scrollable{
  width: 400px;
  position: absolute;
  left: 0; 
  top: 0;
}

#right{ 
  float: left;
  vertical-align: bottom;
  background: url('img/blaauw_logo.png') no-repeat;   
  padding-left: 119px;
  height: 743px;  
  position:relative;                              
}

#down_right{
	position:absolute;
	bottom:0;
	margin: 0 0 47px 47px;
}
  
/*** sidebar ***/ 
#sidebar span.bar{
  display: block;
}   
   
#sidebar ul,
#sidebar ul li ul{
	list-style-type: none;
  	padding: 0;
  	margin: 0;
}

#sidebar ul li{
	padding:  0px 0px 15px 0px;
	margin: 0;
	font-size:11pt;
	font-weight: bold;
}

#sidebar ul li ul li{
  	padding: 4px 0px 0px 0px;
  	margin: 0px 15px 0px 0px; 
  	font-size: 9pt;   
}  

#sidebar ul li a,
#sidebar ul li.current_page_item ul li a,
#sidebar ul li.current_page_ancestor ul li a{
  	color: rgb(0,103,177);
  	background-color: white;
	text-decoration: none; 
	padding-left: 5px;
	display: block;
	border: none;
	text-transform:uppercase;
}

#sidebar ul li.current_page_ancestor ul li a{
	line-height: 13px;
}
#sidebar ul li a span.bar,
#sidebar ul li.current_page_ancestor a span.bar,
#sidebar ul li.current_page_ancestor ul li a span.bar{
	padding-left:7px;
	border: none;
}   
                 
#sidebar ul li a:hover,
#sidebar ul li.current_page_item a,
#sidebar ul li.current_page_ancestor a{
	border-left: 5px solid rgb(237,65,51);       
	padding-left: 0px;     
	color: white;
	background-color: rgb(0,103,177);
}                                     

#sidebar ul li a:hover span.bar,
#sidebar ul li.current_page_item a span.bar,
#sidebar ul li.current_page_ancestor ul li a span.bar{
	border-left: 5px solid white;
	padding-left: 2px;
}                        

#sidebar ul li ul li a:hover,
#sidebar ul li ul li.current_page_item a{
	color: white;
	background-color: rgb(237,65,51);
}

#sidebar ul li.current_page_ancestor a{
	border-left: 10px solid white;
  
}
#sidebar ul li.current_page_ancestor a span.bar{
	border: none;
	padding-left:2px;
}

/** about - blaauw is green **/
#sidebar ul li ul li.page-id-26 a,
#sidebar ul li ul li.page-id-208 a{
	color: rgb(32,161,28);
}

#sidebar ul li ul li.page-id-26 a:hover,
#sidebar ul li ul li.page-id-208 a:hover,
body.page-id-26 #sidebar ul li ul li.current_page_item a,
body.page-id-208 #sidebar ul li ul li.current_page_item a{
	color: white;
	background-color: rgb(32,161,28);
}

/*** content ***/      
#content h1{ 
	text-transform: uppercase;
	color: rgb(237,65,51);
	margin:0px 0px 15px 0px;
	font-size: 11pt;
	font-weight: bold;
}

#content h2{ 
	text-transform: uppercase;
	color: rgb(0,103,177);
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
}
 /** blaauw = green */
body.page-id-26 #content h2,
body.page-id-208 #content h2{
	 color: rgb(32,161,28);
}

#content p{
	margin: 0px 0px 15px 0px;
}

#content p.wp-caption-text{
	font-style: italic;
}

#content em{
	color: rgb(0,103,177);
	border-left: 5px solid rgb(237,65,51);
	padding-left: 5px;
	position: relative;
	left: -10px;
	font-weight: bold;
	font-style: normal;
}

#content ul{
	list-style-type: square;
}

#content ul li{
	margin: 9px 0px 9px 0px;
}
#content table.contact_info {
	padding: 0px 0px 8px 0px;
	margin: 0px;	
}
#content table.contact_info tr td{
	margin:0;
	padding:0;
	border: 0;
}
#content table.contact_info tr td{
	min-width: 120px;
}

#content table.adres tr td strong{
	color: rgb(0,103,177);
}

/* <Scroll> */
#content div.track {
	position: relative;
	float:right;
	top: 0; 
	width: 8px; 
	height: 100%;
	font-size: 0;
	background: white;
}

#content div.drag_bar{
    position: absolute;
    width: 100%; 
	height: 14px;
    cursor: pointer;
    background: rgb(0,103,177);  
}

/* contact form */
#content div.wpcf7 input{
	border: 1px solid #808080;
	width: 200px;
}

#content div.wpcf7 input.submit{
	background-color:rgb(0,103,177);
	border: 2px solid rgb(0,103,177);
	color: white;
	width: 100px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	font-size: 9pt;
	padding-left: 0px;
}

#content div.wpcf7 textarea{
	border: 1px solid #808080;
	width: 400px;
	height: 80px;
}

#content div.wpcf7 p strong{
	text-transform: uppercase;
	color: rgb(0,103,177);
	padding-left: 2px;
}

#content div.wpcf7 p {
	margin-bottom: 12px;
	font-size: 9pt;
}

.navigation{ /* << vorige post | volgende post >> */ 
	display: block; 
}

/* artwork sectie */
#down_right ul li strong{
	color: white;
	background-color: rgb(0,103,177);    
	display: block; 
	padding-left: 5px;
	border-left: 5px solid white;     
   
}
#down_right ul li em{
	font-style: normal;
	font-weight: bold;
	color: rgb(0,103,177);  
	padding-left: 15px;
}

#down_right ul li:first-child{
	border-left: 5px solid rgb(237,65,51);      
	text-transform:uppercase;
}

#down_right ul{
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0 0;
}
	
/** links **/
#content a,
#down_right a{
	text-decoration: none;
	color: rgb(237,65,51);
}

#content a:hover,
#down_right a:hover{ 
	text-decoration: underline;
	color: rgb(237,65,51);
}

#down_right a:visited,

a img { border: none; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help;}
acronym, abbr { border-bottom: 1px dashed #999;}
del{visibility: hidden;}