/* GEWONE KLEUR VOOR H1 ENZOW: CC0000 */
html, body {
    height: 100%;
    margin: 0 auto;  
    padding: 0;
    text-align:center;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    color:#333;
    font-size:11px;
    line-height:14px;
	background:url(../_img/site_bg.gif) top center repeat-y;
}
#wrapper {
    clear:both;
	position: relative;
	text-align: center;
	width: 1000px;
	margin: 0px auto;
	padding:0; 
}
a#home_link {
    display:block;
    position:absolute;
    width: 340px;
	height:45px;
    z-index:8;
    top:5px;left:20px; 
}
#site_content {
    position:absolute;
    width:1000px;
	min-height:630px;
    z-index:5;
    top:0;left:0; 
	background:url(../_img/home_bg.png) top left no-repeat;
}
#foto_slider {
    position:absolute;
    width:1000px;
	height:330px;
    z-index:3;
    top:75px;left:0;
	background: #ffffff;
}
#foto_slider img {  
    width: 1000px;
    height: 330px;
    top:  0; 
    left: 0 
}
#home_content {
    position:absolute;
    width:1000px;
    z-index:3;
    text-align:left;
    top:365px;
    left:0;
}
#home_text, #home_latest_project, #home_special {
    width:373px;
    float:left;
    text-align:left;
}
#home_text {
    margin:25px 25px 20px 47px;
}
#home_latest_project {
    width:240px;
    margin:25px 25px 20px 0;
}
#home_special {
    width:240px;
    color:#990000;
    margin:0 25px 20px 3px;
}
#home_text h1, #home_latest_project h1, #home_special h1, #main_text h1 {
    margin-top:0;
    padding-top:0;
}
#home_special h1 { font-weight:bold; }
#footer {
    clear:both;
    width:1000px;
    text-align:center;
	background:url(../_img/footer_border.gif) top center no-repeat;
    padding-top:5px;
}
/* HOME NO SPECIAL */
body#home_no_special #site_content {
	background:url(../_img/home_nope_bg.png) top left no-repeat;
}
body#home_no_special #home_text {
    width:640px;
    margin:25px 28px 20px 47px;
}
body#home_no_special #home_latest_project {
    width:240px;
    margin:25px 0 20px 0;
}
/* MAIN PAGE */
body#main #site_content {
	background:url(../_img/main_bg.png) top left no-repeat;
}
#foto_bg {
    position:absolute;
    width:1000px;
	height:110px;
    z-index:3;
    top:75px;left:0;
	background: #ffffff;
	/* alpha voor alle browsers */
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}
#main_content {
    position:absolute;
    width:1000px;
    z-index:3;
    text-align:left;
    top:165px;
    left:0;
}
#main_gallery, #main_text {
    width:400px;
    min-height:400px;
    float:left;
    margin:3px 32px 10px 180px;
}
#main_text {
    width:340px;
    margin:0 0 10px 0;
}
/* GALLERY */
#gallery_caption {
    display:block;
    height:15px;
}
#gall_thumbs{overflow: hidden;}
/* SLIDING PANEL */
#thumbs_shower {
    position:absolute;
    z-index:10;
    top:588px;left:233px;
    margin:0 0 10px 0;
    width:642px;
    text-align:left;
    margin:0 0 20px 0;
    line-height:13px;
}
#thumbs_shower .blog_body {
    padding:5px 5px 5px 16px;
}
.stepcarousel{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 380px; /*Width of Carousel Viewer itself*/
    height: 70px; /*Height should enough to fit largest content's height*/
    margin-left:5px;
}
.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}
.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:0 10px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* PROJECTEN LIJST */
body#projecten_lijst #site_content {
	background:url(../_img/project_lijst_bg.png) top left no-repeat;
}
#project_lijst, #items_lijst, body#projecten_lijst #main_text {
    width:505px;
    float:left;
    min-height:400px;
    margin:0 0 10px 180px;
}
.project_article {
    clear:both;
    padding:10px 0;
    margin:0;
    background:url(../_img/project_item_bg.gif) bottom left repeat-x;
}
.project_article#active {
    background-color:#ececec;
    padding:10px 0;
    margin:0;
}

