/* ELEMENTS */

* {
/* fontsize was 11 now 13 */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #a1a1a1;
}
HTML {
	height: 100%
}
BODY {
	margin: 0px;
	padding: 0;
	height: 100%;
	background-color: #000000;
	background-image:url(/images/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	
	/*
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #edf4f7;
	SCROLLBAR-ARROW-COLOR: #698a93;
	SCROLLBAR-3DLIGHT-COLOR: #f4f8f9;
	SCROLLBAR-HIGHLIGHT-COLOR: #f4f8f9;
	SCROLLBAR-DARKSHADOW-COLOR: #dae2e5;
	SCROLLBAR-SHADOW-COLOR: #dae2e5;
	*/
}
IMG {
	border: 0;
}
P,TD,DIV,LI,LABEL {
	color:#FFFFFF;
}
TD {
	vertical-align: top;
}
A:hover, A:active {
	text-decoration: none;
}

h1 {
	font-size: 16px;
	margin:0px 0px 0px 0px;
}

h1 {
	font-size: 16px;
	margin:0px 0px 0px 0px;
}

h3 {
	margin:0px 0px 0px 0px;
}



ul {
	margin:0px 0px 0px -25px;
}

* html ul {
	margin:0px 0px 0px 25px;
}

*:first-child+html ul {
margin:0px 0px 0px 25px;
}

/* CLASSES */

/* form */
.inputText {
	border: 1px inset;
	border: 1px solid #ffffff;
	color: #383938;
}
.inputButton {
	border: 1px outset;
	cursor: pointer;
	color: #383938
}
.formTable TD {
	padding-bottom: 4px
}
.col1 {
	width: 1%;
	white-space: nowrap;
	text-align:left;
}
.col2 {
	padding-left: 0px;
	text-align:left;
}

.menuRechts {
	width:270px !important;
	max-width:270px;
	margin:0px 20px 0px 0px;
	float:right;
}


/* misc */
/*fontsize was 0.7em now is 0.9*/
.superscript {
	vertical-align: super;
	font-size: 0.9em;
}

/*
*
* NEW STYLING ELEMENTS RESTYLE
*
*/

.werkVeld  {
	width: 100%;
	text-align: left;
	float: left;
}

TD .mainCell {
	background-image: url(/images/mainInfoBG.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #565756;
}

/* BEGIN MAIN */
.bericht  { 
	width:50%; 
	text-align:left;  
	float:left; 
	padding: 30px 0px 30px 40px;
}

.berichtGroot  { 
	width:90%; 
	text-align:left;  
	float:left; 
	padding: 30px 0px 30px 40px;
}

.berichtGrootfotos  { 
	width:90%; 
	text-align:left;  
	float:left; 
	padding: 0px 0px 30px 40px;
}



div.Image {
	width: 40%;
	text-align: left;
	float: right; 
	padding: 20px 30px 20px 0px;
}

hr.Ruler {
	height: 2px;
	width: 100%;
	clear: both;
}

p.Alinea {
	padding-bottom: 5px;
}

h1.Kop {
	clear: both;
}
/* END MAIN */


/* BEGIN Nieuws */
.landingspageBericht  { 
	width:50%; 
	text-align:left;  
	float:left; 
	padding: 30px 0px 30px 40px;
}



/* BEGIN Nieuws */
.nieuwsBericht  { 
	width:50%; 
	text-align:left;  
	float:left; 
	padding: 30px 0px 30px 40px;
}


div.nieuwsImage {
	width: 40%;
	text-align: left;
	float: right; 
	padding: 20px 30px 20px 0px;
}


hr.nieuwsRuler {
	height: 2px;
	width: 100%;
	clear: both;
}

p.nieuwsAlinea {
	padding-bottom: 5px;
}

h1.nieuwsKop {
	clear: both;
}

/* END Nieuws */







/*
*
* END NEW STYLING ELEMENTS RESTYLE
*
*/








/*////////////////////////////////////////////////////////////////*/
/* Main navigation */
.mainNavigation{
	background-image:url(/images/navBG.gif);
	background-repeat:repeat; 
	height:40px; 
	vertical-align:middle;
}



#ProTechLogo {
	display:block;
	margin-top:31px;
	background:url(/images/ProTech_Logo.png) no-repeat top left;
	height:56px;
	width:175px;
	float:left;
}
* html #ProTechLogo {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ProTech_Logo.png', sizingMethod='crop');
}

.ProTechLogoLink {

}

#ProTechLogoPrint {
	display:none;
}

