/*  
Theme Name: Ontwerpkamer saphirblau
Theme URI: http://chhr.nl/
Description: revisie voor de Ontwerpkamer.
Version: 1.2
Author: Chris Heidecker
Author URI: http://chhr.nl/

	Atelier v1.0
	 http://chhr.nl

	This theme was designed and built by Chris Heidecker

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

body     { color: #593b2c; font-size: 78%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; background-color: #B7B6B6; background-image: url("images/saphir/background.gif"); background-repeat: repeat-y; background-position: 50% 0; text-align: center; margin: 0; padding-top: 0; padding-left: 0 }
p {}
td {}
a   { color: #25257b; text-decoration: none }
a:link   { color: #25257b; text-decoration: none }
a:visited   { color: #25257b }
a:hover { color: #593b2c }
h1  { font-size: 2em; font-family: Georgia, "Times New Roman", Times, "met schreef"; padding-left: 24px; text-align: left; font-style: normal; font-weight: normal; margin: 0px; padding-top: 120px; color: #593b2c; }
h1 a  { font-style: normal; font-weight: normal; color: #593b2c; }
h1 a:visited  { font-style: normal; font-weight: normal; color: #593b2c; }
h1 a:hover  { font-style: normal; font-weight: normal; color: #26257c; }
h2 { margin-bottom: 0px; margin-left: 0; margin-right: 0; margin-top: 0.83em; font-style: normal; font-weight: normal; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3    { color: #25257b; font-size: 1.17em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-indent: 10px; letter-spacing: 0.12ex; margin: 1.4em 0 0.4em }
h3 a { color: #593b2c; }
h3 a:hover  { color: #25257b; }
hr { visibility: hidden; clear: both }
#colorpage #balk { background-image: url(images/saphir/color.gif); position: absolute; z-index: 3; top: 35px; left: 0; width: 50%; height: 175px }
#greypage #balk { background-image: url(images/saphir/grey.gif); position: absolute; z-index: 3; top: 35px; left: 0; width: 50%; height: 175px }
#page      { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-image: url(images/saphir/page.gif); background-repeat: repeat-y; text-align: left; margin: auto; padding-top: 0; padding-left: 0; position: relative; z-index: 5; width: 800px }
#banner  { margin-right: 0; margin-left: 0; padding-right: 35px; padding-left: 321px; width: 444px }
#header        { margin: 0; padding: 0; width: 800px; height: 175px }
#greypage #header        { background-image: url(images/saphir/colorbar.gif); margin: 0; padding: 0; width: 800px; height: 35px }
#colorpage #header        { background-image: url(images/saphir/page.gif); margin: 0; padding: 0; width: 800px; height: 35px }
#menubar { padding-left: 0px; padding-bottom: 1px; padding-right: 0px; padding-top: 1px; margin-left: 321px; width: 400px; height: 20px }
#homepage #menubar   { padding-left: 0; padding-bottom: 0; padding-right: 0; padding-top: 140px; margin-left: 321px; width: 400px; clear: right }
#menubar ul  { padding-left: 20px; display: inline; list-style-type: none; }
#menubar li  { margin-right: 4px; margin-left: 4px; color: #25257b; display: inline; }
#greypage #menubar a   { color: white; }
#greypage #menubar a:link   { color: white; }
#greypage #menubar a:visited   { color: white }
#greypage #menubar a:hover { color: #593b2c }
#menu { margin-bottom: 0px; margin-left: 0; margin-right: 0; margin-top: 0.83em; font-style: normal; font-weight: normal; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.current_page_item a  { font-weight: bold; color: #593b2c; }
.current_page_item a:link  { font-weight: bold; color: #593b2c; }
.current_page_item a:visited  { font-weight: bold; color: #593b2c; }
#bar    { margin: 0; padding: 0; width: 800px; height: 175px; clear: left }
#homepage #bar    { background-image: url(images/saphir/colorbar.gif); }
#greypage #bar     { background-image: url(images/saphir/greybar.gif); }
#colorpage #bar    { background-image: url(images/saphir/colorbar.gif); }
#logo     { margin: 0; padding: 0; position: absolute; left: -50px; width: 371px; height: 175px; float: left }
#homepage #logo     { background-image: url(images/saphir/homelogo.gif); }
#greypage #logo     { background-image: url(images/saphir/greylogo.gif); }
#colorpage #logo    { background-image: url(images/saphir/colorlogo.gif); }
#logo img  { border-style: none; border-width: 0; padding: 0px; margin: 0px; }
#barPict { margin-left: 321px; width: 444px; height: 175px }
#barPict img  { border-style: none; border-width: 0; padding: 0px; margin: 0px; }
#pagecontent  { width: 800px }
.illustratie { margin: 0; padding: 0; position: absolute; top: 210px; left: 0; width: 321px }
.kolom     { margin-left: 343px; padding-bottom: 22px; width: 400px }
.kolom img      { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 110px; float: left; clear: left; border: solid 1px #646e78 }
.kolom a:visited img { margin-top: 6px; margin-bottom: 14px; border: solid 1px #646e78 }
.kolom a:hover img  { margin-top: 6px; margin-bottom: 14px; border: solid 1px white ; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1}
.kolomminh { width: 1px; height: 96px; float: right }
.navigation { text-align: center; display: block; margin-top: 10px; margin-bottom: 60px }
.alignleft  { margin-left: 24px; margin-top: 12px; float: left }
.alignright { margin-right: 24px; margin-top: 12px; float: right }
.alignleft a { color: white; }
.alignleft a:visited { color: white; }
.alignleft a:hover { color: #26257c; }
.alignright a { color: white; }
.alignright a:visited { color: white; }
.alignright a:hover { color: #26257c; }
#projectlist  { padding-bottom: 22px; padding-top: 22px; margin-left: 343px; width: 400px; }
.leftblock { margin-top: 0.01em; margin-bottom: 0.01em; margin-left: -280px; clear: left; float: left; width: 250px; font-size: 1em; font-weight: normal; }
#projectlist h3 { clear: both; width: 290px; color: #593b2c; font-size: 1.17em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-align: left; text-indent: 10px; letter-spacing: 0.12ex; margin-top: 1.4em; margin-bottom: 0.8em; margin-left: -260px; }
#projectlist h4 { margin-top: 0.01em; margin-bottom: 0.01em; font-size: 1em; font-weight: normal; }
#projectlist h4 a { color: #26257c }
#projectlist h4 a:visited { color: #26257c }
#projectlist h4 a:hover { color: #593b2c }
#projectlist img  { float: right; margin-bottom: 8px; margin-right: 6px; margin-left: 8px; margin-top: 6px; height: 83px; width: 83px; border: solid 1px #593b2c; }
#projectlist a:visited img  { border: solid 1px #593b2c;  }
#projectlist a:hover img { border: solid 1px white;  }
.singleentry   { text-align: left; margin-left: 343px; padding-top: 22px; padding-bottom: 22px; width: 400px }
.singleentry img     { height: 83px; width: 83px; margin: 6px 6px 8px 8px; border: solid 1px #77b086 }
.singleentry a:hover img  { border: solid 1px #fff }
#projectenmenuthumbnails  { text-align: center; margin: 22px 22px 22px 343px; padding-top: 3px; width: 400px; clear: right }
.thumbline img    { margin: 4px; width: 36px; height: 36px; border: solid 1px #484848; -moz-opacity: .5; filter: alpha(opacity=50); opacity: .5     }
.thumbline a img  { border: solid 1px #484848 }
.thumbline a:hover img   { border: solid 1px #b2f6b6; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1   }
#page #footer     { text-align: right; background-image: url(images/saphir/footer.gif); padding-top: 6px; width: 800px; height: 22px; clear: both }
#colorpage #footer { margin-left: 50px; background-position: -50px 0px; background-image: url("images/saphir/footer.gif"); padding-top: 6px; width: 750px; height: 22px; clear: both }
#homepage #footer { margin-left: 321px; background-position: -321px 0px; background-image: url("images/saphir/footer.gif"); padding-top: 6px; width: 479px; height: 22px; clear: both }
#page #subfooter  { visibility: hidden; text-align: right; background-image: url(images/saphir/page.gif); padding-top: 3px; width: 800px; height: 12px; clear: both }
#homepage #subfooter { visibility: visible; text-align: right; background-image: url("images/saphir/page.gif"); padding-top: 3px; width: 800px; height: 12px; clear: both }
#footercontent a { margin-right: 60px; color: white; font-size: 0.9em; line-height: 1.6em; }
#footercontent a:visited { margin-right: 60px; color: white; font-size: 0.9em; line-height: 1.6em; }
#footercontent a:hover    { margin-right: 60px; color: #b2f6b6; font-size: 0.9em; line-height: 1.6em; clear: both }
#subfootercontent   { text-align: right; padding-right: 60px; font-size: 0.9em; line-height: 1.2em; }