/* 
##  dreikelvin CSS Framework 4
##  
##  Author & Copyright: Robert Jung 2010
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "Aliefka"
##
##
*/
/* ## XHTML basis elements ############################ start # */

body,html {
	
	margin:0;
	padding:0;
	height:100%;
	
}

br { clear:both; }

.text br { clear:none; }

.hidden {  display:none;  }

div, section, article, footer, header, nav {

	margin:0;
	padding:0;
	float:none;
	width:100%;
	position:relative;
	display:block;

}

a:active, a:focus { outline:none; }

a img { border:none; }

object { margin:0; padding:0; }

/* ## HTML basis elements ############################ end ### */

/* ## main elements ################################## start # */


#index, #index a {  

	text-indent:-99999px;
	height:100px;
	width:300px;
	float:left;
	margin:0;
	padding:0;
	z-index: 1;
	cursor: pointer;

}

#intro { 

		position: absolute;
		top:144px;
		left:28px;
		width:390px;
		
}

#content {

	height:423px;
	width:1000px;
	margin: 0 auto;

}

#mainwrapper,#header {

	width:960px;
	margin: 0 auto;

}

#home #content {

	height:403px;

}

#home #header {

	height:260px;

}

#page #header {

	height:151px;

}

#page #intro { display: none; }

#page #content {

	width:960px;
	height:auto;

}

.alignright {

	float:right;

}

img.alignright {

	margin-left:30px;
	margin-bottom:30px;

}

#lang {

	position: absolute;
	top:10px;
	right:0;

}

#lang, #lang li {

	margin:0;
	padding:0;
	list-style-type: none;

}

#lang li {

	padding: 10px;
	display: inline;

}

/* ## main elements ################################### end ### */



/* ## navigation ###################################### start # */

#navigation {

	width:auto;
	position: absolute;
	top:52px;
	right:20px;

}

#navigation ul {

	margin:0;
	padding:0;

}

#navigation ul li {

	display: inline;
	margin:0;
	padding: 0 32px 0 0;

}


/* ## navigation ###################################### end ### */


/* ## content elements ################################ start # */

.box {

	padding:28px;

}


#page .box {

	padding: 0 50px 50px 50px;
	float:none;
	width:auto;

}


#page .comments { padding:0 28px 28px 28px; clear: both; }

#home .boeken {
	
	left:-10px;

}

.boeken ul {

	margin:0;
	padding:0;
	list-style-type:none;

}

.boeken ul li {

	width:130px;
	height:200px;
	padding:10px 9px;
	margin: 0 5px 0 0;
	float: left;
	position: relative;

}

#page .boeken ul li {

	width:162px;
	height:229px;
	padding:10px 9px;
	margin: 0 5px 20px 0;
	float: left;
	position: relative;

}

.boeken ul li img {

	padding:2px;
	margin:0;

}

.boeken ul li a span {

	position: absolute;
	top:4px;
	right:16px;
	display: block;
	width:60px;
	height:60px;

}

#page .boeken ul li a span {

	right:22px;
}


#page .boeken ul li a {

	margin:0;
	padding:0;
	
}

.boeken ul li a span.meer { display: none; }
.boeken ul li a:hover span.meer { 
	display: block;
	float: left; 
	position: absolute; 
	top: 225px;
	left:40px;
	width:122px;
	height: 24px;
	line-height:25px;
	font-size:9pt;
	text-indent:45px;

}
 

#home #mainwrapper p {

	margin: 0;
	padding:0 10px;

}

#accordion h3, #accordion div {

	padding:10px;
	width: auto;
	margin:0;
	cursor: pointer;

}

#accordion div p { padding:0; margin:0; }

#accordion h3 {

	/*margin-bottom:1px;*/
	outline-style:none;
	outline-width:0;

}

#accordion div { margin-bottom:10px; padding:0 10px 10px 10px; }

#accordion .ui-accordion-content {

	margin-bottom:10px;

}

