/* ----------------------------------------------------
   Project: 	gideonboeken.nl
   Subject: 	general CSS definitions

   (C) 2007 Netklaar, Amsterdam
   ---------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

html, body
{
	height: 100%;
	/* Required */
}

body
{
	margin: 0;
	/*		width: 100%;
		height: 100%;*/
	font-family: verdana,arial;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	background-color: #ffffff;
	letter-spacing: 0px;
	line-height: 14px;
	color: #333;
}

/* SvG */
div.author-column {
	float:left;
	width:208px;
	margin-right:5px;
	margin-top:-6px;
}

td.author-abc
{
	background-image: url('/fileadmin/templates/main/images/columns1_3_hdr_rood.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 8px 0 10px 50px;
	margin-top: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 18px;
}

td.author-name
{
	background-image: url('/fileadmin/templates/main/images/columns1_3_bg_grijs.jpg');
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 1px 10px 1px 10px;
}

td.author-name a:link,
td.author-name a:visited
{
	color: #333;
}

td.author-name a:hover
{
	color: #c30;
}

td.author-name a:active
{
	color: #333;
}


a
{
	color: #CC3300;
	text-decoration: none;
	/*	border-bottom: #999999;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;*/
}

a:link,
a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	color: #CC3300;
}

a:active
{
	text-decoration: none;
}

hr
{
	color: #999;
	background-color: #999;
	height: 1px;
}

ul
{
	list-style: circle;
	color: #C30;
	padding: 0 0 0 13px;
}

li
{
	color: #333;
	padding: 0 0 0 0;
}

ol
{
	padding: 0;
	list-style: georgian default;
	margin: 0 0 0 25px;
}

img { border: none; }

h1
{
	margin: 3px 0 10px 0;
	color: #C30;
	font-size: 18px;
}

h2
{
	margin: 0 0 10px 0;
	color: #372e2f;
	font-size: 14px;
}

h3
{
	color: #C30;
	font-size: 10px;
	font-style: italic;
}

.bold { font-weight: bold; }

.imageright
{
	margin: 0 0 10px 10px;
	padding: 0;
	border-width: 0;
}

.imageleft
{
	margin: 0 10px 10px 0;
	padding: 0;
	border-width: 0;
}

strong { font-weight: bold; }