.mainNavigation A, .topNavigation A, .footer A{
	text-decoration:none;
}
.mainNavigation A:hover, .topNavigation A:hover, .footer A:hover{
	color:#FFFFFF;
}
.footer {
	padding-bottom: 10px
}
/* menu2 main links */
TD.mainNavigation TD {
	vertical-align: middle;
	white-space: nowrap
}
TD.mainNavigation TABLE {
	height: 100%
}
TD.menu2Cell {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 24px;
	border-bottom: 4px solid transparent;
	padding-top: 4px;
	/*border-top: 4px solid transparent */
}
* html TD.menu2Cell {
	border-bottom:none;
}
TD.menu2Cell SPAN {
	color:#ff7b2a;
	margin-right: 5px;
	visibility: hidden
}

/* menu2 drop down */
.menu2Dropdown {
	display: none;
	position: absolute;
	background-image: url(/images/alpha80bg.png);
	top: -1000px;
	left: -1000px;
	z-index: 9999
}
.menu2Dropdown {
	padding: 7px 0 5px 0;
	white-space: nowrap;
}
.menu2Dropdown DIV {
	padding: 4px 18px 5px 18px;
	white-space: nowrap;
	color: #ffffff;
	cursor: pointer
}
.menu2Dropdown DIV.lastMenuItem {
	margin-bottom: 13px
}


/* Chapters are hidden */
.chapter{
	display:none;
	margin:12px 0 0 36px;
	width:130px;
}

.chapter TD{
	padding-bottom:4px
}

.chapter A, .chapter A:link, .chapter A:visited, .chapter P{
	color:#777777;
	text-decoration:none;
}
.chapter A:hover{
	color:#000000;
}

/* vervolg pagina */
.vervolgPagina{
	background-image:url(/images/vervolgBg.gif); 
	background-position:top; 
	background-repeat:repeat-x; 
	background-color:#292a29;
	padding:15px 20px 10px 20px;
	height:100%;
}

.vervolgPagina H1{
	color:#8f8f8f;
}

.vervolgPagina TD, .vervolgPagina P, .vervolgPagina A, .vervolgPagina li{
	color:#c7c7c7;
}

.images {
	border: #a1a1a1 solid 1px;
	/*min-width: 78px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	padding: 2px;
}
.images img {
	/*margin: 2px;*/
	float: left;
}

/* Photo gallery */
.tumb{
	border:#a1a1a1 solid 1px; 
	padding:2px;
	float:left;
	margin-right: 16px;
	margin-bottom: 10px
}

/* table content */
.tableContent{
	margin:12px 0 0 20px;
	padding-right:10px;
	overflow:auto;
	height:240px;
	
}
.tableContent H1, .tableContent H2, .tableContent A, .tableContent P{
	margin:0 0 5px 0;
}
.tableContent H2, .tableContent A, .tableContent P, .tableContent li{
	color:#FFFFFF;
}

.nieuwsMenu TD{
	padding-right:10px;
	padding-bottom:6px;
}

.productTable TD{
	padding:2px;

}
.productTable P{
margin:0;
}

.productTable .images{
float:left;
clear:right;
}


.headerLogo{
	width:980px;
	height:269px;
	display:block;
}

* html .headerLogo {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/autologo.png', sizingMethod='crop');
}
* html .headerLogo img {
	display:none;
}

/*
 * BEGIN LANDINGSPAGE
 */
.containerMain {
	width: 980px;
	min-height: 1em;
	margin: 0 auto 0 auto;
	position: relative;
}
* html .containerMain {
	height: 1em;
}

ul.formulier,
ul.formulier li {
	padding:0px;
	margin:0px !important;
	list-style-type:none;
}

ul.formulier li {
	height:2em;
}

ul.formulier label {
	float:left;
	width:135px;
	color:#a1a1a1;
	text-align:right;
	margin:0px 0px 0px px;
	cursor:pointer;
}

ul.formulier.contact label {
	text-align:left;
	margin:0px;
}

ul.formulier .inputButton {
	margin:5px 0px 0px 195px;
}

div.vraag {
padding: 10px 10px 10px 10px;
}

#standaardTekst  {
	padding: 0px 30px 0px 30px
}

*:first-child+html ul.formulier .inputButton {
	margin-left:115px;
}

ul.contact .inputButton {
	margin:5px 0px 0px 263px;
}
*:first-child+html  ul.contact .inputButton {
	margin-left:255px;
}

ul.contact input.inputText {
	width:200px;
}

.containerMain .kolomHeader {
	clear:both;
	width:100%;
	margin:0px 0px 15px;
}

.containerMain a {
	text-decoration:none;
}

.containerMain .kolomHeader a,
.menuHeader a {
	text-decoration:none;
	display:block;
	float:left;
}

.containerMain a:hover,
.containerMain .kolomHeader a:hover,
.menuHeader a:hover,
.containerMain  .footer a:hover {
	text-decoration:underline;
}

