/* CSS Document */

/* General stylesheet for Parttimeplek */
/* Stylesheet by  Mmmm... Mosselman Multimedia, April 2007 */


/* -------------------   GENERALL styles ---------------*/


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;  /* 100% = 10px = 1em */
}

body, HTML {
	height: 100%;
	background: #fff url(/images/bg.gif) repeat;  
	margin: 0; 
	padding: 0;
}

img {
	display: block;
	border-width: 0px;
}



table, th, td, h1, h2, h3, ul, li, p
{
	margin: 0; 
	padding: 0;
}



#skrol {
  position:relative;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFFFFF;
  max-width: 944px;
  min-height:100%;
}
* html #skrol {
 	height: 100%;
	width: 944px;
  
}
#container{
  position:relative;
  width: auto;
  height:100%;
  margin:0px;
  padding: 0px; 
}

#header {
  position: relative;
  width: 100%;
  height: 6.4em;
  background-color: #00a7e7;
}
	#header-line{
	  width: 100%;
	  height: 4px;
	  background-color: #a6ce39;
	}
	#partt-slogan
		{
		position: relative;
		padding: 0.1em 3.1em;
		float: right;
		margin-top: -50px;
		padding-right: 90px;
		}

#content {
  text-align:left;
  margin:0px;
  padding: 0px;
  width: 100%;
}

#HomepageOptions
		{
			position: absolute;
			width: 45em;
			height: 5em;
			float: left;
			z-index: 4;
		}	
		
		#HomepageOptions img.preview
		{
			position: absolute;
			left: 2.3em;
			top: 0em;
		}
		
		#menu {
			position: absolute;
			float: left;
			z-index: 5;
			width: 550px;
			padding: 7px 0px 0px 28px;
		}

#linkerline{
	float: left;
	position: relative;
	width: 19px;
	min-height: 500px;
	background-color:#99FF99;
}

* html #linkerline {
  height: 500px;
}

#contextualkolom {
  position: relative;
  font-size:110%;
  line-height:160%;
  padding: 60px 0px 0px 0px;
  margin: 0px;
  width:100%;
  min-height: 620px;
}

* html #contextualkolom {
  height: 620px;
}

#contextualkolomVac {
  position: relative;
  font-size:110%;
  line-height:160%;
  padding: 60px 0px 0px 0px;
  margin: 0px;
  width:100%;
  min-height: 1050px;
}

