/* ----------------------------------------------------
   Project: 	www.slem.org
   Subject: 	general CSS definitions

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

/* Default styles: */
* { margin:0; padding:0; }

html, body, #maincontainer
{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	color: #000;
	font-size: 12px;
	font-family: verdana,arial,helvetica;
}

iframe#lightwindow_iframe div.tx-pilmailform-pi1,
iframe#lightwindow_iframe
{
	overflow:hidden;
}

h1
{
	font-size: 18px;
	font-weight: lighter;
	padding: 10px 0;
	border-bottom: 1px white dotted;
}
h2
{
	font-size: 18px;
	font-weight: lighter;
	padding: 10px 0;
	border:none;
}

ul {
}

p {
	line-height:1.42;
}

img
{
	border:none;
}

a,
a:visited
{
/*	color: #21A5BD;*/
	color: #ffffff;
	text-decoration: none;
}

a:hover
{
/*	color: #f51e12;*/
	color: #f51e12;
}

a:active
{
/*	color:#21A5BD;*/
	color:#ffffff;
}

/* Layout styles: */

#maincontainer
{
	position:relative;
	z-index:0;
}

#header
{
	position:relative;
	width:800px;
	height:40px;
	margin:0 auto;
}

#dock2
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:80px;
}

div.dock-container2
{
	position:relative;
	width:800px;
	margin:0 auto;
	height:80px;
}

/* dock2*/
/*
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #000;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}
*/

#logo
{
	position:absolute;
	left:800px;
	top:5px;
	z-index:3;
}


#menucontainer
{
	position:absolute;
	top:80px;
	width:100%;
	height:0;
	z-index:2;
}

#menu
{
	position:relative;
	left:0;
	width:800px;
	height:0;
	margin:0 auto;
}

#contentcontainer
{
	position:absolute;
	top:80px;
	width:100%;
	background-color: #000;
	z-index:1;
}

#content
{
	position: relative;
	height:530px;
	width:800px;
	margin:0 auto;
	background-color: white; 
	z-index:1;
}

#footercontainer
{
	position:absolute;
	top:610px;
	width:100%;
	background-image: url('/fileadmin/templates/main/images/drop_shadow.gif');
	background-repeat: repeat-x;
	z-index:1;
}

#footer
{
	position:relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:black;
	z-index:1;
}

.footercontent
{
	position: relative;
	margin: 10px 0px 10px 0;
	z-index: 1;
	border: 1px #CCC solid;
	height: 25px;
	color: #999;
}

.footercontent a,
.footercontent a:visited
{
	color: #999;
}

.footercontent a:hover
{
	color: #000;
}

.footercontent a:active
{
	color: #999;
}

.copyright
{
	width:100px;
	float: left;
	padding:5px;
}

.footermenu
{
	/*width: 300px;*/
	float: right;
	padding: 5px;
	/*text-align: right;*/
}

.clearboth
{
	clear:both;
}

.prop
{
	height:410px;
	float:right;
	width:1px;
}

.clear
{
	clear:both;
	height:0px;
	overflow:hidden;
}



/********** Mainmenu [begin] **********/

ul#navigation {
	position: relative;
	list-style-type:none;
	height:26px;
}

ul#navigation li {
	position: relative;
	padding: 5px 10px 5px 10px;
	background-color: #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

ul#navigation li.last {
	border-bottom: 1px solid #fff;
}

ul#navigation li.cur {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color:white;
}

ul#navigation li.nor {
	left:-999em;
}

ul#navigation li a,
ul#navigation li a:visited {
	color: #999;
}

ul#navigation li.cur a,
ul#navigation li.cur a:visited {
	color:#fff;
}
ul#navigation li a:hover {
	color:#fff;
}

ul.navigation2 {
	left:-999em;
	list-style-type:none;
	position:absolute;
	top:0px;
}

/********** Mainmenu [end] **********/

/* MAILFORM */
div.tx-pilmailform-pi1
{
	left:20px;
	padding-right:40px;
	position:relative;
}

.tx-pilmailform-pi1 td
{
	vertical-align: top;
	height: 25px;
}

.smalltext
{
	font-size: 10px;
	font-style: italic;
}

.tx-pilmailform-pi1 .inputtext
{
	width:415px;
}

.tx-pilmailform-pi1 td span.errortekst
{
	color: #f51e12;
	font-style: italic;
}

div#lettertjes
{
	height:37px;
	width:140px;
	cursor: pointer;
}

div.lettertjestekst
{
	padding:10px 10px 0 0;
	float:left;
}

div.sendbutton
{
	position:absolute;
	right:0;
	top:0;
	z-index:50;
}

h3.bedankt
{
	margin-top:25px;
	font-size: 18px;
	font-weight: lighter;
	border:none;
}

/*	tx_nkbrowsecontent_pi1	*/

div#nkbrowsecontent {position:relative;}

#nkbrowsecontentwrap {
	position:relative;
	width:800px;
	height:530px;
	overflow:hidden;
	margin-top:0px;
	z-index:1;
}

div.xyzfooter {
	height:8px;
	clear:both;
	background-color:black;
}

/******************************************/
/*	DEFAULT Slide and List behaviour	*/
div.xyz {
	color: #181818;
	background-color:#666666;
	position:absolute;
}

.xyz .colleft
{
	width:400px;
	float:left;
	overflow:hidden;
}

.xyz .colleft p
{
	padding: 35px 10px 25px 10px;
}

.xyz .colright
{
	width:400px;
	float:right;
	overflow:hidden;
}

.xyz .colright p
{
	padding: 35px 10px 5px 10px;
	overflow:hidden;
}

