/* CSS Bookerz.nl */
/* Roy van Breugel */
*
{
  border:           0;
  color:            #333333;
  font-family:      tahoma;
  font-size:        12px;
  margin:           0;
  padding:          0;
  text-decoration:  none; 
}
html, body
{
  background:       url("/images/background.gif") repeat;
  height:           auto;
  overflow-x:       hidden;
  overflow-y:       auto;
}
body.mceContentBody {
  background-color: #ffffff;
  color:#000000;
  background-image: none;
  background-repeat: no-repeat;
  }
h1
{
  color:            #f78e1e;
  font-size:        16px;
  margin:           10px;
}
h2, h2 a
{
  color:            #f78e1e;
  font-size:        14px;
  margin:           10px;
}
h2 a
{
  margin:           0;
  text-decoration:  underline;
}
h3
{
  color:            #f78e1e;
  font-size:        12px;
  margin:           10px;
}
p, ul, table
{
  line-height:      18px;
  margin:           10px;
}
ul
{
  list-style-image: url("/images/list.gif");
  margin-left:      30px;
}
.small
{
  color:            #cccccc;
  font-size:        11px;
  font-weight:      bold;
  line-height:      30px;
  margin:           0;
  text-decoration:  none;
}
a
{
  color:            #00539b;
  text-decoration:  underline;
}
th, td
{
  height:           20px;
  padding:          0 10px;
}

/* Default form */
form
{
  float:            left;
  margin:           10px;
}
label
{
  clear:            left;
  float:            left;
  font-weight:      bold;
  line-height:      30px;
  width:            130px;
}
input, textarea
{
  border:           1px solid #cccccc;
  float:            left;
  height:           22px;
  margin:           3px 0;
  padding:          0 2px;
  width:            220px;
}
textarea
{
  height:           80px;
  width:            300px;
}
.radio
{
  border:           0;
  margin:           3px;
  width:            auto;
}
.radiotext
{
  float:            left;
  line-height:      22px;
}
.submit_contact
{
  background:       url("/images/submit_contact.png");
  border:           0;
  clear:            both;
  cursor:           pointer;
  height:           35px;
  margin:           10px 0 10px 130px;
  width:            191px;
}
.submit_informatie
{
  background:       url("/images/submit_informatie.png");
  border:           0;
  clear:            both;
  cursor:           pointer;
  height:           35px;
  margin:           10px 0 10px 130px;
  width:            191px;
}

/* Errors */
.errortext
{
  color:            #ff0000;
}
.formerror
{
  color:            #ff0000;
  float:            left;
  margin:           5px;
} 

/* Container */
#container
{               
  background:       #ffffff;
  height:           auto !important;
  margin:           0 auto;
  min-height:       100%;
  position:         relative;
  width:            950px;
}

/* Header */
#header
{
  height:           198px;
  width:            950px;   
}

/* Twitter button */
#twitterbutton
{
  background:       url("/images/twitter.png") no-repeat;
  height:           20px;
  left:             10px;
  position:         absolute;
  top:              10px;
  width:            20px;
}

/* Menu */
#menu
{
  background:       url("/images/menu.png") no-repeat;
  height:						30px;
  opacity:          0.9;
  padding:          0 10px;
  position:					absolute;
  top:              168px;
  width:            930px; 
}
#menu ul
{
  float:            right;
	list-style:				none;
	margin:           0;
	width:						720px;
}
#menu li
{
	float:						left;
	position:         relative;
	width:						144px;
}
#menu li:hover ul
{
	display:					block;
}
.menuitem
{
	color:						#ffffff;
	display:					block;
	font-size:        14px;
	font-weight:      bold;
	line-height:			30px;
	padding:					0 10px;
	text-align:       center;
	text-decoration:  none;
}
.menuitem:hover,
.menuitem.selected
{
	background:       url("/images/menu_hover.png") no-repeat;
}
#submenu
{         
	display:					none;
	left:							0;
	list-style:				none;
	margin:           0;
	position:					absolute;
	top:							30px;
}
#submenu-last /* most right menuitem */
{
	display:					none;
	left:							0;
	list-style:				none;
	margin:           0;
	position:					absolute;
	top:							30px;
}
#submenu li
{                     
	float:						none;
	position:					relative;
  width:				    190px;
}
#submenu li:hover ul
{
  display:          block;
	visibility:				visible;
}
.submenuitem
{
	background:       #f78e1e;
  border-bottom:    1px solid #f4a536;
	color:						#ffffff;
	display:					block;
	line-height:			22px;
	padding:					0 10px;
	text-decoration:  none;
}
.submenuitem:hover,
.submenuitem.selected
{
	background:       #00539B;
  border-bottom:    1px solid #4369ab;
}
#subsubmenu
{
	display:					none;
	left:							190px;
	list-style:				none;
	margin:           0;
	position:					absolute;
	visibility:				hidden;
	top:							0; 
}
#subsubmenu-last /* most right menuitem */
{
	display:					none;
	left:							-190px;
	list-style:				none;
	margin:           0;
	position:					absolute;
	visibility:				hidden;
	top:							0;
}
#subsubmenu li
{
	float:						none;
	position:					relative;
	width:						205px;
}
.subsubmenuitem
{
	background:				#00539b;
	border-bottom: 		1px solid #4369ab;
	color:						#ffffff;
	display:					block;
	line-height:			22px;
	padding:					0 10px;
	text-decoration:  none;
}
.subsubmenuitem:hover,
.subsubmenuitem.selected
{
	background:				#f78e1e;
	border-bottom:		1px solid #f4a536;
}


