/*SkyGliders CSS stylesheet*/

body		{font: normal 10pt  Arial, Helvetica, Verdana,  sans-serif;
			color: #123456; 
			background-color: #6386b0;
			/*text-align: justify;*/
			margin: 8px 0 0;
			padding: 0px;}

div#wrapper	{width: 950px; margin: auto; margin-top: 0pt;}

div#toplink	{line-height: 0;}

img			{border-style: none;
			border: 0;}
			
			
a			{color: #06f; text-decoration: none;}
a:link		{}
a:visited	{}
a:hover		{color: #c00;}
a:active	{}

/*general divs*/

div#header	{height: 140px; width: 100%; color: #fff;
			background-image:url('../images/header/berg_main_menu_1d.jpg');
			background-repeat: no-repeat;}
div#header a{text-decoration: none;
			font-weight: bold;
			color: #fff;}
div#header a:link 	{}
div#header a:visited{}
div#header a:hover	{color: #123456;}
div#header a:active	{color: #fc0;}
div#header li	{list-style: none;}

div#header ul	{list-style: none;}

div#menu	{width: 950px;
			margin-bottom: 4px;
			padding: 0px;
			border: 2px solid;
			background-color: #fff;
			voice-family: "\"}\""; voice-family: inherit;
			width: 946px;}

div#menu a	{padding: 0 12px 0;  /*voorheen 16px (voor toevoeging metar*/
			border-right: 2px solid #123456;
			font-size: 11pt;
			font-weight: bold;
			font-style: normal;
			color: #6386b0;
			background-color: #fff;
			text-decoration: none;}

div#menu a:link    {}
div#menu a:visited {}
div#menu a:hover   {color: #123456;}
div#menu a:active  {}
div#menu li
			{list-style: none;
			padding: 0pt; margin: auto;
			display: inline;
			white-space: nowrap;
			list-style-position: inside;}

div#menu ul
			{list-style: none;
			padding: 0pt; margin: auto;
			display: inline;
			white-space: nowrap;
			list-style-position: inside;}

div#main{float: left; width: 150px;
			padding: 0 10px 0 0;
			height: 390px;
			min-height: 390px;
			height: auto;
			text-align: left;
			voice-family: "\"}\""; voice-family: inherit;
			width: 140px;}

div#right{float: left; width: 150px;
			padding: 0 10px 0 0;
			height: 390px;
			min-height: 390px;
			height: auto;
			text-align: left;
			voice-family: "\"}\""; voice-family: inherit;
			width: 140px;}

div#left{float: left; width: 150px;
			padding: 0 10px 0 0;
			height: 390px;
			min-height: 390px;
			height: auto;
			text-align: left;
			voice-family: "\"}\""; voice-family: inherit;
			width: 140px;}

div#right	{float: right;
			padding: 0 0 0 0;
			text-align: right;
			width: 150px;}
div#main	{width: 650px;
			padding: 10px;
			/*autoeheight is not compat. with overflow: auto*/
			/*height: auto;*/
			min-height: 390px;
			background-color: #fff;
			voice-family: "\"}\""; voice-family: inherit;
			width: 630px;
			overflow: auto;}

div#left h1	{font-family: "Comic Sans MS";
			font-size: 18pt;
			font-weight: bold;
			font-style: normal;
			padding: 10px 0 0 0;}
		
div#right a	{
			color: #fff;
			text-align: left;
			font-weight: bold;
			font-size: 9pt;}
			
div#left a	{
			color: #fff;
			text-align: left;
			font-weight: bold;
			font-size: 9pt;}
			
div#right hr	{
			color: #123456;}
			
div#left hr	{
			color: #123456;}
			
div#left li{
			/*color: #fff;*/
			text-decoration: none;
			list-style: none;
			/*list-style-position: inside;*/
			white-space: nowrap;
			/*text-indent: -35px;*/
			margin-left: 0;
			padding-left: 0;
			line-height: 120%}
			
div#left ul{
			/*color: #fff;*/
			text-decoration: none;
			list-style: none;
			/*list-style-position: inside;*/
			white-space: nowrap;
			/*text-indent: -35px;*/
			margin-left: 0;
			padding-left: 0;
			line-height: 120%}
			
/*submenu takes care of indenting the submenu items*/
div#left ul.submenu{
			padding-left: 1em;
			margin-left: 1em;}

div#right a:hover	 {color: #123456;}

div#left a:hover	 {color: #123456;}
div#right a:active {color: #fc0;}
div#left a:active {color: #fc0;}
div#left .menu_expand {color: #c00;}
div#left .menu_shrink {color: #fc0;}


div#main h1	{font-size: 13pt; font-weight: bold;
		 	font-style: normal;
		 	margin: 0;
		 	padding-bottom:6pt;}
div#main h2	{font-size: 12pt; font-weight: normal; font-style: italic; 
			margin-top: 5pt;}
