/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	font-family: Trebuchet MS, Arial;
	font-size: 13px;
	color: white;
	padding:0;
	margin:0;
	text-align:center;
	background-color:#333333;
}

h1
{
	font-size:20px;
	line-height:22px;
	padding-top:0px;
	margin-top:0px;
}


h2
{
	font-size:18px;
	line-height:22px;
}

h3
{
	font-size:16px;
	line-height:22px;
}

a,
a:link,
a:visited,
a:active {
	color: white;
	text-decoration: underline;
}

html>body #outer{height:auto;}

#outer{
	min-height:100%;
	width:920px;
	color: #000000;
	text-align:left;
	margin: auto;
	position: relative;
	background-color:#5F818D;
}

#innerwrap {/* enables content first */
	position: relative;
	float:left;
	width:920px;
	background:url(/images/innerwrap.gif) repeat-y;	
}

#right {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:right;
	margin: 0px;
	padding: 0px;
	padding-top:191px;/*needed to make room for header*/
	padding-bottom:260px; /* aanpassen wanneer er meer content in de paragraven komt...*/
	*padding-bottom:0px;
}
#header{
	position:absolute;
	top:0px;
	width:920px;
	height:125px;
	background:url(/images/header.gif) no-repeat;
	color: #000000;
}

#left {
	position:relative;/*ie needs this to show float */
	width:218px;
	float:left;
	margin: 0px;
	padding: 0px;
	padding-top:173px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	padding-right: 20px;
	display:none;
}



#paragraph
{
	width:200px;
	text-align:center;
	_margin-top:-69px;		
}

#paracontent
{
	margin-left:91px;
	_margin-right:-93px;
	color:black;
	padding:3px;
	background-color:#7EC7EA;
	width:103px;
	_width:100px;
	margin-top:-36px;
	_margin-top:-36px;

}


#top_image
{
	margin-top:-70px;
	_margin-top:0px;
	margin-left:-8px;
	_margin-left:40px;
	height:208px;

}

#bottom_image
{
	display:none;
	*display:block;
	*margin-top:-272px;
	*margin-left:666px;
	_padding-top:270px;
	
}

#bottom_image_ff
{
	*display:none;
	margin-top:-272px;
	margin-left:666px;	
}

div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:625px;
	float:left;
	margin: 0px;
	padding: 0px;
	padding-top:180px;
	padding-bottom:32px;/* needed to make room for footer */
	color:white;
	padding-left:25px;

}

#clearfooter {
	width:100%;
	height:25px;
	*height:20px;
	clear:both;	
} /* to clear footer */


#hmenu {
	width: 890px;
	position: absolute;
	top: 100px;
	left: 20px;
}

#hmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#hmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
}

#hmenu a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	color:white;
	padding-right: 20px;
	font-size:16px;	
}

#hmenu a:hover {
	color: gray;
}

#hmenu li.selected a {
	color: gray;
	font-weight: bold;	
}

#hmenu li ul {
	display: none;
}

#footer {
	height: 40px;
	width: 920px;
	clear:both;
	position: absolute;
	bottom: -20px;
	left:0px;
	border-top:solid 5px black;
	background-color:#333333;
}
* html #footer {/*only ie gets this style*/
	\height:40px;/* for ie5 */
}

#footer ul {
	position: relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	padding-left:20px;
}

#footer li {
	float: left;
	list-style-type: none;
	padding-right: 20px;
}

#footer li a,
#footer li a:active,
#footer li a:link,
#footer li a:visited
 {
	color:white;
	text-decoration: underline;
}

/***********************************/

#photo_index
{
    width:700px;
	_width:645px;
}

#photo_index .index_thumb
{
    float:left;
    margin:5px;
    width:200px;
    height:300px;
    overflow:hidden;
    text-align:center;
    vertical-align:top;
    /*
	border:solid 2px black;  
	background-color:white;
	*/
    
}

#photo_index img
{
  
}

#archive_photo
{
    text-align:center;
    width:600px;
	

}

#archive_photo #current_photo
{
    /*height:400px;*/
}

#archive_photo #current_photo img
{
    /*border:solid 1px black;*/
	border:none;
}

#centrecontent .form_error
{
	border:dotted 1px white;	
	padding:5px;
}

/* formulieren */

.formulier 
{
	padding:3px;
	background-color: #789AAF;
	border:solid 1px black;
}

.formulier th
{
	color:#20282B;
	width:100%;
	text-align:center;
	font-size: 16px;
	padding:10px;
	background-color:#8EB6CF;
}

.formulier form {
	background-color: #20282B;
	padding: 0px;
}

.formulier form td {
	padding: 2px;
}

.formulier form table {
	margin: 0px;
	padding: 0px;
	background-color: #789AAF;	
}

.formulier form .submit {
	background: #435058;
	color: white;
	border: 1px solid white;
	font-weight: bold;
}

.form_error ul
{
	padding:4px;
}

.form_error ul li
{
	list-style: none
}

.fieldWithErrors, .formError {
   display: inline;
}

.fieldWithErrors {
  border: 2px solid red;
}

#flash
{
	border:solid 1px red;
}

#stappen_menu
{
	width:100%;
}

#stappen_menu
{
	border-bottom:solid 2px white;
}

#stappen_menu h1
{
	color:red;
	padding:0px;
	margin:0px;	
}

#stappen_menu h2
{
	color:white;
	padding:0px;
	margin:0px;	
}


#stappen_menu .active_step
{
	color:white;
	font-weight:bold;
	font-size:14px;
}

#stappen_menu td
{
	text-align:left;	
	vertical-align:top;
	color:white;
	
}

.tabcontent
{
padding:5px;
}

.tabcontent a, .tabcontent a:active
{
	color:white;
	text-decoration:none;
}

#stappen_cart
{
	width:100px;
}

#stappen_content
{
	_width:620px;
}
#stappen_content .thumb_img
{
	overflow:hidden;
	float:left;
	padding-right:4px;
	*width:135px;
}
#stappen_content .thumb_img img
{

}

#stappen_content .thumb_img table
{
	width:100px;
	padding:0px;
	margin:0px;
}

#stappen_content .thumb_img h1
{
	padding:0px;
	margin:0px;

}