html {
	margin: 0;
	height: 100%
}



body {
	width: 816px;
	height: 100%;
	margin: 0 auto;
	font: 12px arial;
	background: url(images/bg.gif) repeat-x #008b8a;
	color: #616a74;
}


a {
	color: #0053a5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline
}

img {
	border: none;
	margin: 0px;
}

form {
	margin: 0;
	display: block;
}


h1 {
	font-size: 150%;
	font-weight: 300;
	margin: 10px 0 30px 0;
	color: #666666;
}

h2 {
	font-size: 120%;
	margin-bottom: 0px;
}

h3 {
	font-size: 140%;
	margin: 0;
	text-align: left;
	font-weight: 700;
}

h3 a {
	color: #20396f;
}

.line {
	width: 100%;
	float: left
}
.line hr {
	width: 90%;
}

.select {
	background-color: #FFF;
	border:1px solid;
}

table .subject {
	font-weight: 700;
}

.upload {
	background-color: #FFF;
	border:1px solid;
}

.label {
	width: 150px;
	float: left;
}

/*======================== CONTROLS ========================*/


.button{
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;
	color: #636363;
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	width: 50px;
	height: 20px;
	background-color: transparent;
	background-image: url(images/button.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;

}

.buttonsmall{
	font: 700 0.9em verdana, tahoma;
	background-color:#D2D6D9;
	border:1px solid;
	height:18px;
	width:40px;
}


.textbox{
	border:1px solid #636363;
	width: 200px;
	background-color: transparent;
	background-image: url(images/textbox.gif);
	background-attachment: scroll;
	background-position: 0% 0%;
}

.textboxsmall{
	width: 100px;
	border:#000 1px solid;
	color: #004D99;
	background-color:#FFF;
	height: 16px;
	padding-left: 2px;
}




.textarea{
	border:1px solid #636363;
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	width: 300px;
	height: 400px;
	background-color: transparent;
	background-image: url(images/textarea.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.textareaPhotobox{
	border:1px solid #636363;
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	width: 335px;
	height: 200px;
	background-color: #fff;
}


#back {
	height: 20px;
	margin: 0px 10px;
	text-align: right;
}

#back a {

}


.checkbox {
	background-color: #FFF;
}

/*=======================*/


#mainframe {
	height: 100%;
	border: 0px;
}

#mainframe td {
	padding: 0px;
	border: none;
}


#header {
	width: 100%;
	height: 81px;
	background: url(images/header.gif);
}
#pic	{
	width: 100%;
	height: 219px;
}

#content {
	float: right;
	height: 100%;
	width: 621px;

}

#footer {
	width: 100%;
	height: 30px;
	background: url(images/footer.gif);
}

.period {
	text-align: right;
	font: 700 22px arial;
    line-height: normal;
    color: rgb(197, 5, 0);
}

.boxtitle {
	background: #d2d6d9;
	font: 20px arial;
	width: 200px;
}

.boxtitle img {
	margin-left: 10px;
}

.item {
	margin: 3px;
	width:190px;
	height: 75px;
	background: url(images/button_bg.gif);
}

.item img {
	margin: 5px 0 0 5px;
}


#wrapper {
	width: 540px;
	margin: 40px;
	line-height: 150%;
}

#wrapper p {
	width: 100%;
}

#wrapper ul  {
	margin-left: 0px;
	padding-left: 0px;
}

#wrapper li  {
	padding-left:0px;
	margin-left: 15px;
}

#wrapper ul .title {
	margin-left: 0px;
	list-style: none;
}

/*=======================*/


#mainframe {
	width: 100%;
	height: 100%;
}

#mainframe #center {
	background: #FFF;
	padding: 0;
	vertical-align: top;
	background:url(images/content_bg.gif) repeat-y;
}



#mainframe #bottom {
	vertical-align: bottom;
	height: 25px;
	overflow: auto;
}


#mainframe #bottom #bottombar {
	height: 25px;
	background: #4c4c4c;
	line-height: 25px;
	vertical-align: middle;
	border-top: 2px solid #fff
}

#mainframe #bottom #bottombar a {
	color: #FFF;
	font-weight: 700;
	margin: 25px 0 0 15px;

}

/*======================== IMAGES ========================*/


.thumb_box {

	margin: 10px;
}



.thumb_box img {
	border:1px solid #636363;
	margin: 2px;
}

.thumbbar {
	width: 100%;
}

.thumbs_container {
	margin-bottom: 10px;
}

.thumbs_container .thumb_box  {
	float: right;
}


.thumbs_container img {
	float: right;
	border:1px solid;
	padding : 3px;
	margin : 5px;
}

.thumbs_container ul {

}

.thumbs_spacer{
	height: 50px;
}

.left_column {
	float: left;
	width: 100px;
}

.figuurglas {
	width: 140px;
	float: right;
	margin-left: 10px;
}

.products {
	float: left;
	width: 140px;
	margin: 0 0 20px 20px;

}

#thumbs_right {
	float: right;
	width: 150px;
}

.thumb {
	border:1px solid;
	padding : 3px;
	margin : 5px;
}

/*======================== MENU ========================*/



#menu {
	position: relative;
	padding-top: 12px;
	float: left;
	width: 195px;
	height: 605px;
	background:url(images/menu.gif) no-repeat;
}

#menu .menu-item {
	position: relative;
	width: 110px;
	height: 27px;
	margin-left: 71px;
}





/*======================== TOOLTIP ========================*/

#tooltip {
	color: #4c4c4c;
	border: #4c4c4c 2px solid;
	background: #FFF;
	width: 20%;
	padding: 5px;

}


