* {margin: 0px; padding: 0px;}
html, body {width: 100%; height: 100%;}

td { text-align:left; }

body {
line-height: 18px;
   font-family: tahoma; arial, sans-serif; 
   font-size:76%; 
   letter-spacing:0.05em;
color: #7F7F7F;
background: #ffffff;

}

h3 { color: #f9a02c; }

a:link, a:active {
color: #667d17;
text-decoration: none;

}

a:visited {color: 667d17; text-decoration: none; border-bottom: none;} 

a:hover {color: #f9a02c; text-decoration: none;}

input { background: #F0F0F0; }
textarea { background: #F0F0F0; }

#navfix { position: fixed; }

#container { 
margin: 0 auto -25px;
height: 100%;
width: 1024px;
}

#header {
position: relative;
width: 1024px; 
height: 77px;
background-color: #fff;
background-image: url('images/banner.png');
background-repeat: no-repeat;
}

#headertxt { position: absolute; 
top:0px;
height: 90px;
line-height: 11px;
background-color: #fff;
letter-spacing:0.04em;
font-size: 10px; 
color: #D8D8D8;
text-align: center; }

#content {
padding: 60px;
padding-top: 130px;

}

#footer, #push {
font-family: Arial, serif;
height: 25px; 
}

#footer a { color: #7F7F7F; }
#footer a:hover { color: #f9a02c; }

#footer {
font-size: 11px;
background: #fff;
position: fixed;
bottom: 0px;
/* ie7 only */
>bottom: 15px;
/* einde ie7 only */
width: 100%;
text-align: center;
vertical-align: bottom;
}

.bg { 
background-repeat: no-repeat;
background-position: center;
}



/* MAIN NAV */
ul li {
list-style-type: none;
padding: 0;
}
 

 
 
/* MAIN NAV - UP STATE */
 
li#nav_home a		{left: 0; width: 111px; background-position: 0 0;}
li#nav_weddings a		{left: 0px; width: 77px; background-position: -111px 0;}
li#nav_baby a		{left: 0px; width: 111px; background-position: -188px 0;}
li#nav_portraits a		{left: 0px; width: 70px; background-position: -299px 0;}
li#nav_groups a		{left: 0px; width: 61px; background-position: -369px 0;}
li#nav_commercial a		{left: 0px; width: 85px; background-position: -430px 0;}
li#nav_workshops a		{left: 0px; width: 120px; background-position: -515px 0;}
li#nav_info a		{left: 0px; width: 42px; background-position: -635px 0;}
li#nav_rosalie a		{left: 0px; width: 61px; background-position: -677px 0;}
li#nav_reviews a		{left: 0px; width: 65px; background-position: -738px 0;}
li#nav_links a		{left: 0px; width: 50px; background-position: -803px 0;}
li#nav_login a		{left: 0px; width: 50px; background-position: -853px 0;}
li#nav_contact a		{left: 0px; width: 121px; background-position: -903px 0;}





/* ------> pagina deel <------*/


/*standaard pag's*/


#contact { border: 1px solid #667d17; }
#contact tr td { text-align: center; }



#links tr td { padding-top: 10px; padding-right: 40px; vertical-align: top; }
#links .info { text-align: left; }

#tblinfo {
	text-align: left;
}
#tblinfo tr td {
	vertical-align: text-top;
}

#info td { vertical-align: top; padding-right: 20px; border: 0px solid #000; width: 450px; }

#contenttext {
	vertical-align: top;
	padding-right: 50px;
}

#login { width: 100%; }
#login .left { vertical-align: top; width: 430px; padding-right: 20px; }
.input { width: 100%; }

/*php deel*/

#vooropen  { width: 675px; height: 410px; text-align: center; font-size: 10px;}
#vooropen td { text-align: center; }
#frontweddingimg {
border: 1px solid #667d17;
}
#frontweddingimg2 /*hover*/ {
border: 1px solid #f9a02c;
}

#open { width: 850px;  }

#open .vergr { 	
background-repeat: no-repeat; background-position: 50% 50%;
 vertical-align: top; text-align: left; 
width: 60%; min-width: 450px;

 }
#open .tumb {   padding-top: 10px; width: 460px; text-align: right;  }

.meer { position: absolute; top: 550px; text-align:right; width:945px;}

.tumbframe { 	
		height:420px; width: 250px; }
#tumb { border-collapse: collapse; 
width: 100%; height: 420px;  
 }
#tumb a { text-decoration: none;  }

table #tumb td { text-align: center; 
 }

#tumbpict { 
 
filter: alpha(opacity=30);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.30; opacity: 0.30;
 border: 1px solid #7f7f7f;
}

#tumbpict2 /*hover*/ { 

filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; opacity: 1;

border: 0px solid #f9a02c;
}



#frontview 		{  }
#frontview .front 	{	width: 150px; height: 150px;  
				text-align: center;
 }
#frontview .front img 	{ width:100px; height: 100px; border: 0; }


#randomtable		{  height:380px; }
#randomtable .randomtr td { text-align: center; 
			    padding-right: 20px;
			    vertical-align: middle; }
.randompict 		{ width:280px; height: 270px;
			  border: 3px outset #aaa; }


/* klant css deel */
#klantfoto		{ width: 800px; height: 430px; border: 0px solid #000; }
#klantfoto .foto		{ border: 0px solid #000; text-align: center;  }