#header
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 900px;
	height: 116px;
	background-image: url('/fileadmin/templates/main/images/header_image.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.gideonG
{
	position:relative;
	width: 100px;
	height: 115px;
	left:55px;
	top:20px;
}

#mainrow
{
	position: relative;
	margin: 0 auto 0 auto;
	height: 31px;
	width: 900px;
	background-image: url('/fileadmin/templates/main/images/bg_mainmenu.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mainmenu
{
	position: relative;
	left: 220px;
	height: 31px;
	width: 480px;
	float: left;
}

#mainmenumandje
{
	position: absolute;
	right: 0;
	height: 31px;
	width: 190px;
}

#mainmenumandje div.tx-ttproducts-pi1 img { margin-top: 5px;float:left; }
#mainmenumandje div.tx-ttproducts-pi1 a img { margin-top: 5px;float:left; }
/*
#mainmenumandje div.tx-ttproducts-pi1 span a
{
	margin-top: 0px;
	border-bottom: 0px transparent none;
}
*/
#mainmenumandje div.tx-ttproducts-pi1 span
{
	position: absolute;
	top: 8px;
	left: 30px;
	text-transform: uppercase;
	color: #CC3300;
	font-size: 10px;
}

#mainmenumandje div.tx-ttproducts-pi1 span a
{
	color: #CC3300;
	text-transform: none;
}

#subrow
{
	position: relative;
	left: 0;
	margin: 0;
	height: 21px;
	width: 100%;
	background-color: #eee;
}

#pagecontainer
{
	margin: 0 auto;
	width: 100%;
	background: #fff;
	text-align: left;
	position: relative;
	min-height: 100%;
	/* For Modern Browsers */
	height: auto !important;
	/* For Modern Browsers */
	/* For IE */
}

#contentcontainer
{
	/*		position: relative;
		height: 80%;
		top: 42px;*/
	padding: 4px 0 25px 0;
	/*		width: 750px;
	*/
}

#contentcontainer:after
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#contentsection,
#contentsection2cols
{
	/*		position: relative;*/
	margin: 0 auto 0 auto;
	width: 900px;
}

.clearboth { clear: both; }
.clearleft { clear: left; }

.displaynone { display: none; }

#zipmessage
{
	color:#CC3300;
}


/* Left column */
#left
{
	position: relative;
	width: 212px;
	float: left;
}

#colleft { }

/* Searchbox */
#searchbox
{
	padding: 5px 10px 10px 10px;
	background-image: url('/fileadmin/templates/main/images/search_bg.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.searchform { padding: 10px 10px 0px 10px; }

.searchform input.searchinput
{
	margin: 0px 0px 2px 0px;
	width: inherit;
}

.searchform input.searchsubmit { margin: 0px 0px 0px 83px; }

/* Newsletterbox */
#newsletterbox
{
	margin: 10px 0 0 0;
	padding: 50px 20px 25px 20px;
	background-image: url('/fileadmin/templates/main/images/nieuwsbrf_box_bg3.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FFF;
	height: 130px;
}

#newsletterform,
.newsletter-result
{
	color: #FFF;
}

.html_dmail
{
	display:none;
}

#newsletterform input.newsletterinput
{
	margin: 0px 0px 2px 0px;
	width: inherit;
}

#newsletterform input.newslettersubmit { margin: 0px 0px 0px 53px; }

#newsletterbox #newsletterform div
{
	text-align: center;
	margin: 10px 0 0 0;
}

#newsletterbox #newsletterform div a { color: white; }

/* Nieuwsbrief pag 69*/
.dmailsubscript #newsletterform,
.dmailsubscript .newsletter-result
{
	color: #333;
}




/* Content column */
#content
{
	position: relative;
	width: 430px;
	float: left;
	margin: 0 0 0 17px;
	padding: 0 10px 0 0;
}

#contentsection2cols div#content
{
	width: 660px;
	padding: 0;
}

#content li a:link,
#content li a:visited
{
	/*display: block;*/
	text-decoration: none;
	color: #333333;
	border-right: none;
	border-top: none;
	border-bottom: none;
	border-left: none;
}

#content li a:hover
{
	color: #c30;
	text-decoration: none;
}

#content li a:active
{
	text-decoration: none;
	color: #333333;
}




/* Right column */
#right
{
	position: relative;
	width: 223px;
	margin: 0 0 0 0;
	float: right;
}

/* Footer */
#footer
{
	width: 100%;
	position: absolute;
	bottom: 0 !important;
	/* For Certain IE widths */
	height: 20px;
}


#c1421
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-top: 7px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #333333;
	clear:both;
}

#c1421 div.csc-header {
	margin-top: 0px;
}

#c1421 .csc-header h3
{
	position: relative;
	z-index: 999;
	background-image: url('/fileadmin/templates/main/images/column_header_888.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	margin-top: 0;
	font-style: normal;
	color: white;
	font-size: 10px;
	padding: 9px;
	text-transform: uppercase;
}

#c1421 .item
{
    height: 120px;
    width: 220px;
	float:left;
}

#visfooter
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-top: 7px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #333333;
	white-space: nowrap;
	text-align: right;
	border-top: 1px #dadada solid;
	clear: both;
}

.footerlink
{
	display: block;
	float:left;
}

/* Menu's algemeen */
#mainul,
#subul,
#footerul
{
	position: relative;
	list-style: none;
}

#mainul
{
	padding:0;
}

#mainul li,
#subul li,
#footerul li
{
	position: relative;
	padding: 8px 0px 8px 0;
	float: left;
	text-transform: uppercase;
}

/* mainMenu + footerMenu */
ul#mainul li.current a
{
	font-weight: bold;
	color: #c30;
}

li a:link,
li a:visited
{
	/*display: block;*/
	text-decoration: none;
	/* IE6 Bug */
	padding: 0 8px 0 8px;
	/* IE6 Bug */
	color: #333333;
	border-right: 1px #666 solid;
	border-top: none;
	border-bottom: none;
	border-left: none;
}

li a:hover
{
	color: #c30;
	text-decoration: none;
}

li a:active
{
	text-decoration: none;
	color: #333333;
}

li.last a:link,
li.last a:visited
{
	padding: 0 0 0 8px;
	border: none;
}

div.bestel
{
	position: relative;
	width:100%;
	margin-top:16px;
}

div.bestel div
{
	position: relative;
	padding: 0px 0px 0px 0;
	width:31%;
	text-transform: uppercase;
}

div.bestel div.order {
	float:left;
	width:20px;
}

div.bestel div.order input {
	position: relative;
	width:16px;
	z-index:1;
}

div.bestel div.last
{
	padding-left: 3px;
	float:left;
	z-index: 10;
}

div.button  {
	float:right;
}


div#tabscontainer{
	height:18px;
	border-bottom:2px solid #CC3300;
	margin-bottom:20px;
}

div#tabscontainer div.tab{
	float:left;
	margin-right:3px;
	margin-left:2px;
	height:20px;
	/*border-top:2px solid white;*/
	}

div.tab div.tableft{
	float:left;
	width:6px;
	height:20px;
}

div.tab div.tabright{
	float:left;
	width:10px;
	height:20px;
}
	
div#tabscontainer div.selectedtab{
	/*border-top:2px solid #CC3300;*/
	border-bottom:2px solid white;
	height:18px;
}

div.selectedtab div.tableft{
	float:left;
	width:6px;
	height:20px;
	background-image: url(/fileadmin/img/tableftbg.gif);
	background-repeat: no-repeat;
	background-position:left top;
}

div.selectedtab div.tabright {
	float:left;
	width:10px;
	height:20px;
	background-image: url(/fileadmin/img/tabrightbg.gif);
	background-repeat: no-repeat;
	background-position:right top;
}

div#tabscontainer div.tablast{
	margin-right:0;
}