#maatcode{
	font-weight: 700;
	margin: 10px 30px 0 0;
	float: right;
}

#rmglas {
	border:1px solid;
	padding: 3px;
	margin:315px 0 0 25px;
}

#divPopup {
	border:2px solid;
}

#email {
	margin-top: 5px;
}

.asterisk {
	margin-left: 10px;
}

#cookiesdisabled {
	position: absolute;
	left: 200px;
	top: 15px;
	width: 200px;
	color: #FF3300;

}
/*======================== LOGIN ========================*/

#login {
	position: absolute;
	margin: 40px 0 0 25px;
	line-height: 20px;
	vertical-align: middle;

}

#password {
	border:1px solid #636363;
	width: 100px;
	height: 20px;
	background-image: url(images/textbox.gif);
	vertical-align: middle;
}

#savepass {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

#submit_login {
	color: #616a74;
	font-weight: 700;
	font-size: 11px;
	font-family: Arial;
	height: 20px;
	width: 30px;
	border: none;
	background-image: url(images/bg_submit.gif);
	vertical-align: middle;
}


/*======================== LOGIN ========================*/

#linkmenu ul  {
}

#linkmenu li  {
	margin: 15px;
}




/*-----------------------------------------------------------------------------*/


#browsebox table {
	width: 100%;
}


#browsebox table .header  img {
	vertical-align: middle;
	cursor: pointer;
}

#browsebox #frmbrowse table .header #all_selected {
	vertical-align: middle;
	margin: 0;
}

#browsebox #frmbrowse table .header img {
	cursor: pointer;
}

#browsebox table {
	border-top:#CFCFCF 1px solid;
	border-left:#CFCFCF 1px solid;
	margin:10px 0;

}
#browsebox table td {
	border-bottom:#CFCFCF 1px solid;
	border-right:#CFCFCF 1px solid;
	padding: 5px;
	white-space: nowrap;
	vertical-align: middle
}

#browsebox select {
	width: 50px;
}

#browsebox #navigation {
	margin-bottom: 20px;
	background-color: #EFEFEF;
	padding: 2px 0;
}

#browsebox span {
	margin: 0 3px;
}

#browsebox #legenda span {
	margin-right: 8px;
}
#browsebox #legenda span img {
	vertical-align: middle;
}

/*-----------------------------------------------------------------------------*/


#tooltip {
	background: #fff;
	padding: 5px;
	border: 2px solid #008B8A;

}


#wrapper #left #category li {
	font-family: verdana;
	text-align: right;
	font-weight: 700;
	font-size: 1.2em;
	list-style: none;
	margin: 10px 0;


}




/*======================== PHOTOALBUMS ========================*/


.photobox {
	width: 100px;
	margin: 0 5px 5px 0;
	float: left;
	border:1px solid;
	background-color: #EFEFEF;
}

.photobox_active {
	width: 100px;
	margin: 0 5px 5px 0;
	float: left;
	border:1px solid #FF0000;
	background-color: #EFEFEF;
}

.photoframe {
	background-position: 50% 50%;
	margin: 5px;
	width: 88px;
	height: 65px;
	text-align: center;
	cursor: pointer;
	border:1px solid;
}

.photoframe img {
	text-align: center;
	margin-top: 5px;
}

.photobox .tools {
	margin: 5px;
}

.photobox .tools img {
	vertical-align: middle;
}

.photobox  .comment {
	height: 18px;
	font-size: 0.8em;
	white-space: nowrap;
	margin: 0 0 5px 5px;
	text-align: left;
}

.photobox  .comment span {
	margin: 0px;
	padding: 0px
}

.photobox_active .comment {
	height: 18px;
	font-size: 0.8em;
	white-space: nowrap;
	margin: 0 0 5px 5px;
	text-align: left;
}

.photobox_active  .comment span {
	margin: 0px;
	padding: 0px
}


#photo_slider {
	vertical-align: bottom;
}

#photo_slider .small {
	width: 332px;
	height: 248px;
	margin:50px auto 5px auto;
	border:1px solid;
	padding: 5px 0 0 5px;
	background-color: #EFEFEF;

}


#photo_slider .small .innerbox {
	width: 325px;
	height: 240px;
	border:1px solid;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.smallPhotoBox {
	width: 332px;
	height: 248px;
	border:1px solid;
	padding: 5px 0 0 5px;
	background-color: #EFEFEF;

}


.smallPhotoBox .innerbox {
	width: 325px;
	height: 240px;
	border:1px solid;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#photo_slider #small_comment {
	margin:20px auto;
	width: 325px;
}

#photo_slider #clickforresize {
	margin-top: 3px;
	margin-right: 6px;
	text-align: right;
	font-size: 0.8em;
}


#photo_slider img {
	float: left;
	padding: 1px;
	margin: 3px;
	vertical-align: bottom;

}


#slidebar {
	text-align: center;
	height: 100px;
	white-space:  nowrap;
}

#arrow_left {
	position: absolute;
	margin-left: -30px;
	cursor: pointer;
}

#arrow_right {
	position: absolute;
	margin-left: 535px;
	cursor: pointer;
}

.albumBox {
	border: 1px solid;
	padding: 5px;
	float: left;
	margin: 0 18px 20px 0;
	background-color: #EFEFEF;
}

.albumFrame {
	cursor: pointer;
	width: 150px;
	height: 200px;
	border: 1px solid;
	background-position: 50% 50%;

}

.albumTitle {
	margin-top: 5px;
	text-align: center;
}