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

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


*
{
	margin: 0;
	padding: 0;
}


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

body
{
	margin: 0;
	font-family: verdana, arial;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	background-color: #C6C9C5;
	letter-spacing: 0px;
	line-height: 14px;
	color: #000;
	background-image: url(/fileadmin/templates/main/images/bg_stippen.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

p
{
	padding: 15px 15px 15px 15px;
}

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

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

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

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

h2
{
	font-size: 14px;
}

h3
{
	font-size: 14px;
}

img
{
	border:none;
}

.error {
	background-color:red;
}
.displaynone {
	display:none;
}
.floatright {
	float:right;
	clear:none;
}

.clearboth
{
	clear:both;
}

#box-main-container
{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	position: relative;
	min-height: 100%;
	/* For Modern Browsers */
	height: auto !important;
	/* For Modern Browsers */
	/* For IE */
}

/**************************************************************************/
/*					HEADER START	 				 */
/**************************************************************************/

#header 
{ 
	background-color: #9ca59b; 
	height:125px;
}

/* MENU assortiment START*/

div#header ul
{
	list-style-type: none;
	color: #fff;
	margin: 0px 5px 0 0px;
	padding: 20px 0 20px 0;
	width: 650px;
	float: left;
}
div#header ul li
{
	list-style-type: none;
	padding-left: 10px;
	color: #373a37;
	font-size: 14px;
	font-weight: bold;
	background-image: url("/fileadmin/templates/main/images/menuscheiding.gif");
	background-repeat: no-repeat;
	background-position: 0 1.5em;
}

div#header ul li.last
{
	background-image: url("/clear.gif");
	background-repeat: no-repeat;
	background-position: 0 1.5em;
}


div#header li {
	list-style-type: none;
	padding-left: 1px;
	color: #fff;
}

div#header li a:link,
div#header li a:visited
{
	color: #373a37;
	font-family: Verdana, "Gill Sans", Helvetica;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;
}
div#header li a:hover {
	color: #fff;
}

div#header li.current,
div#header li.current a
{
	color: #fff;
}

#logo
{
	margin-top:30px;
	float:right;
	width:260px;
}

/**************************************************************************/
/*					SUBHEADER START	 		  			 */
/**************************************************************************/

div#subheader
{
	position: relative;
	z-index: 0;
	background-color: #000;
	width: 100%;
	height: 28px;
	color: #FFF;
}

#searchbox
{
	position: absolute;
	top:0;
	z-index: 1;
	float: left;
	width: 78%;
	height: 100%;
}

#searchbox span
{
	position: absolute;
	z-index: 2;
	top: 7px;
	right: 190px;
	width: 20%;
	text-align: right;
	vertical-align: text-bottom;
}


#searchbox input#searchboxinput
{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 26px;
	height: 100%;
	width: 20%;
	vertical-align: middle;
	line-height: 25px;
	border: none;
}

#searchbox img,
#searchbox input#searchboxsubmit
{
	position: absolute;
	z-index: 2;
	top:0;
	right:-2px;
}

