/**
 * ADMIN CSS
 * ---------------- 
 * COLORS
 * rood: 	#EF1F41
 * blauw:	#3C4194	
 */

/***** Basic Elements *****/
body { color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5% /* = 10px */ }

a, 
a:hover
{ 
	color:#3C4194; 
	font-size:12px;
	text-decoration:none 
}

a:hover { border-bottom:solid 1px #EF1F41}

h2 
{ 
	background:url(../picoutput/header_left) no-repeat left top;
	color:#FFF;
	display:block;
	float:left;
	font-size:1.2em;
	height:15px; 
	padding-left:39px
}

h2 span 
{ 
	background: url(../picoutput/header_right) no-repeat right top;
	display:block;  
	float:left;
	height:15px; 
	padding: 1px 22px 0 5px; 
	white-space:nowrap
}

h3 { color:#3C4194; font-size:1.6em; padding-bottom:2px }

h6 { font-size:.9em; font-weight:normal; padding-bottom:15px }

/*
iframe { display:none }
*/
p { font-size:1.2em }  

p a{ font-size:1em }

p strong { color:#3C4194 }

p, 
li, 
ul { line-height:18px }

table a, 
table a:hover { color:#F60; border:none }

td 
{ 
	border:#999 thin solid; 
	font-size:1.2em;
	padding:5px 8px; 
	vertical-align:top; 
}

/***** Generic Classes *****/
.alert
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:8px 40px;
   margin:12px;
   background-color:#F2F2FA;
   font-style: italic;
}
.border { border: #000 1px solid }

.hidden { visibility:hidden;display:none }

.invisible { visibility:hidden }

.strong { font-weight:bold }

a.pdf-download
{
	background: url('../picoutput/pdficoon') no-repeat 0 0;
   border:none !important;
   display:block;
   padding:10px 15px 8px 50px;
   float:left;
   margin-top:15px;
   height:30px; 
}

a.pdf-download:hover { background: url('../picoutput/pdficoon_streep') no-repeat 0 0; }

.small { font-size:.9em; padding:1px }

.small tr td { padding:1px }

.tcontent { clear:both }

.highlight { background-color:#FFFF66 }

.noborder { border:none }

table.noborder td {border:none }

table.cms { width:100% }

table.cms td { background-color:#FAFBF9; border:#d9dce8 2px solid }

table.cms thead td { background-color:#d9dce8; border:#d9dce8 2px solid }

.td1 { text-align:right; text-transform:capitalize}

.td1 span 
{ 
	color:#666; 
	font-size: .7em; 
	font-weight:700; 
	padding-right:5px; 
	text-transform:capitalize; 
}

.underline {border-bottom:#FFF 1px solid;}

.button{ width: auto; margin-right: 6px; padding: 1px 5px 2px; cursor: pointer; float: right}

.button:hover { border:1px solid #F90 }

/***** Admin Classes *****/
	/* IE7 Hack omdat deze de visibility property niet kan lezen */
.edit, .edit a { display:none }
/**/
.edit { visibility:hidden !important }
.tcontent { clear:both }

/***** Basic Layout *****/

#page-container {width:999px}

#header{ background: #FFF url(../picoutput/banner) no-repeat 0 0; width:999px; height:141px}

#product-menu { float:left; color:#FFF; padding:0 10px }

#product-menu-top 
{ 
	padding:40px 20px 0; 
	float:left; 
	background: #202a36 url(../picoutput/lm_top) no-repeat; 
	width:183px; 
	height:auto; 
	min-height:325px
}

#product-menu-bottom 
{ 
	clear:left; 
	background: url(../picoutput/lm_bottom) no-repeat; 
	width:223px; 
	height:210px
}

#content-border {
	float:left; 
   background: url(../picoutput/bg_02) repeat-y; 
   width:756px; 
   height:auto
}

#content-holder 
{
	float:left; 
	background: url(../picoutput/bg_03) no-repeat; 
	width:728px; 
	height:auto; 
	min-height:270px;
	height:auto !important;
  	height:270px; 
	padding-left:28px 
}	

#footer 
{
	clear:left; 
	background:url(../picoutput/bg_footer) no-repeat; 
	width:756px; 
	height:55px; 
	color:#999; 
	text-align:center; 
	padding-top:43px
}

/***** Header *****/
#login 
{ 
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color:#D9DCE8;
	border:none; 
	color:#666;
	float:right;
	padding:5px 8px;
	z-index:20;
}

#flash-banner {position:absolute; top:0; left:0; z-index:25}

#header a{border:none}

#nav-container
{
	width:756px; 
	float:left; 
	position:relative; 
	top:84px; 
	left:243px
} 

#nav
{ 
	width:auto; 
	float:left; 
	position:relative; 
	left:50%; 
	text-align:left
}

#nav ul
{ 
	height:23px; 
	float:left; 
	position:relative; 
	left:-50%
}

#nav ul a,
#nav ul a span,
#nav ul a:hover,
#nav ul a:hover span,
#nav ul a:active, 
#nav ul a.current,
#nav ul a:active span, 
#nav ul a.current span
{
	display:block; 
	height:23px; 
	width:auto !important;
	width:40px;  
}

#nav ul a
{ 
	background: url(../picoutput/button_bl1) no-repeat top left;  
	color:#FFF; 
	text-decoration:none; 
	border:none; 
	white-space:nowrap;
}

#nav ul a span
{ 
	cursor:pointer;
	font-size:1em; 
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	padding:4px 27px 0 0; 
	background: url(../picoutput/button_bl1) no-repeat top right; 
	margin-left:27px; 
	font-weight:700; 
}

#nav ul a:hover
{ 
	background: url(../picoutput/button) no-repeat top left; 
}

#nav ul a:hover span
{ 
	padding:4px 27px 0 0; 
	background: url(../picoutput/button) no-repeat top right; 
	margin-left:27px;  
    cursor:pointer !important;
    cursor:hand;
}

#nav ul a:active, 
#nav ul a.current
{ 
	background: url(../picoutput/button_BAK) no-repeat top left;   
}

#nav ul a:active span, 
#nav ul a.current span
{ 
	padding:4px 27px 0 0; 
	background: url(../picoutput/button_BAK) no-repeat top right; 
	margin-left:27px; 
	
}

#nav li{ list-style:none; float:left; width:auto }

ul#lang
{ 
	float:right;
	width:auto;
	position:relative;
	top:123px;
	left:0px
}

ul#lang li { float:left; margin:0 1px }

ul#lang li a { width:23px; height:15px; display:block}

/***** Content *****/

.topic, 
.t1, 
.t2, 
.t3, 
.t4, 
.f1, 
.f2, 
.f3, 
.f4 {float:left}

.topic ul { padding-left:10px }

.topic li { padding-left:14px; background: url(../picoutput/li) no-repeat 0 4px; font-size:12px}

.topic img { padding:5px !important; padding: 5px 0; float:right; }

.t1, 
.t2, 
.t3, 
.t4 
{ 
	min-height:142px; 
	height:auto !important; 
	height:142px;
	padding:25px 35px 0 !important; 
	clear:left; 
	margin-right:15px 
}

.t1 { background:#d9dce8 url(../picoutput/tbody_1) no-repeat; width:629px}

.t2 { background:#d9dce8 url(../picoutput/tbody_2) no-repeat; width:345px}

.t3	{ background:#d9dce8 url(../picoutput/tbody_3) no-repeat; width:271px}

.t4 { background:#d9dce8 url(../picoutput/tbody_4) no-repeat; width:199px}
	
.f1, 
.f2, 
.f3, 
.f4 { height:31px; clear:left; padding-bottom:10px }

.f1 { background: url(../picoutput/tfooter_1) no-repeat; width:699px}

.f2 { background: url(../picoutput/tfooter_2) no-repeat; width:415px}

.f3 { background: url(../picoutput/tfooter_3) no-repeat; width:341px}

.f4 { background: url(../picoutput/tfooter_4) no-repeat; width:269px}

.dl-nieuwsbrief { text-align:center; }
.dl-nieuwsbrief img { margin:0 auto; }

.item { border-bottom:#FFF 1px solid; padding-bottom:15px; margin-bottom:20px; }

div.centerimg { text-align:center; }
img.center 
{ 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	background-color:#FFF; 
   float:none; 
   padding:5px;
   margin:2px;
   border:1px #999 solid;
   clear:both; margin:0 auto; width:auto; 
}

/***** Footer *****/

#footer a { color:#666; border:none }

#footer a:hover { color:#666; text-decoration:underline }

/***** Product-menu *****/

#product-menu a { color:#FFF;  border:none }

ul#accordion a.heading1, 
.currentHeading1 
{ 
	display:block;
	margin-top:10px;
	padding-left: 20px
}

ul#accordion ul { display:none }

ul#accordion a.heading1 { background: url(../picoutput/bullet_big_2) no-repeat 0 3px }

ul#accordion a.heading1:hover  { background: url(../picoutput/bullet_big) no-repeat 0 3px }

ul#accordion a.currentHeading1 { background: url(../picoutput/bullet_big) no-repeat 0 3px }

ul#accordion a.heading2 { background: url(../picoutput/bullet_small_2) no-repeat 0 5px; padding-left: 20px}

ul#accordion a.heading2:hover { background: url(../picoutput/bullet_small) no-repeat 0 5px }

ul#accordion a.currentHeading2 { background: url(../picoutput/bullet_small) no-repeat 0 5px }

ul#accordion li.underline { padding-bottom:10px }

ul#accordion li.underline ul { padding:5px 0 } 

ul#accordion li ul li { padding:0 0 0 20px }

ul#accordion a.currentHeading3,
ul#accordion a.heading3:active { border-bottom:1px solid #EF1F41 }


/***** Agenda *****/

.agenda {border-bottom:#FFF 1px solid; margin-bottom:20px }

.agenda td {padding:0; height: 18px; vertical-align:middle;}

.agenda h3 { padding-bottom:6px }

/***** Disclaimer *****/
.disclaimer td { line-height:18px; }

/***** Language Message*****/

.lang-wrapper {	color:#F1F1F1; padding:50px }

.lang-wrapper h2 
{ 
	background-image:none; 
	float:none; 
	font-size:16px;
	padding: 0 0 20px 0 
}

.sub-wrapper { padding:20px }

.sub-wrapper p{float:left; width:50%}

/***** Contact form *****/

fieldset
{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
	width:90%; 
	max-width:400px; 
	padding: 5px 18px 15px 15px; 
	border: #C9CDDE 1px solid
}

legend
{
	font-weight: bold; 
	color:#3C4194; 
	padding: 4px 8px; 
	margin-bottom: 4px; 
	font-size: 1.2em
}

label { width: 100px; float: left; padding-top: 2px}

input, 
select, 
input.nb, 
textarea
{ 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	color:#333; 
	margin: 2px 0 9px; 
	padding: 1px 0 2px 3px; 
	border: 1px solid #C9CDDE; 
	width: 200px; 
}

textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em}

select { margin: 2px 0 10px; padding: 1px 0 2px 3px; border: 1px solid #C9CDDE}

.valid { background-color: #CF9 }

.invalid { background-color: #FCC }

/* begin hack \*/

* html .button{padding: 0}

* html legend{margin-left: -5px}