/*-------------------------------------------------------------
 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:0px;
	top:17px;
	background-image:url(../images/logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 198px;
	height: 64px;
	display:block;
}

/* Sidewide */
#header #sidewide
{
	position:absolute;
	right:10px;
	top:17px;
	height: 25px;
	text-align: right;
}
#header #gobacknavigation 
{
	position:absolute;
	left:0px;
	top:17px;
	height: 25px;
	text-align: left;
}
#header #sidewide ul li,
#header #gobacknavigation ul li 
{
	border-left:solid 1px #fff;
	height:11px;
	line-height:5px;
	padding-top:0px;
	padding-right:12px;
	padding-bottom:0px;	
	padding-left:11px;	
	margin-left:0px;
}
#header #sidewide ul li.last,
#header #gobacknavigation ul li
{
	border-left:solid 0px;
}
#header #sidewide ul li.first 
{
	padding-right:0px;
}
#header #sidewide ul a:link,
#header #sidewide ul a:active, 
#header #sidewide ul a:visited,
#header #sidewide ul span.active,
#header #gobacknavigation ul a:link,
#header #gobacknavigation ul a:active,
#header #gobacknavigation ul a:visited
{
	font-size:0.95em;
	font-weight:bold;
	height:12px;
	line-height:11px;
	text-decoration: none;
	color: #ffffff;
	margin-top:0px;
	display:block;
}
#header #sidewide ul a:hover,
#header #gobacknavigation ul a:hover,
#header #sidewide ul span.active
{
	color:#F06B33;
	text-decoration: none;
}




#header .loginname
{
	position:absolute;
	right:115px;
	top:19px;
	height: 25px;
	text-align: right;
	color: #ffffff;
	font-size:0.9em;
	font-weight: bold;
}
#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;
	right:0px;
	width: 460px;
	height: 36px;
	top:30px;
}
/* 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 #sidewide li,
#header #mainnav li
{
	float:right;
	margin-left: 15px;
}

/************************************
* subnav
*************************************/
#subnav,
#subnav
{
	text-transform: uppercase;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom:19px;
	margin-right:30px;
}
#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.active a:link,
#subnav ul li.active a:active,
#subnav ul li.trail a:link,
#subnav ul li.trail a:visited,
#subnav ul li.trail 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,
#subnav .trail .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 .level_2 span.active
{
	padding-left: 12px;
	color: #F06B33;
}
#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: 0px;
}
.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:212px
}
#footer li
{
	float: left;
	margin-left: 10px;
	color: #999999;
	font-size:8pt;
}
#footer span
{
	color: #999999;
}

/************************************
* module login
*************************************/
.mod_login 
{
	margin-bottom: 30px;
	width:350px;
	float:left;
	margin-top:7px;

}
.mod_lostPassword 
{
	width:100%;
	margin-top:7px;
}
.mod_lostPassword .error 
{
	margin-left:0px;
}
.mod_login .formbody
{
	background-color:#ffffff;
	border-bottom: none;
	border-top:none;
	padding-left: 0px;
}
.login_forgot_pass 
{
	float:left;
	margin-top:9px;	
}
.mod_lostPassword label,
.mod_login label
{
	width: 120px;
	clear:left;
}
.mod_lostPassword label.mandatory 
{
	font-weight:normal;
}
.mod_lostPassword input,
.mod_login input
{
	width: 200px;	
}
.mod_lostPassword input.submit {
	width:125px;
	}
.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;
	text-indent:-2000px;
}
.mod_lostPassword .submit_container,
.mod_login .submit_container
{
	margin-left:130px;
}

/* gmt2 */
.mod_lostPassword div.submit_container
{
	clear:left;
}
.mod_lostPassword span.mandatory
{
	color:#ff0000;
	float:left;
}

.mod_lostPassword label,
.mod_lostPassword input
{
	float:left;
}

.mod_lostPassword td
{
	float:left;
}
/************************************
* enter style
*************************************/
#header .enter_title 
{
	display:none;
}
body.enter #header .enter_title
{
	display:block;
	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: 460px;
	height: 36px;
	top:173px;
}

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

body.enter .mod_article
{
	padding-right:36px;
}

/**
 * TL Pagination
 */
div.pagination  /* wrapper */
{
	padding:0px;
	margin:20px 0 0 0;
}
div.pagination p
{
	color:#F06B33;
	font-weight:bold;
	float:left;
	width:40%;
	margin:0px;
	padding:0px;
}
div.pagination ul 
{
	float:right;
	width:auto;
}
div.pagination ul li 
{
	clear:none;
	display:inline;
	padding:2px;
}

