/**
 * @author Jurgen Schot
 * @version (20-12-2009)
 * CSS file created for Inge Groenen
 * Copyright © 2009 Inge Groenen
 */
 
/**
 * Layout structuur
 */
 
* {
	padding: 0;
	margin: 0;
}
html {
    overflow-y: scroll;
}

html {
	height:100%;
}
img {
	border:0px;
	padding:0px;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	background-color: #dcdfe1;
	font-size:14px;
	color: #2c2c2c;
	font-family: arial;
}

#main_wrapper{
	min-height:100%;
	height:auto !important; /* voor moderne Browser */
	height:100%; /*voor IE6 */
	position:relative;
}
.background_color0{
	background-color: #dcdfe1; /* grey (Portfolio) */
}
.background_color1{
	background-color: #414478; /* darkblue/purple (Home + Agenda) */
}
.background_color2{
	background-color: #ffba7f; /* orange (Over Inge Groenen) */
}
.background_color3{
	background-color: #b00d18; /* red (Contact) */
}

#header_wrapper1{ 
	height:143px;
	width:100%;
	overflow:hidden;
	background-image:url(/images/header_wrapper_background1.jpg);
	background-repeat:repeat-x;
}
#header_wrapper2{
	height:143px;
	width:100%;
	overflow:hidden;
}
.icons0{
	background-image:url(/images/header_wrapper_background2_0.png);  /* grey (Portfolio) */
	background-repeat:repeat-x;
	background-position:top left;
}
.icons1{
	background-image:url(/images/header_wrapper_background2_1.png); /* darkblue/purple (Home + Agenda) */
	background-repeat:repeat-x;
	background-position:top left;
}
.icons2{
	background-image:url(/images/header_wrapper_background2_2.png); /* orange (Over Inge Groenen) */
	background-repeat:repeat-x;
	background-position:top left;
}
.icons3{
	background-image:url(/images/header_wrapper_background2_3.png); /* red (Contact) */
	background-repeat:repeat-x;
	background-position:top left;
}

#header_logo{
	height:143px;
	width:100%;
	overflow:hidden;
	background-image:url(/images/header_logo.png);
	background-repeat:no-repeat;
	background-position:top right;
}
#menu_wrapper{
	position:relative;
	height:24px;
	width:100%;
	overflow:hidden;
	background-image:url(/images/menu_background.jpg);
	background-repeat:repeat-x;
	text-align:center;
}
#menu{
	position:relative;
	width:960px;
	margin:0 auto; /* center, not in IE5 */	margin-left: auto;
	height:24px;
	overflow:hidden;	
}
#menu_item_home{
	display:block;
	background-image:url(/images/menu_item_home2.jpg);
	background-repeat:no-repeat;
	height:24px;
	width:35px;
}
#menu_item_home:hover{
	background-position:0px -24px;
}
#menu_item_overingegroenen{
	display:block;
	background-image:url(/images/menu_item_overingegroenen2.jpg);
	background-repeat:no-repeat;
	height:24px;
	width:161px;
}
#menu_item_overingegroenen:hover{
	background-position:0px -24px;
}
#menu_item_portfolio{
	display:block;
	background-image:url(/images/menu_item_portfolio2.jpg);
	background-repeat:no-repeat;
	height:24px;
	width:83px;
}
#menu_item_portfolio:hover{
	background-position:0px -24px;
}
#menu_item_agenda{
	display:block;
	background-image:url(/images/menu_item_agenda2.jpg);
	background-repeat:no-repeat;
	height:24px;
	width:55px;
}
#menu_item_agenda:hover{
	background-position:0px -24px;
}
#menu_item_contact{
	display:block;
	background-image:url(/images/menu_item_contact2.jpg);
	background-repeat:no-repeat;
	height:24px;
	width:65px;
}
#menu_item_contact:hover{
	background-position:0px -24px;
}
#menu ul{
	
}
#menu ul li{
	list-style-type:none;
	float:left;
	padding:0;
	padding-right:35px;
}
#content_wrapper{
	position:relative;
	width:100%;
	height:auto;
	min-height:15px;
	clear:both;
	overflow:hidden;
	padding-bottom:81px;/* 36px (footer) + 45px (padding) */
}
.fade0{ /* Voor de pagina's Over Inge Groenen, Portfolio en Contact */
	background-image:url(/images/content_top0.png);
	background-repeat:repeat-x;
}

.fade1{ /* Voor de pagina's Home en Agenda) */
	background-image:url(/images/content_top1.png);
	background-repeat:repeat-x;
}

#content{
	position:relative;
	width:960px;
	margin:0 auto; /* center, not in IE5 */	margin-left: auto;
	padding-top:45px;
	text-align:left;
	clear:both;
}