* html #contextualkolomVac {
  height: 1050px;
}
	
	#linkerkolom {
	float: left;
	overflow:auto;
	position: relative;
	width: 41%;
	xpadding: 0px;
	margin: 0px;
	min-height: 500px;
	padding-left: 19px;
		}
		* html #linkerkolom {
		  height: 500px;
		}
	
	#linkerkolom-alg {
	float: left;
	position: relative;
	width: 60%;
	padding: 0px;
	padding-left: 2%;
	min-height: 500px;
		}
		* html #linkerkolom-alg {
		  height: 500px;
		}
		
			#linkerkolom-inner {
			float: left;
			position: relative;
			padding: 0px 0px 0px 5px;
			min-height: 350px;
			margin: 0px;
			border-left: 1px dotted #036489;
			}
			* html #linkerkolom-inner {
			  height: 350px;
			}
		
		#linkerkolom-left {
			float: left;
			position: relative;
			width: 141px;
			padding: 10px 0px 0px 5px;
			}
			
			#linkerkolom-left .bottom {

			width: 123px;
			height: 24px;
			background-image:url(../images/button-1.gif);
			margin: 10px 0px 14px 0px;
			padding: 5px 0px 0px 18px;
			}
		
		#linkerkolom-leftgen {
			float: left;
			position: relative;
			width: 141px;
			padding: 15px 0px 0px 5px;	
			}
			
			#linkerkolom-leftgen .bottom {

			width: 123px;
			height: 24px;
			background-image:url(../images/button-1.gif);
			margin: 10px 0px 14px 0px;
			padding: 5px 0px 0px 18px;
			}
					
		#linkerkolom-right {
			float: left;
			position: relative;
			width: 171px;
			padding: 5px 10px 0px 10px;
			vertical-align: top;			
		}
		
		
		#linkerkolom-rightalg {
			float: left;
			position: relative;
			width: 95%;
			padding: 0px 5px 0px 0px;
			vertical-align: top;
			}
		
		#linkerkolom2 {
			float: left;
			position: relative;
			width: 19%;
			padding: 0px;
			min-height: 175px;
		
		}
		* html #linkerkolom2 {
		  height: 175px;
		}
				#linkerkolom2-inner {
				float: left;
				position: relative;
				padding: 0px 5px 0px 5px;
				min-height: 175px;
				border-left: 1px dotted #036489;
				}
				* html #linkerkolom2-inner {
				  height: 175px;
				}
		#rechterkolom2 {
		  float: left;
		  position: relative;
		  width: 19%;
		  min-height: 175px;
		  padding: 0px;
		}
		* html #rechterkolom2 {
		  height: 175px;
		}
				#rechterkolom2-inner {
				  float: left;
				  position: relative;
				  padding: 0px 0px 0px 5px;
				  min-height: 200px;
				  border-left: 1px dotted #036489;
				}
				* html #rechterkolom2-inner {
				  height: 175px;
				}
		#rechterkolom {
		  position:absolute;
		  right: 0px;
		  z-index: 10;
		  width: 18.99%;
		  min-height: 550px;
		}
		* html #rechterkolom {
		  height: 550px;
		}
			#rechterkolom-inner {
			  right: 0px;
			  position:absolute;
			  padding: 0px 0px 0px 0px;
			  margin: 0px;
			  min-height: 530px;
			  font-family: Arial, Helvetica, sans-serif;
			  border-right: 1px dotted #036489;
			  border-left: 1px dotted #036489;
			}
			* html #rechterkolom-inner {
			  height: 530px;
			}
				#eyecatcher-comment	{
				 position: absolute;
				 z-index:2;
				 width: 80px;
				 height: 105px;
				 background-image: url(../images/eyecatcher-comment1.gif);
				 left: 10px; 
				 top: 260px;
				 padding: 10px 3px 0px 7px;
				 font-size: 1.0em;
				 font-weight: bold;
				}
					
				
				#eyecatcher-content	{
	  		     position: absolute;
				 width: 155px;
			 	 margin: 5px 5px 0px 5px;
				 padding: 0px 4px 0px 4px;
				 background-color: #e6f5fb;
				}
				

				
#footer {
	position:absolute;
	width: 100%;
	height: 6.8em;
	bottom: 0px;
	float:left;
  	background-color: #fff;
  	text-align: left;
	background: #fff url("/images/bg_footer.gif") repeat bottom left;
	color: #FFFFFF;
	}
	#footer-add{
		  position: relative;
		  float: left;
		  width: 46.0em;
		  padding-top: 32px;
		  padding-left: 19px;
		}
	#footer-popup{
		  position: relative;
		  float: right;
		  width: 16.3em;
		  height: 3.4em;
		  background-color: #66ccff;
		  padding: 5px 0px 0px 10px;
		  margin-bottom: 25px;
		  margin-right: 27px;
		  border: 2px solid #fff;
		}
		

#dot-liner {
  position: absolute;
  height: 1px;
  width: 167px;
  margin-left: 5px;
  border-bottom: 1px dotted #66ccff;
}

* #dot-liner {  padding-bottom: 7px;

}

#dot-line-content {
  height: 5px;
  width: 167px;
  margin-left: 5px;
  border-bottom: 1px dotted #66ccff;
}

* #dot-line-content {  padding-bottom: 5px}


/* -------------------   CLASS styles  ---------------------*/

.dot-line {
  position: absolute;
  height: 1px;
  width: 95%;
  margin-right: 5%;
  border-bottom: 1px dotted #66ccff;
}

* .dot-line {  padding-bottom: 7px;

}

.title{
	font-weight: bold;;
}


/* TYPOGRAPGHY */

/* -------------------   P styles  ---------------------*/
p {
  color: #000;
  padding-top: 10px;
  
}

#linkerkolom2-inner p {
  color: #000;
  padding: 0px;
  padding-bottom: 10px;
  margin: 0px;
}

