/* FIT */
/* Main CSS */

body {
	margin: 0;
	padding: 0;
	background: #a8a59f;
	}

img { border: none; }

a, a:visited, a:active { color: #0999ee; }

#container {
	width: 940px;
	margin: 0 auto;
	margin-top: 30px;
	background: #a8a59f url(/g/frame_body.png) repeat-y;
	}

/**** HEADER ****/

	#header {
		background: transparent url(/g/home_top.jpg) no-repeat top left;
		height: 236px;
		padding-top: 5px;
		}

	#header.page {
		background: transparent url(/g/page_header.png) no-repeat top left;
		height: 100px;
		padding-top: 5px;
		}

	#header.product {
		background: transparent url(/g/product_page_header.png) no-repeat top left;
		height: 80px;
		padding-top: 5px;
		}

		#header div.menu {
			position: relative;
			padding: 30px 10px 0 0;
			background: transparent;
			float: right;
			}

			div.menu a,
			div.menu a:hover,
			div.menu a:active,
			div.menu a:visited {
				font-family: arial, helvetica, sans-serif;
				color: #888;
				font-size: 14px;
				font-weight: bold;
				letter-spacing: -0.2pt;
				text-decoration: none;
				}

			div.menu a:hover { color: #000; }

			div.menu ul li {
				list-style: none;
				display: inline;
				padding: 6px 15px 10px 15px;
				background: transparent url(/g/menu_sep.png) no-repeat top left;
				}

			div.menu ul li.home {
				background: none;
				}
			
			div.menu ul img.smallflag {
				position: relative;
				top: 4px;
				}

/**** SPLASH ****/

	#splash {
		width: 900px;
		padding: 0 20px 0 20px;
		}

		#splash table.splash {
			width: 900px;
			height: 340px;
			background: #fff url(/g/home_splash.jpg) no-repeat top left;
			}

		#splash div.newsticker,
		#splash div.newsticker-en,
		#splash div.newsticker-de,
		#splash div.newsticker-nl {
			position: relative;
			margin-top: 10px;
			height: 23px;
			padding: 7px 0 0 150px;
			background: transparent url(/g/home_blog_ticker.png) no-repeat top left;
			font: normal 13px arial;
			}

		#splash div.newsticker-en { background: transparent url(/g/home_blog_ticker_en.png) no-repeat top left; }
		#splash div.newsticker-de { background: transparent url(/g/home_blog_ticker_de.png) no-repeat top left; }
		#splash div.newsticker-nl { background: transparent url(/g/home_blog_ticker_nl.png) no-repeat top left; }

		#splash div.home-newsletter-reg {
			text-align: left;
			width: 285px;
			height: 170px;
			padding: 10px 0 0 15px;
			background: transparent url(/g/home_newsletter_reg.gif) no-repeat top left;
			}

			#splash div.home-newsletter-reg h3 {
				margin: 0;
				padding: 0;
				font: bold 24px arial;
				letter-spacing: -1.2px;
				color: #0999ee;
				}

			#splash div.home-newsletter-reg h4 {
				padding: 0 0 8px 0;
				position: relative;
				top: -4px;
				font: bold italic 16px arial;
				color: #777;
				}

			#splash div.home-newsletter-reg p {
				margin: 0;
				padding: 0;
				font: normal 13px arial;
				color: #000;
				}

			#splash div.home-newsletter-reg form {
				margin: 10px 0 0 0;
				padding: 0;
				}

			#splash div.home-newsletter-reg input.newsreg {
				position: relative;
				top: -8px;
				width: 190px;
				padding: 2px;
				margin-right: 5px;
				font: normal 12px arial;
				color: #000;
				border: 1px #888 solid;
				}

		#splash table.nav {
			margin-top: 10px;
			width: 900px;
			background: #fff;
			border-spacing: 0;
			border: 0;
			padding: 0;
			text-align: left;
			}

			#splash td.nav-icon {
				vertical-align: top;
				width: 115px;
				}

			#splash td.nav-option {
				vertical-align: top;
				width: 185px;
				}

			#splash h3 {
				margin: 0;
				padding: 5px 0 10px 0;
				font: bold 18px arial;
				color: #0999ee;
				}

			#splash span.pseudo-li {
				background: transparent url(/g/list_bullet.gif) no-repeat center left;
				padding-left: 8px;
				font: normal 13px arial;
				color: #000;
				}

		#splash table.nav a,
		#splash table.nav a:active,
		#splash table.nav a:visited,
		#splash table.nav a:hover {
			color: #333;
			text-decoration: none;
			}

		#splash table.nav a:hover {
			color: #0999ee;
			text-decoration: underline;
			}

		#splash div.home-newsletter-reg input.error {
			border: 1px red solid;
			background: #ffeeee;
			}

