/**
		 *	CSS LAYOUT file
		 *	
		 *	@author Roy Scheepens
		 */		
		
		h1, 
		h2, 
		h3, 
		h4, 
		h5, 
		h6 {
		
			}
		
		strong {
			font-weight:bold;
			}
			
		em {
			font-style:italic;
			}

		img { 
			border: none; 
			}

		/**
		 *	Content
		 *	
		 */		
		#content a,
		#content a:visited {
			color:#13525c;
			text-decoration:underline;
			}	
		
		#content a:hover,
		#content a:active {
			text-decoration:none;
			}
			
		
		p,
		ul, 
		ol, 
		dl, 
		table { 
			margin-bottom: 18px; 
			}

		p {
			line-height:130%;	
			}
			
		ul, 
		ol, 
		dd { 
			margin-left: 36px; 
			}

		
		#content .wrap-img {
			border:1px solid #e8e8e8;
			background:#f8f8f8;
			padding:10px 10px 5px 10px;
			text-align:center;
			font: italic 85%/150% Georgia, "Times New Roman", Times, serif;
			float:left;

			}
			
		#content .wrap-img img {
			padding:0;
			display:block;
			}
			
		#content .wrap-img .img-title {
			display:block;
			font-weight:bold;
			color:#666;
			padding-top:5px;
			}
			
		#content .wrap-img .img-alt {
			color:#999;
			}	
			
		/**
		 *	Forms
		 *	
		 */				
	
		form {
			margin-right:13px;
			}
	
		form fieldset {
			margin-bottom:			18px;
			width:					100%;
			border:					1px solid #dedede;
			padding:				5px 10px;
			}
	
		form fieldset legend {
			font-size:130%;
			font-weight:bold;
			text-transform:uppercase;
			padding:				4px 5px 0 5px;
			}

		form fieldset label {
			padding-right:			10px;
			display:				inline-block;
			float:					left;
			width:					30%;
			text-align:right;
			}

		form fieldset label span {
			color:					#990000;
			padding-left:			3px;
			}

		form fieldset .form-item {
			width:					100%;
			padding:				5px 0;
			border-bottom:			1px solid #dedede;
			vertical-align:top;
			display:				inline-block;
			}

		form fieldset .form-item:last-child {
			border-bottom:none;
			padding-bottom:3px;
			}

		form fieldset .form-item-error {
			background: 			#ffe1d3;
			border-bottom:					1px solid #cd6951;
			color:					#842310;
			}

		form fieldset .form-item-error label {
			font-weight:bold;	
			}

		form fieldset .desc,
		form fieldset .input-error  {
			display:				block;
			margin:					5px 0 0 5px;
			color:					#777;
			}

		form fieldset .form-item-error .desc {
			color:#900;	
			}

		form fieldset span.desc {	
			padding-left:			5px;
			}
			
		form fieldset p.desc {
			margin-bottom:			5px;
			line-height:			24px;
			}
			
		form fieldset .form-item .desc, 
		form fieldset .form-item span.input-error {
			margin-left:			31%;
			} 

		form fieldset .form-item select {
			padding:				3px;
			}

		form fieldset .focus {
			background:				#ffffc4;
			border-bottom:			1px solid #e4e482;
			color:					#46400c;
			}

		form fieldset textarea {
			display:				inline-block;
			font:					100%/100% Verdana, Arial, Helvetica, sans-serif;
			}

		form fieldset .error {
			background: 			#ffe1d3;
			border:					0;
			border-bottom:			1px solid #cd6951;
			color:					#842310;
			font-weight:			normal;
			}
			
		form fieldset .error span {
			color:					#842310;
			}

		form input.submit-button {
			height:					2.4em;
			padding-bottom:			2px;
			margin:					10px 5px;
			font-weight:			bold;
			color:					#333;
			overflow: 				visible;	
			padding:				0 10px;
			}

		.form-submit-results {
			display:				none;
			}

		/**
		 *	slideshow
		 *	
		 */		

		#slideshow {
			margin-bottom:10px;


			}
			
		#thumbs {
			margin:0 10px 0 0;
			width:647px;
	
			border:1px solid #ededed;
			}
		
		#thumbs ul {
			margin:5px;
			list-style-type:none;
			}

		#thumbs ul li {
			float:left;
			margin:4px 5px 5px 5px;
			padding:2px;
			background:#fff;
			border:2px solid #ccc;
			}

		#thumbs ul li.active {
			background:#e2aa22;
			border:2px solid #856413;
			}

		#thumbs ul li img {
			display:block;
			width:65px;
			height:50px;
			cursor:pointer;

			max-width:100px; /* IE 6 still needs a fix */
			max-height:80px; /* IE 6 still needs a fix */
			}
		
		#thumbs ul li img.active {
			border:5px solid #f00;	
			}

		
		.image-holder {
            display:none;
			width:650px;
			overflow:hidden;
			border:1px solid #ededed;
			}

		#images .image-title {
	
			font-size:220%;
			line-height:150%;

			padding:0 16px;
			margin-bottom:10px;
            clear:both;
			}

        #images .image-data {
			padding:5px 16px;
            clear:both;
            }
			
		#images .image {
			width:647px;

            margin-top:10px;

			display: block; 
			vertical-align: middle;
			
			}
		#images .image div {
            float:left;
            margin-top:16px;
			}


		.prev-image,
		.prev-image-disabled,
		.prev-image:visited,
		.prev-image-disabled:visited,
		.next-image,
		.next-image-disabled,
		.next-image:visited,
		.next-image-disabled:visited {
            margin-top:200px;
			display:block;
			width: 32px;
			height: 32px;
			cursor: pointer;
			background:#f80;
            float:left;
			}
			
		.prev-image,
		.prev-image-disabled,
		.prev-image:visited,
		.prev-image-disabled:visited {
            background: transparent url(/fileadmin/templates/public/images/jcarousel/prev-horizontal2.png) no-repeat 0 0;
			}

		.next-image,
		.next-image-disabled,
		.next-image:visited,
		.next-image-disabled:visited {
            background: transparent url(/fileadmin/templates/public/images/jcarousel/next-horizontal2.png) no-repeat 0 0;
			}

		.prev-image:hover,
		.next-image:hover {
			background-position: -32px 0;
			}
		
		.prev-image:active,
		.next-image:active {
			background-position: -64px 0;
		}

		.prev-image-disabled,
		.prev-image-disabled:hover,
		.prev-image-disabled:active,
		.next-image-disabled,
		.next-image-disabled:hover,
		.next-image-disabled:active {
			cursor: default;
			background-position: -96px 0 !important;
			}

		#slideshow .image-text {
            clear:both;
			}
			
		/**
		 *	organogram
		 *	
		 */		
		 
		 #organogram {
			position:relative;
			width:650px;
			height:590px;
			/*background:url('../images/organogram.jpg') no-repeat top center;*/
		 	}
		
		#organogram a,
		#organogram a:visited,
		#organogram a:hover {
			display:block;
			width:113px;
			height:80px;
            background-color:#FEFEFE;
            opacity:0;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			position:absolute;	
			top:162px;
			}
		
		#org-us,
		#org-us:visited,
		#org-us:hover {
			left:19px;
			}
			
		#org-eu,
		#org-eu:visited,
		#org-eu:hover {
			left:142px;
			}

		#org-china,
		#org-china:visited,
		#org-china:hover {
			left:266px;
			}
			
		#org-sds,
		#org-sds:visited,
		#org-sds:hover {
			left:390px;
			}
			
		#org-dq,
		#org-dq:visited,
		#org-dq:hover {
			left:513px;
			}
			
		/**
		 * locations	
		 *	
		 */		
		 
		 #locations {
			position:relative;
			width:650px;
			height:284px;
			/*background:url('../images/locations.jpg') no-repeat top center;*/
		 	}
			
		#locations a,
		#locations a:visited,
		#locations a:hover {
			display:block;
			width:7px;
			height:7px;
			position:absolute;	
            background-color:#FEFEFE;
            opacity:0;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			}
			
		#loc-us-1,
		#loc-us-1:visited,
		#loc-us-1:hover {
			top:194px;
			left:69px;
			}
			
		#loc-us-2,
		#loc-us-2:visited,
		#loc-us-2:hover {
			top:185px;
			left:64px;
			}
			
		#loc-us-3,
		#loc-us-3:visited,
		#loc-us-3:hover {
			top:180px;
			left:70px;
			}
			
		#loc-us-4,
		#loc-us-4:visited,
		#loc-us-4:hover {
			top:164px;
			left:104px;
			}
			
		#loc-us-5,
		#loc-us-5:visited,
		#loc-us-5:hover {
			top:162px;
			left:130px;
			}
			
		#loc-us-6,
		#loc-us-6:visited,
		#loc-us-6:hover {
			top:179px;
			left:105px;
            background-image:url(../images/location.jpg);
            background-repeat:no-repeat;
            opacity:100 !important;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
			}
			
		#loc-us-7,
		#loc-us-7:visited,
		#loc-us-7:hover {
			top:172px;
			left:30px;
            background-image:url(../images/location.jpg);
            background-repeat:no-repeat;
            opacity:100 !important;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
			}
			
		#loc-eu-1,
		#loc-eu-1:visited,
		#loc-eu-1:hover {
			top:133px;
			left:314px;
			}
			
		#loc-eu-2,
		#loc-eu-2:visited,
		#loc-eu-2:hover {
			top:116px;
			left:335px;
            background-image:url(../images/location.jpg);
            background-repeat:no-repeat;
            opacity:100 !important;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
			}
			
		#loc-eu-3,
		#loc-eu-3:visited,
		#loc-eu-3:hover {
			top:110px;
			left:354px;
            background-image:url(../images/location.jpg);
            background-repeat:no-repeat;
            opacity:100 !important;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
			}
		
        #loc-eu-4,
		#loc-eu-4:visited,
		#loc-eu-4:hover {
			top:143px;
			left:322px;
            background-image:url(../images/location.jpg);
            background-repeat:no-repeat;
            opacity:100 !important;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
			}
			
		#loc-china-1,
		#loc-china-1:visited,
		#loc-china-1:hover {
			top:186px;
			left:581px;
			}
			
		#loc-china-2,
		#loc-china-2:visited,
		#loc-china-2:hover {
			top:195px;
			left:585px;
			}

        .loc-popup {
            display:none;
            text-align:left;
            }

		/**
		 *	services
		 *	
		 */		
		 
		 #services {
			position:relative;
			width:650px;
			height:850px;
			/*background:url('../images/optimas-services.jpg') no-repeat top center;*/
		 	}
		
		#services a,
		#services a:visited,
		#services a:hover {
            position:absolute;
			display:block;
			width:393px;
            height:90px;
            left:257px;
            background-color:#FEFEFE;
            opacity:0;
            filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			}

        #serv-projectmanagement, 
        #serv-projectmanagement:visited,
        #serv-projectmanagement:hover {
            width:37px !important;
            height:530px !important;
            left:40px !important;
            top:140px !important;
        }

        #serv-qualitysystem, 
        #serv-qualitysystem:visited,
        #serv-qualitysystem:hover {
            width:38px !important;
            height:530px !important;
            left:85px !important;
            top:140px !important;
        }

        #serv-sourcing, 
        #serv-sourcing:visited,
        #serv-sourcing:hover {
            width:38px !important;
            height:433px !important;
            left:130px !important;
            top:140px !important;
        }

        #serv-development, 
        #serv-development:visited,
        #serv-development:hover {
            width:38px !important;
            height:433px !important;
            left:180px !important;
            top:140px !important;
        }


        #serv-engineering,
        #serv-engineering:visited,
        #serv-engineering:hover {
            top:160px;
        }

        #serv-tooling,
        #serv-tooling:visited,
        #serv-tooling:hover {
            top:263px;
        }

        #serv-components,
        #serv-components:visited,
        #serv-components:hover {
            top:363px;
        }

        #serv-assemblies,
        #serv-assemblies:visited,
        #serv-assemblies:hover {
            top:480px;
        }
        #serv-logistics,
        #serv-logistics:visited,
        #serv-logistics:hover {
            height:70px;
            top:584px;
        }


        /* Columns */
        .c2l1-left {
            border-right:0;
        }



        /* Powermail */
        .tx_powermail_pi1_fieldwrap_html {
            display:block;
            clear:both;
            margin-bottom:5px;
        }
        .tx_powermail_pi1_fieldwrap_html_captcha_description {
            color:#666;
            font-size:0.8em;
            margin-left:200px;
        }
        .tx_powermail_pi1_fieldwrap_html_checkbox_title {
            font-size:0.9em;
            background-color:#Eee;
            padding:1px;
        }