#column_wrapper0{
	position:relative;
	width:960px;
	background-image:url(/images/column_border.png);
	background-repeat:repeat-y;
	background-position: 477px 0px;
	clear:both;
	overflow:hidden;
}
.column_wrapper0{
	position:relative;
	width:960px;
	background-image:url(/images/column_border.png);
	background-repeat:repeat-y;
	background-position: 477px 0px;
	clear:both;
	overflow:hidden;
}
#column_wrapper1{
	position:relative;
	width:960px;
	clear:both;
	overflow:hidden;
}
.column_wrapper1{
	position:relative;
	width:960px;
	clear:both;
	overflow:hidden;
}
h1{
	font-family: verdana;
	color: #2e2c2c;
	font-size:24px;
	font-weight:normal;
	padding:0;
	margin:0;
	padding-bottom:15px;
}
#content p{
	padding-bottom:5px;
	text-align:justify;
}
.left_column{
	float:left;
	width:460px;
	margin-top:-3px;
}
.right_column{
	float:right;
	width:460px;	
	margin-top:-3px;
}
.home_photo{
	position:relative;
	width:960px;
	margin-top:40px;
}
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:38px;
	background-image:url(/images/footer_background.png);
	background-repeat:repeat-x;
	clear:both;
	*left:-50%;
	*margin-left:50%;
}
#footer_inner{
	position:relative;
	width:960px;
	margin:0 auto; /* center, not in IE5 */	margin-left: auto;
	text-align:right;
	background-image:url(/images/copyright.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:38px;
}
#footer_inner img{
	margin:0;
	padding:0;
}
#portfolio_left{
	position:relative;
	float:left;
	width:378px;
}
#portfolio_left p{
	margin-bottom:5px;
}
#portfolio_right{
	float:right;
	width:560px;
	margin-left:22px;
}
#portfolio_right_image{
	float:left;
	width:540px;
	background-color:#ebeff1;
	padding:10px;
	text-align:center;
	margin-bottom:22px;
	height:479px;
}
#portfolio_right_description{
	float:left;
	width:540px;
	background-color:#ebeff1;
	padding:10px;
	text-align:left;
	font-style:italic;
	font-size:11px;
}
#portfolio_left_select{
	float:left;
	width:358px;
	background-color:#ebeff1;
	margin-bottom:22px;
	height:72px; /*voor IE6 */
	padding:10px;
}
#portfolio_left_select select{
	width:200px;
}
#portfolio_left_photos{
	float:left;
	width:378px;
	background-color:#ebeff1;

}
#portfolio_left_photos_inner{
	position:relative;
	float:left;
	width:380px;
	height:370px;
}
#portfolio_left_photos_navigate{
	position:relative;
	float:left;
	width:360px;
	height:31px;
	padding:10px;
	margin-top:20px;
}
#portfolio_left_photos_navigate_prev{
	float:left;
	width:45px;
	height:31px;
}
#portfolio_left_photos_navigate_next{
	float:right;
	width:45px;
	height:31px;	
}
.hidden {
display: none;
}
.portfolio_thumbnailfield{
	position:relative;
	float:left;
	width:82px;
	height:82px;
	margin-left:10px;
	margin-top:10px;
	background-color:#e0e3e5;
	text-align:center;
}
.portfolio_inner{
	display:table-cell;
	display: none;
	line-height:82px;
	height:82px;
	vertical-align:middle;
	width:82px;
	text-align:center;
}

.portfolio_inner img{
	vertical-align:middle;
	display:inline;
}
#content_wrapper table{
	width:100%;
	margin:0 auto;
}
#content_agenda table{
	width:100%;
	margin-top:30px;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
}
#content_agenda table th{
	text-align:left;
	font-weight:normal;
	color:#ffffff;
}
#content_agenda table td{
	color:#e2cef2;
}
.contact_table{
	width:460px;
	color:#ffffff;
}
.contact_table tr{
	height:30px;
}
.contact_table td{
	vertical-align:top;
}
.contact_table input{
	width:250px;
	background-color:#eff0f0;
	border:1px solid #393939;	
}
.contact_table_left{
	padding-right:30px;
}
.contact_table textarea{
	width:250px;
	height:100px;
	background-color:#eff0f0;
	border:1px solid #393939;
}
.contact_table_send{
	text-align:right;
}
#blaat{
	background-image:url(/images/submit_button.jpg);
	background-repeat:no-repeat;
	width:123px;
	height:21px;
	border:0;
}
.contact_table_submit{
	padding-left:229px;
	padding-top:12px;
	height:33px;
}
#contact_h1{
	color:#ffffff;
}
.logo_block{
	position:relative;
	float:left;
	background-color: #f0f0f0;
	width:444px;
	height:198px;
	border: 1px solid #393939;
	background-image:url(/images/contact_logo.jpg);
	background-position: center 40px;
	background-repeat:no-repeat;
}
.logo_block_address{
	position:absolute;
	bottom:0;
	right:0;
	width:90px;
	height:55px;
	font-size:12px;
}
.background_color1 a{
	color: #e2cef2;
	text-decoration:underline;
}
.background_color1 a:hover{
	color: black;
	text-decoration:underline;
}
.background_color2 a{
	color: #000080;
	text-decoration:underline;
}
.background_color2 a:hover{
	color: black;
	text-decoration:underline;
}
.background_color3 a{
	color: white;
	text-decoration:underline;
}
.background_color3 a:hover{
	color: #b0b0b0;
	text-decoration:underline;
}

#portfolio_right_image_large {
	display: none;
	max-height: 479px;	
}