/*----------- BASIC STYLES ------------*/


body {
	background:#e6e6e6;
	color:#474747;
	font: 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

img {
	border:0 none;
	}

a {
	font-size:1.0em;
	color:#474747;
	text-decoration:underline;
	}

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

h1 {
	color:#474747;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	}

h2 {
	color:#474747;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
	}

h3 {
	color:#474747;
	font-size:13px;
	font-weight:bold;
	margin:0;
	}

h4 {
	color:#474747;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	line-height:18px;
	}
	
p {
	margin:0 0 10px;
	padding:0;
	line-height:18px;
	font-size:1.0em;
	}

table {

}

th {
	text-align:left;
	vertical-align:top;
	}

/*----------- BASIC STYLES ------------*/

#wrapper {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width: 1010px;
	}

#container {
	margin:0 10px 0 0;
	overflow:hidden;
	position:relative;
	width: 900px;
	}

#sponsor {
	margin:77px 0;
	overflow:hidden;
	position:relative;
	width: 100px;
	float:right;
	}

	#sponsor a {
		text-transform: uppercase;
		text-decoration:none;
		font-size:10px;
		font-weight:bold;
		display:block;
		text-align:center;
		margin-bottom:3px;
		}
	
	#sponsor a:hover {
		text-decoration: underline;
		}

        #sponsor a.non-main {
            text-transform: none;
        }
	
/*----------- TOPHEADER ------------*/

#topheader {
	height:28px;
	position:relative;
	}

	#topheader .language {
		position:relative;
		float:left;
		display:block;
		margin:8px 0 0 9px;
		}

		#topheader .language a {
			width:21px;
			height:13px;
			display:block;
			float:left;
			text-decoration:none;
			text-indent:-9999px;
			}

		#topheader .language a:hover {
			text-decoration:none;
			}

		#topheader .language a.dutch {
			background: url(../images/flag-dutch.png) no-repeat;
			margin-right:15px;
			}

		#topheader .language a.english {
			background: url(../images/flag-english.png) no-repeat;
			}

	#topheader .login-form {
		position:absolute;
		margin:4px 0 0 0;
		padding:0;
		right:0;
		display:block;
		width:80%;
		}

	#topheader .login-form form {
		float:right;
		font-size:11px;
		margin:0;
		padding:0;
		}

        #topheader .login-form form div {
            display: block;
        }
            #topheader .login-form form div.login {
                float:right;
            }
            #topheader .login-form form div.password {
                float:right;
            }
            #topheader .login-form form div.buttons {
                float:right;
                width:auto;
            }

        #topheader .login-form form div label {
			margin:3px 5px 0 10px;
            float:left;
			}
		
		#topheader .login-form form div input {
			height:17px;
			border:none;
			background:#fff;
			margin:0 0 0 2px;
			padding: 2px 3px 0;
			font-size:11px;
            float:left;
			}
		
        #topheader .login-form form div input.submit {
            color:#fff;
            background:#00addd;
            cursor:pointer;
            font-size:11px;
            height:19px;
            margin:0 0 0 5px;
            padding:0 7px;
            }

            #topheader .logged-in {
               float:right;
               display:block;
               font-size:11px;
               margin:6px 0 0 0;

            }



/*----------- HEADER ------------*/

#header {
	position:relative;
	height:114px;
	background-position:center center;
	background-repeat:no-repeat;
	}

	#header .logo {
		background:url(../images/header-left-bg.png) no-repeat;
		position:relative;
		top:0;
		height:105px;
		width:230px;
		float:left;
		padding:9px 0 0 9px;
		}
	
		#header .logo a {
			float:left;
			}
		
		#header .logo a.main-logo {
			margin-right:9px;
			max-width:84px;
			max-height:102px;
			}
		
		#header .logo a.theme-logo {
			max-width:78px;
			max-height:102px;
			}

	#header .right {
		background: url(../images/header-right-bg.png) no-repeat;
		width:330px;
		height:114px;
		float:right;
		position:relative;
		}
	
		#header .right a.sticker {
			background: url(../images/header-sticker.png) no-repeat;
			position:absolute;
			display:block;
			height:43px;
			width:125px;
			top:30px;
			right:20px;
			cursor:pointer;
			padding:13px 16px;
			font-size:10px;
			font-weight:bold;
			z-index:20000;
			}

		#header .right a.sticker:hover {
			color:#00ADDD;
			text-decoration:none;
			}
			
			