.kolomHeader .menuHeader {
	float:right;
	width:280px;
	padding:50px 0px 0px 0px;
}

.logoHome {
	margin-right:8px; 
	margin-left:20px;
	float:left;
}

.linkAV {
	margin-right:8px; 
	margin-left:20px; 
	margin-top:0px;
}	

.containerContent {
	clear:both;
	padding:10px 10px 15px;
	width:960px;
	background:#565756 url(/images/mainInfoBG.gif) repeat-x top right; 
}

.kolomLinks {
	float:left;
	padding:0px 10px 0px 0px;
	width:361px;
}

.blokTerugbelverzoek {
	float:right;
	width:380px;
	height:300px;
	background:url(/images/bg-blok-telefonischcontact.jpg) no-repeat top right;
}
* html .blokTerugbelverzoek {
	width: 350px;
}

.meerinfo {
	margin: 25px 0px 0px 25px;
}

.f_geslacht {
	margin-left: 0px;
	float:left; 
	text-align:left;
}

*+html .f_geslacht {
	margin-left: -30px;
	float:left; 
	text-align:left;
}

* html .f_geslacht {
	margin-left: -15px;
	float:left; 
	text-align:left;
}





.koptekst {
	font-style:italic;
	font-weight:bold;
	display:block;
	width:225px;
	margin: 75px 0px 0px 155px;
	font-size: 12px;
}

.blokTerugbelformulier {
	margin: 5px 0px 0px 85px;
	font-size: 12px;
}
* html .blokTerugbelformulier{
	width:280px;
	margin-top: -5px;
	margin-bottom: 0px;
}
*+html .blokTerugbelformulier{
	margin-top: -5px;
	margin-bottom: 0px;
}

.blokTerugbelformulier .spanVerplicht {
	margin:0px 0px 0px 0px;
}

.blokTerugbelformulier input.inputButton {
	margin: 20px 0px 0px 0px;
	float: right;
}
* html .blokTerugbelformulier input.inputButton {
	margin:5px 0px 0px 160px;
	float: none;
}
*:first-child+html .blokTerugbelformulier input.inputButton {
	margin:5px 0px 0px 135px;
	float: none;
}
/*
 * Fotoboek
 */
body.fotoBoek h1 {
	text-align: left;
	margin: 0px 0px 10px 0px;
}

.fotoBoekContainer {
	width: 970px;
	min-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	text-align: left;
}
* html .fotoBoekContainer {
	height: 18px;
}

.fotoBoekContainer .fotoThumb {
	width/**/:/**/150px; /* 160px */
	height/**/:/**/150px; /* 160px */
	margin: 0px;
	padding: 10px 10px 0px 0px;
	float: left;
	overflow: hidden;
}

.fotoBoekContainer .fotoThumb a:link,
.fotoBoekContainer .fotoThumb a:visited,
.fotoBoekContainer .fotoThumb a:active,
.fotoBoekContainer .fotoThumb a:hover {
	width: 150px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	display: block;
}


/* HACK -> 'Display-Table'-vervanger */
.kolomHeader:after,
.containerContent:after,
.containerMain:after,
.fotoBoekContainer:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
}


/*
 * BEGIN PRINT STYLES
 */

@media print {


	#ProTechLogoPrint {
		display:inline;
	}
	#ProTechLogo {
		display:none;
	}
	.inputText {
		border:1px solid #606060;
	}
}


/*BEGIN MENU WITH SUBMENU*/
#sddm
{	
		z-index: 0;
		text-align:center; 
		padding-top: 15px;
		list-style-type:none;	
		height:100%;
		position:relative;
		clear: both;
		margin:0px;
		width: auto;
}

#sddm li
{	
		margin: 0px 9px 0px 0px;
		padding: 0px 20px 0px 20px; 
		list-style: none;
		float: left;
		font: bold 26px arial;
		width: auto;

}

#sddm li a
{	
		display: block;
		width: 60px;
		color: #a1a1a1;
		text-align: center;
		text-decoration: none;
		width: auto;
}

#sddm li a:hover
{	
		color: #ffffff;
}

/*Achtergrond van menu dat naar voren komt als er gehoverd word over een item met submenu*/
#sddm div
{	
		position: absolute;
		visibility: hidden;
		margin-top: 10px;
		padding: 0px 0px 0px 0px;
		background: #575957;
		border: 1px solid #000000;
		text-align: center;
}

#sddm div a
{	
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 20px 5px 20px;
		white-space: nowrap;
		text-decoration: none;
		font: 13px arial;
		text-align: left;
		width: auto;
}

#sddm div a:hover
{	
		background-color: #727272;
		color: #ffffff;	
}

/*END MENU WITH SUBMENU*/

/*
 * END PRINT STYLES
 */


