/* root */
* {
	padding: 0;
	margin: 0;
}

html,body {
	width: 100%;
	min-height: 100%;
	height: 100%
}

html>body {
	height: auto
}

body {
	background: #FFFFFF;
	color: #000000;
	font: normal normal normal 11px/ normal Arial, Helvetica, sans-serif
}

img {
	border: 0;
	display: block
}

img,img a {
	border: none
}

ul {
	list-style: none
}

fieldset {
	border: 0
}

input,select,textarea {
	color: #000000;
	font: normal normal normal 11px/ normal Arial, Helvetica, sans-serif
}

select {
	padding: 0;
	margin: 0;
}

hr {
	display: none
}

.hidden {
	visibility: hidden
}

.displaynone {
	display: none
}

.horizontalspacer {
	display: block;
	position: relative;
	height: 10px
}

.verticalspacer {
	width: 10px;
	display: inline;
	position: relative
}

/* common text styles */
p {
	padding: 0;
	margin: 0;}

#content p {
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 16px
}

#timercontent p {
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 16px
}

b,strong {
	font-weight: bold
}

i,em {
	font-style: italic
}

a {
	color: #000000;
	text-decoration: underline
}

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

span.asterisk {
	color: #FF0000;
	font-size: 10px;
	font-weight: bold
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	color: #FFFFFF;
	font: normal normal normal/ normal Arial, Helvetica, sans-serif
}

h1 {
	font-size: 20px
}

h2 {
	font-size: 18px
}

h3 {
	font-size: 16px
}

h4 {
	font-size: 14px
}

h5 {
	font-size: 12px
}

h6 {
	font-size: 10px
}

/* content images */
img.borderleft {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 3px;
	border: 1px solid #F0F0F0;
	background: #FAFAFA;
	position: relative
}

img.borderright {
	float: right;
	padding: 3px;
	border: 1px solid #F0F0F0;
	background: #FAFAFA;
	position: relative
}

img.left {
	float: left;
	margin: 5px 10px 5px 0;
	position: relative
}

img.right {
	float: right;
	padding: 3px;
	position: relative
}

/* forms */
form {
	padding: 0;
	margin: 0
}

select.dropdown {
	margin: 0;
	border: 1px solid #808080;
	padding: 2px 2px 2px 0px;
	background: #FFFFFF
}

input.textfield {
	margin: 0;
	border: 1px solid #808080;
	padding: 2px 2px 2px 2px;
	background: #FFFFFF;
	height: 14px
}

input.textarea {
	margin: 0;
	border: 1px none #808080;
	padding: 2px 2px 2px 2px;
	background: #FFFFFF
}

label.radiolabel {
	margin: 0;
	padding: 0;
	position: relative;
	height: 16px
}

input.radiobutton {
	margin-bottom: -4px !important;
	margin-bottom: 0px;
	padding: 0;
	width: 16px;
	position: relative;
	height: 16px;
	_margin-bottom: 0px
}

* :first-child+html input.radiobutton {
	bottom: 4px
}

label.checklabel {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	bottom: 0px;
	_margin: 0 0 0 -2px;
	_bottom: 2px
}

input.checkbox {
	margin: 0px 5px 0px 0;
	padding: 0;
	position: relative;
	top: 0px;
	_margin: -5px 2px -2px 0;
	_top: 1px
}

.textarea {
	width: 650px;
}

* :first-child+html input.checkbox {
	margin: 0 0 0 -3px
}

/* constructor */
#container {
	width: 1085px;
	margin: 0 auto;
	position: relative
}

#leftbanner {
	float:left;
	width: 125px;
	padding-top: 0px;
	padding-right: 10px;
}

#containerwrapper {
	width: 1085px;
	position: relative;
	top: 0px;
	left: 0px
}

#contentcolumn {
	width: 800px;
	float: left;
	position: relative;
	z-index: 3
}

#bannercolumn {
	width: 150px;
	float: left;
	display: inline;
	position: relative
}

#topnavigation {
	display: block;
	background: transparent;
	height: 40px;
	position: relative;
	z-index: 3
}

#photobar {
	clear: both;
	margin-left: 21px;
	display: block;
	background: transparent;
	height: 165px;
	position: relative;
	z-index: 3
}

#photobarLogin {
	clear: both;
	display: block;
	background: transparent;
	height: 261px;
	position: relative;
	z-index: 3
}

#titlebar {
	clear: both;
	display: block;
	background: transparent;
	height: 80px;
	position: relative;
	z-index: 3
}

#columnwrapper {
	width: 800px;
	clear: both;
	padding-top: 20px;
	display: block;
	background: transparent;
	position: relative;
	z-index: 3
}

#leftnavigation {
	width: 180px;
	float: left;
	background: transparent;
	position: relative;
	z-index: 3
}

#content {
	width: 620px;
	float: left;
	display: inline;
	background: transparent;
	position: relative;
	z-index: 3
}

#timercontent {
	width: 350px;
	float: left;
	display: inline;
	background: transparent;
	position: relative;
	z-index: 3
}


#curvepng {
	width: 300px;
	float: left;
	width: 242px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	height: 602px
}

#curvecolor {
	width: 300px;
	float: left;
	width: 242px;
	background: #A9DB81;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	height: 602px
}

#bannerfooter {
	clear: both;
	display: block;
	background: #FFFFFF;
	height: 100px;
	position: relative;
	z-index: 3
}