/*----------- CONTENT ------------*/

#content {
	position:relative;
	overflow:hidden;_zoom:1;
	background:#fff;
	padding: 0;
	}

#content .content-padding {
	padding: 0 17px;
	overflow:hidden;_zoom:1;
	}

/*----------- MENU ------------*/


#menu {
	height:36px;
	position:relative;
	background:#00addd;
	z-index:9999;
	}

	/*----------- MAIN NAVIGATION toplevel ------------*/
	
	#menu ul {
		background: url(../images/menu-grad-bg.png) repeat-x;
		padding:0;
		margin:0;
		height:36px;
		}
	
		#menu ul li {
			list-style-type:none;
			list-style-position:outside;
			float:left;
			background-image: url(../images/menu-border-bg.png);
			background-position:right;
			background-repeat:no-repeat;
			}
		
			#menu ul li a {
				height:36px;
				line-height:36px;
				display:block;
				color:#fff;
				font-size:12px;
				margin:0;
				padding:0 10px;
				float:left;
				text-decoration: none;
				}
			
				#menu ul li a:hover {
					text-decoration: none;
					background: url(../images/menu-hover-bg.png) repeat;
					}

				#menu ul li.selected a {
					background: url(../images/menu-hover-bg.png) repeat;
					}


	/*----------- MAIN NAVIGATION sublevel ------------*/

	
	#menu ul li ul {
		background:#00addd url(../images/menu-hover-bg.png) repeat;
		border-bottom: 2px solid #676767;
		position:absolute;
		top:36px;
		display:none;
		height:auto;
		z-index:10000;
		overflow:hidden;_zoom:1;
		clear:both;
		width:auto;
		}

	#menu ul li:hover ul {
		display:block;
		}

	#menu ul li ul li {
			float:none;
			display:block;
			background:none;
			}
	
		#menu ul li ul li a {
			background: none;
			height:20px;
			line-height:20px;
			display:block;
			color:#fff;
			font-size:11px;
			margin:0;
			padding:0 10px;
			float:none;
			white-space:nowrap;
			}
		
			#menu ul li ul li a:hover {
				background:none;
				text-decoration: underline;
				color:#fff;
				}

			#menu ul li.selected ul {
				clear:both;
				}
			
			#menu ul li.selected ul li a {
				background:none;
				}
			
			#menu ul li ul li.selected a {
				background:none;
				text-decoration: none;
				color:#fff;
				}
			
			
	/*----------- BREADCRUMBS AND SEARCH ------------*/
	
	#content .top-content {
		width:100%;
		position:relative;
		height:39px;
		border-bottom:1px solid #d8d8d8;
		}

	#content .breadcrumbs-path {
		position:absolute;
		top:36px;
		left:17px;
		}
		
	#content .breadcrumbs-path p.left {
		position:relative;
		float:left;
		font-size:11px;
		margin:11px 0 0 0;
		}
	
	#content .breadcrumbs-path p.left, #content .breadcrumbs-path a {
		color:#9b9a9a;
		}
	
	#content .breadcrumbs-path a:hover {
		color:#00addd;
		}
	
	#content .breadcrumbs-path p.left span {
		color:#00addd;
		}
	
	#content .top-content .search-form {
		width:233px;
		display:block;
		position:absolute;
		right:0;
		overflow:hidden;_zoom:1;
		}
	
	#content .top-content .search-form form {
		float:right;
		margin-top:7px;
		}
	
	#content .top-content .search-form form input.go-search {
		background: url(../images/search-submit.gif) no-repeat;
		height:26px;
		width:35px;
		padding:0 0 2px 0;
		margin:0 0 0 6px;
		border:none;
		float:right;
		cursor:pointer;
		text-indent:-9999px;
		font-size:0px;
		line-height:0px;
		}
	
	#content .top-content .search-form form input.search-input {
		height:22px;
		background:#d8d8d8;
		border:none;
		width:182px;
		padding:4px 5px 0;
		font-style:italic;
		color:#979797;
		float:right;
		}

	/*----------- MAIN CONTENT ------------*/
	
	#content .main {
		float:left;
		width:618px;
		margin-right:15px;
		overflow:hidden;_zoom:1;
		}
	
	#content .main .block {
		border-bottom:1px solid #d8d8d8;
		padding:10px 0;
		overflow:hidden;_zoom:1;
		}
		
	#content .main .last {
		border-bottom:none;
		}
	
	/*----------- SIDEBAR ------------*/
	
	#content .sidebar {
		float:left;
		width:233px;
		margin:6px 0 0 0;
		}

	#content .sidebar h2 {
		font-size:12px;
		font-weight:bold;
		}
		
	#content .sidebar a.banner {
		background:#fff; /* 676767 */
		display:block;
		height:55px;
		width:233px;
		margin-bottom:11px;
		}

        /*----------- BIRTHDAYS ------------*/
		
		#content .sidebar .more-button {
			display:block;
			margin:5px 0 10px;
			height:15px;
		}
		
        #content .sidebar a.show-all {
			background:url(../images/more-arrow.gif) no-repeat left;
            float: right;
			padding:0 0 0 15px;
        }

		/*----------- AGENDA ------------*/

			
		#content .sidebar .agenda {
			background:#d8d8d8;
			padding:0 12px 5px;
			margin:0;
			}

		#content .sidebar .mainagenda {
			background:#d8d8d8;
			padding:12px;
			margin:0;
			}
								
		#content .sidebar .lastagenda {
			background:#d8d8d8 url(../images/agenda-corner.gif) no-repeat bottom right;
			padding:0 12px 12px;
			margin-bottom:15px;
			}

		#content .sidebar .agenda h2 a {
			text-transform:uppercase;
			margin:0;
			}

		#content .sidebar .agenda h2 a span {
			text-transform:none;
			}
					
		#content .sidebar .agenda table {
			background:#fff;
			border:3px solid #fff;
			border-collapse:collapse;
			width:100%;
			margin:10px 0 0 0;
			}
		
		#content .sidebar .agenda table td.month {
			background:#00addd;
			padding:0;
			}	
		
		#content .sidebar .agenda table td.month a.prev {
			float: left;
			display: block;
			margin:0;
			padding:0;
			text-indent:-9999px;
			background: url(../images/agenda-prev.png) no-repeat;
			width:19px;
			height:21px;
			line-height:21px;
			}

		#content .sidebar .agenda table td.month a.next {
			float: right;
			display: block;
			margin:0;
			padding:0;
			text-indent:-9999px;
			background: url(../images/agenda-next.png) no-repeat;
			width:19px;
			height:21px;
			line-height:21px;
			}
				
		#content .sidebar .agenda table td.month span {
			font-size:10px;
			text-transform:uppercase;
			display:block;
			text-align:center;
			margin-top:4px;
			color:#fff;
			font-weight:bold;
			line-height:13px;
			}
		
		#content .sidebar .agenda table th, #content .sidebar .agenda table td {
			text-align:center;
			height:20px;
			}
		
		#content .sidebar .agenda table tr.days {
			border-bottom:1px solid #d8d8d8;
			}
		
		#content .sidebar .agenda table td a.event {
			color:#00addd;
			text-decoration: none;
			}
		
		#content .sidebar .agenda table td a.event:hover {
			background:#d8d8d8;
			line-height:17px;
			color:#fff;
			display:block;
			text-decoration:none;
			}

		#content .sidebar .agenda table td a.today {
			background:#00addd;
			line-height:17px;
			color:#fff;
			display:block;
			text-decoration:none;
			}
		
		#content .sidebar .agenda table td span {
			display:block;
			line-height:17px;
			}
		
		#content .sidebar .agenda table td a.today:hover {
			text-decoration:none;
			}
		
		#content .sidebar .agenda ul.agenda-items {
			padding:0;
			margin:0 0 10px 0;
			}

		#content .sidebar .agenda ul.agenda-items li {
			list-style:none;
			list-style-position:outside;
			border-bottom:1px dotted #474747;
			line-height:25px;
			}

		#content .sidebar .agenda ul.agenda-items li.last {
			border-bottom:none;
			}		

		#content .sidebar .agenda ul.agenda-items li a {
			text-decoration:none;
			}
		
		#content .sidebar .agenda .buttons {
			position:relative;
			height:17px;
			display:block;
			}
		
		#content .sidebar .agenda a.full-agenda {
			background:url(../images/full-agenda.png) no-repeat;
			display:block;
			line-height:18px;
			float:right;
			padding:0 5px 0 17px;
			color:#fff;
			font-size:10px;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:bold;
			}


		/*----------- SIDEBAR BLOCKS ------------*/
		
		#content .sidebar .block {
			position:relative;
			margin-bottom:15px;
			}
		
		#content .sidebar .block h2 {
			background:#00addd;
			color:#fff;
			text-transform:uppercase;
			padding:4px 0 4px 12px;
			}
		
		#content .sidebar .block ul {
			padding:0;
			margin:5px 0 0 12px;
			}
		
		#content .sidebar .block ul li {
			list-style:none;
			list-style-position:outside;
			line-height:20px;
			}
		
		#content .sidebar .block ul li a {
			text-decoration: none;
			}