#searchadvanced
{
	position: absolute;
	z-index: 1;
	right: 7%;
	top: 0;
	width: 14%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#searchadvanced a
{
	height: 100%;
	clear: both;
	display: block;
	vertical-align: middle;
	padding-top: 7px;
	text-transform: uppercase;
}

.tx-srlanguagemenu-pi1
{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	text-align: right;
	width: 7%;
}

div.tx-srlanguagemenu-pi1 img
{
	float:right;
	margin:0;
	padding:0;
}

/**************************************************************************/
/*					VISUALS START	 		  				 */
/**************************************************************************/
div#visuals
{
	position: relative;
	z-index: 0;
	height: 232px;
	border-bottom: 1px #FFF solid;
}

div#visuals-main
{
	position: relative;
	z-index: 0;
	height: 82px;
	border-bottom: 1px #FFF solid;
}

div#visual-wide
{
	position: relative;
	z-index:1;
	float: left;
	width:754px;
	height:100%;
}

div#visual-small
{
	position: absolute;
	z-index:2;
	top: 0;
	right:0;
	width:246px;
	height:100%;
}

div#visuals-main div#visual-wide
{
	border-right: 1px #FFF solid;
}

div#visual-smalla
{
	position: absolute;
	z-index:2;
	top: 0;
	right:0;
	width:246px;
	height:100%;
}

div#visual-smallb
{
	border-bottom: 1px #FFF solid;
}


/**************************************************************************/
/*					CONTENTSECTION START		  			 */
/**************************************************************************/
#contentcontainer
{
	position: relative;
	height: 100%;
	padding-bottom: 30px;
	background-image: url("/fileadmin/templates/main/images/bg_cc.gif");
	background-repeat: repeat-y;
}

div#box-main-container div.contentcontainerhome
{
	background-image: url("clear.gif");
	background-repeat: repeat;
	background-color: #C6C9C5;
}

div#content-home
{
	position: relative;
	z-index:1;
	float: left;
	width:754px;
}

div#colleft
{
	position: relative;
	z-index: 2;
	width: 219px;
	height: 100%;
	background-color: #9ca59b;
	float: left;
}

div#content
{
	position: relative;
	z-index: 1;
	float: left;
	width: 533px;
	background-color: #FFF;
}

div#colright
{
	position: relative;
	z-index: 2;
	float: right;
	width: 246px;
	height: 100%;
	background-color: #000;
	color: #FFF;
}
/*
div#colright
{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 246px;
	height: 100%;
	background-color: #000;
	color: #FFF;
}
*/
/**************************************************************************/
/*					FOOTER START	 						 */
/**************************************************************************/

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

#footercontainer
{
	width: 100%;
	z-index:3;
/*	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
*/
	height:25px;
	clear: both;
	background-color: #C6C9C5;
	border-top: 1px #FFF solid;
}

#footer
{
	position: relative;
	width: 400px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #333;
	white-space: nowrap;
	text-align: left;
	float:left;
}

div.hgcontainer
{
	position: relative;
	width: 400px;
	float:right;
}


div.hg
{
	padding-top: 3px;
	padding-bottom: 2px;
	float:left;
}

/**************************************************************************/
/*					LEFTCOL ELEMENTS START	 			 */
/**************************************************************************/
#colleft div.csc-header-n2,
#colleft div.csc-header
{
	position:relative;
/*	border-bottom: 1px #FFF solid;*/
	height: 100px;
}

#colleft h1
{
	position: relative;
	top: 10px;
	left: 0px;
	line-height: 25px;
	font-weight: lighter;
	font-size: 18px;
	letter-spacing: 1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px #FFF solid;
}

#colleft p
{
	padding: 10px;
	text-align: justify;
}

div#colleft ul
{
	list-style-type: none;
	width: 100%;
	border-right: 1px #FFF solid;
}

div#colleft ul li
{
	padding:0;
	list-style-type: none;
}

div#colleft
{
	border-right: 1px #FFF solid;
}

div#colleft div#submenu
{
	border-bottom: 1px #FFF solid;
}




/**************************************************************************/
/*					CONTENT ELEMENTS START	 			 */
/**************************************************************************/
.homecontent div.csc-header-n1,
#content div.csc-header-n1
{
	position:relative;
	border-bottom: 1px #FFF solid;
	height: 100px;
}

.homecontent h1
{
	position: relative;
	top: 35px;
	line-height: 24px;
	font-weight: lighter;
	font-size: 24px;
}

.homecontent div.bodytext-left-kolom
{
	width: 48%;
	float: left;
	text-align: justify;
}

.homecontent div.bodytext-right-kolom
{
	width: 48%;
	float: left;
	margin-left: 10px;
	text-align: justify;
}

.homecontent p.bodytext
{
	padding-left:0;
}

.listtable
{
	width:100%;
}

div.cattitle
{
	float: left;
	width: 50%;
	color: #FFF;
	font-size: 14px;
	padding-left:15px;
	padding-top:20px;
}

table.browsetable
{
	float:right;
}

td.topbox
{
	height:37px;
	border-bottom: 1px #FFF solid;
}
tr.topbox
{
	height:40px;
	border-bottom: 1px #FFF solid;
	color:#FFFFFF;
}

div#content div.csc-header-n1
{
	height: 76px;
	background-color: #9ca59b;
	vertical-align: bottom;
}

div#content div.csc-header-n1 h1
{
	color: white;
	margin-left: 15px;
	padding-top: 45px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: lighter;
}

div#content p.bodytext a:link,
div#content p.bodytext a:visited
{
	color: #003d90;
}

div#content p.bodytext a:hover
{
	color: #000;
	text-decoration: underline;
}

div#content p.bodytext a:active
{
	color: #003d90;
}

.browsebox
{
	float:right;
}

.browsebox td
{
	padding:0 2px 0 2px;
}

.browsebox a:link,
.browsebox b
{
	padding:0 1px 0 1px;
}

td.listcol { text-align: center; }

td.listcol-left { text-align: left; }


div.category
{
	height:36px;
	border-bottom: 1px #FFF solid;
}

div.itemnumber
{
	height:40px;
	border-bottom: 1px #FFF solid;
}

div.category h1
{
	padding-top: 20px;
	color: #FFF;
	font-size: 14px;
	padding-left: 15px;
	font-weight: normal;
}

div.itemnumber h2
{
	padding-top: 20px;
	color: #FFF;
	font-size: 14px;
	padding-left: 15px;
	font-weight: normal;
}

div#imagescontainer
{
	float:right;
	width:250px;
	border-left:1px #fff solid;
}

div.specs
{
	padding:0px;
}

div.specs dl dt
{
	color: #666;
	font-weight: bold;
}

div.specs dl dd
{
	margin-bottom:15px;
}


form#mailform
{
	padding-bottom:150px;
}

form#mailform fieldset
{
	border:none;
	padding:15px;
}

form#mailform div
{
	padding-bottom:10px;
}

form#mailform label
{
	width: 125px;
	font-weight: bold;
}

form#mailform input,
form#mailform textarea
{
	position:absolute;
	left: 150px;
}

form#mailform div.radiodiv input {
	left:0px;
	position:relative;
}

