/* +---------------------------------------------------------------------+
// | INDOORSKATEPARK.NL - STYLESHEET                                     |
// +---------------------------------------------------------------------+
// | Copyright © 2009, DigiStyle Designs, Enschede                       |
// |                                                                     |
// | Alle rechten voorbehouden                                           |
// | Niets uit deze uitgave mag worden gekopieerd, gepubliceerd en/of    |
// | verspreid in welke vorm dan ook, zonder voorafgaande toestemming    |
// | van de uitgever.                                                    |
// +--------------------------------------------------------------------*/

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #000000 url(./../img/iface/bg_main.jpg) repeat-y center top;
	font: 11pt/15pt Georgia, "Times New Roman", Times, serif;
	color: #333333;
	}

a,
a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #79672A;
	cursor: pointer;
	outline: none;
	}

a:hover {
	text-decoration: none;
	}

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

p {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	}

form {
	margin: 0;
	padding: 0;
	}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	}

td {
	padding: 0;
	vertical-align: top;
	}

.hand {
	cursor: pointer;
	}

.small {
	font-size: 9pt;
	line-height: 13pt;
	}


/* Headings */
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10pt;
	}

h1 {
	font-size: 20pt;
	line-height: 21pt;
	color: #79672A;
	}

h2 {
	font-size: 13pt;
	line-height: 16pt;
	color: #79672A;
	}

h3 {
	font-size: 11pt;
	line-height: 13pt;
	}


/* Formulieren */
input,
textarea,
select {
	vertical-align: middle;
	margin: 1px 0;
	padding: 2px 1px 2px 2px;
	border: solid 1px #999999;
	background: #ffffff;
	font: 11pt/15pt Georgia, "Times New Roman", Times, serif;
	color: #000000;
	}

select {
	margin: 1px 0 0 0;
	padding: 1px 1px 1px 0;
	}

input.radio,
input.checkbox {
	margin: 2px 4px 4px 0;
	padding: 0;
	border: none;
	background: none;
	line-height: normal;
	}

textarea {
	line-height: 15pt;
	}

.button {
	width: auto;
	margin: 0;
	padding: 3px 10px 2px 9px;
	border: solid 1px;
	border-color: #cccccc #333333 #333333 #cccccc;
	background: #ebebeb;
	color: #000000;
	overflow: visible;
	}

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

table.formtable td {
	padding: 2px 0;
	}

table.formtable tr.spacer td {
	padding-top: 22px;
	}

table.formtable td.label {
	padding: 3px 0 2px 0;
	}

table.formtable td.label label {
	display: block;
	text-align: right;
	padding: 1px 10px 0 0;
	}

table.formtable td.submit {
	padding-top: 22px;
	}


/* Meldingen */
.error,
.error_big {
	color: #ff0000;
	}

.oke,
.oke_big {
	color: #669900;
	}

.error_big,
.oke_big {
	font-size: 9pt;
	display: block;
	padding: 5px 10px 5px 26px;
	border: 1px solid #669900;
	background: #f0f5e6 url(./../img/icons/oke.gif) no-repeat 6px 5px;
	font-weight: bold;
	}

.error_big {
	border-color: #cc0000;
	background: #fae6e6 url(./../img/icons/error.gif) no-repeat 6px 6px;
	color: #cc0000;
	}


/* list-items */
ul {
	margin: 0 0 0 18px;
	padding: 0;
	}

/* Interface */
#iFaceBg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(./../img/iFace/bg.jpg) no-repeat top center;
	}

#iFace {
	position: relative;
	z-index: 2;
	width: 820px;
	min-height: 100%;
	margin: 0 auto;
	}

#iFaceHeader {
	height: 175px;
	}

#iFaceHeader .visual {
	position: absolute;
	z-index: 10;
	width: 400px;
	height: 300px;
	margin: 0 0 0 480px;
	}

#iFaceHeader .languages {
	position: absolute;
	z-index: 10;
	width: 120px;
	margin: 100px 0 0 370px;
	}

#iFaceHeader .languages img {
	margin: 0 0 -2px 0;
	}