/* banner column */
#bannercolumn .banners {
	padding: 0;
	margin: 0;
	width: 125px;
	position: relative;
	/*top: 10px;*/
	left: 0px
}

#bannercolumn .banners img {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative
}

/* curve background */
#curvepng {
	background: url(../gfx/bg/curve_bg.png) 0 0 no-repeat
}

* html #curvepng {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/bg/curve_bg.png', sizingMethod = 'scale')
}

* html.ok_button {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/ok_icon_big.png', sizingMethod = 'scale')
}

/* topnavigation */
#topnavigation #topnavcontainer {
	float: right;
	position: relative;
	top: 13px;
	right: 0
}

#topnavigation #topnavcontainer ul {
	padding: 0;
	margin: 0
}

#topnavigation #topnavcontainer ul li {
	padding: 0 10px 0 10px;
	display: inline;
	list-style: none outside none
}

#topnavigation #topnavcontainer ul li a {
	color: #F51514;
	font-weight: bold;
	text-decoration: none
}

#topnavigation #topnavcontainer ul li a:hover {
	color: #000000
}

#topnavigation #topnavcontainer ul li a.current {
	color: #000000
}

/* photobar */
#photobar img {
	width: 770px;
	display: block;
	height: 165px;
	position: relative;
	top: 0;
	left: 20px
}

/* photobar Login*/
#photobarLogin img {
	width: 770px;
	display: block;
	height: 261px;
	position: relative;
	top: 0;
	left: 20px
}

/* titlebar */
#titlebarcontent {
	width: 770px;
	background: transparent;
	position: relative;
	left: 20px;
	height: 80px
}

/* titlebar filters */
#titlebarcontent #filters {
	width: 200px;
	background: #FF0000;
	position: absolute;
	left: 0;
	top: 15px
}

#titlebarcontent #filters input.search {
	width: 100px;
	position: absolute;
	left: 0px;
	top: 0px
}

#titlebarcontent #filters p.search {
	color: #000000;
	font-weight: bold;
	position: absolute;
	left: 115px;
	top: 3px
}

#titlebarcontent #filters a.gosearch {
	width: 20px;
	position: absolute;
	background: url(../gfx/icons/ok_icon.png) 0 0 no-repeat;
	cursor: pointer;
	right: 0;
	top: 0px;
	height: 20px
}

* html #titlebarcontent #filters a.gosearch {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/ok_icon.png', sizingMethod = 'scale')
}

#titlebarcontent #filters input.dateday {
	width: 25px;
	margin-right: 5px;
	position: absolute;
	left: 0px;
	top: 25px
}

#titlebarcontent #filters input.datemonth {
	width: 25px;
	margin-right: 5px;
	position: absolute;
	left: 35px;
	top: 25px
}

#titlebarcontent #filters input.dateyear {
	width: 30px;
	position: absolute;
	left: 70px;
	top: 25px
}

#titlebarcontent #filters p.date {
	color: #000000;
	font-weight: bold;
	position: absolute;
	left: 115px;
	top: 28px
}

#titlebarcontent #filters a.gosearchdate {
	width: 20px;
	position: absolute;
	background: url(../gfx/icons/ok_icon.png) 0 0 no-repeat;
	cursor: pointer;
	right: 0;
	top: 25px;
	height: 20px
}

div.okbutton {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../gfx/icons/ok_icon.png) 0 0 no-repeat;
	cursor: pointer;
}

* html #titlebarcontent #filters a.gosearchdate {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/ok_icon.png', sizingMethod = 'scale')
}

#titlebarcontent .title {
	color: #000000;
	font: normal normal normal 26px/ normal Arial, Helvetica, sans-serif;
	position: absolute;
	left: 332px;
	top: 5px;
}

#titlebarcontent .titleindex {
	color: #000000;
	font: normal normal normal 26px/ normal Arial, Helvetica, sans-serif;
	position: absolute;
	left: 278px;
	top: 5px;
}

#titlebarcontent .titleindex2 {
	color: #000000;
	font: normal normal normal 26px/ normal Arial, Helvetica, sans-serif;
	position: absolute;
	left: 268px;
	top: 5px;
}

#titlebarcontent .title span.gray {
	color: #A19D9B
}

#titlebarcontent .minicalendar {
	position: absolute;
	right: 30px;
	top: 5px;
}

#titlebarcontent .minicalendar img {
	/*width: 120px;*/
	/*height: 70px*/
}

#titlebarcontent .minicalendar p {
	color: #F51514;
	font-weight: bold;
	left: 8px;
	position: absolute;
}

/* leftnavigation */
#leftnavigation #leftnavcontainer {
	width: 160px;
	position: relative;
	top: 0;
	left: 20px
}

#leftnavigation #leftnavcontainer ul {
	padding: 0;
	margin: 0;
	position: relative
}

#leftnavigation #leftnavcontainer ul li {
	padding: 0 0 5px 0;
	display: block;
	list-style: none outside none
}

#leftnavigation #leftnavcontainer ul li a {
	padding: 0 0 0 10px;
	background: transparent url(../gfx/icons/leftnavigation_arrow.gif) no-repeat 0 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}

#leftnavigation #leftnavcontainer ul li a:hover {
	color: #FFFFFF;
	background: transparent url(../gfx/icons/leftnavigation_arrow_hover.gif) no-repeat 0 0
}

