html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

body { font-size: 11px; font-family: arial; background-color: #1a1a1a; margin: 0; padding: 0;  }
table { border-collapse: collapse; }
td { margin: 0; padding: 1px 0 0; color:#b2b1b2;}
form{margin: 0; padding: 0;}
a{ color: #ab985f; }
a:hover{ color: #ffffff; text-decoration: none }
p {line-height: 17px;}

.containter {width:100%; height:100%; text-align: center;}
#main { width: 960px; }
#header { background-image: url(../pics/protailz_logo.gif); background-repeat: no-repeat; background-position: 20px 20px; height: 80px; }
.stroke_nav { background-image: url(../pics/stroke_nav.gif); background-repeat: no-repeat;  background-position: left 5px; width: 10px;}
.stroke_nav_empty { width: 10px;}
#navigation { background-image: url(../pics/stroke_gold.gif); background-repeat: repeat-x; background-position: left 30px; vertical-align: bottom; height: 31px; padding-left: 360px; }
#navigation a { color: #b2b1b2; font-size: 11px; text-decoration: none; text-align:center; text-transform: capitalize; height: 31px; padding-left: 0px; }
#navigation a:hover { color: #ffffff; text-decoration: underline; }
#navigation .active { color: #fff; background-image: url(../pics/nav_tab.gif); background-repeat: repeat-x; background-position: left top; text-decoration: underline; height: 31px; padding-left: 10px; padding-right: 5px;}
#navigation .active a{ color: #fff; text-decoration: none; margin-left: 0px; padding-left:0; }
#navigation .tabL { background-image: url(../pics/nav_corner_L.gif); background-repeat: no-repeat; background-position: left top; width: 9px; height: 31px; }
#navigation .tabR { background-image: url(../pics/nav_corner_R.gif); background-repeat: no-repeat; background-position: right top; width: 21px; height: 31px; }
#tbl_tab { margin: 0; padding: 0; border-width: 0; }
.td_tab {padding-left: 10px; padding-right: 40px;}
#content .tbl_content h1{ font-size: 18px; text-align:left;}
#content { padding-top: 25px; padding-bottom: 25px; }
#content td{ vertical-align: top;  text-align:left;}
.td_content { 
	padding-right: 15px; 
	padding-left: 15px !important;  
	text-align: left 
}

.td_content_home { 
	padding-right: 15px; 
	padding-left: 15px !important;  
	text-align: left 
}

.td_content h1 {
	font-size: 14px; 
	padding-bottom: 5px;
}

.td_content_home h1 { 
	font-size: 11px; 
	margin:0px; 
	padding:0px;
	padding-bottom: 5px;
	padding-top:10px;
}

.button-home {
	float:right;
	margin-right: 23px;
	font-size: 11px;
}

.head_starter { background-image: url(../pics/head_starter.gif); background-repeat: no-repeat; background-position: left top; height: 42px; }
.head_basic { background-image: url(../pics/head_basic.gif); background-repeat: no-repeat; background-position: left top; height: 42px; }
.head_pro { background-image: url(../pics/head_pro.gif); background-repeat: no-repeat; background-position: left top; height: 42px; }
#tbl_content { width: 100%; text-align: left ; }
#pakket_content { vertical-align: top; text-align: left; padding-top: 18px; }
.td_pakket { vertical-align: top;  text-align: left; }
.pakket_bg { background-image: url(../pics/pakket_bg.gif); background-repeat: no-repeat; background-position: right top; vertical-align: top; height: 109px; padding-left: 5px; }
.pakket_bg2 { background-image: url(../pics/bg_pakket_large.gif); background-repeat: no-repeat; background-position: right top; vertical-align: top; height: 109px; padding-left: 0px; }
.pakket_bg p{ font-size: 10px; padding:0 0 3px; margin: 0; }
.pakket_bg2 p{ font-size: 10px; padding:0 0 3px; margin: 0; }
.more { text-align: right; padding-top: 10px; padding-right: 10px; }
.pakket_shade { background-image: url(../pics/pakket_shade.gif); background-repeat: no-repeat; background-position: left top; height: 40px; }
#footer { color: #575355; font-size: 10px; text-align: left; }
#footer span {float: right;}

.head_stelpakketsamen { background-image: url(../pics/head_steljeeigenPakketsamen.gif); background-repeat: no-repeat; background-position: left top; height: 42px; }
.head_contactformulier { background-image: url(../pics/head_contactformulier.gif); background-repeat: no-repeat; background-position: left top; height: 42px; }
.head_meernieuws { background-image: url(../pics/head_meernieuws.gif); background-repeat: no-repeat; background-position: left top; height: 42px; }
.bg_pakket_bottom{background-image: url(../pics/bg_pakket_bottom.gif); background-repeat: no-repeat; background-position: left top; height: 30px;}
.requiredfield     { width:255px; border:solid 1px #adc0e1;	font-family: Arial; color: #0d104b;	font-size:10px;	margin:3px 0; } 
.invalidfield   { font-size: 10px; background: #f3f3f3; border: solid 1px #f1b753 }
#lang {position: relative; text-align: right; padding-top: 20px; width:450px; float: right;}

.nieuwsbrief {
	float: left;
	//border: 1px solid gray;
}
.nieuwsbrief input{
	width: 120px;
	height: 15px;
	font-size: 11px;
}

.msg_box {border: #b8a162 1px solid; background-color: #2a2a2a; height: 40px; margin:0px 0px; padding:20px; line-height: 20px;}

.submit_bttn {
	background:url('../pics/bttn_verzend.gif') no-repeat left top;
	width: 77px;
	height: 27px;
	border: 0px;
}

.error{
	color: red;
	font-size: 10px;
}

#container_media {
	float: left;
	padding: 0px;
	margin:0px;
	width: 280px;
	text-align: left;
	border-top: 1px solid #af9b63;
	border-bottom: 1px solid #af9b63;
	display: block;
	height: 210px;
	background: #000000;
	vertical-align: middle;
	padding: 10px;
	padding-bottom: 40px;
	margin-right: 15px;
}

#container_media ul {
	padding-top: 40px;
	padding-bottom: 20px;
}

#container_media li{
	list-style-type:none; 
	padding-right: 5px;
}

#container_media .media{
	float:left;	
	width: 140px;
}

#container_media .news{
	float:left;	
	width: 280px;
}

#container_media .diamant-l{
	float:left;	
	width: 130px;
}
#container_media .diamant-r{
	float:right;	
}