#iFaceHeader .languages a {
	display: block;
	text-decoration: none;
	font-size: 10pt;
	color: #ffffff;
	font-weight: normal;
	}

#iFaceHeader .logo {
	padding: 20px 0 0 40px;
	}

#iFaceHeader .logo img,
#iFaceHeader .visual img {
	}

#iFaceContent {
	min-height: 525px;
	}

#iFaceContent .wrapper {
	padding: 0 0 84px 27px;
	}

#iFaceMain {
	padding: 20px 0 0 0;
	}

#iFaceMenu {
	width: 215px;
	padding: 138px 0 54px 10px;
	background: url(./../img/iFace/bg_menu.jpg) no-repeat;
	}

#iFaceFooter {
	position: relative;
	z-index: 3;
	width: 820px;
	margin: -84px auto 0 auto;
	height: 84px;
	background: url(./../img/iFace/bg_footer.jpg) no-repeat top center;
	}

#iFaceFooter .wrapper {
	padding: 15px 40px 0 40px;
	}

/* Menu */
#iFaceMenu a,
#iFaceMenu a:hover {
	display: block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	}

#iFaceMenu a.menu_200 {
	background: url(./../img/menu/nl/200a.gif)
	}

#iFaceMenu a.menu_200:hover,
#iFaceMenu a.menu_200_selected,
#iFaceMenu a.menu_200_selected:hover {
	background-image: url(./../img/menu/nl/200b.gif)
	}
#iFaceMenu a.menu_300 {
	background: url(./../img/menu/nl/300a.gif)
	}

#iFaceMenu a.menu_300:hover,
#iFaceMenu a.menu_300_selected,
#iFaceMenu a.menu_300_selected:hover {
	background-image: url(./../img/menu/nl/300b.gif)
	}
#iFaceMenu a.menu_400 {
	background: url(./../img/menu/nl/400a.gif)
	}

#iFaceMenu a.menu_400:hover,
#iFaceMenu a.menu_400_selected,
#iFaceMenu a.menu_400_selected:hover {
	background-image: url(./../img/menu/nl/400b.gif)
	}
#iFaceMenu a.menu_500 {
	background: url(./../img/menu/nl/500a.gif)
	}

#iFaceMenu a.menu_500:hover,
#iFaceMenu a.menu_500_selected,
#iFaceMenu a.menu_500_selected:hover {
	background-image: url(./../img/menu/nl/500b.gif)
	}
#iFaceMenu a.menu_600 {
	background: url(./../img/menu/nl/600a.gif)
	}

#iFaceMenu a.menu_600:hover,
#iFaceMenu a.menu_600_selected,
#iFaceMenu a.menu_600_selected:hover {
	background-image: url(./../img/menu/nl/600b.gif)
	}
#iFaceMenu a.menu_700 {
	background: url(./../img/menu/nl/700a.gif)
	}

#iFaceMenu a.menu_700:hover,
#iFaceMenu a.menu_700_selected,
#iFaceMenu a.menu_700_selected:hover {
	background-image: url(./../img/menu/nl/700b.gif)
	}
#iFaceMenu a.menu_800 {
	background: url(./../img/menu/nl/800a.gif)
	}

#iFaceMenu a.menu_800:hover,
#iFaceMenu a.menu_800_selected,
#iFaceMenu a.menu_800_selected:hover {
	background-image: url(./../img/menu/nl/800b.gif)
	}
#iFaceMenu a.menu_900 {
	background: url(./../img/menu/nl/900a.gif)
	}

#iFaceMenu a.menu_900:hover,
#iFaceMenu a.menu_900_selected,
#iFaceMenu a.menu_900_selected:hover {
	background-image: url(./../img/menu/nl/900b.gif)
	}
#iFaceMenu a.menu_901 {
	background: url(./../img/menu/nl/901a.gif)
	}

#iFaceMenu a.menu_901:hover,
#iFaceMenu a.menu_901_selected,
#iFaceMenu a.menu_901_selected:hover {
	background-image: url(./../img/menu/nl/901b.gif)
	}
#iFaceMenu a.menu_100 {
	background: url(./../img/menu/nl/100a.gif)
	}

