@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
    behavior:url("DesktopModules/SnapsisDNN/NavMenu/csshover.htc");
    background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-color: #d5e4c0;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}



img{border:0;padding:0;margin:0;}



#pwft .pakweg {
	float: right;
	width: 300px;
	text-align: right;
}
#pwft .adres {
	float: left;
	width: 400px;
}


#pwlogo {
	height: 110px;
	float: left;
	width: 220px;
}
#pwmenu {
	height: 110px;
}
#pwmenu .pwlogin {
	color: #FFF;
	float: right;
	height: 31px;
}
#pwmenu .pwmenubalk {
	float: right;
	height: 29px;
	width: 700px;
	margin-top: 34px;
}
#pwwit {
	background-color: #FFF;
	height: 11px;
}
#pwbanner {
	background-color: #FFF;
	background-image: url(img/banner.jpg);
	height: 129px;
}
#codemusic {
	background-color: #FFF;
	background-image: url(img/bgcontent.gif);
	background-repeat: repeat-x;


}
#pwblauw {

}
#pwft {
	background-color: #D5E4C0;
	height: 11px;
}

/* CSS Document */

html { height:100%; }
p, div, ul, li {
	font-family:arial,helvetica,verdana;
	font-size:12px;
	color:#333;
	line-height: 1.5;
}
table, tr, td { font-family:arial,helvetica,verdana; font-size:12px; margin:0; color:#333; }
.normal, .Normal { font-family:arial,helvetica,verdana; font-size:12px; color:#333;line-height: 1.5; }
.NormalBold { font-family:arial,helvetica,verdana; font-size:12px; font-weight:bold; color:#333;line-height: 1.5; }
.NormalRed { color:#c50000; font-family:arial,helvetica,verdana; font-weight:bold; font-size:12px;line-height: 1.5; }
.FullHeight { height:100%; }
.FullWidth { width:100%; }
.clear { clear:both; line-height:0; margin:0; padding:0; font-size:0; height:0; }
SMALL, small { font-family:arial,helvetica,verdana; font-size:11px; margin:0; color:#333; }
.klein { font-family:arial,helvetica,verdana; font-size:11px;  }

/*-----------------------------------------------------------------------*/
/* Links																 */
/*-----------------------------------------------------------------------*/
a:link, a:visited, a:active {
	color:#0098ca;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a.Normal:link, a.Normal:visited {
	color:#0098CA;
	font-weight:normal;
	text-decoration:none;
}
a.Normal:hover {
	color:#000;
	text-decoration:underline;
}
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { font-family:arial,helvetica,verdana; color:#7a7a7a; font-weight:bold; text-decoration:underline; }
A.CommandButton:hover { color:#9e9e9e; text-decoration:underline; }

a:focus {
	outline:1px dotted invert
}

/*-----------------------------------------------------------------------*/
/* Headings																 */
/*-----------------------------------------------------------------------*/

.TitleHead {
font-family:arial,helvetica,verdana;
	font-size:18px;
	color:#333;
	font-weight:bold;
}


H1 {
	font-family:arial,helvetica,verdana;
	font-size:18px;
	color:#333;
	font-weight:bold;

}
H2 {
	font-family:arial,helvetica,verdana;
	font-size:16px;
	color:#333;
	font-weight:bold;
}
H3 {
	font-family:arial,helvetica,verdana;
	font-size:18px;
	color:#333;
	font-weight:bold;
}
H4 {
	font-family:arial,helvetica,verdana;
	font-size:16px;
	color:#666;
	font-weight:bold;
}
H5 {
	font-family:arial,helvetica,verdana;
	font-size:14px;
	color:#666;
	font-weight:bold;
}
H6 {
	font-family:arial,helvetica,verdana;
	font-size:12px;
	color:#9e9e9e;
	font-weight:bold;
}
.Head {
	font-family:arial,helvetica,verdana;
	font-size:20px;
	color:#9e9e9e;
	font-weight:bold;
	padding:0;
	margin:0;
}
.SubHead {
	font-family:arial,helvetica,verdana;
	font-size:16px;
	font-weight:bold;
	color:#585858;
	padding:0;
}

/*-----------------------------------------------------------------------*/
/* Forms																 */
/*-----------------------------------------------------------------------*/
select, input {
	font-family:arial,helvetica,verdana;
	font-size:12px;
	color:#333333;
}
.NormalTextBox {
	color:#333333;
	padding-left:4px;
	line-height:18px;
	font-family:arial,helvetica,verdana;
	font-weight:normal;
	font-size:12px;
}
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton {
	background:#f2f2f2 none;
	color:#575757;
	font-family:arial,helvetica,verdana;
	font-size:12px;
	font-weight:normal;
}

/*-----------------------------------------------------------------------*/
/* Rest																 */
/*-----------------------------------------------------------------------*/

hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}

ol {
	list-style:decimal
}
ul {
	list-style:disc
}
li {
	margin-left:30px
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom:20px
}

/*-----------------------------------------------------------------------*/
/* 960															 */
/*-----------------------------------------------------------------------*/
.container_12 {
	margin-left:auto;
	margin-right:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right:10px
}
.container_12 .grid_3 {
	width:220px
}
.container_12 .grid_6  {
	width:460px
}
.container_12 .grid_9 {
	width:700px
}
.container_12 .grid_12{
	width:940px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
.container_12 .grid_1 {
	width:60px
}
.container_12 .grid_2 {
	width:140px
}
.container_12 .grid_4 {
	width:300px
}
.container_12 .grid_5 {
	width:380px
}
.container_12 .grid_7 {
	width:540px
}
.container_12 .grid_8 {
	width:620px
}
.container_12 .grid_10 {
	width:780px
}
.container_12 .grid_11 {
	width:860px
}

.container_12 .prefix_3 {
	padding-left:240px
}
.container_12 .prefix_6 {
	padding-left:480px
}
.container_12 .prefix_9 {
	padding-left:720px
}
.container_12 .prefix_1 {
	padding-left:80px
}
.container_12 .prefix_2 {
	padding-left:160px
}
.container_12 .prefix_4 {
	padding-left:320px
}
.container_12 .prefix_5 {
	padding-left:400px
}
.container_12 .prefix_7 {
	padding-left:560px
}
.container_12 .prefix_8 {
	padding-left:640px
}
.container_12 .prefix_10 {
	padding-left:800px
}
.container_12 .prefix_11 {
	padding-left:880px
}

.container_12 .suffix_3 {
	padding-right:240px
}
.container_12 .suffix_6 {
	padding-right:480px
}
.container_12 .suffix_9 {
	padding-right:720px
}
.container_12 .suffix_1 {
	padding-right:80px
}
.container_12 .suffix_2 {
	padding-right:160px
}
.container_12 .suffix_4 {
	padding-right:320px
}
.container_12 .suffix_5 {
	padding-right:400px
}
.container_12 .suffix_7 {
	padding-right:560px
}
.container_12 .suffix_8 {
	padding-right:640px
}
.container_12 .suffix_10 {
	padding-right:800px
}
.container_12 .suffix_11 {
	padding-right:880px
}

.container_12 .push_3{
	left:240px
}
.container_12 .push_6 {
	left:480px
}
.container_12 .push_9 {
	left:720px
}
.container_12 .push_1 {
	left:80px
}
.container_12 .push_2 {
	left:160px
}
.container_12 .push_4 {
	left:320px
}
.container_12 .push_5 {
	left:400px
}
.container_12 .push_7 {
	left:560px
}
.container_12 .push_8 {
	left:640px
}
.container_12 .push_10 {
	left:800px
}
.container_12 .push_11 {
	left:880px
}

.container_12 .pull_3 {
	left:-240px
}
.container_12 .pull_6 {
	left:-480px
}
.container_12 .pull_9 {
	left:-720px
}
.container_12 .pull_1 {
	left:-80px
}
.container_12 .pull_2 {
	left:-160px
}
.container_12 .pull_4 {
	left:-320px
}
.container_12 .pull_5 {
	left:-400px
}
.container_12 .pull_7 {
	left:-560px
}
.container_12 .pull_8 {
	left:-640px
}
.container_12 .pull_10 {
	left:-800px
}
.container_12 .pull_11 {
	left:-880px
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}

.logintext {
	color: #FFF;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 12px;
}

a.logintext:link {
	color:#FFF;
	text-decoration: none;
}      /* unvisited link */
a.logintext:visited {
	color:#FFF;
	text-decoration: none;
}  /* visited link */
a.logintext:hover {
	color:#D5E4C0;
	text-decoration: underline;
}  /* mouse over link */
a.logintext:active {
	color:#FFF;
	text-decoration: none;
}  /* selected link */

.logintext {
	color: #666;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

a.footertext:link {
	color:#666;
	text-decoration: none;
}      /* unvisited link */
a.footertext:visited {
	color:#666;
	text-decoration: none;
}  /* visited link */
a.footertext:hover {
	color:#333;
	text-decoration: underline;
}  /* mouse over link */
a.footertext:active {
	color:#666;
	text-decoration: none;
}  /* selected link */

/* blok link*/
.goto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	background-color: #a3cb6b;
	color: #FFF;
	text-indent: 20px;
		margin-bottom: 6px;
}

.goto a:link{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.goto a:visited{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.goto a:hover{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.goto a:active{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}











 /* --------------------------------------SUBNAV LEVEL 1 ---------------------------------------------------- */
 
 #SubNavigation{
	width: 100%;
	overflow: hidden;
	border-right: 1px dotted #c0c0c0;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 116.67%;
	color: #333;
  }

  

  #SubNavigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
  float:left; /* LTR */
  width: 100%;
  }

  #SubNavigation li {
  list-style: none;
  padding: 0; 
  margin: 0;
  }

  #SubNavigation li a{
	display: block;
	padding: 5px 5px 5px 8px;
	background-color: #0098CA;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
  }

  html>body #SubNavigation li a{ /*Non IE6 width*/
  width: auto;
  }

  #SubNavigation li a:hover{
	background-color: #0098CA;
	color: #000;
	text-decoration:none;
	font-weight: bold;
}
  
  #SubNavigation li.selected {

  }
  #SubNavigation li.selected a {
	background-color: #0098CA;
	color: #000;
	text-decoration:none;
	font-weight: bold;  
  }
  
  /* --------------------------SUBNAV LEVEL 2--------------------------------------- */
  
  #SubNavigation ul li.selected ul{
  list-style: none;
  margin: 0;

  }

  #SubNavigation li.selected ul li{
 
  margin: 0;
  }

  #SubNavigation li.selected ul li a{
	display: block;
	background-color: #FFF;
	color: #666;
	text-decoration: none;
	width: 100%;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: normal;
  }

  html>body #SubNavigation li.selected ul li a{ /*Non IE6 width*/
  width: auto;
  }

  #SubNavigation li ul li a:hover{
	display: block;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	width: 100%;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: normal;
  }
  
  #SubNavigation li.selected ul li {

  }
  #SubNavigation li.selected ul li.selected a {
	color: #000;
	padding-left:20px;
	font-weight: bold;
  
  }
  
 /* --------------------------SUBNAV LEVEL 3--------------------------------------- */
  
   #SubNavigation li.selected ul li.selected ul {
	list-style: none;
	margin: 0;
	color: #000;
	padding-left:10px;
	font-weight: normal;
	background-color: #FFF;
  } 
  

  #SubNavigation li.selected ul li.selected ul li{
 
  margin: 0;
  }

  #SubNavigation li.selected ul li.selected ul li a{
	display: block;
	background-color: #FFF;
	color: #666;
	text-decoration: none;
	width: 100%;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: normal;
  }

  html>body #SubNavigation li.selected ul li.selected ul li a{ /*Non IE6 width*/
  width: auto;
  }

  #SubNavigation li.selected ul li.selected ul li a:hover{
	display: block;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	width: 100%;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: normal;
  }
  
  #SubNavigation li.selected ul li.selected ul li {

  }
  #SubNavigation li.selected ul li.selected ul li.selected a {
	color: #000;
	padding-left:20px;
	font-weight: bold;
  
  }