.quote {
	background: #272422 url(../pics/quote-bg.gif) repeat-x left top;
	padding: 20px;
	font-size: 14px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

#studiosessies {
	padding: 0px;
	margin:0px;
	margin-top:20px;
	padding-top: 20px;
	width: 600px;
	text-align: left;
	border-top: 1px solid #af9b63;
	display: block;
	height: auto;
	overflow: hidden;
	padding-left: 15px;
	padding-bottom: 20px;
	background: #000 url(../!pics/bttn_slide_left_.gif) no-repeat left top;
}

#part2 {
	padding: 0px;
	margin:0px;
	margin-top:20px;
	padding-top: 20px;
	width: 947px;
	text-align: left;
	border-top: 1px solid #af9b63;
	display: block;
	height: 240px;
	padding-left: 15px;
	background: #000 url(../!pics/bttn_slide_left_.gif) no-repeat left top;
}

#part2 #keybox {
	width: 220px;
	text-align: left;
	float: left;
	padding-right: 5px;	
	padding-left: 5px;	
}

#part2 #keybox h1{
	font-size: 12px;
	height: 22px;
	border-bottom: 1px solid #b2b1b2;
	margin-bottom: 10px;
	text-transform: uppercase;
}


#part2 #keybox ul {
	margin:0px;
	padding:0px;
	display: block;
}

#part2 #keybox li {
	margin-bottom:5px;
	margin-left: 0px;
	padding-left: 0px;
	list-style:none;
	display: block;
	float: left;
	width: 215px;
}


#part2 #keybox li a{
	margin-left: 0px;
	padding-left: 0px;
	color: #ab985f;
	text-decoration: none;
}

#part2 #keybox li a:hover{
	color: #b2b1b2;
	text-decoration: underline;
}


#part3 {
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 960px;
	text-align: left;
	border-top: 1px solid #af9b63;
}


#part_reaction {
	padding: 20px;
	padding-top: 0px;
	margin:20px;
	width: 700px;
	text-align: left;
	border: 1px solid #af9b63;
	display: block;
	height: auto;
	overflow: hidden;
	padding-left: 15px;
	background: #000 url(../!pics/bttn_slide_left_.gif) no-repeat left top;
}

#part_reaction #keybox {
	width: 620px;
	text-align: left;
	float: left;
	padding-right: 5px;	
	padding-left: 5px;	
}

#part_reaction h1{
	font-size: 12px;
	height: 22px;
	border-bottom: 1px solid #b2b1b2;
	margin-bottom: 10px;
	text-transform: uppercase;
	float: left;
	width: 700px;
}

#part_reaction h2{
	font-size: 10px;
	float: right;
	margin-bottom: 0px;
	height: 22px;
	color: #575355;
	width: 700px;
	text-align: right;
}


#subcontent {
	margin: 0px;
	padding:0px;
}