/******************************************/
/*	Slide  behaviour					*/

div.xyz0,
div.xyz1,
div.xyz2,
div.xyz3,
div.xyz4
{
	overflow: hidden;
}

div.xyz1 img
{
	border-bottom: 1px #FFF solid; /*total height 531*/
}

div.xyz1  div.colleft p,
div.xyz1  div.colright p
{
	padding: 5px 5px 5px 10px;
}

div.xyz2 div.brcimage
{
	position:relative;
	width:400px;
	border-bottom: 1px #FFF solid; /*total height 531*/
}

div.xyz2  div.colleft p
{
	padding: 5px 5px 5px 10px;
}

div.xyz2  div.colright p
{
	padding: 35px 5px 5px 10px;
}

div.xyz2  div.colright
{
	position:absolute;
	top:0;
	left:400px;
}

/******************************************/
/*	List  behaviour					*/

div.xyz5,
div.xyz6,
div.xyz7,
div.xyz8,
div.xyz9
{
	border-top: 1px #FFF solid; /*total height 217*/
}

div.xyz5  div.colleft p,
div.xyz6  div.colleft p,
div.xyz7  div.colleft p,
div.xyz8  div.colleft p,
div.xyz9  div.colleft p
{
	padding: 15px 5px 5px 10px;
	overflow:hidden;
}

div.xyz5  div.colright p,
div.xyz6  div.colright p,
div.xyz7  div.colright p,
div.xyz8  div.colright p,
div.xyz9  div.colright p
{
	padding: 15px 5px 5px 10px;
	overflow:hidden;
}


div.xyz5 div.colright p
{
	height:183px;
}

div.xyz6 div.colright p
{
	height:143px;
}

div.xyz7 div.colright p,
div.xyz8 div.colleft p,
div.xyz8 div.colright p,
div.xyz9 div.colleft p,
div.xyz9 div.colright p
{
	height: 63px;
}

div.xyz8 div.colright
{
	position:absolute;
	left:400px;
}


div.xyz8 div.colleft img,
div.xyz8 div.colright img
{
	float:left;
}



.tx-nkbrowsecontent-pi1 h1
{
	border: none;
	padding:35px 0 0 0;
}

.tx-nkbrowsecontent-pi1 h1,
.tx-nkbrowsecontent-pi1 h2
{
	border: none;
	padding-left:15px;
}

div.brcheader
{
	position: relative;
	background-color: #ff2c1e;
}
div.brcimage
{
	position:relative;
}
div.brcbrowser
{
	position:absolute;
/*	top: 358px; set by plugin */
	right:-40px;
	width:40px;
	z-index:1;
}

div.brcbrowser img
{
	margin-bottom: 8px;
}

div.brcbrowser img.brcnext
{
	position:absolute;
	top: 0px;
	left: 0px;
}

div.brcbrowser img.brcprev
{
	position:absolute;
	top: 45px;
	left: 0px;
}

div.brcbrowser div#browsecount {
	position:absolute;
/*	top: -20px; set by plugin */
	left: 0px;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	width:37px;
}


/******************************************/
/*	REGULAR CONTENT ELEMENTS			*/	

#content .csc-header,
#content .bodytext
{
	margin-left: 20px;
	margin-right: 20px;
}

#content tr.colofon-row .bodytext {
	margin-left:5px;
	margin-right:5px;
}


/**** moodalbox windnomaden mailform **********/
table.windnomaden 
{
	background-color: black;
	color: white;
}
table.windnomaden input,
table.windnomaden textarea
{
	width:310px;
}

table.windnomaden input.radi
{
	width: 20px;
}

table.windnomaden textarea.orderform
{
	width:530px;
}

input#wnsubmit
{
	width:75px;
}

/* Order form */
table.windnomaden input.qty
{
	width:35px;
}

table.windnomaden input.total
{
	width:50px;
}



div#lightwindow_data_slide  { display:none; }

div#covercanvas
{
	position:absolute;
	display:none;
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index:2;
	background-color:black;
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
div#covercont
{
	position:absolute;
	display:none;
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index:3;
	cursor:pointer;
}

div#coverlayer
{
	background-color: white;
	/*border:3px solid #FF2C1E;*/
	height:530px;
	margin:78px auto 0 auto;
	position:relative;
	width:800px;
	cursor:auto;
}
div.sccontainer {
	position:relative;
}
a#canvastrigger {
	display: block;
	width:800px;
	height:80px;
}
ul.nav2 {
	list-style-type:none;
	position:absolute;
	width:18em;
	left: -999em;
	top:-1px;;
}

ul#navigation li ul.nav2 li.nor2 a {
	color:#999999;
}
ul#navigation li ul.nav2 li.nor2 a:hover {
	color:#FFFFFF;
}

ul#navigation li.nor ul.nav2 li.nor2 {
	left:-999em;
}
ul#navigation li.cur ul.nav2 li.nor2 {
	left:-999em;
	display:none;
}
ul#navigation li ul.nav2 li.nor2.first {
	border-top:1px solid #FFFFFF;
}

ul#navigation li.ifsub {
	background-image:url('/fileadmin/css/liifsubbg.gif');
	background-position:200px 50%;
	background-repeat:no-repeat;
	cursor:default;
}

ul#navigation li.cur ul.nav2 {
	left:221px;
}

ul#navigation li.cur2 {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}

ul#navigation li a {
	display:block;
}


ul#navigation,
ul#navigation li,
ul.nav2
{
	width: 200px;
}

ul#navigation li.nor
{
	color:#999999;
}