/*----------- FOOTER ------------*/

#footer {
	height:117px;
	position:relative;
	background: #00addd url(../images/menu-grad-bg.png) repeat-x top;
	margin-bottom:50px;
	}

	#footer a.logo {
		background: url(../images/rug-logo.png) no-repeat;
		position:absolute;
		width:126px;
		height:30px;
		display:block;
		right:12px;
		bottom:10px;
		text-indent:-9999px;
		cursor:pointer;
		}
	
	#footer .main-logo {
		height:117px;
		background:#fff;
		float:left;
		padding:0 10px;
		margin-right:15px;
		}
	
	#footer ul.contact {
		margin:10px 0 0 0;
		float:left;
		padding:0;
		overflow:hidden;_zoom:1;
        width:400px;
		}
	
		#footer ul.contact li {
			list-style:none;
			list-style-position: outside;
			color:#fff;
			padding:0 0 0 35px;
			overflow:hidden;_zoom:1;
			}
		
		#footer ul.contact li.address {
			background: url(../images/icon-address.png) no-repeat;
			}
		
		#footer ul.contact li.phone {
			background: url(../images/icon-phone.png) no-repeat;
			margin-top: 10px;
			}
		
		#footer ul.contact li.email {
			background: url(../images/icon-email.png) no-repeat;
			margin-top: 10px;
			}
		
			#footer ul.contact li.email a {
				color:#fff;
				text-decoration:underline;
				}
			
			#footer ul.contact li.email a:hover {
				text-decoration: none;
				}

        #footer ul.subassociations {
			position:absolute;
			right:10px;
			top:5px;
			margin:0;
			padding:0 0 5px 0;
			border-bottom:1px solid #fff;
            overflow: hidden;_zoom: 1;
            z-index:99999999;
			}

		#footer ul.subassociations li {
			list-style:none;
			list-style-position:outside;
			margin:0 0 0 30px;
			padding:0;
            display:block;
			float:left;
			}

		#footer ul.subassociations li.title {
			list-style:none;
			list-style-position:outside;
			margin:0 0 10px;
			padding:0 0 0 0;
			float:none;
			text-align:right;
			color:#ffffff;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			}

		#footer ul.subassociations li a.vesting {
			background: url(../images/subassociation-vesting.png) no-repeat 0 0;
			display:block;
			width:78px;
			height:30px;
			cursor:pointer;
			text-indent:-9999px;
			margin:0;
			}

		#footer ul.subassociations li a.vesting:hover {
			background-position:0 -30px;
			}

		#footer ul.subassociations li a.marug {
			background: url(../images/subassociation-marug.png) no-repeat 0 0;
			display:block;
			width:104px;
			height:30px;
			cursor:pointer;
			text-indent:-9999px;
			margin:0;
			}

		#footer ul.subassociations li a.marug:hover {
			background-position:0 -30px;
			}

		#footer ul.subassociations li a.risk {
			background: url(../images/subassociation-risk.png) no-repeat 0 0;
			display:block;
			width:35px;
			height:30px;
			cursor:pointer;
			text-indent:-9999px;
			margin:0;
			}

		#footer ul.subassociations li a.risk:hover {
			background-position:0 -30px;
			}