form#mailform input.csc-mailform-submit
{
	margin-top:130px;
	margin-bottom:200px;
	width: 125px;
}

form#mailform legend
{
	display:none;
}

form#mailform input.csc-mailform-radio
{
	left: 15px;
}

form#mailform fieldset#mailformOnderwerp label
{
	font-weight: normal;
	padding-left: 5px;
	vertical-align: middle;
}

form#mailform input input#mailformformtype_mail
{

}

form#mailform .captcha {
	position:relative;
	top:105px;
}

form#mailform div.error
{
	background-color: transparent;
	padding-bottom:5px;
	color: red;
	position: relative;
	z-index: 1;
}

img.tx-srfreecap-pi2-image
{
	float:left;
	margin-right:10px;
}

form#mailform input.captcha-input
{
	left: auto;
	position: relative;
}

form#mailform a:link,
form#mailform a:visited {
	color:#666;
	text-decoration:underline;
}


/**************************************************************************/
/*					RIGHTCOL ELEMENTS START	 			 */
/**************************************************************************/
#colright div.csc-header-n2,
#colright div.csc-header
{
	position:relative;
	border-bottom: 1px #FFF solid;
}

#colright h2
{
	position: relative;
	top: 10px;
	left: 10px;
	line-height: 25px;
	font-weight: lighter;
	font-size: 18px;
	letter-spacing: 2px;
	padding-right:20px;
}

div#colright div.rightcontent div.csc-header
{
	border-bottom: none;
}

div#colright div.rightcontent div.csc-textpic img
{
	border-bottom: 1px #FFF solid;
}

#contentcontainer div.homeright div.csc-header
{
	height:100px;
}