#leftnavigation #leftnavcontainer ul li a.current {
	margin-left: 10px;
	color: #FFFFFF;
	background: transparent url(../gfx/icons/leftnavigation_arrow_hover.gif) no-repeat 0 0
}

/* content calendarwrapper */
#content #calendarwrapper {
	width: 620px;
	clear: both;
	display: block;
	background: transparent;
	position: relative;
}

/* content calendarwrapper */
#timercontent #calendarwrapper {
	width: 620px;
	clear: both;
	display: block;
	background: transparent;
	position: relative;
}


/* shadedborder */
.shadowed-border {
	padding: 0;
	margin: 0;
	width: 100%
}

.shadowed-border .sb-inner {
	background: #FFFFFF
}

.shadowed-border .sb-border {
	background: #FFFFFF
}

/* content calendarday */
#content #calendarday {
	float: left;
	width: 305px;
	height: auto;
	position: relative
}

#content #calendarday #calendardaycontent {
	position: relative;
	left: 5px;
	width: 290px;
}

#content #calendarday #calendardaycontent h1.title {
	padding: 15px 0 0 10px;
	color: #000000;
	font: normal normal bold 16px/ 14px Arial, Helvetica, sans-serif
}

#content #calendarday #calendardaycontent ul {
	margin: 0;
	padding: 0 0 10px 0;
	position: relative
}

#content #calendarday #calendardaycontent ul li {
	border-bottom: 1px solid #DCDCDE;
	padding: 1px 10px 1px 30px;
	width: 255px;
	display: block;
	list-style: none outside none
}

#content #calendarday #calendardaycontent ul li.unvisited {
	background: transparent url(../gfx/icons/calendar_indicator_red.gif)
		no-repeat 10px 2px
}

#content #calendarday #calendardaycontent ul li.unvisited a {
	text-decoration: none
}

#content #calendarday #calendardaycontent ul li.unvisited a:hover {
	color: #3DA03A
}

#content #calendarday #calendardaycontent ul li.visited {
	background: transparent url(../gfx/icons/calendar_indicator_green.gif)
		no-repeat 10px 2px
}

#content #calendarday #calendardaycontent ul li.visited a {
	text-decoration: none
}

#content #calendarday #calendardaycontent ul li.visited a:hover {
	color: #F51514
}

#content #calendarday #calendardaycontent ul li.last {
	border: none
}

#content #calendarday .calendardaynav {
	clear: both;
	display: block;
	background: transparent;
	text-align: left;
	position: relative;
	height: 20px;
	left: 15px
}

#content #calendarday .calendardaynav a {
	color: #F51514;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none
}

#content #calendarday .calendardaynav a:hover {
	color: #000000
}

/* content actionlist */
#content #actionlist {
	float: left;
	width: 305px;
	height: auto;
	position: relative
}

#content #actionlist #actionlistcontent {
	position: relative;
	left: 5px;
	width: 290px;
}

#content #actionlist #actionlistcontent h1.title {
	padding: 15px 0 0 10px;
	color: #000000;
	font: normal normal bold 16px/ 14px Arial, Helvetica, sans-serif
}

#content #actionlist #actionlistcontent ul {
	margin: 0;
	padding: 0 0 10px 0;
	position: relative
}

#content #actionlist #actionlistcontent ul li {
	border-bottom: 1px solid #DCDCDE;
	padding: 1px 10px 1px 30px;
	width: 255px;
	display: block;
	list-style: none outside none
}

#content #actionlist #actionlistcontent ul li.unvisited {
	background: transparent url(../gfx/icons/calendar_indicator_red.gif)
		no-repeat 10px 2px
}

#content #actionlist #actionlistcontent ul li.unvisited a {
	text-decoration: none
}

#content #actionlist #actionlistcontent ul li.unvisited a:hover {
	color: #3DA03A
}

#content #actionlist #actionlistcontent ul li.visited {
	background: transparent url(../gfx/icons/calendar_indicator_green.gif)
		no-repeat 10px 2px
}

#content #actionlist #actionlistcontent ul li.visited a {
	text-decoration: none
}

#content #actionlist #actionlistcontent ul li.visited a:hover {
	color: #F51514
}

#content #actionlist #actionlistcontent ul li.last {
	border: none
}

#content #actionlist .actionlistnav {
	clear: both;
	display: block;
	background: transparent;
	text-align: right;
	position: relative;
	height: 20px;
	right: 15px
}

#content #actionlist .actionlistnav a {
	color: #F51514;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none
}

#content #actionlist .actionlistnav a:hover {
	color: #000000
}

/* banner footer */
#bannerfooter ul {
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	left: 0;
	top: 0
}

#bannerfooter ul li {
	padding: 0 5px 0 0;
	display: inline;
	list-style: none outside none
}

#bannerfooter ul li a img {
	display: inline
}

/*
.divLoading{
top:3px;
left:3px;
background:url(../gfx/icons/loader.gif) center no-repeat;
clear:both;
}
*/
.clear {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 0px;
	width: 0px;
	line-height: 0px;
	
}

#addLink {
	float: left;
	width: 97%;
	margin: 0;
	padding: 0;
	height: auto;
	position: relative;
}

#addLink h2 {
	color: #000000
}

#timeraddLink {
	float: left;
	width: 97%;
	margin: 0;
	padding: 0;
	height: auto;
	position: relative;
	display:block;
}

#timeraddLink h2 {
	color: #000000
}


#addLink #addlinkcontainer {
	padding: 5px 5px 5px 15px;
	position: relative
}