#subcontent h2 {
	font-size: 12px;
	height: 22px;
	border-bottom: 1px solid #b2b1b2;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding-top: 50px;
}


#subcontent ul {
	margin: 0px;
	padding:0px;
	list-style-type:disc;
}

.td_content li{
	margin: 0px;
	padding:0px;
	list-style-type:disc;
}

#subcontent li{
	margin: 0px;
	padding:0px;
	list-style-type:disc;
}




/******** bottom scroller ********/

.scroller {
	float: left;
	display: block;
	height: 225px;
	width: 870px;
	padding-left: 20px;
}

.scroller img {
	border:0px;
}
.back {margin: 0px; z-index: 9; position: absolute; margin-left: -33px;}
.forward {margin: 0px 0px 0px 895px; position: absolute;}

div.scrollable {width: 926px; height: 195px; margin-left: 0px; margin-top:0px; position: relative; overflow:hidden;}
div.items {width: 20000em; position: absolute; clear: both; margin: 0px 0px 0px 0px;}

div.scrollable div.items div {float: left; width: 250px; text-align: center;}
.disabled {visibility: hidden !important;}
.activated {visibility: visible !important;}
	

/******* login *******/

.top { background-image: url(../pics/logo.gif); background-repeat: no-repeat; background-position: left top; width: 500px; height: 79px }
.middle  { font-size: 10px; background-color: #f2f2f2; height: 185px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000 }
.middle_tbl  { font-size: 10px; font-weight: bold; padding-top: 0px; margin:0px; }
.middle_tbl_bttn  { padding-top: 5px; padding-left: 133px }
.alert_msg { font-size: 10px;}
.bottom   { text-align: left; color: #d5d7df; font-size: 10px; background-color: #fbfbfc; padding-top: 4px; padding-bottom: 8px; padding-left: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
.bottom span{ text-align: right; color: #d5d7df; font-size: 10px; background-color: #fbfbfc; padding-top: 4px; padding-bottom: 8px; padding-left: 250px; }
.txtfields { height:19px; width: 190px; font-size: 11px; font-family: Tahoma; border-left: 0px; border-right: 0px; border-top: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; padding:2px; color:#505050;}
.bttn { color: #fff; font-size: 11px; font-weight: bold; background-color: #1aade3; padding: 1px; border-top: 0; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 0 }
.container_login { width: 300px; background-color: #fbfbfc; border: 1px solid #d5d7df; text-align: center;  }
.inp_left { background-image: url(cms/pics/inp_left.gif); background-repeat: no-repeat; background-position: left 1; width: 7px; }
.inp_right { background-image: url(cms/pics/inp_right.gif); background-repeat: no-repeat; background-position: left 1;  width: 7px;}
.inp_shade { background-image: url(cms/pics/inp_shade.gif); background-repeat: no-repeat; height: 10px; }

/* transparent layer */

	#page {
			width:1040px; 
			border:1px solid; 
			margin:0 auto; 
			position:relative; 
			overflow:hidden; 
			z-index:2; 
			padding-bottom:0px; 
			padding-top: 5%; 
		}

	#row { 
			width: 100%; 
			height:275px; 
			margin:0 auto; 
		}

	#row p { 
			text-align: center; 
			padding-right: 40px;
		}

	#row div { 
			padding-left: 120px; 
			padding-top: 150px;
		}

	#blocks		{ 
			position: relative; 
			float: left; 
			width:350px; 
			display: block; 
		}

	#wrapperbg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		height: auto !important;
		min-height: 100%;
		}

	#bg{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
		width: 100%;
		height: 100%;
		height: auto !important;
		min-height: 100%;
		background-color: #000;
		filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;
		}

	#page {
		position:relative;
		z-index: 9999;
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		border:none;
		}

	.diamond-layer {
		background: url(../pics/diamond-layer.jpg) no-repeat center top;
		width:1040px;
		height: 554px;
		display: block;
		}

	.diamond-buttons {
			padding-top: 500px;
			padding-left: 275px;
		}
	.diamond-buttons img{
			padding-left: 50px;
		}

	#close {
		display:block;
		width:150px;
		height:40px;
		position:absolute;
		top:10px;
		right:10px; 
		color:#ffffff; 
		background-color:#ffffff;
		}

/* end transparent layer */

	.bttn_inschrijven {
		background: url(../pics/bttn_inschrijven.gif) no-repeat center top;
		height: 27px;
		width: 76px;
		border: 0px;
 }
      
    .slide-out-div {
		color:#fff;
        padding: 20px;
        width: 225px;
        background: #000;
        border: #b8a162 1px solid;
		z-index:999;
	 	height: 135px;

    }