div#main h3	{font-size: 11pt; font-weight: bold;
			margin-top: 6pt;}
div#main h6	{font-size: 08pt; font-weight: bold; font-style: italic;}

div#main ul {text-align: justify;}

/*this is the standard stuff for all normal pages - main body copy*/
div#main p 	{font-size: 10pt; font-weight: normal; font-style: normal;
			text-align: justify;
			margin: 0 0 0 0;
			padding-bottom: 1.0em;}
			
div#main table {
			/*this widht should be 100% if overflow auto is set to no overflow.*/
			width: 100%;
			border: 1pt #123456 double;
			font-weight: normal;
			font-size: 10pt;
			font-style: normal;
			line-height: 200%;
			border-collapse: collapse;}

div#main th	{background-color: #ff6600;
			font-weight: bold;
			font-size: 10pt;}
	
div#main td {padding: 3px;
			vertical-align: top;
			border: 1pt #2977c5 solid;
			line-height: 120%;}
			
/*these two classes are for straight layout tables, filling the whole width and
then used for layout cells*/
div#main table.layout{
	width: 100%;
	border: 0px #ffcc00 solid;
	padding: 0;
}
div#main td.layout{
			width: 50%;
			border: 0px #ff0000 solid;
			margin: 0;
			padding:0 10px 0 0;}
			

/*these two classes are for straight clean tables*/

div#main table#clear {width: 100%;
			border: thin none;
			margin:0;
			padding:0;}
div#clear td{
			
			border: 0px #ff0000 solid;
			margin: 0;
			padding: 3pt;}


/*sitemap*/
div#main table#sitemap {border: thin none}					}
div#main table#sitemap td{border-left: none;
			border-right: none;
			width: auto;
			vertical-align: middle;}


/*this div is to line up some pictures on the left side of a page (like Slovenie)*/
div#foto-collumn {float: left;
			width: 250px;}


/*these standard tables create a frame for product overviews, 4 collumns and centered*/
/*used at books, dvd's, ....*/

div#main table.four_coll{width: 100%;
			margin:0;
			padding:0;}
div#main td.four_coll{width: 25%;
			text-align: center;
			margin: 0;
			padding:2pt 0;}

div#bk-dvdtable table{width: 100%;
			margin:0;
			padding:0;}
div#bk-dvdtable td{width: 25%;
			text-align: center;
			margin: 0;
			padding:2pt 0;}


/*this coder is for the little link to return to the top*/
div#main p.top{font-size: 8pt;
			text-align: right;
			content: "terug naar de top";
			line-height: 100%;
			padding: 0;
			}			


/*this div is used for the reserve parachutes*/
div#reserve_parachute td{
			text-align: center;}
			
/*this is a div container with a margin*/
div .margin	{margin: 30pt;}			
		
/*this is the index page - little bit different from other pages*/
div#first_page p{
			font-size: 12pt; font-weight: normal; font-style: normal;
			margin: 20px 40px;
			padding-bottom: 0pt;
			text-align:justify;
			}
			
div#first_page_left {
			padding: 0px 10px 0 0px;
			text-align:left;
			}

div#first_page_left p{
			color: #fff;
			font-weight: normal;
			font-style: normal;
			font-size: 11pt;
			padding-top: 10px;
			}
div#first_page_left a
			{color: #ffffff;
			font-weight: bold;
			font-size: 9pt;}			

div#first_page_left a:active
			{color: #ffffff;}
div#first_page_left a:visited
			{color: #ffffff;}			
div#first_page_left a:hover{color: #123456;}

/*footer algemeen*/			
div#footer 	{clear: both;
			float: left;
			width: 950px;
			border-left: 150px #6386b0 solid;
			border-right: 150px #6386b0 solid;
			border-top: 2px #6386b0 solid;
			padding: 2px 0;
			margin: 0;
			color: #123456 ;
			background-color: #fff;
			font-size: 70%;
			font-weight: bold;
			voice-family: "\"}\""; voice-family: inherit;
			width: 650px;}
			
			
/*formulieren*/			
div#formulier td{border: 0;}
div#formulier table{border: 0;}
div#formulier input{width: 250px;}
div#formulier textarea{width: 450px; height: 100px;}
div#formulier .checkbox {width: 30px;}


/*diverse opmaak classes*/						

.i			{font-style: italic}
.b			{font-weight: bold;}
.bc			{font-weight: bold; text-align: center;}
.bi			{font-weight: bold; font-style: italic;}
hr			{color: #6386b0; height: 2px;}

/*yellow letters*/
.yellow_letters {
	color: #ff0;
	}
.right_collom_layout {	
	text-align: justify;
	padding-left: 20px;
}

/*red letters*/
.red_letters {color: #f00;}

/*wingding logo's color pink*/
.wingdings {font: normal 2em wingdings;
			color: #ff00ff;}
.webdings {font: normal 1.2em webdings;
			color: #06f;}