#addLink #laddlinkcontainer h2 {
	padding: 15px 0 0 0;
	color: #000000;
	font: normal normal bold 14px/ 12px Arial, Helvetica, sans-serif
}

#addLink #addlinkcontainer table td {
	padding: 3px 0 3px 0
}

#addLink #addlinkcontainer ul {
	padding: 0;
	margin: 0
}

#addLink #addlinkcontainer ul li {
	border-top: 1px solid #DCDCDE;
	padding: 3px 10px 3px 30px;
	display: block;
	list-style: none outside none;
	height: 16px;
	line-height: 16px;
}

#addLink #addlinkcontainer ul li.right {
	padding: 0;
	margin: 0;
	background: transparent
}

#addLink #addlinkcontainer ul li.right div {
	float: right;
	padding: 0;
	margin: 0;
}

#addLink #addlinkcontainer ul li a {
	padding: 0;
	margin: 0;
	color: #FF0000;
	text-decoration: none;
	line-height: 30px
}

#addLink #addlinkcontainer ul li.right .label {
	_border-top: 1px solid #DCDCDE;
	_margin-top: -1px
}

#addLink .label {
	width: 130px;
	float: left;
	margin-top:3px;
}

#addLink .field {
	float: left
}

/* ie6 fix */

* html #addLink #rememberpassword{
	_margin-left:-7px;
}

* html #timeraddLink #rememberpassword{
	_margin-left:-7px;
}


/* ie7 
body#container #loginform #addLink #rememberpassword {
	margin-left:-5px;
}*/

#addLink .field input {
	width: 150px
}

#timeraddLink .field input {
	width: 150px
}

#loginMsg {
	padding: 4px;
	margin: 4px;
	border: 1px dotted #EE0000;
	display: none;
	color: #EE0000;
	font-weight: bold
}

#addLink #addlinkcontainer ul li.right div#loginStatus {
	float: left;
	margin-left: 80px;
	padding: 5px 0 0 20px;
	display: none;
	background: url(../gfx/icons/loader.gif) 0px 5px no-repeat
}

h5 {
	padding: 15px 10px 0 10px;
	color: #000000
}

.addlink a {
	color: #F51514;
	font-weight: bold;
	text-decoration: none
}

.done {
	/*text-decoration: line-through*/
}

#popupcontainer {
	padding: 5px 5px 5px 15px;
	position: relative
}

#popupcontainer h2 {
	padding: 0;
	margin: 0;
	color: #000000;
	font: normal normal bold 12px/ 10px Arial, Helvetica, sans-serif
}

#popupcontainer table {
	width: 98%;
	border: 1px
}

#popupcontainer table.fieldsetborder {
	border: 1px solid #A5700B
}

#popupcontainer table th {
	padding: 5px 0 5px 0;
	text-align: center
}

#popupcontainer table td {
	padding: 3px 0 3px 0
}

#popupcontainer #close {
	float: right;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
}


* html #popupcontainer #close {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}

#timerpopupcontainer {
	padding: 5px 5px 5px 15px;
	position: relative
}

#timerpopupcontainer h2 {
	padding: 0;
	margin: 0;
	color: #000000;
	font: normal normal bold 12px/ 10px Arial, Helvetica, sans-serif
}

#timerpopupcontainer table {
	width: 98%;
	border: 1px
}

#timerpopupcontainer table.fieldsetborder {
	border: 1px solid #A5700B
}

#timerpopupcontainer table th {
	padding: 5px 0 5px 0;
	text-align: center
}

#timerpopupcontainer table td {
	padding: 3px 0 3px 0
}

#timerpopupcontainer #close {
	float: right;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px
}


* html #timerpopupcontainer #close {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}


#verjaardagskalender #close2 {
	float: right;
	position: absolute;
	top: -5px;
	right: 30px;
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px
}

* html #verjaardagskalender #close2 {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}

#adresboek #close2 {
	float: right;
	position: absolute;
	top: -35px;
	right: 30px;
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px
}

* html #adresboek #close2 {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}

#overlayFullscreen #close {
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	margin: 0 auto;
	position: relative;
	top: 10px;
	left: 450px;
	z-index: 9999;
}

* html #overlayFullscreen #close {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}

div#overlayBox {
	width: 100%;
	display: none;
	background: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8000;
	height: 100%;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50)
}

div.overlayBoxContainer {
	/*width: 760px;*/
	padding: 20px;
	display: none;
	background: #FFFFFF;
	text-align: left;
	left: -100px;
	top: 200px;
	z-index: 8001;
	height: 260px;
	position: absolute
}

div#overlayBox #overlayBoxContent {
	width: 550px;
	position: relative;
	left: 50px;
	top: 14px
}

div.overlayBoxContainer img.close {
	border: 0;
	position: absolute;
	right: 5px;
	top: 5px
}

div#overlayBoxBottom {
	width: 450px;
	height: 20px
}

div.popup {
	width: 600px;
	padding: 0px;
	margin: -250px 0 0 -250px;
	display: none;
	background: transparent;
	text-align: left;
	left: 47.6%;
	top: 400px;
	z-index: 9902;
	position: absolute
}

div.register {
	width: 100%;
	padding: 0px;
	display: none;
	background: #F2F08D;
	text-align: left;
	left: 0px;
	top: 0px;
	z-index: 8001;
	height: 100%;
	position: absolute
}

