/* CSS Document */

body	{
		margin: 0;
		padding: 0;
		font: normal 12px/18px arial, verdana sans-serif;
		background: #fff url(../images/bg.gif);
		color:#666666;
		text-align:center;
		}

/* ==================== THE MAIN CONTAINER ========================= */
#container	{
			background-color: #fff;
			width:946px;
			margin:0px auto;
			padding:7px;
			text-align:left;
			}
			
.docArea	{
			clear:left;
			padding:7px 0px 7px 0px;
			overflow:hidden;
			height:1%;
			}
			
.docArea ul		{
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
.docArea li		{
		background :url(../images/bullet.gif) no-repeat left 8px;
		padding: 2px 0px 0px 12px;
		margin-top:10px;
		}
			
.leftPanel	{
			float:left;
			width:699px;
			}
			
.leftPanel-inside 	{
					float:left;
					width:669px;
					margin:10px 20px 10px 10px;
					}
			
			
/* ==================== TEASERS FORSIDE ========================= */		

				
.teaser-01 		{
				border-right:1px solid #E4E4E4;
				padding-right: 15px;
				vertical-align:top;
				width:35%;
				}
				
.teaser-02		{
				border-right:1px solid #E4E4E4;
				padding-left: 15px;
				vertical-align:top;
				width:30%;
				}

.teaser-03		{
				
				padding-left: 15px;
				vertical-align:top;
				width:35%;
				}
				
.teaser-04		{
				padding: 15px;
				vertical-align:top;
				width:50%;
				}
						
.rightPanel	{
			float:right;
			background: #fff url(../images/rightPanelBG.jpg) repeat-x;
			width:180px;
			height:400px;
			padding:30px;
			}
			
.rightPanel	h2 {
			font-size:18px;
			}


/* ==================== THE MAIN TAGS ========================= */
.clear		{ clear:both; }
		
.floatLeft	{ float:left;}

.floatRight	{ float:right;}

a		{
		text-decoration: none;
		color:#FF0000;
		}
		
a:hover	{
		text-decoration: underline;
		color:#666666;
		}
		
img		{
		border: 0px;
		}
		
p		{
		padding: 0px;
		margin: 0px 0px 14px 0px;
		}

hr		{
		color:#E4E4E4;
		background-color:#E4E4E4;
		height:1px;
		border:none;
		margin:6px 0px 12px 0px;
		}
h1		{
		padding: 0px;
		margin: 0px 0px 10px 0px;
		font-size:18px;
		color: #666666;
		font-weight:normal;
		}
h2		{
		padding:0px;
		margin:0px 0px 14px 0px;
		font-size:14px;
		color: #FF0000;
		font-weight:normal;
		}
		
h3		{
		padding-bottom:8px;
		margin:0px 0px 14px 0px;
		font-size:18px;
		color: #ccc;
		font-weight:normal;
		border-bottom:1px solid #fff;
		}







/* ==================== Container Centralen LOGO ========================= */
/* --- logo -------------------------------- */
#logo {
	float:right;
	background-color:#E9E9E9;
}


						
/* ==================== TOPIC MENU ========================= */
.topicNav	{
			background-color:#FF0000;
			float:left;
			height:108px;
			width:699px;
			}
			
.topicNav ul {
				list-style:none;
				margin:80px 0px 0px 12px;
				padding:0px;
				color:#FFCCCC;
				font-size:14px;
				font-weight:bold;
}

.topicNav li {
				display:inline;
				background: url(../images/toppicNav_bullet.gif) no-repeat left 5px;
				padding-left:10px;
				margin-right:20px;
				
}
.topicNav a,
.topicNav a:visited 	{
					color: #FFF;
					font-weight:bold;
					text-decoration:none;
					padding-right:15px;
					line-height:17px;
					}
					
					

.topicNav a:hover 	{
					color: #FFCCCC;
					text-decoration:none;
					}
					


/* ==================== FOOTER ========================= */
#footer 	{
			clear:both;
			margin-top:16px;
			font-size:11px;
			border-bottom:3px solid #FF0000;
			}
			
.footerInside		{
			background-color: #E9E9E9;
			font-style:normal;
			border-bottom:3px solid #ffffff;
			}
			
.footerInside ul { 	list-style:none;
				margin:0px;
				padding:4px 0px 3px 10px;
}
.footerInside li { display:inline; margin-right:36px;}

.footerInside a,
.footerInside a:visited 	{ text-decoration: underline; color:#666666;}

.footerInside a:hover { text-decoration:none; color:#FF0000;}

/* ==================== FORM ========================= */
form 	{
		margin:0px;
		padding:0px;
		}

input 	{
		font-size:10px;
		vertical-align:middle;
		}
		
select	{
		font-size:10px;
		margin-top:4px;
		}
		
.management-team	{ background-color:#666666; padding:10px; color:#FFFFFF; margin-top:20px;}

.management-team a,
.management-team a:visited 	{
					color: #ccc;
					text-decoration:none;
					}
					
.management-team a:hover { color:#FFFFFF;}