/* Breadcrumb */
#breadcrumb
{
  color:            #cccccc;
  height:           30px;
  margin:           0 10px;
  width:            930px;  
}
   
/* Content */
#content
{
  background:       url("/images/content.gif") repeat-y;
  min-height:       auto;
  overflow:         auto;
  padding-bottom:   100px;
  width:            100%; 
}
#content-left
{
  float:            left;
  margin:           0 5px 10px 10px;
  width:            610px;  
}
#content-right
{
  float:            left;
  margin:           0 10px 10px 5px;
  width:            310px;
}
.contentblock
{
  background:       #faf9f9;
  border:           1px solid #dddddd;
  margin-bottom:    10px;
  overflow:         auto;  
}

/* Daughters */
#daughters
{
  width:            310px;
}
.daughters-image
{
  border:           1px solid #dddddd;
  display:          block;
  height:           80px;
  margin-bottom:    10px;
  text-align:       center;
  width:            310px;
}

/* Filmstrip */
#projects
{
  height:           210px;
  width:            610px;   
}
.arrowleft
{
  float:            left;
  margin:           70px 8px 70px 0;
}
.arrowright
{
  float:            right;
  margin:           70px 0 70px 4px;
}
.filmstrip
{
  float:            left;
  height:           210px;
  margin-left:      -4px;
  overflow:         hidden;
  width:            540px;
}
.project
{                     
  float:            left;
  height:           210px;
  margin:           0 5px;
  text-align:       center;
  width:            170px;
  text-decoration:  none;
}
.project-image
{
  border:           1px solid #dddddd;
  display:          block;
  height:           170px;
  width:            170px;
}
.project-text
{
  color:            #f78e1e;
  font-size:        11px;
  line-height:      18px;
  margin:           0;
}

/* RelateImages */
#relatedimages
{
  display:          inline-block;
  margin:           0 0 10px 10px;
  text-align:       center;
  width:            154px;
}
.relatedimages-image
{
  border:           1px solid #dddddd;
  height:           154px;
  width:            154px;
}

/* Footer */
#footer
{
  background:       url("/images/footer.png");
  bottom:           0;
  font-size:        13px;
  height:           100px;
  position:         absolute;
  width:            100%;
}
.footer-text,
.footer-text a
{         
  color:            #ffffff;
  line-height:      26px;
  margin-top:       44px;
  text-align:       center;
}
.sitemap a
{
  color:            #00539b;
  float:            right;
  font-size:        10px;
  margin:           6px 10px;
}

/* preview popup */  
#preview_semitransparant
{
  background:       #000000;	
  filter:           alpha (opacity=75);
  left:             0;
  opacity:          0.6;
  position:         absolute;
  top:              0;
  z-index:          90; 
}	
#preview_solid
{
  left:             0;
  position:         absolute;
  top:              0;  
	visibility:       hidden;	 
	z-index:          91;
}
#preview_popup
{
  background:       #ffffff;
	margin:           0 auto;
	min-height:       600px;
	min-width:        600px;
	position:         relative;
	z-index:          92;
}
#preview_image
{
  height:           571px;
  margin:           10px;
  width:            571px;
  z-index:          93;
}
#preview_closebutton
{
  color:            #f78e1e;
  float:            right;
  font-size:        22px;
  font-weight:      bold;
  margin:           5px;
  width:            22px;
  z-index:          94;
}
#preview_closebutton:hover
{
	color:            #666666;
}