.loadingDivPosition {
	width: 98%;
	background: url(../gfx/icons/loader.gif) #FFFFFF center no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8000;
	height: 98%;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50)
}

input.error,select.error,textarea.error {
	background-color: #FFCCCC
}

#container .pageanimation {
	padding: 0px;
	margin: 0;
	width: 606px;
	display: block;
	background-color: transparent;
	z-index: 0;
	position: absolute;
	top: 105px;
	left: 315px;
	height: 500px;
	visibility: hidden
}

div.content {
	margin: 20px 40px 10px 50px
}

div.content .text {
	width: 410px;
	padding: 20px 10px 20px 20px; /*margin:10px 10px 10px 10px*/
	background: transparent
}

div.content a {
	text-decoration: underline;
}

div#popupcontainer p {
	display: block;
}

select.register2 {
	width: 133px
}

/* popup overlay gele achtergrond */
.overlayBoxContainer .sb-inner {
	background: url(../gfx/bg/yellow_curve_bg.gif) #F2F08D no-repeat 0 0
}

/* timer popup */
div.timeroverlayBoxContainer {
	display: none;
	background: #FFFFFF;
	text-align: left;
	top: 50px;
	left:50px;
	z-index: 8001;
	position: absolute
}

.timeroverlayBoxContainer .sb-inner {
	background: url(../gfx/bg/yellow_curve_bg.gif) #F2F08D no-repeat 0 0
}

.timeroverlayBoxContainer #timerpopupcontainer .sb-inner {
	background: #FFFFFF
}

/* einde timer popup*/

/* popup achtergrond */
.overlayBoxContainer #popupcontainer .sb-inner {
	background: #FFFFFF
}

/* infopage links makeup */
#infopage a {
	text-decoration: none;
}

/* infopage links makeup */
#timerinfopage a {
	text-decoration: none;
}

/* fullscreenpopup styles */
div#overlayFullscreen {
	width: 95%;
	height: 100%;
	padding: 0 20px 20px 20px;
	background: #FFFFFF;
	z-index: 9903;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	text-align: center;
}

div#overlayFullscreen img {
	position: relative;
	top: -30px;
}

div#overlayFullscreen td img, div#overlayFullscreen #cockpit img {
	position: relative;
	top: 0px;
}

#kantoorplanner #close2 {
	position: relative;
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	top: -8px;
	right: 60px;
	float: right;
}

div#overlayFullscreen table td.left {
	width:156px;
}

div#overlayFullscreen table td.middle {
}

div#overlayFullscreen table td.middle img {
	top: -32px;
}

div#overlayFullscreen table td.right {
	width:156px;
}

* html #kantoorplanner #close2 {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}

div#kantoorplanner {
	padding-top: 10px;
	background: #efef8c;
}

div#kantoorcontainer {
	width: 977px;
}

div#kantoorplanner table.border {
	border: 1px solid #000;
}

div#kantoorplanner table td {
	text-align: left;
}

div#kantoorplanner table td.details {
	font-size: 16px;
}

div#kantoorplanner table td p {
	padding: 10px 0 10px 0;
}

div#kantoorplanner #legenda {
	padding-top: 23px;
	font-size: 16px;
}

div#kantoorplanner #legenda div {
	cursor: hand;
	cursor: pointer;
}

div#kantoorplanner #legenda #werkdag {
	float: left;
	background: url(../gfx/icons/kantoorplanner_w.gif) no-repeat;
	padding: 4px 35px 0 38px;
	height: 48px;
}

div#kantoorplanner #legenda #vrijedag {
	float: left;
	background: url(../gfx/icons/kantoorplanner_vd.gif) no-repeat;
	padding: 4px 35px 0 38px;
	height: 48px;
}

div#kantoorplanner #legenda #vakantie {
	float: left;
	background: url(../gfx/icons/kantoorplanner_v.gif) no-repeat;
	padding: 4px 30px 0 38px;
	height: 48px;
}

div#kantoorplanner #legenda #studiereis {
	float: left;
	background: url(../gfx/icons/kantoorplanner_s.gif) no-repeat;
	padding: 4px 30px 0 38px;
	height: 48px;
}

div#kantoorplanner #legenda #training {
	float: left;
	background: url(../gfx/icons/kantoorplanner_t.gif) no-repeat;
	padding: 4px 35px 0 38px;
	height: 48px;
}

div#kantoorplanner #legenda #ziek {
	float: left;
	background: url(../gfx/icons/kantoorplanner_z.gif) no-repeat;
	padding: 4px 30px 0 38px;
	height: 48px;
}

div#kantoorplanner #legenda #feestdag {
	float: left;
	background: url(../gfx/icons/kantoorplanner_f.gif) no-repeat;
	padding: 4px 30px 0 35px;
	height: 48px;
}

div#kantoorplanner #legenda #leeg{
	float: left;
	background: url(../gfx/icons/kantoorplanner_l.gif) no-repeat;
	padding: 4px 0 0 38px;
	height: 48px;
}

div#kantoorplanner #planning {
	text-align: left;
}


div#kantoorplanner #planning table td {
	width: 18px;
	text-align: center;
}

div#kantoorplanner #planning table {
	text-align: left;
	border-left: 1px solid #6b696b;
	border-top: 1px solid #6b696b;
}

div#kantoorplanner #planning table td {
	background: #fff;
	border-right: 1px solid #6b696b;
	border-bottom: 1px solid #6b696b;
}