#iFaceMenu a.menu_100:hover,
#iFaceMenu a.menu_100_selected,
#iFaceMenu a.menu_100_selected:hover {
	background-image: url(./../img/menu/nl/100b.gif)
	}


/* Block */
.block {
	background: url(./../img/iFace/block/bg.jpg) repeat-y;
	width: 563px;
	}

.block .block_top {
	height: 38px;
	background: url(./../img/iFace/block/top.jpg) no-repeat;
	}

.firstblock .block_top {
	background-image: url(./../img/iFace/block/top1.jpg);
	}

.firstblock .block_content {
	min-height: 136px;
	background: url(./../img/iFace/block/bg1.jpg) no-repeat;
	}

.block_content .block_header {
	padding: 0 30px;
	}

.block_content .block_header h1,
h1.header {
	padding: 10px 0 10px 0;
	background: url(./../img/dotline.gif) repeat-x left bottom;
	}

h1.header {
	margin-bottom: 10px;
	}

.block_content .block_wrapper {
	padding: 10px 30px 0 30px;
	}

.block .block_bottom {
	height: 41px;
	background: url(./../img/iFace/block/bottom.jpg) no-repeat;
	}

/* Horizontal rule */
.hr {
	height: 30px;
	background: url(./../img/dotline.gif) repeat-x left center;
	}

.hr hr {
	display: none;
	}


/* Quickmenu */
.quickmenu {
	font-size: 9pt;
	text-align: center;
	padding: 20px 20px 0 20px;
	word-spacing: 8px;
	}

.quickmenu a {
	word-spacing: 0;
	}


/* Nieuws */
.nieuws a,
.nieuws a:hover {
	font-weight: normal;
	}


/* Navigatie */
.navigatie {
	text-align: center;
	word-spacing: 2px;
	}

.navigatie a,
.navigatie span {
	word-spacing: 0;
	}


/* Folders */
a.folder_link,
a.folder_link:hover {
	float: left;
	width: 156px;
	height: 160px;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	margin: 0 0 15px 15px;
	}

.folder_image {
	display: block;
	text-align: center;
	}

.folder_name {
	padding: 10px 0;
	display: block;
	text-align: center;
	}


/* Folders */
a.image_link,
a.image_link:hover {
	float: left;
	display: table;
	width: 156px;
	height: 156px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #ffffff;
	}

.image_image {
	display: table-row;
	}

.image_image span {
	padding: 10px;
	display: table-cell;
	text-align: center;
	background: #000000;
	vertical-align: middle;
	}

.image_image span img {
	border: solid 1px #79672A;
	}


.lastphoto {
	margin: 42px 0 0 5px;
	}

.lastphoto .lastphoto_photo {
	width: 190px;
	height: 200px;
	background: no-repeat center center;
	}

.lastphoto .lastphoto_overlay {
	position: absolute;
	z-index: 9;
	width: 279px;
	height: 323px;
	margin: -245px 0 0 -45px;
	background: url(./../img/lastphoto_nl.png) no-repeat;
	}

#iFaceMenu .lastphoto .lastphoto_overlay a {
	display: block;
	width: 182px;
	height: 190px;
	margin: 50px 0 0 50px;
	}

.lastphoto .lastphoto_album {
	position: absolute;
	z-index: 10;
	width: 182px;
	height: 30px;
	}

#iFaceMenu .lastphoto .lastphoto_album a {
	display: block;
	width: 182px;
	height: 22px;
	margin: 18px 0 0 5px;
	}




/* +---------------------------------------------------------------------+
// | STYLE REWRITES FOR PRINT-MODE                                       |
// +--------------------------------------------------------------------*/
@media print {
html, body {
	width: auto;
	height: auto;
	}

body {
	background: none;
	color: #000000;
	overflow: visible;
	}

.noprint {
	display: none;
	}

h1, h2, h3 {
	color: #000000;
	}

#iFace {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

#iFaceNonFooter {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

#iFaceHeader {
	display: none;
	}

#iFaceFooter {
	display: none;
	}

#iFaceContent {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

#iFaceContent .menu {
	display: none;
	}

#iFaceContent .content {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

.actions {
	display: none;
	}

.lijst td.icon {
	display: none;
	}
}