/*
Theme Name: Sint Nicolaas op bezoek
*/

@charset "UTF-8";

/* general */
img.item, .fix {
	behavior: url('/wp-content/themes/sintnicolaas/iepngfix.htc')
}

h1 {font-size: 130%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}

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

img.alignleft {float: left; margin: 0px 10px 10px 0px;}
img.alignright {float: right; margin: 0px 0px 10px 10px;}

	
/* layout */
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin:0px;
	background-color:#EEEAE7;
	background-image:url(images/bg_tapijt.jpg);
	background-repeat:repeat;
}

#page {
	background-image:url(images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}

#wrapper {
	width:960px;
	margin:auto;
	height:712px;
}
#header {
	height:100px;
	position: relative;
}

#topmenu {
	background:#D92629;
	height:28px;
	font-size:12px;
}
#topmenu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
	margin-left:40px;
	padding-top:5px;
}
#topmenu ul li {
	color:#FFF;
	float:left;
	margin-right:20px;
}
#topmenu ul li a {
	text-decoration:none;
	color:#fff;
}
#topmenu ul li a:hover {
	text-decoration:underline;
}
#logocc {
	float:right;
	right:10px;
	margin-top:15px;
}
#contentBlock {
	position:absolute;
	text-align:center;
	margin:auto;
	width:960px;
	background-image:url(images/contentBlockTop.png);
	background-repeat:no-repeat;
	z-index:70;
}

#contentArea {
	text-align:left;
	background-image:url(images/contentBlockMiddle.png);
	background-position:center;
	background-repeat:repeat-y;
	width:830px;
	margin:10px auto 0px auto;
	padding: 0px 20px 1px 50px;
	position:relative;
	z-index:80;
}

/* fix contentarea ul */
#contentArea ul {padding-left: 0px; margin-left: 0px; position: relative; left: 25px}

#itemBlock {
	position:relative;
	height: 500px;
}
.item {
	position:absolute;
	border:none;
}
#item_foto1 {
	left:14px;
	top:138px;
	z-index:1;
}

/* activiteiten */
#item_foto2 {
	left:140px;
	top:312px;
	z-index:1;
}
#item_foto3 {
	left:233px;
	top:106px;
	z-index:1;
}
#item_foto4 {
	left:745px;
	top:108px;
	z-index:1;
}
#item_glow {
	left:90px;
	top:112px;
	z-index: 0.5;
}
#item_bank {
	left:230px;
	top:315px;
	z-index:0.8;
}
#item_boek {
	left:303px;
	top:423px;
	z-index:1;
}
#item_raam {
	left:452px;
	top:110px;
	z-index:0.7;	
}
#item_staf {
	left:1210px;
	top:96px;
	z-index:0.7;
}

#item_pepernoot {
	left:10px;
	top:450px;
	z-index:0.7;
}

/* teller */
#item_cadeaus{
	width:227px;
	height:203px;
	left:722px;
	top:351px;
}

#teller{
	position:absolute;
	font-size:12px;
	width:165px;
	height:40px;
	left:50px;
	top:150px;
	text-align:center;
}

#aantaldagen{
	font-weight:bold;
	color:#d92629;
	
}

/* comments */
.commentlist {position: relative; top: -1px;} /* lijntje verbergen */
div.comment {border-top: solid 1px #ddd; padding: 10px 0px 10px 0px;}

.commentlist.two-column .comment {float: left; margin-right: 30px; width: 385px;}

div.comment a {float: left;}
div.comment img {border: solid 1px #ddd;}
div.comment div.comment-title {font-weight: bold}

	
#comments {clear: both}

.navigation {height: 1.3em; background-color: #ddd; padding: 3px 10px;}
.navigation .alignright {float: right;}
.navigation .alignleft {float: left;}

/* info messages */
.info {color: #888;}
.notice, .error {font-weight: bold; font-size: 120%}
.error {color: red;}
.notice {color: green}

/* kiosk */
.kiosk_image {float: left; margin: 0px 20px 20px 0px; text-align: center;}
.kiosk_image img {border-style: none;}
.kiosk_invite {margin-top: 20px;}
.kiosk_invite td, .kiosk_invite th {vertical-align: top; padding-right: 40px}
.kiosk_invite h1 {margin-top: 0px;}
.kiosk_foto {margin: 1em auto 1em auto;}