#colright p,
.rightcontent p
{
	padding: 10px;
	text-align: justify;
}

.rightcontent h1
{
	position:relative;
	border-bottom: 1px #FFF solid;
	line-height: 25px;
	font-weight: lighter;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 10px;
}

div#basket
{
	position:relative;
	background-color: #9ca59b;
	border-bottom: 1px #FFF solid;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	height:16px;
}

div#basket img
{
	position:absolute;
	left:15px;
	top:0;
}


/**************************************************************************/
/*					TT-NEWS ELEMENTS 			 			 */
/**************************************************************************/
.news-list-container,
.news-single-item
{
	padding: 0;
}

div.news-list-container,
.news-body
{
	padding: 15px;
}

div.news-list-container p,
div.news-single-item p
{
	padding: 0px;
}

div.news-list-container a:link,
div.news-list-container a:visited,
div.news-single-item a:link,
div.news-single-item a:visited
{
	text-decoration: none;
	color: #003d90;
}

div.news-list-container a:hover,
div.news-single-item a:hover
{
	text-decoration: none;
	color: #373a37;
}

div.news-list-container a:active,
div.news-single-item a:active
{
	text-decoration: none;
	color: #003d90;
}

.newsitem 
{
	margin-bottom:15px;
}

div.news-list-container h3
{
	margin-bottom:10px;
}

div#content div.news-single-item div.csc-header-n1 h1
{
	padding-top:25px;
	line-height:20px;
}

div.news-list-container img,
div.news-single-item img
{
	border: 1px #CCC solid;
	float: left;
	margin: 0 10px 5px 0;
}

div.news-body p.intro
{
/*	float:left;*/
	font-weight:bold;
	padding-right:5px;
}

div.news-body p.bodytext
{
/*	float:left;*/
	padding-bottom:10px;
}

/**************************************************************************/
/*					TT-PRODUCTS ELEMENTS 			 			 */
/**************************************************************************/

div.tx-ttproducts-pi1-basket .csc-header-n1 img
{
	float:left;
	padding:35px 0 0 15px;
}

form#infoform,
td.orderinstructie,
div.tx-ttproducts-pi1-confirm-table
{
	padding:15px;
}

div#tx-ttproducts-pi1-search p
{
	padding:0px;
}


div.agbcheckbox
{
	display:none;
}

div#colright div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image
{
	margin:0;
}

div.bestel
{
	background-color:#9CA59B;
	height:40px;
	border-bottom: 1px #fff solid;
}

div.bestel .button input
{
	margin-left:15px;
	float:left;
}

div.specs div.odd,
div.specs div.even
{
	height:43px;
}

div.specs div.even
{
	background-color:#ebebe8;
}

div.specs div.odd div.label,
div.specs div.even div.label
{
	float: left;
	width: 75px;
	padding: 10px 0 0 0;
	text-align: center;
}

div.specs div.odd div.value,
div.specs div.even div.value
{
	float:left;
	padding: 15px 0 0px 25px;
}

div.single-itemnumber
{
	float:left;
	padding-top:15px;
	padding-left:15px;
	color: #FFF;
	font-size: 14px;
}


div#tx-ttproducts-pi1-search td.topbox,
div#tx-ttproducts-pi1-search div.category
{
	background-color: #003D90;
}

div#tx-ttproducts-pi1-search tr.topbox,
div#tx-ttproducts-pi1-search div.itemnumber
{
	background-color: #3467AB;
}

div#tx-ttproducts-pi1-search .tx-ttproducts-list-item a:link,
div#tx-ttproducts-pi1-search .tx-ttproducts-list-item a:visited
{
	color: #003D90;
	text-decoration: underline;
}

div#tx-ttproducts-pi1-search .tx-ttproducts-list-item a:hover
{
	text-decoration: none;
	color: #373a37;
}

div#tx-ttproducts-pi1-search .tx-ttproducts-list-item a:active
{
	color: #003D90;
	text-decoration: none;
}