@import "reset.css";

body {
	font-family: 'Georgia';
	font-size: 20px;
	line-height: 30px;
	color: #2b2b2b;
}

/* containers */
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


h1 {
	font-size: 20px;
	line-height: 30px;
}

h1.content {
	position: absolute;
	font-size: 15px;
	margin-top: 20px;
	/*text-shadow: 0px 1px 1px  #686868;*/

}

h2 {
	font-size: 18px;
	line-height: 30px;
}

h2.content {
	position: absolute;
	font-size: 15px;
	margin-top: 45px;
}

h2.poezie {
	text-align: center;
}

div.item div.text, p, ol, ul, address {
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 20px 0;
}

ol, ul {
	padding: 0 0 0 20px;
	list-style: circle;
}

p a {
	color: #f60;
	
}

div.poezie {
	text-align: center;
}

.home {
	height: 700px;
	width: 960px;
	background: url('../images/home_bg.jpg') no-repeat top center;
}

ul.navigation {	
	list-style: none;
}

a {
	border: 0;
	text-decoration: none;
}

a.poezie {
	position: absolute;
	top:375px;
	left: 85px;
	width: 95px;
	height: 75px;
}

a.poezie:hover {
	top:334px;
	left: 30px;
	width: 175px;
	height: 150px;
	background: url('../images/poezie.png') no-repeat 0 0;
}

a.tekst {
	position: absolute;
	top:280px;
	left: 225px;
	width: 160px;
	height: 195px;
}

a.tekst:hover {
	top:254px;
	left: 181px;
	width: 200px;
	height: 236px;
	background: url('../images/tekst.png') no-repeat 0 0;
}

a.beeld {
	position: absolute;
	top: 250px;
	left: 385px;
	width: 95px;
	height: 110px;
}

a.beeld:hover {
	top: 87px;
	left: 351px;
	width: 165px;
	height: 282px;
	background: url('../images/beeld.png') no-repeat 0 0;
}

a.taalfouten {
	position: absolute;
	top: 360px;
	left: 525px;
	width: 155px;
	height: 210px;
}

a.taalfouten:hover {
	top: 351px;
	left: 492px;
	width: 224px;
	height: 251px;
	background: url('../images/taalfouten.png') no-repeat 0 0;
}

a.sjaankleefaan {
	position: absolute;
	top: 395px;
	left: 700px;
	width: 65px;
	height: 70px;
}

a.sjaankleefaan:hover {
	top: 382px;
	left: 702px;
	width: 185px;
	height: 121px;
	background: url('../images/sjaankleefaan.png') no-repeat 0 0;
}

a.contact {
	position: absolute;
	top: 250px;
	left: 680px;
	width: 105px;
	height: 110px;
}

a.contact:hover {
	top: 257px;
	left: 656px;
	width: 147px;
	height: 131px;
	background: url('../images/contact.png') no-repeat 0 0;
}

a.sjaanzelf {
	position: absolute;
	top: 375px;
	left: 800px;
	width: 135px;
	height: 175px;
}

a.sjaanzelf:hover {
	top: 391px;
	left: 742px;
	width: 218px;
	height: 309px;
	background: url('../images/sjaanzelf.png') no-repeat 0 0;
}

#hiddencontent {
	visibility: hidden
}

#hiddencontent ul.pages ,
#hiddencontent div.hide {
	position: absolute;
	top: -999999px;
}

div.back {
	position: relative;
	height: 30px;
}

a.back {
	position: absolute;
	bottom: 0px;
	z-index: 500;
}

.footerleft {
	float: left;
	width: 50%;
	text-align: left;
}

.footerright {
	float: left;
	width: 50%;
	text-align: right;
}


/* extra */

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear { 
    display: inline-block; 
}