/* layout for sannetekent.nl */

/* general classes */
.clear {
	clear:both;
}

.hidden {
	display:none;
}

/* general layout */
body {
	background-image:url(../images/static/patroon_achtergrond.jpg);
	text-align:center;
}

#container {
	margin:auto;
	padding:35px;
	padding-top:15px;
	position:relative;
	text-align:left;
	width:800px;
}

#logo {
	left:60px;
	position:absolute;
	top:51px;
	width:102px;
	z-index:5;
}

#menu {
	float:left;
	margin-left:176px;
	margin-top:70px;
}

#boekje {
	position:relative;
}

#ringband {
	position:absolute;
	top:12px;
	left:150px;
	width:45px;
	height:395px;
	background-image:url(../images/static/ringband_open.png);
	background-repeat:repeat-y;
	z-index:3;
}

#navigatie {
	float:left;
	height:379px;
	width:175px;
	padding-top:30px;
	z-index:2;
	background-repeat:no-repeat;
	background-position:top right;
}

#content {
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	float:left;
	min-height:390px;
	padding-left:40px;
	padding-right:25px;
	padding-bottom:20px;
	padding-top:10px;
	position:relative;
	width:478px;
	z-index:1;
}

#content #text {
	padding-bottom:30px;
}

#content #ezelsoor {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:-1;
}

#poppetje {
	position:absolute;
	left:450px;
	top:0px;
}

#poppetje img {
	width:200px;
}

#blz {
	position:relative;
	float:left;
	height:360px;
	width:19px;
	margin-top:30px;
	background-image:url(../images/static/blz_midden.jpg);
}

#blz #boven {
	position:absolute;
	top:-29px;
}

#blz #onder {
	position:absolute;
	bottom:-30px;
}

#content #hoekje {
	background-image:url(../images/static/blad-rechts-onder-hoek.png);
	bottom:0px;
	position:absolute;
	height:47px;
	right:0px;
	width:43px;
}

#copyright {
	padding-top:10px;
	padding-left:620px;
}

/* menu */

#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li {
	float:left;
	position:relative;
	margin-right:0px;
	height:37px;
	width:70px;
}

#menu ul li img {
	position:absolute;
	bottom:0px;
}

/* navigatie */
#navigatie ul {
	margin:0px;
	padding:5px;
	list-style:none;
}

#navigatie ul li {
	margin:15px;
}

/* reacties */
#reacties {
	position:absolute;
	padding:3px;
	top:10px;
	left:220px;
	width:350px;
	height:60px;
	background-color:white;
	opacity:0.6;
	filter:alpha(opacity=60)
	overflow:hidden;
	text-align:center !important;
}

#reacties span {
	opacity:1.0;
	filter:alpha(opacity=100)
	color:black;
	font-size:11px;
}
	
#reacties #meer {
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:10px;
}

/* blog-link */
#blog-link {
	position:absolute;
	top:10px;
	left:620px;
}

/* nieuwsbrief */
#nieuwsbrief {
	position:absolute;
	top:60px;
	right:0px;
	width:250px;
}

/* Home page */
#page-home #logo {
	top:20px;
}

#page-home #ringband,
#page-evaluatie #ringband {
	width:46px;
	background-image:url(../images/static/ringband_dicht.png);
}

#page-home #post-it {
	background-image:url(../images/static/home_geel_blaadje.png);
	width:464px;
	height:230px;
	padding-top:50px;
	padding-left:50px;
	margin-top:25px;
}

#page-home #post-it #inside {
	width:400px;
}

#page-home #sanne {
	position:absolute;
	top:40px;
	left:-70px;
	z-index:5;
}

#page-home #content {
	background-image:url(../images/static/home_paarse_kaft.jpg);
}

/* Over mij page */
#page-verhalen #navigatie {
	background-image:url(../images/static/links_nieuws.jpg);
}

/* Info */
#page-info #navigatie {
	background-image:url(../images/static/links_info.jpg);
}

/* Extra */
#page-extra #navigatie {
	background-image:url(../images/static/links_extras.jpg);
}

/* Contact */
#page-contact #navigatie {
	background-image:url(../images/static/links_contact.jpg);
}

/* Portfolio page */
#page-illustraties #navigatie {
	background-image:url(../images/static/links_illustraties.jpg);
	padding-top:40px;
}

#page-illustraties #navigatie .groups li {
	float:left;
	display:block;
	width:75px;
	margin:1px 3px;
}

#page-illustraties #navigatie .styles {
	position:relative;
	display:block;
	width:65px;
}

#page-illustraties #navigatie .styles li {
	width:65px;
}

#page-illustraties #navigatie a.selected,
#page-illustraties #navigatie a:hover {
	font-weight:bold;
}

#page-illustraties #navigatie #thumbs {
	clear:left;
}

#page-illustraties #navigatie #thumbs li {
	float:left;
	margin:5px;
	height:40px;
}

#page-illustraties #navigatie #thumbs a img {
	border:2px solid black;
}

#page-illustraties #navigatie #thumbs a:hover img {
	border:2px solid #CC3333;
}

#page-illustraties #navigatie #thumbs a.new img {
	border:2px solid yellow;
}

#page-illustraties #gallery {
	margin-top:5px;
	width:490px;
	overflow:hidden;
}

#page-illustraties #slider {
	width:50000px;
	float:left;
}

#page-illustraties hr {
	border:1px dashed black;
	width:100%;
	background-color:transparent;
	height:1px;
}

#page-illustraties #more {
	display:none;
}

#page-illustraties #line {
	position:absolute;
	top:418px;
	left:0px;
	width:543px;
	height:1px;
	background-image:url(../images/static/style/stippellijn.png);
	background-repeat:repeat-x;
}

#page-illustraties #arrows {
	float:left;
	clear:left;
	width:478px;
	padding-left:160px;
}

#page-illustraties #arrows a img,
#page-illustraties #arrows a:hover img {
	border:none;
	float:left;
}

#page-illustraties #arrows #counter {
	float:left;
	margin:15px;
}

#page-illustraties #gallery .lightbox {
	display:block;
	text-align:center;
	line-height:355px;;
}

#page-illustraties #gallery .lightbox img {
	vertical-align:middle;
}

#page-illustraties #gallery .plaatje {
	width:490px;
	height:355px;
	margin-right:30px;
	float:left;
}

#page-illustraties #gallery .plaatje p {
	width:460px;
}

#magnify {
	display:none;
}