div.pagination span.current 
{
	font-weight:bold;
}
div.pagination a.link
{
}
div.pagination a.first ,
div.pagination a.previous ,
div.pagination a.next,
div.pagination a.last
{
	display:inline-block;
	color:#F06B33;
	font-weight:bold;
	width:4px;
	text-indent:-3000px;
	border:solid 1px #fff;
}
div.pagination a.first 	{	background:url(../images/arrow_left2.gif) no-repeat right center;width:8px;	}
div.pagination a.previous	{	background:url(../images/arrow_left.gif) no-repeat left center;				}
div.pagination a.next		{	background:url(../images/arrow_right.gif) no-repeat right center;			}
div.pagination a.last 	{	background:url(../images/arrow_right2.gif) no-repeat right center;width:8px;}

/************************************
* Logobank pagination
*************************************/

/***************************************************
* pagination
**************************************************** /

.pagination
{
	padding-top:0.5em;
	margin-bottom:1.5em;
}
.pagination div.prev,
.pagination div.next
{
	display:block;
	width:100px;
	border:1px solid #ffffff;
}
.pagination div.prev
{
	float:left;
}
.pagination div.next
{
	float:right;
}
.pagination .prev a:link,
.pagination .prev a:visited,
.pagination .prev a:active,
.pagination .prev a:hover,
.pagination .next a:link,
.pagination .next a:visited,
.pagination .next a:active,
.pagination .next a:hover
{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

.pagination .prev a:link,
.pagination .prev a:visited,
.pagination .prev a:active,
.pagination .prev a:hover
{
	float:left;
	padding-left:26px;	
}
.pagination .next a:link,
.pagination .next a:visited,
.pagination .next a:active,
.pagination .next a:hover
{
	float:right;
	padding-right:26px;	
}
.pagination ul
{
	display:block;
	list-style-type:none;
	margin:0px;
	text-align:center;
	float:left;
	width:286px;
}
.pagination ul li
{
	display:inline;
	padding:4px;
	clear:none;
}
.pagination ul li a:link,
.pagination ul li a:visited,
.pagination ul li a:active,
.pagination ul li a:hover
{
	text-decoration:none;
	color:#000000;
}
.pagination span.current
{
	color:#FF710F;
}


/************************************
* Logobank pagination
*************************************/
.pagecounter
{
	border-bottom:1px dotted #CCCCCC;
	padding: 3px 10px 3px 10px;
	float: left;
	width:440px;
	line-height:0.5em;
	height: 20px;
}
.pagecounter span
{
	color: #F06B33;
	font-weight: bold;
	list-style-type: none;
	padding-left: 2px;
	padding-right: 2px;
}
.pagecounter .totalrecords
{
	float: left;
}
.pagecounter .pagecountfilter
{
	float: right;
}
.pagecounter span.prev,
.pagecounter span.next
{
	cursor:pointer;
	float: left;
}
.pagecounter .prev
{
	background:url(../images/arrow_left.gif) no-repeat center;
	width: 4px;
	height: 19px;
	display: block;
}
.pagecounter .next
{
	background:url(../images/arrow_right.gif) no-repeat center;
	width: 4px;
	height: 19px;
	display: block;
}
.pagecounter .pageindicator
{
	float: left;
}


/************************************
* Account & settings personal data
*************************************/
 .mod_personalData table {
	width:auto;
	} 

.mod_gd_doclist,
.mod_gd_create {
	margin-top:21px;
	}	
	
/************************************
* News module
*************************************/
#best-practice .mod_newslist p  
{
	line-height:15px;	
	
}	
#best-practice .mod_newslist h2 
{
	line-height:15px;	
	margin-bottom:-2px;
}










/**************************************
* IE 6 Styles 
***************************************/
.ie6 #header #mainnav
{
	overflow-y: hidden;
}

.ie6 #Logobank_filter_Form .submit
{
	margin-right: 23px;
} 

.ie6 .formbody
{
	width:440px;
	overflow-y:none !important;
}

.ie6 #left {
	position: absolute;
}

.ie6 .mod_login{
	overflow:hidden;
}

.ie6 #sidewide {
	overflow:hidden;
}

.ie6 #sidewide * {
	float:left;
}

.ie6 #container #left {
	position:relative;
}

.ie6 #gobacknavigation { 
	overflow:hidden;
}
#gd_previewwrapper
{
	background-color:#FFFFFF;
}

.ie6 #gd_previewwrapper {
	width:auto;
	z-index:1;
}

.ie6 #tl_gd_editor_formbody {
	width:384px;
	z-index:5;
}

.ie6 #tl_gd_create_formbody {
	width:100%;
}

.ie6 fieldset {display:block; width:326px; overflow:hidden; }
.ie6 .imageuploadwrapper img {
	display:block;
	margin-left:0px;
}
.ie6 .imageuploadwrapper input {
	display:block;
	margin-left:0px;
}

.ie6 fieldset * {
	display:block;
	margin-left:0px;
}
.ie6 .icon {
	position:relative;
	top:1px;
}

.ie6 .mod_gd_editor .form_field_wizard .wizardcontrols li label { display:block; width: 55px; overflow:hidden; }
.ie6 a.info { z-index:999; }