/* -------------------   H styles  -----------------------*/
#header h1
		{
			padding-left: 25px;
			top: 0.4em; /* influenced by the font-size */
			left: 0.5em; 
			font-size: 3.1em;
			font-weight: bold;
		}
			#header h1 span
			{
				padding-left: 1px;
				font-size: 0.8em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #fff;
			}
	
		#header h2
		{
			font-size: 1.2em;
			font-weight: normal;
			color: #dddada;
			padding-left: 27px;
			margin-top: -4px;
		}
		#partt-slogan h1
		{
		font-size: 1.8em;
		font-weight: bold;
		padding-top: 7px;
		}
		#partt-slogan .slogan2
		{
		width: 300px;
		padding-left: 58px;
		font-size: 1.1em;
		font-weight: bold;
		color: #fff;
		}
		
		#contextualkolom h1
		{
			left: 0.5em;
			font-size: 1.4em;
			font-weight: normal;
		}
		#contextualkolomVac h1
		{
			left: 0.5em;
			font-size: 1.4em;
			font-weight: normal;
		}
			#contextualkolom h1 span
			{
				padding-left: 1px;
				font-size: 0.9em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #00a7e7;
			}
			#contextualkolomVac h1 span
			{
				padding-left: 1px;
				font-size: 0.9em;
				vertical-align: 0.5em;
				font-weight: normal;
				color: #00a7e7;
			}
	
		#contextualkolom h2
		{
			position: absolute;
			
			font-size: 1.0em;
			font-weight: normal;
			left: 6.2em;
			top: 1.0em;
			color: #66ccff;
		}
		#contextualkolomVac h2
		{
			position: absolute;
			
			font-size: 1.0em;
			font-weight: normal;
			left: 6.2em;
			top: 1.0em;
			color: #66ccff;
		}				


		#contextualkolom h3
		{
			padding-top: 35px; /* influenced by the font-size */
			left: 0.5em; /* influenced by the font-size */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			color: #c60909;
		}
		#contextualkolomVac h3
		{
			padding-top: 35px; /* influenced by the font-size */
			left: 0.5em; /* influenced by the font-size */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			color: #c60909;
		}

#rechterkolom h1
		{
			padding-top: 1px;
			padding-left: 5px;
			left: 0.5em; /* influenced by the font-size */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.4em;
			font-weight: normal;
		}
		

#linkerkolom2 h3
		{
			padding-bottom: 10px; /* influenced by the font-size */
		}		

#linkerkolom2 h4
		{
			padding-top: 0px; /* influenced by the font-size */
			padding-bottom: 0px; /* influenced by the font-size */
			left: 0.5em; /* influenced by the font-size */
			font-size: 1.2em;	
			color: #00a7e7;
			margin: 0px;
		}


#footer-popup h1
		{
			padding-top: 2px;
			padding-left: 0.4em; /* influenced by the font-size */
			font-size: 2.5em;
			font-weight: bold;
			color:#000000;
		}
#footer-popup h2
			{
				position: absolute;
				left: 5.3em;
				top: 0.9em;
				font-size: 2.2em;
				font-weight: normal;
				color: #fff;
			}
			

/* -------------------   IMAGE styles  -----------------------*/

.eyecatcher {
	padding:4px;
	height: 320px;
	width: 170px;
	display:inline;
}

.img_gen
		{
			padding: 4px; 
			left: 0px;
		}

.img_home
		{
			padding:2px;
		}
		

/* -------------------   UL/LI styles  -----------------------*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}



#nav li { /* all list items */
	float: left;
	padding-right: 10px;
}

#contextualkolom ul { 
	padding-left: 18px;
	padding-top: 10px;
	margin:0px;
	text-align:left;
}

#contextualkolomVac ul { 
	padding-left: 18px;
	padding-top: 10px;
	margin:0px;
	text-align:left;
}

#contextualkolom li {
	list-style: disc;
}

#contextualkolomVac li {
	list-style: disc;
}

/* -------------------   A HREF styles  -----------------------*/

#nav li a {
	color: #fff;
	text-decoration: none;	
	font-size: 1.2em;
}

#nav li a.momact {
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
	font-size: 1.2em;
}

#nav li a:hover {
	color: #fff;
	text-decoration: none;	
	font-size: 1.2em;
}

#linkerkolom-left a {
	color: #000;
	font-size: 1.0em;
	text-decoration:underline;
}

#contextualkolom a {
	color: #000;
	text-decoration:underline;
}

#contextualkolomVac a {
	color: #000;
	text-decoration:underline;
}

#footer a {
	color: #fff;
	font-size: 1.0em;
	text-decoration:underline;
}