@charset "utf-8";
/* NORMALIZE */
body, div, ul, li, p, h1, h2, h3 {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
}

body {
	background:#ededed;
}

a {
	color:#f78f21;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}

a.notnumber {
	color:#323232;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* POSITIONING */

#wrapper {
	margin:0;
	padding:0;
	margin:0 auto;
	max-width:1280px;
	background:#fff;
	box-shadow:0 0 2px 2px #ccc;
}

#top-line {
	background:#f78f21;
	height:0.4em;
}

#lang {
	width:65%;
	margin:0 auto;
	text-align:right;
}

	#lang ul {
		float:right;
	}

	#lang ul li {
		float:left;
		background:#f78f21;
		border-radius:0 0 10px 10px;
		list-style-type:none;
		padding:0 10px 3px;
		margin:0 5px;
	}
	
	#lang li a {
		color:#fff;
		font-weight:bold;
	}
	
	#lang li#lang-current a {
		color:#323c95;
	}

#logo {
	width:65%;
	min-width:830px;
	margin:0 auto 20px;
}

#navigation {
	width:100%;
	height:50px;
	background:#323c94;
}
	#navigation ul {
		width:65%;
		min-width:830px;
		margin:0 auto;
	}
		#navigation ul li {
			float:left;
			list-style-type:none;
			color:#fff;
			padding:0 15px;
			line-height:50px;
			vertical-align:middle;
		}
		
		#navigation ul li:hover,
		#navigation ul li:active,
		#navigation ul li#current {
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			background:#f78f21;
		}
		
			#navigation ul li a {
				display:block;
				text-decoration:none;
				color:#fff;
			}
		
#main {
	width:100%;
	background:url('../img/port_hamburg.jpg') no-repeat top left;
}		
		
#main-container {
	width:65%;
	min-width:830px;
	margin:0 auto 30px;
	padding-top:30px;
	padding-bottom:50px;
	color:#323232;
	background:#f7f7f7;
	box-shadow:0 5px 10px 2px #ddd;
}

	#main-container h1 {
		font-size:2em;
		font-family:Georgia, serif;
		font-weight:100;
		color:#323c95;
		padding:20px 0 15px 20px;
	}
	
	#main-container h2 {
		font-size:1.6em;
		font-weight:100;
		color:#f78f21;
		padding:20px 0 15px 20px;
	}

	#main-container ul {
		margin:0 50px;
		line-height:160%;
	}
	
	#main-container ul li {
		list-style-image:url('../img/bullet.png');
	}
	
	#main-container ul li a {
		color:#323232;
		text-decoration:none;
	}
	
	#main-container ul li a:hover {
		text-decoration:underline;
	}
	
	#main-container>p {
		width:92%;
		padding:10px 20px 15px 20px;
		line-height:1.5em;
	}

#contact1 {
	padding:20px 10px 20px 20px;
	float:left;
	width:43% !important;
}

#contact2  {
	padding:20px 20px 20px 10px;
	float:right;
	width:43% !important;
}

#reps .leftcol {
	float:left;
	width:40%;
	/*padding:0 5px;*/
}

img.resizable {
	max-width:100%;
}

#reps .rightcol {
	float:right;
	width:57%;
	margin:0 1%;
	word-wrap:break-word;
}

#reps h3 {
	font-size:1em;
	color:#323232;
}
	
#company-info {
	margin:200px 0 0 20px;
	font-size:0.7em !important;
	font-style:italic;
	border-top:1px solid #e8e8e8;
}

#address {
	float:left;
	width:52%;
	margin-left:20px;
}

	#address #hq {
		float:left;
		width:10em;
		margin-bottom:10px;
	}

	#address #acc {
		float:right;
		width:11em;
		margin-bottom:10px;
	}
	
	#address #add {
		margin-bottom:10px;
	}

#contact-form {
	float:right;
	width:40%;
	margin-right:3%;
}

	#contact-form h3 {
		padding:0 20px 10px;
		font-size:1em;
		color:#f78f21;
	}

#services {
	/*height:318px;*/
	background:#323c93 url('../img/bg-services.png') repeat-x bottom left;
	box-shadow:0 1px 3px #4c4c4c;
	position:relative;
	z-index:999;
	color:#fff;
}

	#services-cont {
		width:65%;
		min-width:830px;
		margin:0 auto;
	}

		.service {
			width:30%;
			float:left;
			padding:0 1%;
			margin:20px auto 40px;
		}
		
			.service h3 {
				height:90px;
				color:#f78f21;
				font-family:Georgia,serif;
				font-weight:100;
				font-size:1.6em;
			}
			
			.service p {
				padding-top:10px;
				font-size:0.8em;
				line-height:130%;
			}
		
	
#footer {
	background:#b0b0b0;
}

#footer-cont {
	margin:0 auto;
	padding:15px 0;
	width:65%;
}

.logos {
	float:left;
	width:30%;
	text-align:center;
}

#bottom-line {
	padding:0 50px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	background:#545454 url('../img/bg-bottom.png') repeat top left;
	color:#aaa;
	font-size:0.8em;
}

form input, form textarea {
	width:250px;
	height:30px;
	margin:3px 20px;
	padding:2px 5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #ccc;
	-moz-box-shadow:0 1px 0 0 #ccc inset;
	-webkit-box-shadow:0 1px 0 0 #ccc inset;
	box-shadow:0 1px 0 0 #ccc inset;
}

form textarea {
	height:200px;
	padding:5px;
	font-size:0.8em;
	font-family:MS Shell Dlg,Arial,Helvetica,sans-serif !important;
	
}

#submit-btn {
	width:150px;
	margin-top:20px;
	background:#f78f21;
	color:#fff;
	border:0;
	font-weight:bold;
}

.error-msg {
	font-size:0.7em;
	color:#ff0000;
	margin-left:20px;
}
.error {
	border:1px solid red;
}