.project_thumb {
    width:95px;
    float:left;
    margin:0 10px 0 0;
}
.project_intro {
    float:left;
    width:400px;
    color:#636363;
}
.project_intro p {
    margin:0;
}
.project_intro h3, #project_text h3, h3 {
    margin:0;
    padding:0 0 5px 0;
    color:#636363;
    font-size:14px;
    font-weight:lighter;
    border-bottom:1px solid #CFCFCF;
}
.project_intro h2, #project_text h2 {
    font-weight:lighter;
    margin:0 0 2px 0;
    color:#990000;
    font-size:18px;
    line-height:18px;
}
.project_intro a.project_link {
    display:block;
    color:#5F724A;
    text-decoration:none;
    font-style:italic;
}
#project_lijst h1 { font-size:21px;padding:0 0 5px 0;margin-bottom:5px; }
.project_intro a.project_link:hover { text-decoration:underline; }
/* PROJECT PAGINA */
body#projecten #site_content {
	background:url(../_img/projecten_bg.png) top left no-repeat;
}
body#projecten #main_text {
    width:240px;
    margin:0 30px 10px 180px;
}
body#projecten #main_gallery {
    width:500px;
    margin:0;
}
body#projecten .stepcarousel{
    width: 480px; /*Width of Carousel Viewer itself*/
}
body#projecten #main_gallery {
    padding-top:5px;
    margin-bottom:20px;
}
body#projecten h3 { font-size:12px; }
/* SMOELENBOEK PAGINA */
body#smoelenboek #site_content {
	background:url(../_img/smoelenboek_bg.png) top left no-repeat;
}
body#smoelenboek #items_lijst {
    float:left;
    width:240px;
    margin:0 30px 10px 315px;
}
body#smoelenboek .project_article {
    clear:both;
    margin:0;
    padding:5px 0;
    background:url(../_img/project_item_bg.gif) bottom left repeat-x;
}
body#smoelenboek .project_article#active {
    background-color:#ececec;
}
body#smoelenboek .project_thumb {
    width:50px;
    float:left;
    margin:0 10px 0 0;
}
body#smoelenboek .project_intro {
    float:left;
    width:165px;
    color:#636363;
}
body#smoelenboek .project_intro h2, #project_text h2 {
    margin:15px 0 2px 0;
    font-size:14px;
}
h1#small_page_title { font-size:14px;padding:0 0 5px 0;margin-bottom:5px; }
h1#page_title { font-size:21px;padding:0 0 5px 0;margin-bottom:5px; }

#item_focus {
    float:left;
    width:235px;
    margin:0;
}
/* SPECIAL PAGES */
body#special_home #site_content {
	background:url(../_img/special_home_bg.png) top left no-repeat;
}
body#special_home #home_text {
    width:373px;
    float:left;
    text-align:left;
    min-height:200px;
    margin:25px 25px 20px 447px;
}
body#special_gal #site_content {
	background:url(../_img/special_gal.png) top left no-repeat;
}
body#special_no_gal #site_content {
	background:url(../_img/special_noGal.png) top left no-repeat;
}
body#special_no_gal #main_text {
    width:505px;
    float:left;
    text-align:left;
    min-height:400px;
    margin:3px 25px 20px 180px;
}

/* SPECIAL MENU */
#special_menu {
    position:absolute;
    width:810px;
    top:57px;left:170px;
    z-index:10;
}
#special_menu a {
    display:block;
    float:left;
	background:url(../_img/special_menu_bg.gif) top left no-repeat;
	font-size:14px;
	line-height:16px;
	overflow:hidden;
	color:#4D4D4D;
	text-align:center;
	width:127px;
	height:26px;
	padding:10px 0 0 0;
	margin-right:7px;
	text-decoration: none;
}
*html #special_menu a {
display:inline; /* IE 6 fix */
}
#special_menu a:hover, #special_menu a.active {
	color: #000066;
}
#special_menu a#special_title {
    width:259px;
    font-size:21px;
	color: #000066;
	font-weight:bold;
	background:url(../_img/special_menu_title.gif) top left no-repeat;
}
/* CONTACT FORM */
label {
	width: 200px;
	padding:0 10px 0 0;
	margin:0;
	text-align: left;
}
label,input,select{
	display: block;
	float: left;
	margin-bottom: 10px;
}
form br {
    clear:both;
}
#form_naam, #form_onderwerp, #form_email, #form_bericht, #form_check, .form_input {
    font-family: Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:15px;
	width: 250px;
	border:1px solid #ccc;
}
#form_check {
    margin:5px 0 0 0;
    width:40px;
}
#form_bericht {
    height:80px;
}

/* TYPO */
h1 { 
    font-size:14px;
    line-height:21px;
    font-weight:lighter;
    color:#990000;
    margin:3px 0;
    padding:0;
	background:url(../_img/h1_border.gif) bottom left repeat-x;
}
h2 { 
    font-size:15px;
    line-height:15px;
    margin:0 0 3px 0;
    padding:0;
}
h2 a {
    color:#990000;
    text-decoration:none;
    
}
h2 a:hover {  text-decoration:underline; }
h5  {
    font-weight:lighter;
    font-size:11px;
    line-height:13px;
    color:#939999;
    margin:3px 0 0 0;
    padding:0;
}

p {
    margin:0;
}
p strong {
    font-weight:bold;
}
a, p a {
    color:#003958;
    text-decoration:underline;
}
a:hover, p a:hover {
    text-decoration:none;
}

a.press_dl {
    font-size:14px;
    line-height:22px;
    color:#000066;
    text-decoration:none;
}
a.press_dl:hover { text-decoration:underline; }

input, textarea {
    border:1px solid #ccc;
    font-family: Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#444;
}
/* LIST */
ul { 
    margin:5px 0 5px 5px;
    padding-left: 0;
    list-style: none;
}
li {
    text-align:left;
    padding-left: 10px;
    background-image: url(../_img/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
ul li a {
    text-decoration:underline;
}
ul li a:hover {
    text-decoration:none;
}

.endIt {
    clear:both;height:2px;font-size:1px;
}