/*----------- BOOKSALE ------------*/


#booksale .booksale-forms {
	background: #e4e4e4;
	overflow:hidden;_zoom:1;
	padding:5px;
	margin:0 0 20px 0;
}

#booksale table.books {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	width:100%;
	overflow:hidden;_zoom:1;
}

#booksale table.books tr.top td {
	font-weight:bold;
	white-space:nowrap;
	background:none;
}

#booksale table.books tr td, #booksale table.books tr th {
	vertical-align:top;
	padding:5px 5px;
	background:#e4e4e4;
}

#booksale table.books tr.alt td {
	background:#f2f2f2;
}

#booksale table.books tr.total td {
	background:#fff;
	font-weight:bold;
	border-top:1px solid #000;
	padding-top:10px;
}

#booksale table.books tr td a.trash {
	background: url(../images/trash.png) no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-9999px;
	margin:3px 0 0 25px;
	cursor:pointer;
}

#booksale table.books tr td a.trash:hover {
	background: url(../images/trash-hover.png) no-repeat;
}

#booksale table.books tr td a.basket {
	background: url(../images/winkelwagen.png) no-repeat;
	display:block;
	width:25px;
	height:17px;
	text-indent:-9999px;
	margin:6px 0 0 0;
	cursor:pointer;
}

