@import url(/addbeheer/themes/addsite/css/iconen.css);




body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #cccccc; 
	background: #000000;
}

		
html
{
	height: 100%;
}
		


p{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

a:link, a:visited { 
	color: #777777;
	text-decoration: underline;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #ffffff;
	text-decoration: underline;
	}

#container
{
float: left;
margin: 0;
padding: 0px 0px 0px 30px;
border: 0px solid #ffffff;
text-align: left;
}

#onder
{
display: block;
width: 100%;
height: 40px;
z-index: 21;
background-color: #151515;
margin: 0;
padding: 0;

	p\osition:absolute;
	bottom:0;
	left:0;
}

body>#onder {
	position:fixed;
	}

		/* Fix voor IE */
		* html #onder
		{
			position: relative;
			bottom: 0px;
			left: 0px;
		}		
		


#onder ul{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}

#onder ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#onder ul li a:link, #onder ul li a:visited { 
	float: left;
	padding: 0px 15px 0px 15px;
	line-height: 40px;
	color: #ffffff;
	text-decoration: none;
	font-size: 20px;
	}

#onder ul li a:hover,  #onder ul li a:active { 
	color: #777777;
	text-decoration: none;
	}


#onder ul li a.actief:link, #onder ul li a.actief:visited, #onder ul li a.actief:hover,  #onder ul li a.actief:active { 
	color: #777777;
	}

a.sitemap:link, a.sitemap:visited { 
	float: right;
	padding: 0px 30px 0px 0px;
	line-height: 40px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	}

a.sitemap:hover, a.sitemap:active { 
	color: #777777;
	text-decoration: none;
	}
	

#header{
	width: 901px;
	height: 243px;
	background: url(../images/poetryworld.gif) top left no-repeat;	
	float: left;
}

#teksten{
	float: left;
	width: 901px;
}

.tekstblok{
	float: left;
	width: 330px;
}

.tekstblok_nieuws{
	float: left;
	width: 450px;
}

.nieuwsitem{
	float: left;
	width: 450px;
	padding: 0px 0px 30px 0px;
}

.nieuwsfoto{
	float: left;
	width: 79px;
	height: 79px;
}

.nieuwsfoto img{
	float: left;
	width: 79px;
	height: 79px;
	padding: 4px 0px 0px 0px;
	border: 0px;
}

.nieuwstekst{
	float: right;
	width: 350px;
}

.nieuwsblok{
	width: 357px;
	height: 72px;
	float: right;
	background: url(../images/nieuws.gif) 80px 0px no-repeat;		
}

.persblok{
	width: 357px;
	height: 72px;
	float: right;
	background: url(../images/pers.gif) 80px 0px no-repeat;		
}

.fotoblok_een{
	width: 546px;
	float: right;	
}

.fotoblok_een img{
	width: 546px;
	float: left;
	border: 0px;
	padding: 0px;
}

.fotoblok_eena{
	width: 546px;
	float: right;	
}

.fotoblok_eena img{
	width: 346px;
	float: left;
	border: 0px;
	padding: 0px;
}

.fotoblok_eenb{
	width: 546px;
	float: right;	
}

.fotoblok_eenb img{
	width: 236px;
	float: left;
	border: 0px;
	padding: 0px;
}

.highslide-caption{
	color: #000000;
	font-size: 11px;
}


.fotoblok_twee{
	width: 546px;
	float: right;	
}

.fotoblok_twee img{
	width: 265px;
	height: 265px;	
	float: left;
	border: 0px;
	padding: 0px 0px 7px 7px;
}

.fotoblok{
	width: 546px;
	float: right;	
}

.fotoblok img{
	width: 175px;
	height: 175px;	
	float: left;
	border: 0px;
	padding: 0px 0px 7px 7px;
}

.fotoblok_small{
	width: 546px;
	float: right;
}

.fotoblok_small img{
	width: 129px;
	height: 129px;	
	float: left;
	border: 0px;
	padding: 0px 0px 7px 7px;
}

.intro{
	font-weight: bold;
}

#groepen{
	float: left;
	position: relative;
}

#blokwrapper{
	float: left;
}

		/* Fix voor IE */
		* html #blokwrapper
		{
			height: 550px;
		}	
		
		
#productwrapper{
	float: left;
}

		/* Fix voor IE */
		* html #productwrapper
		{
			height: 400px;
		}			

.groep1{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 0px;
	top: 0px;	
}

.groep2{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 182px;
	top: 0px;	
}

.groep3{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 364px;
	top: 0px;	
}

.groep4{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 546px;
	top: 0px;	
}

.groep5{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 728px;
	top: 0px;	
}

.groep6{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 910px;
	top: 0px;	
}

.groep7{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 1092px;
	top: 0px;	
}

.groep8{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 1274px;
	top: 0px;	
}

.groep9{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 1456px;
	top: 0px;	
}

.groep10{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 1638px;
	top: 0px;	
}

.groep11{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 1820px;
	top: 0px;	
}

.groep12{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 2002px;
	top: 0px;	
}

.groep13{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 2184px;
	top: 0px;	
}

.groep14{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 2366px;
	top: 0px;	
}

.groep15{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 2548px;
	top: 0px;	
}

.groep16{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 2730px;
	top: 0px;	
}

.groep17{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 2912px;
	top: 0px;	
}

.groep18{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 3094px;
	top: 0px;	
}

.groep19{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 3276px;
	top: 0px;	
}

.groep20{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 3458px;
	top: 0px;	
}

.groep21{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 3640px;
	top: 0px;	
}

.groep22{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 3822px;
	top: 0px;	
}

.groep23{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 4004px;
	top: 0px;	
}

.groep24{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 4186px;
	top: 0px;	
}

.groep25{
	position: absolute;
	width: 175px; padding-right: 7px;
	left: 4368px;
	top: 0px;	
}

.groeptekst{
	float: left;
	width: 167px;
}

.groeptekst_producten{
	float: left;
	width: 167px;
}

.groeptekst ul{
	margin: 0px;
	padding: 7px 0px 10px 0px;
	list-style-type: none;
}

.groeptekst ul li{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	line-height: 16px;
	background: url(../images/bullet.gif) 0px 8px no-repeat;
	list-style-type: none;
}

.groeptekst_producten ul{
	margin: 0px;
	padding: 7px 0px 10px 0px;
	list-style-type: none;
	height: 93px;
	overflow: hidden;
}

.groeptekst_producten ul li{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	line-height: 16px;
	background: url(../images/bullet.gif) 0px 8px no-repeat;
	list-style-type: none;
}

ul.doorlinks{
	margin: 0px;
	padding: 7px 0px 10px 0px;
	list-style-type: none;
}

ul.doorlinks li{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	line-height: 16px;
	background: url(../images/bullet.gif) 0px 8px no-repeat;
	list-style-type: none;
}


.groepimg{
	float: left;
	width: 175px;
	height: 175px;
	border: 0px;
}


		/* Fix voor IE */
		* html #linkerkant
		{
			height: 345px;
		}		
		

		
		form
		{
			margin: 0px;
			padding: 0px;
		}		
		


	
h1 { 
	margin: 0px 0px 6px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	color: #cccccc;
	padding: 0px 0px 0px 0px;
	}
	

	



.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}



	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.knop1, a.knop1:link, a.knop1:visited 
{
	float: left;
	width: 165px;
	height: 26px;
	background: url(../images/knop1.gif) 0px 0px;
	margin-top: 17px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.knop1:hover, a.knop1:active
{
	background: url(../images/knop1.gif) 0px -26px;
	text-decoration: none;
}