@charset "utf-8";
/* CSS Document */

/* ALGEMEEN */

* {margin: 0;} 
html, body, h1, h2, h3, h4, ul, ol, p, hr {margin: 0;padding: 0;border: 0;outline: 0;font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:1.4;
vertical-align: baseline;}
html, body {height: 100%;}
body {line-height: 1; color: black; background:url(img/bg.gif) repeat-x #e6ddd0;}
img.left {float:left; padding:3px; border:1px solid #dad2c6; background:#ede5d8; margin:0 10px 10px 0;}
img.right {float:right; padding:3px; border:1px solid #dad2c6; background:#ede5d8; margin:0 0 10px 10px;}
img.icon {float:left; padding:3px; margin:5px 10px 10px 0; }
hr {background:url(img/hr-bg.gif); border-bottom:1px solid #fff; margin:7px 0 7px 0;}
ol, ul {list-style: none;}
a {color:#891a0d; text-decoration:underline;}
h2 {font-size:14px; font-weight:bold; text-transform:uppercase;}

a img {border:none;}
p {margin-bottom:10px;}
.clear {clear:both;}

/* WRAPPER */

#wrapper {width:960px; position:relative; min-height: 100%; height: auto !important; height: 100%;margin: 0 auto -47px;}

/* HEADER */

#header {width:960px; height:111px;}
#header .logo	{margin-top:33px;}

#header-right {width:520px; height:111px; float:right; position:relative;}
#header-right .profielfoto {border:5px solid #201911; margin-top:10px;}

	/* INLOGBALK */

#inlog-balk {width:423px; height:46px; background:url(img/login-balk.gif); position:absolute; top:0; right:0;}

.gebruikersnaam, .wachtwoord {background:#554837; border-bottom:1px solid #2b2318; border-right:1px solid #2b2318; border-top:1px solid #1b160f; border-left:1px solid #1b160f; color: #918674; font-size:12px; margin:9px 0 0 9px;  padding:5px; width:144px;}
input.verstuur {position:absolute; top:10px; right:10px; width: 61px; height: 25px; background: #333 url(img/btn-login.gif) no-repeat; border: none; text-indent:-9999px;}


input.verstuur-loguit {position:absolute; top:10px; right:10px; width: 89px; height: 25px; background: #333 url(img/btn-loguit.gif) no-repeat; border: none; text-indent:-9999px;}


#inlog-balk p.text {color:#918674; padding-top:15px; padding-left:15px;}
#inlog-balk p.text a {color:#918674; text-decoration:underline;}
#inlog-balk p.text a:hover {color:#FFF; text-decoration:underline;}



	/* NAVIGATIE */

#nav {width:423px; height:53px; position:absolute; bottom:0; right:0;}
#nav li {float:left;}
.nav-gedichten, .nav-quizvragen, .nav-toevoegen, .nav-contact {display:block; height:53px; text-indent:-9999px;}

.nav-gedichten {background:url(img/nav-gedichten.gif); width:105px;} 
.nav-quizvragen {background:url(img/nav-quizvragen.gif); width:117px;} 
.nav-toevoegen {background:url(img/nav-toevoegen.gif); width:109px;}
.nav-contact {background:url(img/nav-contact.gif); width:92px;}

.nav-gedichten:hover {background:url(img/nav-gedichten-hover.gif);} 
.nav-quizvragen:hover {background:url(img/nav-quizvragen-hover.gif);} 
.nav-toevoegen:hover {background:url(img/nav-toevoegen-hover.gif);}
.nav-contact:hover {background:url(img/nav-contact-hover.gif);}

/* RODE BANNER */

#banner {width:960px; height:118px; position:relative;}
#banner .banner-slogan {margin-top:31px;}

.plaats-knop {display:block; width:196px; height:58px;  background:url(img/plaats-knop.gif); text-indent:-9999px; position:absolute; top:31px; right:0;}
.plaats-knop:hover {background:url(img/plaats-knop-hover.gif);}

/* MAIN CONTENT */

#main-content {width:960px; padding-top:20px; padding-bottom:50px; position:relative;}

	/* SIDEBAR */

#sidebar {width:225px; float:left;}

		/* SEARCHBAR */

#searchbar {background:url(img/zoekbalk-bg.gif); width:225px; height:49px; margin-bottom:10px;}

.zoekopdracht {background:#b64928; border-bottom:1px solid #871e0e; border-right:1px solid #871e0e; border-top:1px solid #871e0e; border-left:1px solid #871e0e; color: #e3b6a9; font-size:12px; margin-top:11px; margin-left:63px; padding:5px; width:134px;}

		/* SIDEBAR LIST */
		
#sidebar-list {width:191px; background:url(img/sidebar-bg.gif) no-repeat top #fff; float:left;  border-left:1px solid #d5cdc0; border-bottom:1px solid #d5cdc0; padding:10px 18px 10px 15px; margin-bottom: 15px;}

#sidebar-list ul li a, .small-block ul li a {display:block; padding:3px 0 5px; background:url(img/hr-bg.gif) no-repeat bottom; color:#000; text-decoration:none;}
#sidebar-list ul li a:hover, .small-block ul li a:hover {color:#8e1f0e}

	/* RIGHT COLUMN */

#right-column-wrapper {width:721px; float:right;}

		/* GROOT CONTENTVLAK */

.contentvlak-groot {width:686px; background:url(img/main-content-bg.gif) no-repeat top #fff;  border-left:1px solid #d5cdc0; border-bottom:1px solid #d5cdc0; padding:10px 18px 15px 15px; margin-bottom:15px;}


		/* CATEGORIEEN */
		
.categorieen {float:left; width:320px; margin-right:10px; padding-left:10px; margin-bottom:10px; background:url(img/verticale-streep.gif) no-repeat left; position:relative; }
.categorieen a {color:#000; text-decoration:underline;}
.categorieen a:hover {color: #8e1f0e; text-decoration:underline; }
.categorieen li img {position:relative; float:right; margin-top:1px;}



		/* BEHEERPANEEL */
		
.beheerpaneel-textfield {padding:5px; background:#f2eee7; border-top:1px solid #bfb7ac; border-left:1px solid #bfb7ac; border-bottom:1px solid #dad1c5; border-right:1px solid #dad1c5; width:250px; margin: 5px 0;} 

.beheerpaneel-textarea  {padding:5px; background:#f2eee7; border-top:1px solid #bfb7ac; border-left:1px solid #bfb7ac; border-bottom:1px solid #dad1c5; border-right:1px solid #dad1c5; width:450px; height:200px; margin: 5px 0;} 

.textfields {float:left; padding-right:25px;}
.checkboxes {float:left; margin-top:17px;}
.checkboxes li {margin-bottom:5px;}

input.checkbox {vertical-align:middle;}

.beheerpaneel-mijngedichten li {float:left; text-align:left; width:137px;}
.beheerpaneel-mijngedichten li img {margin-right:10px;}

.beheerpaneel-knop {display:block; background:url(img/beheerpaneel-knop.gif) no-repeat; width:166px; height:34px; margin-top:45px; margin-bottom:10px; text-indent:-9999px; border: none; }
.beheerpaneel-knop:hover {background:url(img/beheerpaneel-knop-hover.gif) no-repeat; }


.login-knop {display:block; background:url(img/login.gif) no-repeat; width:166px; height:34px; margin-top:10px; margin-bottom:10px; text-indent:-9999px; border: none; }
.login-knop:hover {background:url(img/login-hover.gif) no-repeat; }

.beheerpaneel-plaatsen {display:block; background:url(img/plaatsen.gif) no-repeat; width:166px; height:34px; text-indent:-9999px; border: none; }
.beheerpaneel-plaatsen:hover {background:url(img/plaatsen-hover.gif) no-repeat; }

.beheerpaneel-registreer {display:block; background:url(img/registreer-knop.gif) no-repeat; width:166px; height:34px; margin-top:10px; margin-bottom:10px; text-indent:-9999px; border: none; }
.beheerpaneel-registreer:hover {background:url(img/registreer-knop-hover.gif) no-repeat; }

#error {width:670px; margin:12px 0 6px 0; padding:6px 0 6px 12px; background:#f8dddd; border:1px solid #990000; color:#990000; }
#error h2 { color:#990000;}

#message {width:670px; margin:12px 0 6px 0; padding:6px 0 6px 12px; background:#c3ecb8; border:1px solid #006600; color:#006600; }
#message h2 { color:#006600;}


		/* GEDICHT */
		
#rating-balk {background:#f6f3ef; border:1px solid #cac2b8; padding:10px; width:662px; margin-bottom:15px; margin-top:5px;}	
#rating-balk span {float:right;}
#rating-balk img {margin-top:-3px;}

#gedicht-bottombalk {width:691px; background:#f6f3ef; border-top:3px solid #ebe7e1; padding:15px; margin-top:-15px; margin-bottom:15px;}

ul.bottombalk-left {float:left; width:200px;}
ul.bottombalk-right {float:left; width:450px;}

.favorieten-knop {display:block; background:url(img/favorieten-knop.gif); width:194px; height:34px; text-indent:-9999px; margin-top:10px;}
.favorieten-knop:hover {background:url(img/favorieten-knop-hover.gif) no-repeat;}	

.verwijder-favorieten-knop {display:block; background:url(img/verwijder-knop.gif); width:204px; height:34px; text-indent:-9999px; margin-top:10px;}
.verwijder-favorieten-knop:hover {background:url(img/verwijder-knop-hover.gif) no-repeat;}

.gedicht {float:left; width:450px;}
#gedicht-rightblock {float:left;}
#gedicht-rightblock ul {margin-bottom:10px;}

		/* BANNER GROOT */
		
.banner-groot {display:block; background:url(img/banner-groot.gif); width:719px; height:79px; text-indent:-9999px; margin-bottom:15px;}		
.banner-groot:hover {background:url(img/banner-groot-hover.gif);}

		/* TOP 5 BLOCKS */

.small-block {width:191px; background:url(img/sidebar-bg.gif) no-repeat top #fff;  border-left:1px solid #d5cdc0; border-bottom:1px solid #d5cdc0; padding:10px 18px 10px 15px; margin:0 15px 15px 0; float:left;}

		/* AD BANNERS */
		
#ads-wrapper {width:241px; float:left;}

.plaats-gedicht {display:block; background:url(img/plaats-gedicht.gif) no-repeat; width:241px; height:79px; margin-bottom:20px; text-indent:-9999px;}
.plaats-gedicht:hover {background:url(img/plaats-gedicht-hover.gif) no-repeat;}

.meld-je-aan {display:block; background:url(img/meld-je-aan.gif) no-repeat; width:241px; height:79px;  text-indent:-9999px;}
.meld-je-aan:hover {background:url(img/meld-je-aan-hover.gif) no-repeat;}


		/* GEDICHT */

#gedicht {width:429px; background:url(img/gedicht-bg.gif) no-repeat top #fff;  border-left:1px solid #d5cdc0; border-bottom:1px solid #d5cdc0; padding:10px 18px 10px 15px; margin:15px 15px 0 0; float:left;}
		
		/* QUIZ BLOCK */

.quiz-block {width:207px; background:url(img/quizvragen-bg.gif) no-repeat top #fff;  border-left:1px solid #d5cdc0; border-bottom:1px solid #d5cdc0; padding:10px 18px 10px 15px; margin:15px 0 0 0; float:left;}
.quiz-block ul li  { padding:3px 0 5px 0; background:url(img/hr-bg.gif) no-repeat bottom; color:#000; text-decoration:none;}

		/* QUIZVRAGEN */
#quizvragen-smal {width:334px; float:left;}

#quizvragen-smal .oneven, #quizvragen-smal .even {padding:7px; margin-top:-1px; width:320px;}		

#quizvragen-smal .oneven {background:#f6f3ef; border:1px solid #cac2b8;}
#quizvragen-smal .even {background:#fff; border:1px solid #cac2b8; }

#quizvragen-smal .oneven:hover, #quizvragen-smal .even:hover {background:#e6ddd0; } 
		
#quizvragen .oneven, #quizvragen .even {width:670px; padding:7px; margin-top:-1px; position:relative;}
#quizvragen .oneven:hover, #quizvragen .even:hover {background:#e6ddd0;}  
		
#quizvragen .oneven {background:#f6f3ef; border:1px solid #cac2b8;}
#quizvragen .even {background:#fff; border:1px solid #cac2b8; }

.plaats-quizvraag{display:block; background:url(img/plaats-quizvraag.gif); width:166px; height:34px; text-indent:-9999px; margin-top:10px; margin-bottom:10px;}
.plaats-quizvraag:hover {background:url(img/plaats-quizvraag-hover.gif) no-repeat;}	

.pagina-nummers {margin:10px 2px 0 0; float: left;}
.pagina-nummers li {display:inline;}
.pagina-nummers a {color:#000; display:block; float:left; padding:3px 7px; border:1px solid #cac2b8; background:#fff; text-decoration:none; margin-right:-1px;}
.pagina-nummers a:hover {background:#f6f3ef; color:#891a0d;}

.toevoegen-icon {disply:block; position:absolute; top:18px; right:0; width:14px; height:14px; padding:10px; background:url(img/toevoegen-icon.gif) no-repeat; text-indent:-9999px;}
.verwijder-icon {disply:block; position:absolute; top:18px; right:0; width:14px; height:14px; padding:10px; background:url(img/mini-icon-delete.gif) no-repeat; text-indent:-9999px;}
.edit-icon {disply:block; position:absolute; top:18px; right:0; width:14px; height:14px; padding:10px; background:url(img/mini-icon-edit.gif) no-repeat; text-indent:-9999px;}

/* FOOTER */
	

.footer {text-align:center; color:#fff; background:url(img/footer-bg.gif) repeat-x; padding-top:15px; height:32px;}
.push {height:47px;}

/* RATING */
			.star_rating{
				list-style:none;
				margin: -1px 0 0 -1px;
				padding:0;
				width: 80px;
				height: 16px;
				position: relative;
				background: url(img/star_rating.gif) 0 0 repeat-x;
			 	overflow: hidden;
			   /*float: left;*/
			}
			.star_rating li{
				padding:0;
				margin:0;
				float: left;
			}
			.star_rating li a{
				display:block;
				width:16px;
				height: 16px;
				text-decoration: none;
				text-indent: -9000px;
				z-index: 20;
				position: absolute;
				padding: 0;
			 	margin: 0;
			}
			.star_rating li a:hover{
				background: url(img/star_rating.gif) 0 18px;
				z-index: 2;
				left: 0;
			}
			.star_rating a.one_star{
				left: 0;
			}
			.star_rating a.one_star:hover{
				width:16px;
			}
			.star_rating a.two_stars{
				left:16px;
			}
			.star_rating a.two_stars:hover{
				width: 32px;
			}
			.star_rating a.three_stars{
				left: 32px;
			}
			.star_rating a.three_stars:hover{
				width: 48px;
			}
			.star_rating a.four_stars{
				left: 48px;
			}
			.star_rating a.four_stars:hover{
				width: 64px;
			}
			.star_rating a.five_stars{
				left: 64px;
			}
			.star_rating a.five_stars:hover{
				width: 80px;
			}
			.star_rating li.current_rating{
				background: url(img/star_rating.gif) 0 18px;
				position: absolute;
				height: 16px;
				display: block;
				z-index: 1;
			 	left: 0;
			}

/* Reacties */
.reacties-textarea  {padding:5px; background:#f2eee7; border-top:1px solid #bfb7ac; border-left:1px solid #bfb7ac; border-bottom:1px solid #dad1c5; border-right:1px solid #dad1c5; width:350px; height:100px; margin: 5px 0;}