#accordion div div, #accordion .ui-accordion-content div { margin:0; padding:0 0 10px 0; }

#accordion h3.ui-state-active {

	margin-bottom:0;

}

#accordion h3.ui-state-default {

	margin-bottom:10px;

}

ul.testimonials, .commentlist {

	clear: both;
	margin:0;
	padding:0;
	list-style-type:none;

}

ul.testimonials li, .commentlist li {

	margin:0 0 10px 0;
	padding:20px;

}

#reader { padding:30px; height: 664px; width:800px; float:left; }

#reader .inner {

	width:770px;
	height:600px;	
	display: block;
	float:left;
	overflow:-moz-scrollbars-horizontal !important;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	
}

#reader .inner ul {

	float: left;
	width:auto;
	height:600px;
	margin:0;
	padding:0;
	list-style-type: none;

}

#reader .inner ul li {

	width:350px;
	height:600px;
	margin:0;
	padding:0;
	background-color: #fff;
	display: inline;	

	

}

#lightbox-container-image-data-box { overflow-x: hidden !important; padding:0; }

.boeken ul li strong.year {

	position: absolute;
	bottom:0;
	left:0;
	padding:5px;


}

a.coverlink:link, a.coverlink:active, a.coverlink:visited { 

	position: relative; 
	display: block; 
	width:auto; 
	height:auto; 
	float:right; 
	margin-left:30px; 
	margin-bottom:30px; 
	padding:0 !important;
	z-index: 1;
		
}

a.coverlink:link span, a.coverlink:active span, a.coverlink:visited span {

	display: block;
	width:auto;
	position: absolute;
	top:220px;
	right:0;
	padding:10px;
	z-index: 1;
	text-align: center;

}


/* ## content elements ################################ end ### */

/* ## Headings ####################################### start # */

h2 {

	margin-top:0;
	padding-top:0;

}

.text h3.detached { clear: both; }

.fragment h2 { margin-bottom:0; padding-bottom:0; }
.fragment h3 { margin-top:5px; padding-top:0; }

.comments h3 {

	padding: 0 !important;

}

/* ## Headings ####################################### end ### */

/* ## footer ########################################## start # */

footer {

	clear: both;
	margin: 0 auto;
	width:960px;

}

footer .inner {
	
	padding: 10px 0;
	text-align: center;

}

/* ## footer ########################################## end ### */


/* ## forms ########################################### start # */

fieldset {

	margin:0;
	padding:0;
	
}

.input-text {
	
	padding:6px;
	
}

#fieldset-newsletter {

	width:581px;
	height:67px;
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	padding-left:130px;

}

#fieldset-newsletter .input-text {

	width:70px;

}

#fieldset-newsletter p {

	float:left;
	line-height: 64px;

}

#respond {
	
	width:820px;
	padding:20px;

}

#respond input {

	padding:5px;

}

.commentmetadata { display: none; }

/* ## forms ########################################### end ### */


/* ## Buttons ######################################## start # */

button, #dsq-post-button {

	height:29px;
	line-height:20px;
	padding-right:10px;
	padding-left:10px;

}

#button-send {

	width:88px;
	height:29px;

}

#button-bestel {
	
	width:100px;
	height:43px;
	display: block;

}


/* ## Buttons ######################################## end ### */

/* ## Disqus ######################################### start # */

.dsq-tooltip-outer {

	width: auto;

}

.dsq-full-comment .dsq-comment-message {

	padding: 25px 10px 10px 10px !important;
	width:780px;
	
}

.dsq-button-small { 

	height:15px; 
	line-height: 13px;

}

.dsq-comment-body {

	margin-top:-10px !important;

}


#dsq-new-post h3, .dsq-options, .dsq-brlink, #dsq-comments-title, .dsq-autheneticate-copy,
.dsq-comment-footer-left { display: none !important; }

/* ## Disqus ######################################### end ### */