div#kantoorplanner #planning table td.month {
	background: #ffb600;
	font-size: 16px;
	width: 100px;
	text-align: left;
	font-weight: bold;
}

div#kantoorplanner #planning table td.naam {
	background: #e7e7e7;
	font-size: 16px;
	text-align: left;
}

div#kantoorplanner #planning table .grey {
	background: #e7e7e7;
}

div#kantoorplanner #planning table .dark {
	background: #b5b6ad;
}

div#kantoorplanner #print {
	padding: 19px 0 19px 0;
	float: right;
}

div#kantoorplanner #print table {
	border: 0px
}

div#kantoorplanner #print table td {
	background-color: #efef8c;
	border: 0px;
}

div#kantoorplanner #planning table td.planning_w {
	background-color: #ffff63;
}

div#kantoorplanner #planning table td.planning_vd {
	background-color: #63ae29;
}

div#kantoorplanner #planning table td.planning_v {
	background-color: #ceffce;
}

div#kantoorplanner #planning table td.planning_s {
	background-color: #9c309c;
}

div#kantoorplanner #planning table td.planning_t {
	background-color: #63c7ff;
}

div#kantoorplanner #planning table td.planning_z {
	background-color: #ff3031;
}

div#kantoorplanner #planning table td.planning_f {
	background-color: #ff9e00;
}

div#kantoorplanner #planning table td.planning_c {
	background-color: #fff;
}


div#verjaardagskalender {
	position: relative;
	top: -20px;
	background: url(../gfx/bg/verjaardagskalender.gif) no-repeat;
	width: 1036px;
}

div#verjaardagskalendercontainer {
	width: 977px;
}

div#verjaardagskalender .header {
	padding: 6px 0 6px 0;
	margin: 0;
	position:relative;
	top: 0px;
	left: 0px;
}

div#verjaardagskalender .header h3 {
	color: #000;
	padding: 5px 0 5px 0;
	margin: 0;
}

div#verjaardagskalender .header #close {
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	position: absolute;
	top: 10px;
	right: -500px;
}

div#verjaardagskalendercontainer #menu {
	float: left;
	width: 165px;
	text-align: center;
}

div#verjaardagskalendercontainer #menu ul li {
	padding-bottom: 9px;
}

div#verjaardagskalendercontainer #calendar {
	float: right;
	width: 782px;
	background: #fff;
	border: 2px solid #747575;
	text-align: left;
	padding: 11px;
}

div#verjaardagskalendercontainer #calendar ul {
	padding: 0;
	margin: 11px 0 11px 0;
	display: inline;
}

div#verjaardagskalendercontainer #calendar ul li {
	display: inline;
	padding-right: 22px;
	font-weight: bold;
	font-size: 12px;
}

div#verjaardagskalendercontainer #calendar ul li a {
	text-decoration: none;
}

div#verjaardagskalendercontainer #calendar ul li a.active {
	color: #8cc63e;
}

div#verjaardagskalender .bottom {
	background: url(../gfx/misc/verjaardag_footer.gif) 0 0 no-repeat;
	width: 1024px;
	height: 54px;
}

div#verjaardagskalendercontainer #calendar table#calendar_days {
	margin-top: 11px;
	border-top: 1px dotted #58562d;
	border-left: 1px dotted #58562d;
}

div#verjaardagskalendercontainer #calendar table#calendar_days th {
	font-size: 12px;
	font-weight: bold;
	background: #8cc63e;
	padding: 6px 0 4px 0;
	text-align: center;
	border-right: 1px dotted #58562d;
	border-bottom: 1px dotted #58562d;
	width: 120px;
}

div#verjaardagskalendercontainer #calendar table#calendar_days td.title {
	font-size: 12px;
	font-weight: bold;
	background: #8cc63e;
	padding: 4px 0 3px 3px;
	text-align: left;
	border-right: 1px dotted #58562d;
	border-bottom: 0px dotted #58562d;
}

div#verjaardagskalendercontainer #calendar table#calendar_days td {
	font-size: 12px;
	background: #fff;
	padding: 6px 0 4px 2px;
	border-right: 1px dotted #58562d;
	border-bottom: 1px dotted #58562d;
	vertical-align: top;
}

div#verjaardagskalendercontainer #calendar table#calendar_days td.date {
	height: 60px;
	min-height: 60px;
}

/* Evenementenkalender */

div#evenementenkalender {
	position: relative;
	top: 0px;
	background: #ffffff url(../gfx/bg/evenementenkalender.gif) no-repeat;
	width: 1036px;
}

div#evenementenkalendercontainer {
	width: 977px;
}

div#evenementenkalender .header {
	padding: 6px 0 6px 0;
	margin: 0;
	position:relative;
	top: 0px;
	left: 0px;
}

div#evenementenkalender .header h3 {
	color: #000;
	padding: 5px 0 5px 0;
	margin: 0;
}

div#evenementenkalender .header #closeevenementenkalender {
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	position: absolute;
	z-index: 9000;
	float: right;
	top: -25px;
	right: 0px;
}

* html div#evenementenkalender .header #closeevenementenkalender {
	background: none 0 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'gfx/icons/close_icon.png', sizingMethod = 'scale')
}

/*div#evenementenkalendercontainer #menu {
	float: left;
	width: 165px;
	text-align: center;
}

div#evenementenkalendercontainer #menu ul li {
	padding-bottom: 9px;
}*/

