/**
		 *	CSS BASE file
		 *	
		 *	@author Roy Scheepens
		 */		

		body {
			font:0.8em/1.6em Verdana, Arial, Helvetica, sans-serif;
			background:#0d2528 url('../images/bg.jpg') repeat-x 30% 0;
			text-align:center;
			}

		/**
		 *	Wrapper
		 *	
		 */
		
		#wrapper {
			width:960px;
			margin:0 auto;
			text-align:left;
			}
		
		#header {
			width:960px;
			position:relative;
			z-index:100;
			height:100px;
			}

		h1#logo a,
		h1#logo a:visited,
		h1#logo a:hover {
			float:left;
			display:block;
			width:194px;
			height:74px;
			background:url('../images/logo-optms.gif') no-repeat top left;
			text-indent:-3000px;
			position:absolute;
			top:16px;
			left:0;
			}

		#languages {
			float:right;
			margin:23px 25px 0 0;
			color:#fff;
			position:relative;
			z-index:50;
			}

        #languages .current-language a,
		#languages #switch-anchor a,
		#languages #switch-anchor a:visited {
			color:#d9eeff;	
			text-decoration:underline;

			padding:2px 3px 4px 3px;
			margin:0 2px;
			}

		#languages #switch-anchor a:hover {
			text-decoration:none;	
			}
		
		#languages #switch-anchor a.open,
		#languages #switch-anchor a.open:visited,
		#languages #switch-anchor a.open:hover {
			background:#EBE8E0;
			color:#000;
			}

		#languages-list {
			display:none;
			background:#fff;
			position:absolute;
			right:0;
			top:20px;
			z-index:55;
			margin:5px 0 0 0;
			text-align:left;
			width:120px;
			}
		
		#languages-list ul {
			margin:0;
			list-style-type:none;
			}
		
		#languages-list ul li {
			margin:0;	
			}
			
		#languages-list ul li a,
		#languages-list ul li a:visited {
			display:block;
			padding:6px 8px;
			line-height:16px;
			border-bottom:1px solid #ccc;
			color:#000;
			background:#EBE8E0;
			text-decoration:none;
			}

		#languages-list ul li a:hover,
		#languages-list ul li a.active,
		#languages-list ul li a.active:visited,
		#languages-list ul li a.active:hover {
			background:#e2aa22;
			color:#25221f;
			padding:6px 8px 5px 8px;
			border-bottom:2px solid #856413;
			}

		/**
		 *	Navigation
		 *	
		 */

		#navigation {
			float:right;
			list-style-type:none;	
			margin:11px 0 0 0;
            font-family:Arial, Sans-serif;
			}

		#navigation li {
			float:left;
			position:relative;
			z-index:10;
			list-style:none;
			}
			
		#navigation > li {
			margin-left:3px;
			}

		#navigation li a,
		#navigation li a:visited {
            font-size:95%;
			display:block;
			height:28px;
			line-height:28px;
			padding:0 10px;
			margin:0;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			text-transform:uppercase;
			white-space: nowrap;
			}
		
		#navigation li a:hover,
		#navigation li a.active,
		#navigation li a.active:visited,
		#navigation li a.active:hover,
		#navigation li a.over,
		#navigation li a.over:visited,
		#navigation li a.over:hover {
			background:#e2aa22;
			color:#25221f;
			border-bottom:2px solid #856413;
			}

		#navigation ul {
			display:none;
			position:absolute;
			top:40px;
			z-index:15;
			min-width:100%;
			background:#0c2a30;
			border-bottom:2px solid #e2aa22;
			margin:0;
			}

		#navigation li ul li {
			display:block;
			float:none;
			min-width:auto;
			}

		#navigation li ul li.over {
			background:#e2aa22;
			color:#25221f;
			}

		#navigation ul li a,
		#navigation ul li a:visited {
			display:block;
			width:auto;
			text-transform:none;
			font-weight:normal;
			font-size:90%;
			}
		
		#navigation ul li a:hover,
		#navigation ul li a.active,
		#navigation ul li a.active:visited,
		#navigation ul li a.active:hover {
			height:26px;
			}




		/**
		 *	Search
		 *	
		 */

		form#search-form {
			display:block;
			width:192px;
			height:30px;
			background:#fff url('../images/search-bg.gif') no-repeat top left;
			float:right; 
			position:relative;
			margin:20px 0 0 0;
			/*
			position:absolute;
			top:20px;
			right:10px; */
			}

		#search-form #search-input {
			display:inline-block;
			width:150px;
			height:24px;
			border:0;
			color:#969696;
			padding:6px 0 0 5px;
			background:none;
			}

		#search-form #search-submit {
			position:absolute;
			right:0;
			top:0;
			width:32px;
			height:30px;
			border:0;
			background:transparent url('../images/search-bg.gif') no-repeat top right;
			}

		/**
		 *	Homepage
		 *	
		 */
		 
		#homepage {
			width:960px;
			height:450px;
			}
		
		#inner {
			height:250px;
	
			}
		
		
		
		
		
		#product {
			position:relative;
			height:200px;	
			width:330px;
			overflow:hidden;
			float:left;
			margin:25px 40px 0 10px;
			background:url('../images/product-bg.gif');
			}
		
		#product #holder {
			width:310px;
			height:180px;
			background:#000;
			margin:10px;
			}
		
		#product img {
			position:absolute;
			top:0;
			left:0;
			z-index:5;
			}

		#slogans {
			float:left;
			width:570px;
			overflow:hidden;
			margin-top:30px;
			}

        #slogans p {
            color:white;
            font-size:120%;
            }

		#slogans h2 {
			font-size:175%;
			line-height:30px;
			color:#E2AA22;
			margin:0;
		/* disabled umlaut problem **	text-transform:uppercase; */
			}

		#slogans h3 {
			font-size:130%;
			margin:0;
			color:#fff;
			}

		#slogans ul {
			font-size:120%;
			list-style-type:none;
			width:300px;
			margin-left:0;
			margin-top:0;
			}
			
		#slogans ul li {
			margin-left:0;
			display:inline-block;
			width:130px;
			color:#fff;
			}

        #slogans a,
        #slogans a:visited,
        #slogans a:hover {
            color:#E2AA22;
            text-decoration:none;
            }




		#homepage #blocks {
			width:100%;
			clear:both;
			}
		
		#homepage #blocks .block {
			width:300px;
			margin:0 10px;	
			float:left;
			}

		#homepage #blocks .block h4 {
			text-transform:uppercase;
			font-size:150%;
			color:#fff;
			line-height:30px;
			}
			
		#homepage #blocks .block .block-content {
			border-top:2px solid #06171d;
			background:#0b2025;
			height:175px;
		}
		
		#homepage #blocks .block .block-content p {
			padding:10px;
			color:#fff;
			font-size:104%;
			line-height:130%;
			}

		#homepage #blocks .block .block-content a.internal-link,
		#homepage #blocks .block .block-content a.internal-link:visited {
			color:#55e7ef;
			text-decoration:underline;
			}

		#homepage #blocks .block .block-content a:hover {
			text-decoration:none;	
			}

		#homepage #blocks .block .block-content a,
		#homepage #blocks .block .block-content a:visited {
			color:#e2aa22;
			}

		/**
		 *	Content
		 *	
		 */
		 
		#container {
			width:100%;
			}
		 
		#page-slogans {
			height:100px;
			overflow:hidden;
			color:#fff;
			text-transform:uppercase;
			text-indent:25px;
			
			}
		 
		#page-slogan-large {
			font-size:240%;
			margin:25px 0 -10px 0;
			}
			
		#page-slogan-small {
			font-size:180%;
			}

		#main {
			background:#fff;
			width:100%;
			border-top:15px solid #113039;
			}
		 
		#main h2 {
			display:block;
			padding-left:25px;
			height:65px;
			line-height:65px;
			font-size:180%;
			font-weight:lighter;
			/* disabled umlaut problem ** text-transform:uppercase;*/
			border-top:1px solid #fff;
			border-bottom:1px solid #ccc;
			background:#efefef;
			}

		/**
		 *	Content
		 *	
		 */
		 
		#content {
			float:left;
			margin-left:25px; 
			width:650px; /* check dit nog */
			}

		/**
		 *	Breadcrumb
		 *	
		 */	
		 
		#breadcrumb {
			margin:10px 0;
			padding:0 0 10px 0;
			border-bottom:1px solid #dedede;
			}
			
		#breadcrumb span {
			float:left;
			color:#13525c;
			padding-right:10px;
			}

		/* override global */
		#content #breadcrumb ul {
			list-style-type:none;	
			margin:0;
			display:inline;
			}
			
		#breadcrumb ul li {
			display:inline-block;	
			float:left;
			margin-right:5px;
			}
			
		#breadcrumb ul li a,
		#breadcrumb ul li a:visited {
			color:#7f7b7b;
			text-decoration:underline;
			}
		
		#breadcrumb ul li a:hover {
			text-decoration:none;	
			}
		
		
		/**
		 *	Sidebar
		 *	
		 */		
		
		#sidebar {
			float:right;
			width:230px;
			background:#ebe8e0;
			margin-right:25px;
			border-top:6px solid #0f333f;
			margin-top:-6px;
			margin-bottom:25px;
			}

		#sidebar h4 {
			font-weight:bold;
			line-height:40px;
			margin:0;
			text-transform:uppercase;
			text-indent:10px;
			border-bottom:1px solid #ccc;
			}

		ul#subnavigation,
		ul#subnavigation ul {
			list-style-type:none;	
			margin:0;
			}

		ul#subnavigation ul {
			background:#fff;
			padding:0 0 0 10px;
			
			}

		ul#subnavigation li a,
		ul#subnavigation li a:visited {
			display:block;
			padding:8px 10px;
			line-height:18px;
			border-bottom:1px solid #ccc;
			color:#000;
			background:#EBE8E0;
			text-decoration:none;
			}

		ul#subnavigation li a:hover,
		ul#subnavigation li a.active,
		ul#subnavigation li a.active:visited,
		ul#subnavigation li a.active:hover {
			background:#e2aa22;
			color:#25221f;
			padding:8px 10px 7px 10px;
			border-bottom:2px solid #856413;
			}

		ul#subnavigation ul li a,
		ul#subnavigation ul li a:visited {
			background:#DFD7C3;
			border-bottom:1px solid #AFA68E;
			}

		ul#subnavigation ul li a:hover,
		ul#subnavigation ul li a.active,
		ul#subnavigation ul li a.active:visited,
		ul#subnavigation ul li a.active:hover {
			background:#e2aa22;
			color:#25221f;
			padding:8px 10px 7px 10px;
			border-bottom:2px solid #856413;
			}

		/* /v/ 3 */
		ul#subnavigation ul ul {
			background:#fff;
			padding:0 0 0 15px;
			}
			
		ul#subnavigation ul ul li a,
		ul#subnavigation ul ul li a:visited {
			background:#cdc4af;
			border-bottom:1px solid #938a72;
			}

		ul#subnavigation ul ul li a:hover,
		ul#subnavigation ul ul li a.active,
		ul#subnavigation ul ul li a.active:visited,
		ul#subnavigation ul ul li a.active:hover {
			background:#e2aa22;
			color:#25221f;
			padding:8px 10px 7px 10px;
			border-bottom:2px solid #856413;
			}

		/**
		 *	Footer
		 *	
		 */
		 
		#footer {
			text-align:center;
			color:#fff;
			margin:30px 0 50px 0;
			}		

		#footer ul {
			list-style-type:none;	
			margin:0 auto;
			}
			
		#footer ul li {
			display:inline;	
			}
	
		#footer ul li.divider {
			margin:0 6px;	
			}

		#footer a,
		#footer a:visited {
			color:#55e7ef;
			text-decoration:underline;
			}

		#footer a:hover {
			text-decoration:none;	
			}

		#footer #copyright-notice {
			margin:20px auto;	
			}
		
		#certificate {
			text-align:left;
			width:210px;	
			margin:0 auto;
			}
		
		#certificate img {
			float:left;
			display:block;
			margin-right:10px;
		}

		/**
		 *	Search
		 *	
		 */

		.hl {
			background:yellow;
			}


		/**
		 *	Messages
		 *	
		 */

		#notification {
			margin:					10px 0;
			line-height:			26px;
			padding:				2px 6px 2px 10px;
			font-size:				12px;
			border-bottom-width:	2px;
			font-weight:			bold;
			text-align:				left;
			}
		
		#notification strong {
			font-weight:			bold;
			}
			
		.secure {
			background: 			#ffffc4;
			border:					1px solid #e4e482;
			color:					#46400c;
			font-weight:			bold;
			}
		
		.success {
			background: 			#edffe4;
			border:					1px solid #9cd580;
			color:					#386522;
			font-weight:			bold;
			}
			
		.error {
			background: 			#ffe1d3;
			border:					1px solid #cd6951;
			color:					#842310;
			font-weight:			bold;
			}
			
		.info {
			background: 			#f7f9fa;
			border:					1px solid #afd1f5;
			color:					#294b6e;
			}

		#notification ul {
			margin-bottom:5px;	
			}


		/**
		 *	Clearers
		 *	
		 */

		.clearer {
			height:1px;
			clear:both;
			}
			
		.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
			
		.clearfix {
			display:inline-block;
			}
			
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */


		.left         { float:left; }
		.right        { float:right; }
		img.left      { margin-right:1em; margin-bottom:1.8em; }
		img.right     { margin-left:1em; margin-bottom:1.8em; }
		.text-right   { text-align:right; }
		.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
		
		.hide{ /* Hide stuff without resorting to display:none; */
			visibility:hidden;
			width:0!important;
			height:0!important;
			line-height:0!important;
			padding:0!important;
			margin:0!important;
		}
		
		.external {
			padding-right:15px;
			background:url('../images/icons/external.png') center right no-repeat;
			}