#booksale table.books tr td span.basket {
	background: url(../images/winkelwagen-full.png) no-repeat;
	display:block;
	width:25px;
	height:17px;
	text-indent:-9999px;
	margin:6px 0 0 0;
}

#booksale table.books tr td a.basket:hover {
	background: url(../images/winkelwagen-hover.png) no-repeat;
}

#booksale table.books tr td.center {
	text-align:center;
}

#content .main #booksale table.booksale th {
	vertical-align:middle;
}

#content .main table.booksale tr td input:focus, #content .main table.booksale tr td textarea:focus {
	padding:2px;
	border:1px solid #d2d2d2;
	background:#fff;
}

#booksale .buttons {
	display:block;
	position:relative;
	margin-top:10px;
}

#booksale .buttons a.next {
	background: #e1e1e1;
	clear:both;
	border:1px solid #aaaaaa;
	padding:2px 5px;
	display:block;
	float:right;
}

#booksale .buttons a.next:hover {
	border:1px solid #00ADDD;
}


/*----------- TABLE FORM STYLING ------------*/

table.form {
	border:none;
	border-collapse:collapse;
	width:100%;
	overflow:hidden;_zoom:1;
	}

table.form tr {

	}

table.form tr th, #content .main table.form tr th {
	padding:5px 5px 5px 0;
	border-bottom:1px solid #f2f2f2;
	}

table.form tr td {
	padding:5px 0;
	border-bottom:1px solid #f2f2f2;
	}

table.form tr td input, table.form tr td textarea, table.form tr td select {
	padding:2px;
	border:1px solid #d2d2d2;
	background:#f2f2f2;
	}

table.form tr td input:focus, table.form tr td textarea:focus {
	padding:2px;
	border:1px solid #d2d2d2;
	background:#e6e6e6;
	}

table.form tr td input.checkbox, table.form tr td input.radio {
	padding:2px;
	border:none;
	background:none;
	}

table.form tr td input.submitButton {
	cursor:pointer;
	}

table.form tr.last-form td, #content .main table.form tr.last-form th {
	border-bottom:none;
	}


/*----------- SEARCH ------------*/

#content .main .more div {
	padding:5px 0 10px;
	border-bottom:1px solid #d2d2d2;
}

#content .main .more a.goto {
	background: url(../images/arrow_right.png) no-repeat;
	padding:0 0 0 20px;
}

#content .main h2 {
    color: #00addd;
}

/*----------- PHOTO ALBUM ------------*/

#content .main .photoPath h2 {
	margin-bottom:5px;
}

#content .main .folders {

}

#content .main .folders h2 {
	margin-bottom:5px;
}


#content .main .folders a.folder {
	background:#d8d8d8 url(../images/agenda-corner.gif) no-repeat bottom right;
	display:block;
	float:left;
	height:80px;
	width:119px;
	margin:0 15px 15px 0;
	padding:10px;
}


#content .main .photoPath {

}

ul.fixed {
	padding:0;
	margin:0;
}

ul.fixed li {
	padding:0;
	margin:0 20px 20px 0;
	list-style:none;
	list-style-position:outside;
	float:left;
}

ul.fixed li.next {
	margin:0 0 20px 0;
}

ul.random {
	padding:0;
	margin:20px 0 0 0;
	clear:both;
}

ul.random li {
	padding:0;
	margin:0 20px 20px 0;
	list-style:none;
	list-style-position:outside;
	float:left;
}

ul.random li.next {
	margin:0 0 20px 0;
}

/*----------- Gereedstaande passen ------------*/

#content .main .passenklaar ul {
	margin:0;
	padding:0;
}

#content .main .passenklaar ul li {
	list-style:none;
	list-style-position:outside;
	margin:0;
	padding:0;
	float:left;
	width:85px;
}