#evenementenkalender #navigation {
	float: left;
	width: 165px;
	height: 450px;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
}

#evenementenkalender #navigation ul {
	padding: 0;
	margin: 0;
	position: relative;
	top:30px;
	left:20px;
}

#evenementenkalender #navigation ul li {
	padding: 0 0 5px 0;
	display: block;
	list-style: none outside none
}

#evenementenkalender #navigation ul li a {
	padding: 0 0 0 10px;
	background: transparent url(../gfx/icons/leftnavigation_arrow.gif) no-repeat 0 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}

#evenementenkalender #navigation ul li a:hover {
	color: #FFFFFF;
	background: transparent url(../gfx/icons/leftnavigation_arrow_hover.gif) no-repeat 0 0
}

#evenementenkalender #navigation ul li a.current {
	margin-left: 10px;
	color: #FFFFFF;
	background: transparent url(../gfx/icons/leftnavigation_arrow_hover.gif) no-repeat 0 0
}

div#evenementenkalender #evenementencontent {
	float: right;
	width: 675px;
	height: 400px;
	text-align: left;
	padding: 0;
	margin: -25px 0 0 0;
}

div#evenementenkalender #evenementencontent #evenementencontentheader { 
	float: left;
	width: 675px;
	height:40px;
	background: transparent url(../gfx/evenementenkalender/evenementenkalender_header.gif) no-repeat left center;
	padding: 0;
	margin: 0 0 30px 0;
	position: relative;
	clear: both;
}

div#evenementenkalender #evenementencontent #evenementencontentheader h1 {
	padding: 10px 0 0 0;
	margin: 0;
	width: 521px;
	text-align: center;
	color: red;
}

div#evenementenkalender #evenementencontent #evenementencontentheader #illustration { 
	float: right;
	width: 156px;
	height: 111px;
	background:red;
	position: absolute;
	right:0;
	top:0;
}

div#evenementenkalender #evenementencontent .eventitem {
	clear: both;
	position: relative;
	width: 682px;
	/*height:125px;*/
	overflow: hidden;
	text-align: left;
	padding: 0;
	margin: 0;
}

.eventcalendar{ 
	background-color: #d4d0c7;
	border:1px grey ridge;
	clear: both;
	position: relative;
	width: 625px;
	text-align: left;
	padding: 0;
	margin: 0;
}

.eventitem p.title{
	padding: 1px 0 0 15px;	
	font-weight: bold;
	background: url(../gfx/evenementenkalender/icon.gif) no-repeat;
}

.eventitem img.eventimage{
	float: left;
	position:relative;
	left: 60px;
	top:15px;
	/*width:125px;*/
	/*height: 85px;*/
}

img.eventimage_big{
	width: 250px;
	height: 170px;
}

.eventitem div.description{
	float: left;
	position:relative;
	left: 100px;
	top:20px;
	width:270px;
	height:70px;
	overflow:hidden;
}

.eventitem div.description_long{
	float: left;
	position:relative;
	left: 100px;
	top:20px;
	width:270px;
}


.eventitem a.readmore{
	/*float: right;*/
	/*position:relative;*/
	/*right: 15px;*/
	/*top:80px;*/
	float: right;
	font-weight:bold;
}

/* Einde Evenementenkalender */


/* Cockpit */
div#cockpit {
	position: relative;
	top: 0px;
	background: url(../gfx/bg/cockpit.jpg) no-repeat;
	width: 750px;
	height: 563px;
}

div#cockpitcontainer {
	width: 750px;
	position: relative;
	padding-top: 110px;
}

div#cockpit .header {
	padding: 6px 0 6px 0;
	margin: 0;
	position:relative;
	top: 0px;
	left: 0px;
}

div#cockpit .header #closecockpit {
	position: absolute;
	float: right;
	top: -2px;
	right: 10px;
	cursor: pointer;
}

div#cockpit #navigation {
	height: 23px;
	padding: 16px 0 0 16px;
	float: left;
}

div#cockpit #navigation img {
	float: left;
	padding-right: 5px
}

div#cockpit .menu {
	float: left;
	width: 120px;
	padding: 90px 0 0 18px;
}

div#cockpit .menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div#cockpit .menu ul li {
	text-align: left;
	padding: 3px 0 3px 6px;
	margin: 0 0 10px 0;
	background: #fff;
	color: #000;
}

div#cockpit .menu ul li a {
	text-decoration: none;
}

div#cockpit .cockpitPage {
	display: none;
	/*overflow: scroll;*/
	float: left;
	text-align: center;
	/*margin-left: 180px;*/
	margin-left: 160px;
	width: 200px;
	height: 340px;
}

/* Einde Cockpit */

div#fotoplaceholder {
	position: absolute;
	top: 150px;
	left: 25px;
	z-index: 9999;
}

#popupcontainer table#lines td {
	border-bottom: 1px solid #000;
}

#timerpopupcontainer table#lines td {
	border-bottom: 1px solid #000;
}

div#adresboek {
	padding-top: 0px;
	background: #efef8c;
	width: 700px;
}

div#adresboek table td {
	text-align: left;
}

div#adresboek #close {
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	position: absolute;
	top: 30px;
	right: -200px;
}

div#adresboek h1 {
	padding-top: 20px;
	color: #000;
	font-size: 26px;
}

div#adresboekcontainer a {
	text-decoration: none;
}

div#greetingcard {
	padding-top: 0px;
	background: #efef8c;
	width: 700px;
}

