/**** tapete.css 	***/
/**** author: savage.io ***/

/***********************/
/**** layout styles ****/
/* see: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
html, body { width:100%; height:100%; margin:0; padding:0; }

body {
	background-color:#ff0033;
	color:#ff0033;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	letter-spacing:-0.1px;
	/* ie does not see the next rule: */
	display:table;
}

body div { position: relative; }

div#wrapper {
	text-align:center;
	/* ie does not see the next two rules: */
	display: table-cell;
	vertical-align: middle;
	/* only ie sees the next two: */
	#position: absolute;
	#top: 50%;
}

div#inner {
	border:none;
	width:850px;
	margin:0 auto;
	text-align:left;
	height:550px;
	background-color:#ffffff;
	/* only ie sees the next two: */
	#position: relative;
	#top: -50%;
}

div#menukol {
	height:500px;
	left:25px;
	position:absolute;
	top:25px;
	width:120px;
}

div#contkol {
	position:absolute;
	left:170px;
	top:25px;
	height:500px;
	width:680px;
	overflow-y:auto;
	overflow-x:hidden;
}

/********************/
/**** FCE styles ****/
#twocolleft, #twocolright,
#fourcolone, #fourcoltwo, #fourcoltre, #fourcolfor,
#threecolone, #threecoltwo, #threecoltre {
	position:absolute;
	top:0;
	height:500px;
}

#twocolleft, #twocolright { width:340px; }
#twocolleft  { left:0 }
#twocolright { left:340px; }

#fourcolone, #fourcoltwo, #fourcoltre, #fourcolfor { width:170px; }
#fourcolone { left:0px; }
#fourcoltwo { left:170px; }
#fourcoltre { left:340px; }
#fourcolfor { left:510px; }

#threecolone {
	left:0px;
	width:340px;
}
#threecoltwo {
	width:170px;
	left:340px;
}
#threecoltre {
	width:170px;
	left:510px;
}

div.fce-collection {
	position:absolute;
	left:0;
	top:0;
	width:680px;
	height:500px;
	overflow: hidden;
}
div.fce-collection .mainimg,
div.fce-collection .imgsection .img {
	position:absolute;
	left:0;
	top:0;
	width:340px;
	height:500px;
}

div.fce-collection .descript {
	position:absolute;
	top:0;
	left:510px;
	height:500px;
	overflow-y:auto;
	width:170px;
}
div.fce-collection .imgsection {
	position:absolute;
	left:0;
	top:0;
	width:340px;
	height:500px;
}
div.fce-collection .imgsection .img .artnaam,
div.fce-collection .imgsection .img .artgroep,
div.fce-collection .imgsection .img .artnr { position: absolute; height:18px;left:0px; }

div.fce-collection .imgsection .img .artnaam {
	top: 446px;
}
div.fce-collection .imgsection .img .artgroep {
	top: 464px;
	font-style:italic;
	font-weight:normal;
}
div.fce-collection .imgsection .img .artnr {
	top: 482px;
	font-weight:normal;
}

div.fce-collection .thumbsection {
	position:absolute;
	left:340px;
	top:0;
	width:170px;
	height:500px;
	text-align:center;
	overflow-y:auto;
}
div.fce-collection .thumbsection .thumb { margin:0 auto; }

/*********************/
/**** Menu styles ****/
div#menuwrap { margin-top:43px; }

div#collectionmenu {
	left:280px;
	position:absolute;
	top:200px;
	width:450px;
	height:77px;
	z-index:2;
}
div#collectionmenu a,
div#collectionmenu a img {
	display:block;
	position:absolute;
	overflow:hidden;
}
a#coll_baby_groen {
	background-image:url(/fileadmin/img/menu/Baby-button.png);
	background-position:left top;
	height:70px;
	left:0;
	top:40px;
	width:121px;
}
a#coll_baby_groen:hover { background-image:url(/fileadmin/img/menu/Baby-button-actief.png); }
a#coll_kids_blauw {
	background-image:url(/fileadmin/img/menu/Kids-button.png);
	background-position:left top;
	height:76px;
	left:336px;
	top:37px;
	width:128px;
}
a#coll_kids_blauw:hover { background-image:url(/fileadmin/img/menu/Kids-button-actief.png); }

div#copyright {
	font-weight:normal;
	position:absolute;
	top:464px;
}

/************************/
/**** content styles ****/
h1,h2,h3,h4,h5 {margin-top:0;}


div.csc-textpic-imagewrap { z-index:1; }
p { margin:0 0 18px 3px; }
#twocolleft p,
#twocolright p,
#threecolone p { margin:0 40px 18px 3px; }
.descript p { margin:0 0 18px 8px; }
.veertien-px { font-size:14px; }
.vijftien-px { font-size:15px; }
.zestien-px  { font-size:16px; }
.veertien-px-zwart { font-size:14px; color:#000000; }
.vijftien-px-zwart { font-size:15px; color:#000000; }
.zestien-px-zwart  { font-size:16px; color:#000000; }
a, a:link, a:visited, a:active {
	color:#ff0033;
	text-decoration:none;
}
a:hover {color:#000000;}


#content .col
{
	position:relative;
	float: left;
	width:250px;
}

.tx_abdownloads_listView_downloads,
.tx_abdownloads_listView_category
{
	text-align: center;
}

.tx_abdownloads_listView_download_1,
.tx_abdownloads_listView_download_2
{
	margin: 0 0 20px 0;
}

.col21 .tx_abdownloads_listView_category a,
.col21 .tx_abdownloads_listView_category a:visited,
.col22 .tx_abdownloads_listView_category a,
.col22 .tx_abdownloads_listView_category a:visited
{
	color:black;
}

.col21 .tx_abdownloads_listView_category a:hover,
.color_1 div.rollover-tekst,
div.color_1
{
	color:#00ff00;
}

.col22 .tx_abdownloads_listView_category a:hover,
.color_2 div.rollover-tekst,
div.color_2
{
	color:#3366ff;
}

.col21 .tx_abdownloads_listView_category a:active
{
	color:black;
}


.tx-felogin-pi1
{
	padding:0 0 0 3px;
	margin:0;
}

.tx-felogin-pi1 fieldset
{
	border:none;
	padding:0;
	margin: 30px 0 0 0 ;
}

.tx-felogin-pi1 legend
{
	display:none;
}


.tx-felogin-pi1 fieldset div {
	padding: 15px 0;
	text-transform: lowercase;
}


.tx-felogin-pi1 fieldset div label
{
	position:absolute;
}

.tx-felogin-pi1 fieldset div input
{
	border:none;
	margin: 0px 0 0 90px ;
	position: relative;
	height:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tx-felogin-pi1 fieldset p.username
{
	margin: 0px 0 0 90px ;
	position: relative;
}

.tx-felogin-pi1 fieldset div input#user,
.tx-felogin-pi1 fieldset div input#pass {
	border-top: none;
	border-right: 2px #cccccc solid;
	border-bottom: 2px #cccccc solid;
	border-left: none;
}

input#submit
{
	background-color: #FF0033;
	color: white;
	font-style: italic;
	padding: 2px 4px 4px 4px;
	cursor: pointer;
	text-transform: lowercase;
}

input#submit:hover
{
	background-color: #000000;
	color: white;
}

div.catname {
	padding: 5px 0 ;
	margin: 0 0 15px;
}

div.rollover-tekst {
	display: block;
	left: 164px;
	position: absolute;
	top: 16px;
	text-align: left;
	width: 300px;
}