﻿/*Hans Jansen Staalkabels / Tuigerij CSS stylesheet 2008-03*/

body{		font:              	normal 10pt  Arial, Helvetica, Verdana,  sans-serif;
			color:             	#003; 
			background-color:  	#9CBDD6;
			text-align:        	justify;
			margin:            	8px;
			padding:           	0px;}

img{		border: 			0px white none;}
			
a{			color: 				#06f;
			text-decoration: 	none;}
a:link{		}
a:visited{	}
a:hover	{	color: 				#c00;}
a:active	{}

ul{			list-style: 		none;}
li{			list-style: 		none;}

			
div#wrapper{width:             	950px;
			margin: 			auto;}
			
div#header{	height:				auto;
			width:             	100%;
			background-color:	white;}

div#menu{	width: 				100%;
			margin-bottom: 		0px;
			padding: 			0px;
			border: 			2px solid #9CBDD6;
			border-left: 		0;
			border-right: 		0;
			text-align:			center;
			background-color: 	#fff;
			voice-family: 		"\"}\""; voice-family: inherit;}

div#menu a{	padding: 			0 08px 0;
		 	font-size: 			10.5pt;
		  	font-weight: 		bold;
			font-style: 		normal;
			color: 				#003;
			background-color: 	#fff;
			text-decoration: 	none;
			letter-spacing: 	4px;}

div#menu a:link    {}
div#menu a:visited {}
div#menu a:hover   {color: 		#FF0000;}
div#menu a:active  {}
div#menu ul{list-style: 		none;
			padding: 			0pt;
			margin: 			auto;
			display: 			inline;
			white-space:  		nowrap;
			list-style-position:inside;}
div#menu li{list-style: 		none;
			padding: 			0pt;
			margin: 			auto;
			display: 			inline;
			white-space: 		nowrap;
			list-style-position:inside;}

	
div#left{	font-size: 			11pt;
			float: 				left;
			width: 				150px;
		 	padding: 			10px 0 0 0;
 			background-color: 	#fff;
			background-image:   url('../images/logo/menumast_325.jpg');
			background-repeat:	no-repeat;
			height: 			325px;
			min-height: 		325px;
			height: 			auto;
			text-align: 		left;
			voice-family: 		"\"}\""; voice-family: inherit;
			width: 				150px;}
			
div#left ul{text-decoration: 	none;
			list-style: 		none;
			white-space: 		nowrap;
			margin-left: 		0;
			padding: 			0 0 0 05px;}

div#left li{text-decoration: 	none;
			list-style: 		none;
			white-space: 		nowrap;
			margin:				0 10px 0 0;
			padding:			0 0 0 0px;
			line-height: 		200%;
			border-bottom:		#9CBDD6	2px solid;}
			
div#left a{	font-size: 			10pt;
		  	font-style: 	  	normal;
		  	font-weight:		normal;
		  	xfont-variant:		small-caps;
			color: 				#003;
			background-color:   #fff;
			background-color:   transparent;
			text-decoration: 	none;
			letter-spacing: 	0px;}
			
div#left a:link	   {}
div#left a:visited {}
div#left a:hover   {color:      #003;
					background-image: url('../images/menu_water_bg.jpg');
					background-repeat:no-repeat}
div#left a:active  {}
div#left .last_sub_menu{
			border-bottom-style:solid;}
			

div#main{	float: 				left;
			width: 				800px;
			padding: 			10px 10px 0 10px;
			background-color:	white;
			height: 			auto;
			overflow:			auto;
			text-align: 		justify;
			voice-family: 		"\"}\""; voice-family: inherit;
 			width: 				780px;}

div#main p{	margin: 			0px 0px 14px 0px;}


div#right{	float: 				right;
			width: 				150px;
			padding: 			0 10px 0 0;
			height: 			auto;
			text-align: 		left;
			voice-family: 		"\"}\""; voice-family: inherit;
			width: 				140px;}
	 
div#footer{	clear: 				both;
			float: 				left;
			width: 				100%;
			border-top: 		2px solid #9CBDD6;
			padding: 			3px 0;
			color: 				#003;
			font-style: 		normal;
			font-weight: 		bold;
			text-align: 		center;
			background-color: 	#fff;
			voice-family: 		"\"}\"";voice-family: inherit;
			width: 				100%;
			background-image:url('../images/logo/hjs_bottom.jpg'); }

h3{			font-size:			16pt;
			color:		 		#003;}
h2{			font-size:			14pt;
			color:		 		#003;}
		 
table{		width:				100%;}
			
td{			vertical-align:		top;}

td h3{		color: 				#fff;
 			background-color:	#003;
 			font-size:		 	18pt;
 			font-weight: 		bold }
			


div#indexpage{
			padding-top:		20px;
			padding-left:		20px;
			padding-right:		170px;
			font-size:			14px;
			background-image:	url('../images/logo/silhouette-1-pencil.jpg');
			background-repeat:	no-repeat;
			background-position:right;}

			
div#indexpage h3{
	font-size: 17px;
	color: #003;
	letter-spacing: 2px;
	xline-height: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	text-decoration: none;
}
			
div#column1{float:				left;
			width:				520px;}
			
div#column2{float:				left;
			width:				260px;}

div#special-box{
			border:				2px solid #9CBDD6;
			margin:				50px;
			padding:			10px;}
			
#masttable table{
	 		}

#masttable td{
			text-align: 		center;
			font-weight:		bold;
	 		border-bottom: 		2px solid silver;
	 		text-align: 		center;}

.meten{		background-color:	#003;
			color: 				#ff0;
			letter-spacing: 	2px;
			text-align: 		justify;}

.center{	text-align:			center;}
.left{		text-align:			left;}
.right{		text-align:			right;}
.little_bigger{
			font-size: 11pt;}