/**** PAGE ****/

	#page {
		position: relative;
		background: transparent url(/g/frame_body.png) repeat-y;
		padding: 0px 30px 20px 30px;
		min-height: 1px;
		}

		ul#carousel {
			list-style: none; }

		#page h1 {
			font: bold 30px arial, helvetica, sans-serif;
			color: #0999ee;
			letter-spacing: -1.2px;
			padding-bottom: 16px;
			}

		#page h2 {
			font: bold 18px arial, helvetica, sans-serif;
			color: #0999ee;
			letter-spacing: -1px;
			padding-bottom: 16px;
			font-style: italic;
			}

		#page p {
			font: normal 14px/20px arial, helvetica, sans-serif;
			color: #333;
			text-align: justify;
			padding-bottom: 16px;
			}

		#page div.carousel {
			width: 250px;
			height: 310px;
			margin: 0 0 70px 20px;
			border: 7px #d4ebf7 solid;
			float: right;
			}

		#page div.about-1,
		#page div.about-2,
		#page div.about-3,
		#page div.about-4,
		#page div.product-catalog {
			font: normal 14px/20px arial, helvetica, sans-serif;
			min-height: 60px;
			padding: 4px 0 8px 60px;
			color: #000;
			}

		#page div.about-1 { background: transparent url(/g/icon_cert.png) no-repeat top left; }
		#page div.about-2 { background: transparent url(/g/icon_press.png) no-repeat top left; }
		#page div.about-3 { background: transparent url(/g/icon_newsletter.png) no-repeat top left; }
		#page div.about-4 { background: transparent url(/g/folder_full.png) no-repeat top left; }
		#page div.product-catalog { background: transparent url(/g/icon_cat.png) no-repeat top left; min-height: 48px;}

		#page div.product-container { display: none; }

		td.fitcell {
			width: 25%;
			text-align: center;
			margin-bottom: -20px;
			}
		
		td.fitcell img {
			width: 210px;
			height: 210px;
			border: none;
			}
		
		td.fitcell div.legend {
			position: relative;
			clear: both;
			width: 182px;
			height: 23px;
			background: transparent url(/g/overlay_75.png);
			top: -44px;
			left: 19px;
			//left: 0;
			padding-top: 7px;
			margin-bottom: -20px;
			}
			
		td.fitcell a {
			font: bold 13px arial, helvetica, sans-serif;
			text-decoration: none;
			color: #fff;
			}
		
