/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #8c806e; }
body { background: #e0dfdc url('../images/bg.jpg') left top repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }
img.smilie { display: inline; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.checkbox { width: 19px; height: 25px; margin-top: -7px; display: block; float: left; background: url('../images/checkbox.gif') no-repeat; }
span.select { padding: 0px 0px 0 0px; position: absolute;  font-size: 14px; color: #3c3c3c; font-weight: bold; left: 0px; top: 42px; width: 215px; height: 26px; background: url('../images/select6.jpg') no-repeat; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1000px; }

/* ### header container ### */
#headerCntr { z-index: 100; position: relative; float: left; width: 1000px; height: 157px; }
#headerCntr h1 { position: absolute; top: 1px; left: -1px; }
#headerCntr h1 a { display: block; width: 400px; height: 122px; text-indent: -10009px; background: url('../images/sprites.png') left -157px no-repeat; }

/* ### menu box ### */
.menuBox { position: absolute; top: 118px; left: 0px; height: 41px; width: 1000px; background: url('../images/sprites.png') left bottom  no-repeat; }
.menuBox ul { list-style: none; }
.menuBox li { float: left; line-height: 39px; font-family: Helvetica, Arial, Verdana; }
.menuBox a { padding-left: 17px; display: block; text-decoration: none; color: #fff; font-size: 13px; }
.menuBox a:hover, .menuBox li.selected a { background: url('../images/menu-left.png') left top no-repeat; }
.menuBox span { padding-right: 15px; display: block; }
.menuBox a:hover span, .menuBox li.selected a span { background: url('../images/menu-right.png') right top no-repeat; }

/* ### login box ### */
.loginBox { position: absolute; top: 31px; right: 0px; width: 355px; height: 87px; background: #faf6e6; border: 1px solid #d8d0ae; border-bottom: none; }
.loginBox fieldset { padding: 5px 0 0 10px; border: 0; font-family: Helvetica, Arial, Verdana; }
.loginBox h3 { color: #fe6950; font-size: 13px; line-height: 24px; font-weight: normal; }
.loginBox h4 { color: #65645f; font-size: 11px; color: #65645f; line-height: 12px; font-weight: normal; }
.loginBox h4 a { color: #fe6950; }
.loginBox p { padding-top: 8px; width: 100%; overflow: hidden; }
.loginBox input.text1 { padding: 4px 5px 5px 10px; margin-right: 7px; width: 106px; height: 21px; float: left; color: #65645f; font-size: 12px; line-height: 21px; border: 0; background: url('../images/sprites.png') -424px top no-repeat; }
.loginBox input.button { width: 82px; cursor: pointer; height: 30px; border: 0; color: #65645f; font-size: 13px; background: url('../images/sprites.png') -342px top no-repeat; }
.loginBox input.button:hover { background: url('../images/sprites.png') -342px -30px no-repeat; }

/* ### user menu box ### */
.userMenu, .adminMenu { position: absolute; top: 25px; right: 0px; width: 460px; height: 100px; background: #faf6e6; border: 1px solid #d8d0ae; border-bottom: none; padding: 3px 10px; }
.userMenu ul, .adminMenu ul { width: 135px; list-style: square; float: left; margin-top: 4px; margin-left: 15px; color: #fe6950; }
.userMenu ul li, .adminMenu  ul li { width: 135px; line-height: 20px; }
.userMenu ul li a, .adminMenu  ul li a, .menuSwitch a { text-decoration: none; color: #1d4352; font-size: 12px; }
.userMenu ul li a:hover, .adminMenu ul li a:hover, .menuSwitch a:hover  { text-decoration: underline; color: #fe6950; }

.menuSwitch { position: absolute; top: 0px; right: 0px; width: 100px; height: 15px; line-height: 15px; background: #faf6e6; border: 1px solid #d8d0ae; border-top: 0px; padding: 5px 10px; overflow: hidden; text-align: center; }

/* ### search box ### */
.searchBox { position: absolute; top: 122px; right: 0px; width: 430px; }
.searchBox fieldset { border: 0; float: right; }
.searchBox label { padding-right: 7px; line-height: 32px; float: left; font-family: Helvetica, Arial, Verdana; color: #fff; font-size: 12px;}
.searchBox input.text1 { padding: 6px 12px 6px 12px; font-size: 13px; line-height: 20px; float: left; font-family: Helvetica, Arial, Verdana; font-style: italic; width: 200px; height: 20px; border: 0; background: url('../images/sprites.png') -156px -119px no-repeat; }
.searchBox input.text2 { color: #1d4352; padding: 6px 12px 6px 12px; font-size: 13px; line-height: 20px; float: left; font-family: Helvetica, Arial, Verdana; width: 200px; height: 20px; border: 0; background: url('../images/sprites.png') -156px -119px no-repeat; }
.searchBox input.button { margin: 0 16px 0 11px; float: left; width: 26px; cursor: pointer; height: 30px; border: 0; background: url('../images/sprites.png') -430px -120px no-repeat; }
.searchBox input.submit { background: #fff; color: #1d4352; height: 25px; padding: 4px; font-size: 13px; line-height: 20px; float: left; font-family: Helvetica, Arial, Verdana; border: 0; margin: 0px 10px; }

/* ### content container ### */
#contentCntr { width: 1002px; float: left; background: url('../images/content-bg.png') repeat-y; padding-bottom: 15px; }

/* ### left container ### */
#leftCntr { padding-top: 14px; float: left; width: 210px; }

/* ### gedichten box ### */
.gedichtenBox { margin-left: -2px; width: 210px; overflow: hidden; margin-top: -5px; }
.gedichtenBox h3 { padding: 0 0 0 27px; margin-bottom: 2px; width: 168px; line-height: 52px; height: 65px; color: #fff; font-size: 16px; font-family: Georgia; background: url('../images/left-top.png') no-repeat; }

/* ### favorite box ### */
.favoriteBox { margin-left: -2px; width: 210px; overflow: hidden; margin-top: 5px; }
.favoriteBox h3 { padding: 0 0 0 27px; margin-bottom: 2px; width: 178px; line-height: 52px; height: 65px; color: #fff; font-size: 16px; font-family: Georgia; background: url('../images/left-top-large.png') no-repeat; }

/* ### link box ### */
.linkBox { padding: 0px 0 0 12px; width: 186px; overflow: hidden; margin-top: -15px; }
.linkBox ul { padding-top: 0px; width: 100%; overflow: hidden; }
.linkBox li { padding-left: 15px; width: 175px; font-family: Arial; float: left; list-style: none; }
.linkBox a { text-decoration: none; display: block; color: #65645f; font-size: 13px; line-height: 26px; }
.linkBox li:hover a, .linkBox li.active a { color: #fe6950; }
.linkBox li:hover, .linkBox li.active { background: url('../images/dot1.png') left center no-repeat; }

/* ### break ### */
#break { margin: 0px auto; width: 1002px; background: url('../images/footer-top.png') no-repeat; height: 64px; }

/* ### center container ### */
#centerCntr { padding: 0px 0 20px 0; overflow: hidden; width: 1002px; background: url('../images/footer-bg.png') repeat-y; }

/* ### laatste box ### */
.laatsteBox { padding: 0 0 0 18px; width: 289px; float: left; }
.laatsteBox h3 { color: #fe6950; font-size: 14px; font-family: Georgia; }
.laatsteBox ul { padding-top: 3px; width: 100%; float: left; overflow: hidden; }
.laatsteBox li { color: #65645f; font-weight: bold; font-size: 13px; line-height: 27px; list-style: none; float: left; width: 100%; }
.laatsteBox span { padding-right: 11px; font-weight: normal; }
.laatsteBox a { margin-top: 10px; color: #65645f; font-size: 13px; font-weight: bold; text-decoration: none; }
.laatsteBox a:hover { text-decoration: underline; }

/* ### nieuws box ### */
.nieuwsBox { padding-right: 25px; width: 375px; float: left;}
.nieuwsBox h3 { padding-bottom: 7px; color: #fe6950; font-size: 14px; font-family: Georgia; }
.nieuwsBox ul { list-style: none; }
.nieuwsBox li { padding-bottom: 20px; }
.nieuwsBox li h4 { padding-bottom: 7px; line-height: 13px; color: #65645f; font-size: 13px; }
.nieuwsBox li p { color: #65645f; line-height: 24px; font-size: 13px; }
.nieuwsBox a { margin-top: 10px; display: block; float: left; color: #65645f; font-size: 13px; font-weight: bold; text-decoration: none; }
.nieuwsBox a:hover { text-decoration: underline; }
.nieuwsBox h4 a {float: none; display: inline;}

/* ### boeken box ### */
.boekenBox { padding: 0 35px 0 0px; margin-top: -37px; width: 218px; float: right; }
.boekenBox h3 { padding-bottom: 18px; color: #fe6950; font-family: Georgia; font-size: 18px; }
.boekenBox .book { padding-bottom: 29px; overflow: hidden; }
.boekenBox .book.last { padding-bottom: 0px; }
.boekenBox img { float: left; margin-right: 17px; }
.boekenBox h6 { font-size: 11px; color: #65645f; }
.boekenBox span.door { padding-bottom: 15px; display: block; font-size: 11px; font-style: italic; color: #607585; }
.boekenBox span.paper { display: block; color: #fe6950; font-size: 11px; }
.boekenBox span.price { width: 150px; color: #fe6950; font-size: 11px; overflow: hidden; }

/* ### right container ### */
#rightCntr { float: right; width: 771px; }
#rightCntr #left { width: 470px; float: left; }
#rightCntr #right { width: 268px; float: right; }

/* ### np box ### */
.npBox { padding: 23px 0 3px 0; width: 700px; float: left; }
.npBox span { display: block; font-size: 12px; line-height: 14px; font-weight: bold; color: #607585; float: left; }
.npBox ul { list-style: none; float: left; }
.npBox li { float: left; line-height: 14px; }
.npBox li a { padding: 0 5px 0 2px; font-size: 12px; color: #1d4352; text-decoration: none;  }
.npBox li { font-size: 12px; padding-left: 5px; color: #1d4352; font-weight: bold; background: none!important; }
.npBox li a:hover { color: #fe6950; }
.npBox .frame { margin: -6px 30px 0 0; width: auto; float: right; }

/* ### slape box ### */
.slapeBox { padding: 25px 33px 20px 0; width: 714px; text-align: center; float: right; }
.slapeBox h3 { padding-bottom: 27px; font-size: 18px; color: #fe6950; }
.slapeBox p { padding-bottom: 25px; line-height: 24px; color: #65645f; font-size: 14px; }

/* ### vote box ### */
.voteBox { margin-right: 23px; overflow: hidden; float: right; border-top: 1px solid #e4e3da; border-bottom: 1px solid #e4e3da; }
.voteBox .left { padding: 10px 0 20px 22px; width: 312px; float: left; border-right: 1px solid #e4e3da; }
.voteBox .right { padding: 10px 0 20px 61px; width: 343px; float: right; }
.voteBox h3 { padding-bottom: 10px; color: #fe6950; font-size: 16px; font-family: Georgia; }
.voteBox ul { list-style: none; }
.voteBox li { overflow: hidden; line-height: 23px; }
.voteBox li span { width: 169px; color: #235062; font-size: 13px; font-weight: bold; float: left; }
.voteBox li ul.vote { padding-top: 6px; list-style: none; overflow: hidden; }
.voteBox li ul.vote li { float: left; }
.voteBox li ul.vote li a { width: 13px; height: 12px; display: block; background:  url('../images/sprites.png') right -212px no-repeat;}
.voteBox li ul.vote li a:hover, .voteBox li ul.vote li.active a { background: url('../images/sprites.png') right -225px no-repeat; }

/* ### welkom box ### */
.welkomBox { padding-bottom: 11px; width: 100%; overflow: hidden; margin-top: 10px; }
.welkomBox h2 { padding-bottom: 4px; color: #fe6950; font-size: 18px; line-height: 24px; font-weight: bold; font-family: Georgia; }
.welkomBox p { padding-bottom: 10px; color: #1d4352; font-size: 13px; line-height: 23px; }
.welkomBox a { color: #1d4352; }

/* ### scroll box ### */
.scrollBox { padding: 11px 0 19px 0; width: 100%; overflow: hidden; border-top: #95aeb9 solid 1px; border-bottom: #95aeb9 solid 1px; }
.scrollBox .frame { padding-top: 13px; margin-bottom: 0px; position: relative; height: 115px; width: 100%; text-align: center; background: url('../images/sprites.png') left -320px no-repeat; }
.scrollBox span { color: #65645f; font-size: 11px; font-family: Helvetica, Arial, Verdana; }
.scrollBox a.title { display: block; padding-top: 3px; font-weight: bold; font-size: 17px; font-family: Helvetica, Arial, Verdana; line-height: 24px; color: #65645f; text-decoration: none; }
.scrollBox h3.top { padding-bottom: 6px; color: #fe6950; font-size: 16px; font-family: Georgia; line-height: 16px; padding-top: 0px; font-weight: bold; }
.scrollBox p { padding-top: 1px; color: #65645f; font-size: 14px; line-height: 24px; width: 400px; margin: 0px auto; height: 55px; overflow: hidden; }
.scrollBox a.bx-next, .scrollBox a.bx-prev { position: absolute; display: block; text-indent: -9999px; top: 51px; left: 14px; width: 13px; height: 19px; background: url('../images/sprites.png') -368px -76px no-repeat; }
.scrollBox a.bx-prev:hover { background: url('../images/sprites.png') -368px -95px no-repeat; }
.scrollBox a.bx-next { left: 444px; background: url('../images/sprites.png') -387px -76px no-repeat; }
.scrollBox a.bx-next:hover { background: url('../images/sprites.png') -387px -95px no-repeat; }
.scrollBox a.name, .scrollBox span.name { float: left; color: #65645f; font-size: 11px; font-weight: normal; font-family: Helvetica, Arial, Verdana; margin-left: 8px; margin-top: -5px; text-decoration: none; }

/* ### maand box ### */
.maandBox { padding: 14px 0 29px 5px; width: 460px; overflow: hidden; border-bottom: #95aeb9 solid 1px; }
.maandBox h3 { padding-bottom: 10px; color: #fe6950; font-family: Georgia; font-size: 16px; float: left; }
.maandBox span.first { margin: -4px 11px 0 0; float: right; width: 87px; height: 30px; position: relative; }
.maandBox span.first span.select { padding: 9px 0px 9px 10px; font-size: 12px; position: absolute; top: 0px; left: 0px; width: 77px; height: 12px; color: #65645f; font-weight: normal; border: none; background: url('../images/sprites.png') right -101px no-repeat; }
.maandBox span.first select { width: 87px; height: 30px;}
.maandBox fieldset { border: 0;}
.maandBox .second { padding-left: 3px; width: 182px; float: left; }
.maandBox .third { float: left; width: 161px; }
.maandBox .forth { width: 110px; float: left; }
.maandBox ul { width: 100%; float: left; overflow: hidden; }
.maandBox li { width: 100%; list-style: none; float: left; color: #1d4352; font-size: 12px; line-height: 30px; }
.maandBox span { float: left; display: block; width: 72px; font-weight: bold; }
.maandBox a { color: #1d4352; text-decoration: none; }
.maandBox a:hover { text-decoration: underline; }

/* ### tag box ### */
.tagBox .tags { padding: 12px 7px 8px 7px; margin-top: 10px; width: 456px; text-align: center; overflow: hidden; background: #faf6e6; }
.tagBox.large .tags { width: 734px; }
.tagBox a.s1 { font-size: 27px; }
.tagBox a.s2 { font-size: 23px;}
.tagBox a.s3 { font-size: 19px; }
.tagBox a.s4 { font-size: 16px; }
.tagBox a.s5 { font-size: 14px; }
.tagBox a.s6 { font-size: 12px; }
.tagBox a { text-decoration: none; line-height: 26px; padding-left: 5px; padding-right: 5px; color: #1d4352; font-weight: bold; }
.tagBox a:hover { text-decoration: underline; }
.tagBox h3 { padding-top: 13px; color: #fe6950; font-family: Georgia; font-size: 16px; }

/* ### zelf box ### */
.zelfBox { padding: 0px 0 31px 0; width: 265px; overflow: hidden; }
.zelfBox h3 { color: #fe6950; font-size: 28px; line-height: 35px; text-align: center; font-family: Georgia; }
.zelfBox a.Registeren { margin-top: 10px; margin-left: 52px; color: #fff; font-size: 13px; width: 156px; line-height: 35px; height: 35px; text-decoration: none; display: block; text-align: center; background: url('../images/sprites.png') right top no-repeat; }
.zelfBox a.Registeren:hover { background: url('../images/sprites.png') right -35px no-repeat; }

/* ### facebook box ### */
.facebookBox { width: 100%; overflow: hidden; }

/* ### topgedichten box ### */
.topgedichtenBox { padding: 27px 0 0 15px; width: 238px; }
.topgedichtenBox h3 { color: #fe6950; font-size: 18px; line-height: 35px; font-family: Georgia; }
.topgedichtenBox ul { width: 100%; float: left; overflow: hidden; }
.topgedichtenBox li { color: #65645f; font-weight: bold; font-size: 13px; line-height: 25px; list-style: none; float: left; width: 100%; }
.topgedichtenBox span { font-weight: normal;}
.topgedichtenBox a { margin-top: 10px; color: #65645f; font-size: 13px; font-weight: bold; text-decoration: none; }
.topgedichtenBox a:hover { text-decoration: underline; }

/* ### item box ### */
.itemBox { padding: 4px 0 0 0; margin: 7px 0 0 0px; width: 740px; border-top: #e2e0d7 solid 1px; border-bottom: #e2e0d7 solid 1px; background: url('../images/item-bg.png') left top repeat-y; }
.itemBox .left { width: 543px; float: left; }
.itemBox .right { width: 174px; float: right; padding-bottom: 25px; }
.itemBox a.pre { padding-left: 17px; margin-left: 2px; font-weight: bold; color: #c9c7c1; text-decoration: none; font-size: 13px; line-height: 24px; float: left; background: url('../images/sprites.png') 1px -461px no-repeat; }
.itemBox a.pre:hover { color: #65645f; background: url('../images/sprites.png') 1px -481px no-repeat; }
.itemBox a.next { padding-right: 17px; font-weight: bold; margin: 0px 13px 0 0; color: #c9c7c1; text-decoration: none; float: right; font-size: 13px; line-height: 24px; background: url('../images/sprites.png') right -479px  no-repeat; }
.itemBox a.next:hover { color: #65645f; background: url('../images/sprites.png') right -462px  no-repeat; }
.itemBox h1 { padding: 10px 25px 21px 0; color: #fe6950; font-size: 18px; line-height: 24px; font-family: Georgia; }
.itemBox p { padding: 5px 25px 20px 0; color: #65645f; font-size: 14px; line-height: 24px; }
.itemBox .right h4 { padding: 15px 0 0 0; color: #fe6950; font-size: 14px; line-height: 24px; }
.itemBox .right p { padding-bottom: 6px; font-size: 14px; line-height: 17px; }
.itemBox .right p a { color: #65645f; text-decoration: none; }
.itemBox .right p a:hover { color: #fe6950; text-decoration: underline; }
.itemBox .right span.votes { display: block; margin-top: 8px; }
.itemBox ul { width: 100%; overflow: hidden; }
.itemBox li { list-style: none; float: left; }
.itemBox ul.logo { padding: 13px 0 2px 0; width: 165px; margin-left: -5px; }
.itemBox ul.logo li { padding: 0px 1px 0 2px; }
.itemBox span.tag { padding-left: 11px; padding-right: 15px; margin: 7px 0 0 4px; width: 115px; overflow: hidden; height: 27px; line-height: 27px; display: block; color: #efefef; font-size: 12px; background: url('../images/sprites.png') -484px -124px no-repeat; }
.itemBox span.tag a { color: #efefef; text-decoration: none; }
.itemBox span.tag a:hover { text-decoration: underline; }

/* ### reacties box ### */
.reactiesBox { padding: 9px 0 0 0px; margin: 15px 0 0 0px; width: 740px; overflow: hidden; float: left; border-top: #e2e0d7 solid 1px; }
.reactiesBox h3 { padding-bottom: 12px; color: #fe6950; font-size: 16px; line-height: 24px; font-family: Georgia; }
.reactiesBox ul { width: 100%; float: left; overflow: hidden; }
.reactiesBox li { padding-bottom: 5px; width: 100%; margin-bottom: 25px; float: left; list-style: none; border-bottom: #e2e0d7 solid 1px; }
.reactiesBox li.last { margin-bottom: 0; }
.reactiesBox p { padding-bottom: 4px; color: #1d4352; font-size: 13px; line-height: 21px; }
.reactiesBox h4 { font-size: 12px; color: #607585; line-height: 21px;  font-style: italic; }
.reactiesBox h4 a { color: #607585; }
.reactiesBox span { font-weight: normal; }
.reactiesBox .reportLinks { float: right; margin-top: -17px; }
.reactiesBox a.report {  color: #607585; text-decoration: none; }
.reactiesBox a:hover.report{ text-decoration: underline; }

/* ### reageren box ### */
.reagerenBox { padding-top: 11px; width: 636px; }
.reagerenBox h3 { color: #fe6950; font-size: 16px; line-height: 24px; font-family: Georgia; }
.reagerenBox fieldset, .pageBox fieldset { border: 0; margin-top: 10px; }
.reagerenBox p, .pageBox p { padding-bottom: 11px; overflow: hidden; }
.reagerenBox label, .pageBox label { padding-top: 7px; width: 140px; float: left; color: #65645f; font-family: Helvetica, Arial, Verdana; line-height: 15px; }
.reagerenBox input, .pageBox input { padding: 5px 5px 5px 5px; width: 146px; line-height: 20px; height: 20px; float: left; border: 0; background: url('../images/sprites.png') -430px -275px no-repeat; }
.reagerenBox textarea, .pageBox textarea { padding: 5px 5px 5px 5px; width: 457px; height: 102px; resize: none; float: left; border: 0; background: url('../images/sprites.png') -412px -159px no-repeat; }
.pageBox textarea.large { padding: 5px 5px 5px 5px; width: 457px; height: 287px; resize: none; float: left; border: 0; background: url('../images/textarea-large-blue.png') no-repeat; color: #1d4352; }
.reagerenBox textarea.blue, .pageBox textarea.blue { color: #1d4352; padding: 5px 5px 5px 5px; width: 457px; height: 102px; resize: none; float: left; border: 0; background: url('../images/textarea-small-blue.png') no-repeat; }
.reagerenBox p.sec, .pageBox p.sec { padding-left: 150px; }
.reagerenBox .check, .pageBox .check  { margin-right: 3px; width: 16px; height: 16px; float: left; background: none; }
.reagerenBox span, .pageBox span { color: #65645f; font-family: Helvetica, Arial, Verdana; float: left; }
.reagerenBox .button.button, .pageBox .button.button { margin-left: 140px; color: #695f2e; font-size: 13px; font-family: Helvetica, Arial, Verdana; cursor: pointer; width: 156px; height: 35px; border: 0; float: left; background: url('../images/sprites.png') right -281px no-repeat; margin-top: 10px; }
.reagerenBox .button.button:hover, .pageBox .button.button:hover  { background: url('../images/sprites.png') right -316px no-repeat; }
.reagerenBox p.wilt { padding-top: 20px; color: #65645f; font-weight: normal; }
.reagerenBox .checkbox, .pageBox .checkbox { margin: 0px 6px 0px 0; width: 19px; height: 25px; display: block; float: left; background: url('../images/checkbox.png') no-repeat; }
.reagerenBox a { color: #607585; }

/* ### footer container ### */
#footerCntr { padding: 0px 35px 30px 15px; overflow: hidden; width: 951px; background: #fdfdfb; width: 1002px; background: url('../images/footer-bg.png') repeat-y; }
#footerCntr #footermid { padding: 6px 0px 0px 0px; overflow: hidden; width: 950px; border-top: 1px solid #e1e0d9; background: #fdfdfb;  }

/* ### copy box ### */
.copyBox { padding: 10px 0 0 1px; width: auto; float: left; }
.copyBox ul { list-style: none; }
.copyBox li { padding: 0 8px 0 7px; line-height: 14px; float: left; color: #65645f; font-size: 11px; background: url('../images/sprites.png') right -186px no-repeat; }
.copyBox li a { color: #65645f; font-size: 11px; text-decoration: none; }
.copyBox li a:hover { text-decoration: underline; }
.copyBox li.last {background: none;}

/* ### icon box ### */
.iconBox { padding-right: 4px; width: auto; float: right; }
.iconBox ul { padding: 14px 36px 0 0; list-style: none; float: left; }
.iconBox li { padding-left: 39px; float: left; }
.iconBox li a { height: 19px; display: block; text-indent: -9999px; }
.iconBox li.twitter a { width: 25px; background: url('../images/sprites.png') right -131px  no-repeat; }
.iconBox li.fb a { width: 19px; background: url('../images/sprites.png') right -150px no-repeat; }
.iconBox li.share a { width: 17px; background: url('../images/sprites.png') right -169px no-repeat; }
.iconBox img { float: right; }

/* NEW STUFF */
.catBox { padding: 16px 0 29px 0px; width: 750px; }
.catBox h3 { padding-bottom: 5px; color: #fe6950; font-size: 16px; line-height: 24px; font-family: Georgia; }
.catBox ul { list-style: none; width: 375px; float: left; margin-right: 0px; }
.catBox ul li { width: 360px; line-height: 25px; float: none; }
.catBox a { color: #1d4352; }
.catBox a:hover { color: #fe6950; }
.catBox .right { float: right; position: relative; }
.catBox .left { float: left; }
.catBox.small { padding: 14px 0 14px 5px; width: 465px; border-bottom: #95aeb9 solid 1px; }
.catBox.small ul { width: 227px; }
.catBox.small ul li { width: 220px;}
.catBox.small .first { margin-right: 10px; }

.categoryBox { padding: 16px 0 5px 0px; width: 750px; }
.categoryBox h2 { padding-bottom: 5px; color: #fe6950; font-size: 18px; line-height: 24px; font-family: Georgia; }
.categoryBox h3 { padding-bottom: 5px; color: #fe6950; font-size: 16px; line-height: 24px; font-family: Georgia; }
.categoryBox ul { list-style: none; width: 375px; float: left; margin-right: 0px; }
.categoryBox ul li { width: 366px; float: none; line-height: 25px; }
.categoryBox ul li:hover { background: #FAF6e6;}
.categoryBox ul li a { text-decoration: underline; color: #1d4352; width: 350px; display: block; line-height: 20px; padding: 2px; padding-left: 5px; padding-right: 5px; overflow: hidden; height: 20px;}
.categoryBox ul li a:hover { color: #fe6950; text-decoration: none; }
.categoryBox a.s0 { background: url(../images/stars0.png) no-repeat right; }
.categoryBox a.s1 { background: url(../images/stars1.png) no-repeat right; }
.categoryBox a.s2 { background: url(../images/stars2.png) no-repeat right; }
.categoryBox a.s3 { background: url(../images/stars3.png) no-repeat right; }
.categoryBox a.s4 { background: url(../images/stars4.png) no-repeat right; }
.categoryBox a.s5 { background: url(../images/stars5.png) no-repeat right; }
.categoryBox.related { border-top: 1px solid #e2e0d7; padding-bottom: 10px; margin-bottom: 10px; width: 740px; padding-top: 10px; }
.categoryBox.related ul { width: 370px; }

.pages { text-align: center; padding: 7px 12px; line-height: 25px; margin-right: 10px; background: #FAF6e6; border: 1px solid #DFDFC8; font-size: 13px; color: #1d4352; margin-bottom: 8px; margin-top: 8px;   }
.pages a, .pages span { padding: 7px 10px; margin-left: 2px; line-height: 25px; margin-right: 2px; font-size: 15px; color: #1d4352; float: none; }
.pages a:hover { color: #fe6950; }

.categoryBox .info { float: right; margin-top: -23px; margin-right: 10px; }
.categoryBox .info span { color: #fe6950; }

.categoryBox .sort, .pageBox .sort { padding: 7px 12px; line-height: 25px; margin-right: 10px; background: #FAF6e6; border: 1px solid #DFDFC8; font-size: 13px; color: #1d4352; margin-bottom: 8px; }
.categoryBox .sort a, .pageBox .sort a { color: #1d4352; margin-left: 4px; margin-right: 4px; }
.categoryBox .sort a:hover, .pageBox .sort a:hover{ color: #fe6950; }
.pageBox .sort.letter a { margin-left: 3px; margin-right: 3px; }

.searchAction { text-align: center; padding: 10px; margin: 7px 0 0 0px; width: 720px; line-height: 25px; background: #FAF6e6; font-size: 13px; color: #1d4352; }
.searchAction a { color: #1d4352; }

/* Votes */
.sterren { background: url('../images/sprites.png') right -257px no-repeat; height: 19px; width: 105px; position: relative; margin: 0; padding: 0; margin-top: 3px;  }
.sterbalk { position: absolute; background: #FAF5E6 url('../images/sprites.png') right -238px no-repeat; height: 19px; z-index: 19;}
ul#rating { position: absolute; z-index: 20; margin: 0; padding: 0; }
ul#rating li { width: 21px; height: 19px; display: block; float: left; }
ul#rating li a{ display: block;  width: 21px; height: 19px; }

/* Normal box */
.pageBox { padding-bottom: 11px; margin-top: 10px; margin-right: 30px; }
.pageBox h2, .pageBox h3 { padding-bottom: 4px; color: #fe6950; font-size: 18px; line-height: 24px; font-weight: bold; font-family: Georgia; }
.pageBox p { padding-bottom: 0px; padding-top: 10px; color: #1d4352; font-size: 13px; line-height: 23px; }
.pageBox a { color: #1d4352; }
.pageBox .short { width: 500px; }
.pageBox ul { list-style: square; margin-left: 25px; }
.pageBox ul li { color: #1d4352; line-height: 23px; }
.pageBox ol { margin-left: 25px; }
.pageBox ol li { color: #1d4352; line-height: 23px; }
.pageBox fieldset h3 { margin-bottom: -10px; }
.pageBox fieldset p { line-height: 17px; }
.pageBox fieldset p.lineh { line-height: 23px; }
.pageBox input.blue { color: #1d4352; padding: 5px 5px 5px 5px; width: 196px; line-height: 20px; height: 20px; float: left; border: 0; background: url('../images/sprites.png') -600px -315px no-repeat; }
.pageBox select { padding-top: 6px; border: 1px solid #DFDFC8; }
.pageBox select.blue { padding-top: 6px; border: 1px solid #c9d7de; color: #1d4352; width: 206px; }
.pageBox option { padding: 3px; padding-right: 20px; }
.pageBox label.blue { color: #1d4352; font-weight: bold; }

.pageBox .partners li { float: left; width: 235px; }

hr { border: 0px; height: 1px; color: #d8d0ae; background-color: #d8d0ae; margin: 15px 20px 15px 0px; }

table.poems { border: 1px solid #DFDFC8; border-collapse: collapse; }
table.poems th { text-align: left; color: #fe6950; background: #FAF6e6; padding: 8px; border-bottom: 1px solid #DFDFC8;}
table.poems th.last, table.poems td.last { border-right: 1px solid #DFDFC8; }
table.poems th.first, table.poems td.first { border-left: 1px solid #DFDFC8; }
table.poems tr.odd td { background: #FCFAF4; }
table.poems td { color: #1d4352;  padding: 5px 8px; border-top: 1px solid #DFDFC8; border-bottom: 1px solid #DFDFC8; }
table.noicons td { padding: 8px; }

table.tab { border-left: 1px solid #DFDFC8; border-right: 1px solid #DFDFC8; border-collapse: collapse; }
table.tab td { padding: 10px; text-align: center; background: #FAF6e6; border-top: 1px solid #DFDFC8; border-bottom: 1px solid #DFDFC8; }
table.tab td.active { padding: 10px; text-align: center; background: #fff; border-left: 1px solid #DFDFC8; border-right: 1px solid #DFDFC8; border-bottom: 0px; }
table.tab td.active a { color: #fe6950; text-decoration: none; }
table.tab td.content { background: #fff; border-top: 0px; text-align: left; padding: 0px 15px 15px; }

ul.notices { list-style: none; margin: 0px; padding: 0px; }
ul.notices li { line-height: 15px; padding: 8px; }
ul.notices li.odd { background: #FAF6e6; }
ul.notices li.even { background: #fff; }

ul.months { float: left; width: 235px; list-style: none; margin-left: 0px; }
ul.months span a { display: block; width: 180px; }
ul.months li { line-height: 25px; }

.months_odd { background: #FAF6e6; padding: 10px; border: 1px solid #DFDFC8;  }
.months_even { background: #fff; padding: 10px; }

.avatar { width: 100px; height: 100px; border: 1px solid #000; padding: 1px; background: #fff; margin: 17px; }

.pageBox .submit { margin: 5px; display: inline; background: #1d4352; padding: 5px; height: auto; width: 200px; border: 1px solid #1d4352; color: #fff;  }

/* Errors */
.error { background: #FFE8E5; border: 1px solid #fe6950; color: #FC4F35; }
.success { background: #c8eecc; border: 1px solid #199528; color:#499451; }
.warning { background: #c9d7de; border: 1px solid #1d4352; color:#1d4352; }
.error, .success, .warning { line-height: 150%; margin: 5px 0px; padding: 8px; }
.error ul, .success ul, .warning ul { list-style: square; margin-left: 25px; }
.error ul li { color: #FC4F35; }
.success ul li { color: #499451; }
.warning ul li { color: #1d4352; }

/* Graphs */
.space { display: block; height: 19px; }
.flot-graph { display: inline-block; padding: 0; line-height: normal; }
.flot-graph .xAxis { line-height: 7px; }
.flot-graph .legend { line-height: 12px; }
.flot-graph .legend table { border: 0; width: auto; }
.flot-graph .legend table td { border: 0; padding: 2px 0 0 5px; line-height: 18px; white-space: nowrap; width: auto; }
#tooltip { background-color: #fe6950; padding: 0 8px; color: #FFFFFF; font-size: 11px; line-height: 25px; height: 25px; }