div.tabpanel{
	display:none;
}

a.tablink {
	display:block;
	float:left;
	border-top:2px solid white;
	padding-right:2px;
	padding-top:2px;
}

div.selectedtab a.tablink{
	border-top:2px solid #CC3300;
	color:#CC3300;
}


a.tablink:hover{	/*text-decoration:underline;*/}

div.bestel div a:link {
	border: none;
}


#bookinfo div.comments h3
{
	color:#333333;
	font-style:normal;
	margin-top:0px;
	margin-bottom:10px;
}

/* Submenu */
div#submenu
{
	width: inherit;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	/*	height: 350px;*/
	background-image: url('/fileadmin/templates/main/images/rubr_bg.jpg');
	background-repeat: repeat-y;
	background-position: 0 0;
}

#submenu .subtitle,
#right .subtitle,
#right .csc-firstHeader,
#right .csc-header h1,
#right .csc-header h2,
#right .csc-header h3
{
	position: relative;
	z-index: 999;
	background-image: url('/fileadmin/templates/main/images/column_hdr_1a.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	margin-top: 0;
	font-style: normal;
}



#submenu .subtitle h1,
#submenu .subtitle h6,
#right .subtitle h1,
#right h1.csc-firstHeader,
#right .csc-header h1,
#right .csc-header h2,
#right .csc-header h3
{
	color: white;
	font-size: 10px;
	text-transform: uppercase;
	padding: 9px;
	margin-top:0;
}

#submenu ul
{
	list-style-type: none;
	margin: 10px 10px 10px 0px;
}

#submenu ul li
{
	margin: 2px 0px 2px 0px;
}

#submenu ul li a
{
	margin: 2px 0 2px 0; 
	padding:0;
}

#submenu ul .current
{
	color: #C30;
	padding-left:5px;
}

#submenu ul .current a
{
	color: #C30;
	font-weight: bold;
}

#submenu ul li a:link,
#submenu ul li a:visited
{ 
	border-right: 0px #666 solid;
	border-top: none;
	border-bottom: none;
	border-left: none;
	font-weight: bold;
}

/* Footer menu */
#visfooter #footerul
{
	float: right;
	text-transform: none;
	margin-top: 14px;
}

#footerul li { text-transform: none; }

ul#footerul li.current a
{
	font-weight: bold;
	color: #c30;
}

/* Aankeilersection */
.aankeilersection h2,
h1.aankeilertitel
{
	color: #333;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.aankeilersection h3
{
	color: #C30;
	font-size: 10px;
	font-style: italic;
}

div.aankeilersection
{
	background-image: url('/fileadmin/templates/main/images/aank_bg.jpg');
	background-repeat: repeat-y;
	background-position: 0 0;
	width: 428px;
	margin: 0 0 4px 0;
	min-height:438px;
}

div.aankeilersection img.big { }

div.aankeilersection img.small,
div.aankeilersection div.image-small img,
div.aankeilersection div.csc-textpic-left
{
	margin: 15px;
	float: left;
}

div.aankeilersection h2,
h1.aankeilertitel
{
	width: 275px;
	float: left;
	padding-top: 15px;
}

div.aankeilersection h3
{
	width: 275px;
	float: left;
}

div.aankeilersection p
{
	width: 275px;
	float: left;
	margin: 0 0px 10px 0;
}

.aankeilertekst { 
	color: black;
}

div.aankeilersection div.csc-textpic-clear,
div.nieuwsection div.item div.csc-textpic-clear { display: none; }

img.aankeilermore
{
	float:right;
	margin: 0 10px 10px 0;
}


/* Nieuwsection */
div.nieuwsection
{
	width: 428px;
}

div.nieuwsection .nieuwtitle { margin: 3px 0 19px 0; }

div.nieuwsection .nieuwtitle h1,
div.nieuwsection .nieuwtitle h2,
table.baskettable tbody tr td.nieuwtitle h1
{
	background-image: url('/fileadmin/templates/main/images/column_hdr_2.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	padding: 9px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

div.nieuwsection div.item
{
	position:relative;
	font-size: 10px;
	width: 48%;
	float: left;
	margin-right:5px;
	min-height:214px;
}

div.nieuwsection div.item .note2
{
	margin-bottom:50px;
}

div.nieuwsection div.item .more
{
	position:absolute;
	right:10px;
	bottom:5px;
}

/*div.nieuwsection div.item img,*/
div.nieuwsection div.item div.csc-textpic,
div.nieuwsection div.item div.image
{
	width: 75px;
	margin: 0 8px 0 0;
	float: left;
}

div.nieuwsection div.item div.specs
{
	width: 122px;
	float: left;
}

div.nieuwsection div.item div.specs h2,
div.nieuwsection div.item div.specs span
{
	color: #333;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

div.aankeilersection div.specs a:link,
div.aankeilersection div.specs a:visited,
div.nieuwsection div.item div.specs div.note2 a:link,
div.nieuwsection div.item div.specs div.note2 a:visited
{
	color: #333;
}

div.aankeilersection div.specs a:hover,
div.nieuwsection div.item div.specs div.note2 a:hover
{
	color: #c30;
}

div.aankeilersection div.specs a:active,
div.nieuwsection div.item div.specs div.note2 a:active
{
	color: #333;
}

div.nieuwsection div.item div.more img
{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}


#c153


/* Home rightsection */
div#tx-ttproducts-pi1-listhighlights div.item,
div#tx-ttproducts-pi1-listsoon div.item,
div#right div.tx-hvdextttproducts-pi1 div.item
{
	position:relative;
	font-size: 10px;
	margin: 10px 5px 10px 0;
	clear: both;
}

div#tx-ttproducts-pi1-listhighlights div.item div.cijfer,
div#tx-ttproducts-pi1-listsoon div.item div.cijfer
{
	float: left;
	margin: 5px 5px 10px 0;
}

div#tx-ttproducts-pi1-listhighlights div.item img,
div#tx-ttproducts-pi1-listsoon div.item img,
div#right div.tx-hvdextttproducts-pi1 div.item img
{
	margin: 0 8px 10px 0;
	float: left;
}

img.dropshadow,
.tx-hvdextttproducts-pi1 .image-small img,
.nieuwsection .item .image img,
.tx-ttproducts-pi1-single-display .image a img,
.csc-textpic-imagewrap img
{
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox/Mozilla */
	-webkit-box-shadow: 3px 3px 4px #999; /*Safari/Chrome */
	box-shadow: 3px 3px 4px #999; /* Opera & hoe het zou moeten */
	/* Voor IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* Voor IE 5.5 - 7 */  
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

div#tx-ttproducts-pi1-listhighlights div.item div.more img,
div#tx-ttproducts-pi1-listsoon div.item div.more img,
div#right div.tx-hvdextttproducts-pi1 div.item div.more img
{
	position:relative;
	float:right;
	margin-top: 10px;
	margin-bottom: 20px;
}

div#tx-ttproducts-pi1-listhighlights div.item .specs h2,
div#tx-ttproducts-pi1-listsoon div.item .specs h2,
div#right div.tx-hvdextttproducts-pi1 div.item .specs h2
{
	font-size: 10px;
}

div#right div.tx-hvdextttproducts-pi1 div.item .specs h3
{
	font-size: 10px;
	color: #333;
	font-style: italic;
	font-weight: normal;
}

/* Rechterkolom*/
div.item div.specs h2 a:link,
div.item div.specs h2 a:visited
{
	color: #333;
	font-size: 10px;
	text-transform: uppercase;
}

div.item div.specs h2 a:hover
{
	color: #c30;
}

div.item div.specs h2 a:active
{
	color: #333;
}




/* AUteurs*/
.tx-hvdextttproducts-pi1 a img.terugknopbutton
{
	float:right;
}



/* TYPO3 tx-newloginbox */
.tx-newloginbox-pi1,
.dmailsubscript
{
	background-color: #EFEFEF;
	padding: 10px;
	margin: 2px;
	color:#333;
}

/* TYPO3 sr_feuser_register */

div.tx-srfeuserregister-pi1
{
	background-color: #EFEFEF;
	padding: 10px;
	margin: 10px 2px;
}

.tx-srfeuserregister-pi1 fieldset,
.tx-sremailsubscribe-pi1 fieldset
{
	border: 0px transparent none;
}

.tx-sremailsubscribe-pi1 p,
.tx-sremailsubscribe-pi1 h4
{
	padding: 0;
	font-size: 10px;
}

input.tx-srfeuserregister-pi1-text
{
	width:225px;
}

dd input#tx-srfeuserregister-pi1-middle_name
{
	width:125px;
}


/* TYPO3 override styles */
p.csc-subheader
{
	margin: 0 0 10px 0;
	color: #372e2f;
	font-size: 14px;
}

div.csc-textpic-text
{
	margin-left:10px;
}

div.csc-header
{
/*	margin-top:40px;*/
	margin-top:40px;
	margin-bottom:19px;
}

div#right div.csc-header
{
	margin-top:0px;
}

/* FCE's */
.banier .tekstarea .bodytext { padding: 6px 10px 10px 10px; }


/* DIVERSEN ALGEMEEN*/
td.box-grijs
{
	background-color: #efefef;
	padding: 10px;
}

td.box-grijs table
{
	margin: 10px;
}

td.box-grijs table tr td
{
	padding:2px;
}

div.box-grijs-div
{
	padding: 10px;
}

p.bodytext { margin: 0 0 10px 0; }

/* Twitter start */

div#c1422
{
	min-height:443px;
}

#c1422 .csc-header-n1 h2
{
	background-color: Transparent;
	background-image: url('/fileadmin/templates/main/images/twitter_blue3.png');
	background-repeat: no-repeat;
	background-position: left 10px;
	position: relative;
	width: 185px;
	border-top: 1px #dadada solid;
	padding-top:15px;
}

#c1422 div.csc-header
{
	margin-bottom: 0;
}

#c1422 .csc-header-n1 h2 a
{
	padding-left: 75px;
	padding-top: 0px;
	color: #444;
	font-weight: bold;
	display: block;
	text-transform: none;
	font-size:16px;
}

#c1422 ul
{
	padding: 0;
}

#wt_twitter_newsticker
{
	padding-right:20px;
}

#wt_twitter_newsticker li
{
	background-color: #efefef;
	margin-bottom:3px;
	font-size: 11px;
	padding: 8px 4px 8px 8px;
	min-height: 40px;
}

#wt_twitter_newsticker li a
{
	border:none;
	padding: 0;
	color:#38a3cf;
}
#wt_twitter_newsticker li .username
{
	text-transform: uppercase;
}
#wt_twitter_newsticker li .datetime
{
	color:#666;
	font-size: 10px;
}

#wt_twitter_newsticker li a:hover
{
	color: #444;
	text-decoration: underline;
}

.wt_twitter_profile_image
{
	display: none;
}

/* Twitter end */