/**** CONTACT FORM ****/

	form#contact { font-family: arial; }

		form#contact h2 {
			color: #000;
			font-weight: bold;
			font-size: 18px;
			padding: 10px 0 10px 0;
			}

		form#contact h3 {
			color: #777;
			font-size: 0.56em;
			line-height: 20px;
			}

		form#contact h3.required {
			color: #000;
			font-weight: bold;
			font-size: 0.65em;
			line-height: 20px;
			}

		form#contact table.plaintable {
			padding: 0;
			border-spacing: 0;
			border: 0;
			}

		form#contact input,
		form#contact select,
		form#contact textarea {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			}

		form#contact input:focus,
		form#contact select:focus,
		form#contact textarea:focus { background: #ffffcc; }

		form#contact input.control {
			border: 0;
			background: transparent;
			padding: 0;
			}

		form#contact select.short,
		form#contact input.short  { width: 50px; }
		form#contact input.medium { width: 174px; }
		form#contact input.long   { width: 450px; }
		form#contact textarea     {
			width: 450px;
			height: 120px;
			}

		form#contact label.error {
			width: 1px;
			margin-left: -9999px;
			display: none; }

		form#contact input.error,
		form#contact textarea.error {
			border: 1px #ff0000 solid;
			background: #ffeeee;
			}

		form#contact input.button,
		input.button {
			border: 0;
			width: 160px;
			height: 26px;
			background: transparent url(/g/form_button_background.png) no-repeat top left;
			padding: 0;
			margin-top: 10px;
			font: bold 13px arial, helvetica, sans-serif;
			color: #000;
			}

		form#contact input.button:focus,
		form#contact input.button:hover,
		input.button:focus,
		input.button:hover {
			background: transparent url(/g/form_button_background_hilite.png) no-repeat top left;
			color: #fff;
			}

	div#form-container {
		position: relative;
		width: 480px;
		float: left;
		}

	div.form-illu {
		position: relative;
		width: 400px;
		min-height: 566px;
		float: right;
		background: transparent url(/g/contact_form_illu.jpg) no-repeat top left;
		}

	div.contact-left {
		position: relative;
		width: 400px;
		float: left;
		margin-top: 20px;
		}

	div.contact-right {
		margin-top: 20px;
		position: relative;
		width: 480px;
		min-height: 350px;
		float: right;
		font: normal 12px arial;
		}

	div.contact-right a,
	div.contact-right a:visited {
		text-decoration: none;
		color: #888;
		}

	.map-container { border: 7px #d4ebf7 solid; }

/**** BLOG ****/

	#page div.blog-content {
		float: left;
		width: 599px;
		padding: 0 20px 0 60px;
		position: relative;
		}

		#page div.alignleft {
			padding-left: 20px;
			float: left;
			background: transparent url(/g/blog_page_previous.gif) no-repeat center left;
			}
			
		#page div.alignright {
			padding-right: 20px;
			float: right;
			background: transparent url(/g/blog_page_next.gif) no-repeat center right;
			}
		
		#page div.blog-content div.post strong { font-weight: bold; }
		#page div.blog-content div.post em { font-style: italic; }
		#page div.blog-content h2 { color: #0999ee; }

		#page div.blog-content div.navigation {
			margin: 20px 0 20px 0;
			font: normal 13px arial, helvetica, sans-serif;
			color: #000;
			}

		#page div.blog-content h2.pagetitle {
			width: 640px;
			height: 26px;
			margin: 30px 0 -20px -60px;
			padding: 10px;
			background: transparent url(/g/blog_pagetitle.gif) no-repeat top left;
			color: #000;
			}

		#page div.blog-content h1 {
			color: #0999ee;
			font: 20px normal arial, helvetica, sans-serif;
			letter-spacing: -0.7px;
			padding: 0 0 20px 0;
			}

		#page div.blog-content h1 div.date {
			width: 42px;
			height: 38px;
			letter-spacing: -0.3px;
			font: bold 15px arial;
			color: #fff;
			position: relative;
			top: 34px;
			left: -57px;
			padding: 3px 0 0 7px;
			background: transparent url(/g/blog_date_box.png) no-repeat top left;
			}

		#page div.blog-content h1 div.date span {
			clear: both;
			letter-spacing: 2px;
			font: normal 12px arial;
			color: #ccc;
			position: relative;
			left: 1px;
			}

		#page div.blog-content div.details {
			background: #f0f0f0;
			font: normal 10px/17px verdana, arial, helvetica;
			color: #777;
			border-top: 1px #aaa solid;
			padding: 5px;
			border-bottom: 1px #ddd solid;
			}

		#page div.blog-content span.det-categ {
			padding: 0 20px 0 12px;
			background: transparent url(/g/blog_icon_categ.png) no-repeat center left;
			}

		#page div.blog-content span.det-comment {
			padding: 0 20px 0 14px;
			background: transparent url(/g/blog_icon_comment.png) no-repeat center left;
			}

		#page div.blog-content span.det-ping {
			padding: 0 20px 0 15px;
			background: transparent url(/g/blog_icon_ping.png) no-repeat center left;
			}

			ol.commentlist {
				font: normal 13px arial, helvetica, sans-serif;
				margin-top: -20px;
				color: #000;
				border-bottom: 1px #ccc solid;
				}

				ol.commentlist li {
					padding: 5px;
					padding-top: 8px;
					border-top: 1px #ccc solid;
					}

				ol.commentlist li.even { background: #fff; }
				ol.commentlist li.odd { background: #eee; }

				ol.commentlist div.comment-author {
					min-height: 50px;
					width: 140px;
					font-weight: bold;
					position: relative;
					float: left;
					}

				ol.commentlist div.comment-author small {
					font-weight: normal;
					color: #888;
					}

				ol.commentlist div.comment-body p {
					position: relative;
					float: left;
					font: normal 11px arial, helvetica, sans-serif;
					color: #666;
					}

		#commentform small {
			font: bold 10px/18px arial, helvetica, sans-serif;
			color: #555;
			}

		#commentform input,
		#commentform textarea {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			}

		#commentform .button {
			border: 0;
			width: 160px;
			height: 26px;
			background: transparent url(/g/form_button_background.png) no-repeat top left;
			padding: 0;
			margin-top: 10px;
			font: bold 13px arial, helvetica, sans-serif;
			color: #000;
			}

		#commentform .button:focus,
		#commentform .button:hover {
			background: transparent url(/g/form_button_background_hilite.png) no-repeat top left;
			color: #fff;
			}


	#page div.blog-sidebar {
		float: right;
		width: 180px;
		margin-left: 20px;
		padding: 0;
		position: relative;
		margin-top: 30px;
		font: normal 11px arial, helvetica, sans-serif;
		}

		#page div.blog-sidebar ul li {
			padding-bottom: 20px;
			}

		#page div.blog-sidebar ul li ul li {
			list-style: none;
			list-style-image: url(/g/list_bullet_sidebar.gif);
			margin-left: 15px;
			padding: 0;
			}

		#page div.blog-sidebar h2 {
			color: #0999ee;
			font: bold 18px arial, helvetica, sans-serif;
			letter-spacing: -0.7px;
			margin: 0;
			padding: 0 0 10px 0;
			}

		#page div.blog-sidebar .search {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			width: 140px;
			}

		#page div.blog-sidebar #searchsubmit {
			position: relative;
			top: 5px;
			//top: 3px;
			}

/**** FOOTER ****/

	#footer {
		padding: 20px 10px 20px 10px;
		background: #a8a59f url(/g/frame_bottom.png) no-repeat top left;
		font: normal 12px arial, helvetica, sans-serif;
		color: #777;
		text-align: center;
		}

		#footer a,
		#footer a:active,
		#footer a:visited,
		#footer a:hover {
			font-size: 12px;
			color: #555;
			font-weight: bold;
			text-decoration: underline;
			}

		#footer a:hover { color: #000; }

		#footer img.smallflag {
			position: relative;
			top: 4px;
			}