/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - typolight modules
---------------------------------------------------------------*/


/************************************
* header modules
*************************************/
#header 
{
	color: #ffffff;
}

#header .inside ul,
#header .inside ol,
#footer .inside ul,
#footer .inside ol
{
	margin-left: 0px;
	list-style-type:none;
}

#header #logo a:link,  
#header #logo a:active,  
#header #logo a:visited,  
#header #logo a:hover  
{
	position:absolute;
	left:1px;
	top:17px;
	background-image:url(../images/logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 198px;
	height: 64px;
	display:block;
}
/* search */
#header #searchDiv{
	position:absolute;
	height:22px;
	top:18px;
	left:835px;
	width:120px;
}
#header #searchDiv a {
	background:transparent url(tl_files/images/searchbutton.gif) no-repeat scroll left top;
	height:22px;
	float:right;
	position:absolute;
	right:0;
	top:0;
	width:13px;
}
#header #searchDiv input {
	border:0 none;
	float:left;
	padding-left:4px;
	padding-top:4px;
	height:16px;
	width:112px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
}
/* Sidewide */

#header #sidewide
{
	position:absolute;
	right:0px;
	top:19px;
	height: 25px;
	text-align: right;
}
#header #sidewide ul a:link,
#header #sidewide ul a:active, 
#header #sidewide ul a:visited
{
	font-size:0.9em;
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
}
#header #sidewide ul a:hover
{
	color:#F06B33;
	text-decoration: none;
}

/* Mainnav */


#header #mainnav
{
	position:absolute;
	right:0px;
	top:17px;
	height: 64px;
	text-align: right;
	text-transform: uppercase;
	overflow-y: hidden;
}
#header #mainnav span,
#header #mainnav ul a:link,
#header #mainnav ul a:active, 
#header #mainnav ul a:visited,
#header #mainnav li a:hover span,
#header #mainnav ul a:hover
{
	font-size:50px;
	font-weight:normal;
	text-decoration: none;
	color: #ffffff;
	line-height:1.2em;
}

/*
#header #mainnav
{
	position:absolute;
	right:0px;
	top:67px;
	height: 20px;
	text-align: right;
	text-transform: uppercase;
	overflow-y: hidden;
}
#header #mainnav span,
#header #mainnav ul a:link,
#header #mainnav ul a:active, 
#header #mainnav ul a:visited
{
	font-size:1.4em;
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
}
#header #mainnav li a:hover span,
#header #mainnav ul a:hover
{
	color:#F06B33;
	text-decoration: none;
}*/

#header #sidewide li,
#header #mainnav li
{
	float:right;
	margin-left: 15px;
}

/************************************
* subnav
*************************************/
#subnav,
#subnav
{
	text-transform: uppercase;
	margin-left: 0px;
}
#subnav ul,
#subnav ol
{
	list-style-type:none;
	margin-left: 0px;
	margin-bottom: 0.5em;
}
#subnav li,
#subnav li
{
	margin-bottom: 6px;
}
#subnav ul li a:link,
#subnav ul li a:active,
#subnav ul li a:visited
{
	background:transparent url(../images/arrow_bread.gif) no-repeat scroll 0.2em 0.35em;
	padding-left: 12px;
	font-weight: bold;
	color: #000000;
}
#subnav span
{
	background:transparent url(../images/arrow_bread_hover.gif) no-repeat scroll 0.2em 0.35em;
	padding-left: 12px;
	font-weight: bold;
	color: #F06B33;
}

#subnav ul li a:hover,
#subnav ul li a:hover span
{
	background:transparent url(../images/arrow_bread_hover.gif) no-repeat scroll 0.2em 0.35em;
	color: #F06B33;
	text-decoration: none;
}

/* top */
#subnav ul li.submenu a:link,
#subnav ul li.submenu a:active
{
	background:transparent url(../images/arrow_bread_hover.gif) no-repeat scroll 0.2em 0.35em;
	padding-left: 12px;
	font-weight: bold;
	color: #F06B33;
}

/* submenu 2nd layer switch */
#subnav .active .level_2
{
	display: block;
}
#subnav .level_2
{
	display: none;
}
/* level 2 */
#subnav .level_2,
#subnav .level_2
{
	text-transform: lowercase;
	margin-left: 0px;
}

#subnav .level_2 ul,
#subnav .level_2 ol
{
	list-style-type:none;
	margin-left: 0px;
}
#subnav .level_2 li
{
	margin-bottom: 2px;
}

#subnav ul.level_2
{
	background:transparent url(../images/bg_subnav.gif) no-repeat scroll left top;
	margin-top: 3px;
	padding-top: 2px;
}
#subnav ul.level_2 li a:link,
#subnav ul.level_2 li a:active,
#subnav ul.level_2 li a:visited
{
	background:none;
	padding-left: 12px;
	font-weight: normal;
	color: #999999;
}
#subnav .level_2 span
{
	background:none;
	padding-left: 0px;
	font-weight: normal;
	color: #999999;
}
#subnav ul.level_2 li a:hover,
#subnav ul.level_2 li a:hover span
{
	background:none;
	color: #F06B33;
	text-decoration: none;
}


/************************************
* breadcrumb
************************************/
.mod_breadcrumb 
{
	margin-top: 5px;
	margin-bottom: 6px;
}
.mod_breadcrumb a:link,
.mod_breadcrumb a:visited,
.mod_breadcrumb a:active
{
	font-size:8pt;
	text-decoration:none;
}
.mod_breadcrumb a:hover
{
	color:#F06B33;
	text-decoration:none;
}
.mod_breadcrumb span
{
	color: #999999;
	font-size:8pt;
}


/************************************
* footer
*************************************/
#footer .inside
{
	color: #999999;
	font-size:8pt;
	padding-left:0px;
	float:left;
	width:100%;
	padding-top:5px;
}
#footer_txt{
	float:left;
}
#footer ul{
	float:left;
}
#footer li
{
	float: left;
	margin-left: 2px;
	color: #999999;
	font-size:8pt;
}
#footer span
{
	color: #999999;
}

/************************************
* module login
*************************************/
.mod_login 
{
	margin-bottom: 30px;

}
.mod_login label
{
	width: 120px;
}
.mod_login input
{
	width: 200px;
}
.mod_login .submit
{
	width: 83px;
	height: 29px;
	cursor: pointer;
	background-image:url(../images/inloggen.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
}


/************************************
* enter style
*************************************/
body.enter #header .enter_title
{
	font-size: 40px;
	text-transform: uppercase;
	background-image:url(../images/enter_title.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	width: 240px;
	height: 36px;
	top:173px;
}

body.enter #footer .inside
{
	color: #999999;
	font-size:8pt;
	padding-left:0px
}

body.enter .mod_article
{
	padding-right: 50px;

}


/************************************
* warehouse
*************************************/
body.warehouse {
	background:#000;
	}