* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
	text-align: center; /*** Centers the design in old IE versions ***/
	height: 100%;
	background-color: #D3D3D3; /*** INSTELLING ***/
	background-repeat:repeat-x;
	background-position:top center;
	font-family: Verdana, Arial,sans-serif; /*** INSTELLING ***/
	font-size:11px; /*** INSTELLING ***/
	line-height:18px; /*** INSTELLING ***/
	color:#2a2a2a; /*** INSTELLING ***/
}

#container {
width: 980px;
margin: 0 auto; /*** Centers the design ***/
background-repeat:no-repeat;
	background-position:top center;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

#content {
min-height:490px;
height:auto !important; /* voor moderne Browser */
height:490px; /*voor IE6 */;}
#fotocont {
min-height:416px;
height:auto !important; /* voor moderne Browser */
height:416px; /*voor IE6 */;}

#main {
float: right;
width: 790px;
padding-top:30px;
padding-right:0px;
}
* html #main {
position: relative;  /*** IE needs this  ***/
}

/**************************
PAGES
**************************/
#main #text{
padding-right:48px;
}

.clear { clear: both; }


/**************************
HEADER
**************************/
#header {
	padding: 0px;
	margin: 0px;
	height:80px;
	overflow:hidden;
}
#kop p{
	text-align:left;
	letter-spacing:1px;
	padding-top:32px;
	margin:0;
	font-size:22px;
	line-height:24px;
	color:#C4C4C4; /*** INSTELLING ***/
}


/**************************
MAINMENU
**************************/

#mainmenu{
overflow:hidden;
height:34px;
padding-left:178px;
}
#mainmenu ul {
padding-top:0px;
margin-top:0px;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
font-size:12px; /*** INSTELLING ***/
}

#mainmenu ul li {
	line-height:32px;
	padding-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-left:12px;
	margin-right:12px;
	display: inline;
}

#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
display:inline;
text-decoration: none;
color:#2a2a2a; /*** INSTELLING ***/
}
#mainmenu li a:hover, #mainmenu li a.sel {
color:#FFFFFF; /*** INSTELLING ***/
}


/**************************
SUBMENU
**************************/

#menu{
float:left;
width:134px;
overflow:hidden;
padding-top:24px;
}

#menu ul {
padding-top:0px;
margin-top:0px;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

#menu ul li {
	line-height:24px;
	text-align:right;
	padding-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
}

#menu li a, #menu li a:link, #menu li a:visited {
	display:block;
	text-decoration: none;
	width:134px;
	color:#666666; /*** INSTELLING ***/
}
#menu li a:hover, #menu li a.sel {
color:#FFFFFF; /*** INSTELLING ***/
}

/**************************
PAGES
**************************/
#main #pages{
float:right;
margin-right:90px; /*** INSTELLING ***/ /* 3:2 -> 7x5=60px, 5x4=90px, 4x3=18px  4:3 -> 7x5=66px, 6x4=11px, 4x3=98px  */
font-weight:bold;
}
#main #pages a, #main #pages a:link, #main #pages a:visited {
	text-decoration:none;
	color:#2a2a2a; /*** INSTELLING ***/
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#main #pages a:hover, #main #pages a.sel {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
border: #333333 solid 1px; /*** INSTELLING ***/
background-color:#FFFFFF; /*** INSTELLING ***/
text-decoration:none;
color:#464646; /*** INSTELLING ***/
}


#bottomborder{
width:790px;
height:1px;
margin-left:190px;}

/**************************
FOOTER
**************************/
#footer {
width: 980px;
height: 44px; 
padding-top:6px;
text-align: left;
border-top:#999999 solid 1px;
font-size:9px;  
color:#2a2a2a; /*** INSTELLING ***/
}

#footer a {
color:#2a2a2a; /*** INSTELLING ***/
} 

#footer a:hover {
text-decoration:none;
} 
#login{
width:16px;
display: inline;
height:44px;
float:left;
}

#adres{
padding-left:172px;
display: inline;
height:44px;
}
#fotowebmanager {
display:inline;
float:right;
height:44px;
font-style:italic;
overflow:hidden;
}

/**************************
ALBUM
**************************/

#kopje{
margin-bottom:12px; 
text-align:center;
width:690px;
}
#onderschrift{
text-align:center;
width:690px;
clear:both;
}
.kopje{
margin-bottom:12px; 
padding-right:48px;
}
.onderschrift{
padding-right:48px;
clear:both;
}
.editor {
	clear:both;
float:right;
margin-right:90px;
}
.album-th-box {
float: left;
}

.album-th img {
	display:block;
	padding:0px;
	position:relative;
	border:1px solid #898989; /*** INSTELLING ***/
	margin-top: 0px;
	margin-right: 20px; /*** INSTELLING ***/ /* 3:2 -> 7x5=12px, 5x4=20px, 4x3=12px  4:3 -> 7x5=4px, 6x4=7px, 4x3=12px  */
	margin-bottom: 20px; /*** INSTELLING ***/ /*  IDEM margin-right */
	margin-left: 0px;
	padding: 1px;
}
.album-th img:hover {
	border:1px solid #333333; /*** INSTELLING ***/
}

.im img{
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; opacity: 1;

}
.im:hover img{
filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9; opacity: 0.9;
}


/**************************
TEXT
**************************/
#main h1, #main .kop1 {
font-size:16px;
font-weight:bold;
letter-spacing:1px;
}
#main h2, #main .kop2 {
font-size:15px;
font-weight:bold;
letter-spacing:1px;
}
#main h3, #main .kop3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
#main h4, #main h5, #main h6, #main .kop4 {
	font-size: 13px;
	font-weight: bold;
}
#main .klein {
	font-size: 10px;
}
#main .mini {
	font-size: 9px;
}


#main input, #main textarea {
	border: 1px solid #333333; /*** INSTELLING ***/
	margin-bottom:4px;
	margin-top:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main .radiobutton{
	border: #ffffff none 0px; /*** INSTELLING ***/
}

#main p {
padding-top:4px;
padding-bottom:6px;
}

#main a,#main a:link,#main a:visited {
	color:#333333; /*** INSTELLING ***/
} 
#main a:hover {
text-decoration:none;
} 
#main ul, #main ol{
margin-left:24px;
padding-bottom:6px;
padding-top:6px;
}
#main li{
padding-top:2px;
}
a { outline: 0px;
outline:none; 
}