div#greetingcard table td {
	text-align: left;
}


div#greetingcard #close {
	width: 20px;
	background: url(../gfx/icons/close_icon.png) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	position: absolute;
	top: -50px;
	right: 20px;
}

div#greetingcard h1 {
	padding-top: 20px;
	color: #000;
	font-size: 26px;
}

div#previewGreetingCard{
	clear:both;
	width:640px;
	height:480px;
	display:block;
	overflow:hidden;
	position:relative;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#greetingcardcontainer a {
	text-decoration: none;
}


div#results {
	position:relative;
	top: 0px;
}

div#recordsresults {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#birthdayreminder {
	padding: 3px 0 20px 0;
	text-align: center;
	color: #000;
	font-size: 14px;
}

/* calculator */
#calculator{left:30px;width:234px;height:377px;border:none;position:relative;background:transparent url(../gfx/calculator/calculator_bg.gif) no-repeat 0 0;}
#calculator img{width:234px;height:377px;border:none;position:relative;top:0;left:0;float:left;}
#calculator #lcd{position:absolute;left:30px;top:40px;border:none;background:transparent;height:32px;text-align:right;width:170px;z-index:9999;color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:30px; padding:0; margin:0;}
/* timer */
#timer{position:relative;}
#timerinner{width:350px;left:20px;position:relative;background:transparent}
#timerinner img.timer{display:block;padding-top:10px;margin:0 auto;margin-bottom:10px;}
#timerinner a.ok_button{
	position: absolute; top:203px;right:0px;display:block;z-index:999;
}
#timerinner fieldset{width:350px;}
#timerinner fieldset label{font-weight:bold;}
#timerinner .formrow{display:block;clear:both;padding-bottom:7px;}
#timerinner input.xs{width:20px;}
#timerinner input.s{width:30px;}
#timerinner input.m{width:50px;}
#timerinner input.l{width:100px;}
#timerinner input.xl{width:135px;}
#timerinner input.xxl{width:272px;}
#timerinner label.indentcolumn{margin-left:10px;}
#timerinner label.indentcolumndatum{margin-right:30px;}
#timerinner label.indentcolumnherhaling{margin-right:13px;}
#timerinner label.naam{margin-right:35px;}
#timerinner label.telefoonnummer{margin-left:5px;}
#timerinner label.bericht{margin-right:25px;}
/* timer popup */
#timeraddLink{position:absolute;float:left;z-index:9999;left:150px;top:100px;}
.timercontent{position:relative;left:35px;}
#timerpopup{position:relative;left:100px;}
#timerpopup img.timer{position:relative;display:block;clear:both;padding-top:10px;padding-bottom:10px}
div#timermessage{padding-left:25px;padding-bottom:20px;font-weight: bold;}


.fieldchecbox { padding-top:2px; } 

#okbuttons td div {
	position: relative;
}

#okbuttons td span {
	position: absolute;
	top: 12px;
}

div#vakantiechecklist {
	position: relative;
	top: -65px;
	width: 500px;
	background: #f2f08c;
	text-align: left;
	padding: 46px 0 0 0;
	font-size: 11px;
}

div#vakantiechecklist h1 {
	margin: 46px 0 67px 13px;
	padding: 0;
	color: #f11f10;
	font-size: 20px;
}

div#vakantiechecklist table {
	padding-left: 10px;
}

div#vakantiechecklist input {
	margin: 1px 0 1px 0;
}

div#vakantiechecklist img {
	padding: 8px 0 0px 0;
}

div#vakantiechecklist strong {
	padding-bottom: 3px;
}

div#vakantiechecklist .printVakantiechecklist {
	padding: 60px 0 60px 0;
}

div#vakantiechecklist .koffer {
	position: absolute;
	bottom: 280px;
	right: 20px;
}

.adresboek_img {
	position: relative;
	top: 30px;
	padding-bottom: 10px;
}

.textSpacing {
	line-height: 18px;
}

#content #logout {
    position: absolute;
    bottom: 27px;
    left: 280px;
}

#content #logout a {
	color: #F51514;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none
}

#content #logout a:hover {
	color: #000000
}

#bestemmingen {
	width: 100%;
}
#bestemmingen td {
	vertical-align: top;
}
#bestemmingen td ul.arrow {
	float: left;
	margin-right: 10px;
}

/* WBA-263 */
body#login {background:transparent url(../gfx/bg/login_body.jpg) no-repeat 0 0;}
body#login #container{position:relative;float:left;display:block;left:90px}
body#login #leftnavigation{top:340px;position:relative;float:left;display:block}
body#login #leftnavigation .signup{text-indent:-9999em;float:left;left:50px;width:100px;height:100px;overflow:hidden;position:relative;background:transparent url(../gfx/buttons/inschrijven_link.png) no-repeat 0 0;}
body#login #content #calendarwrapper {top:440px;position:relative;float:left;display:block}

body#login2 {background:transparent url(../gfx/bg/login_body2.jpg) no-repeat 0 0;}
body#login2 #container{position:relative;float:left;display:block;left:90px}
body#login2 #leftnavigation{top:340px}
body#login2 #leftnavigation .signup{text-indent:-9999em;float:left;left:50px;width:100px;height:100px;overflow:hidden;position:relative;background:transparent;}
body#login2 #content #calendarwrapper {top:440px}
body#login2 .shadowed-border{left: 25px;}