@charset "utf-8";
/* CSS Document */
a:link, a:visited, a:hover,a:active {
	text-decoration: none;
	color:inherit;
	outline-style:none;
}
img {
	border:0;
	outline-style:none;
}
ul,ol
{
	list-style:none
}
strong
{
	font-style: normal;
	font-size:17px;
}
blockquote{
	padding-left:10px; list-style-type:circle; text-align:justify; border-left: 3px solid #ccc;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
body
{
	margin:0;
	padding:0;
	font-family: 'yanone_kaffeesatz';
	font-style:normal;
}
#container
{
	width:960px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	background: url(../images/header-repeat.png) top left;
	border: 1px solid rgba(255,255,255,0.3);
	border-top: none;
	box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 5px 7px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0px;
	position: relative;
	padding-top: 5px;
	padding-right: 17px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin-top: 0px;
	height: 75px;
}
			
			
/*#container #header 
{
	
	height:85px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding: 5px;
	background-image:url(../images/header-repeat.png);
	background-repeat:repeat-x;
	-webkit-box-shadow: 0 0 0 4px white, 0 6px 4px black;
	-moz-box-shadow: 0 0 0 4px white, 0 6px 4px black;
	box-shadow: 0 0 0 4px white, 0 6px 4px black;	
}*/
#header #logo
{
	float:left;
}
#header #header-right 
{
    float: right;
}
#header #header-right #language
{
	float:right;
	display:block;
}
#header #header-right #language a:hover
{
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
#header #header-right .language-selected
{
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
#header #header-right ul#topmenu
{
	float: right;
	margin-top: 0px;
	margin-right:0px;
}
#header #header-right ul#topmenu li {
	float: left;
	position:relative;
	margin-left: 15px;
	margin-top: 15px;

}
#header #header-right ul#topmenu li a
{
	color:#333;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-family: yanone_kaffeesatz;
	font-style:normal;
	font-weight:400;
	font-size:20px;
	padding-top:0px;
}
#header #header-right ul#topmenu li a:hover{
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	
}
#content
{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#content p
{
	font-size:16px;
	line-height:22px;
	margin-top: 5px;
	padding:5px;
	background-color:#F2F2F2;
	background-image: url(../images/p-corner.png);
	background-position: right bottom;
	background-repeat:no-repeat;
}
p:first-letter {
font-size: 2.5em;
line-height: 1em;

}
p + p:first-letter {
font-size: 1em;
line-height: 1.25em;
}
#content #content-box
{
	height:455px;
	height:auto;
	padding-bottom: 50px;
}
#content #content-box .readmore
{
	width:48px;
	height:48px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFFFFF;
	background-image:url(../images/read_more.png);
	background-repeat:no-repeat;
	-webkit-border-radius: 0px 0px 45px 45px;
	border-radius: 0px 0px 45px 45px;
	-moz- border-radius: 0px 0px 45px 45px;
	display:block;
	background-position: center center;
}
#content #content-box .readmore a
{
	width:48px;
	height:48px;
	display:block;
}
#content #content-box .readmore a:hover
{
	background-color:#F2F2F2;
		background-image:url(../images/read_more.png);
	background-repeat:no-repeat;
	-webkit-border-radius: 0px 0px 45px 45px;
	border-radius: 0px 0px 45px 45px;
	-moz- border-radius: 0px 0px 45px 45px;
	display:block;
	background-position: center center;
}
#content #content-box1
{
	width: 279px;
	height:442px;
	position: relative;
	margin-right: 61px;
	float: left;
	background: white;
	-webkit-box-shadow: 0 0 0 4px white, 0 6px 4px black;
	-moz-box-shadow: 0 0 0 4px white, 0 6px 4px black;
	box-shadow: 0 0 0 4px white, 0 6px 4px black;
	padding: 0;
}
#content #content-box1 img
{
	width: 279px;
}
#content #content-box2
{
	width: 276px;
	height:442px;
	position: relative;
	float: left;
	padding: 5px 0px 0px;
	background: white;
    -webkit-box-shadow: 0 0 0 4px white, 0 6px 4px black;
    -moz-box-shadow: 0 0 0 4px white, 0 6px 4px black;
    box-shadow: 0 0 0 4px white, 0 6px 4px black;
	padding: 0;
}
#container #caption
{
	overflow:hidden;
	display:block;
	color:#FFF;
	text-shadow:#000 1px 1px 2px;
	line-height:42px;
	font-family: yanone_kaffeesatz;
	font-size: 45px;
	font-weight: 900;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	width: 960px;
	padding-top: 40px;
	padding-bottom: 40px;
}
#content-page
{
	width:920px;
	height:auto;
	margin-top:0px;
	background-image:url(../images/fullwidth-content-bg.png);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom:20px;
}
#content-page #content-text
{
	padding-left:30px; 
	paddig-right:30px;
}
#content-page p
{
	font-size:16px;
	line-height:25px;
	margin-top:30px;

}
#content-page #back-link
{
	padding-top:30px;
	padding-left:30px;
}
#content-page #gallery
{
	width:750px;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
}
#content-page #btn
{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#content-text #contactform
{
	float:left;
	padding-left:30px;
}
.a-btn{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:20px;
    padding-right:80px;
    height:38px;
    display:inline-block;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
    padding-top:5px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../images/arrow_right.html) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    padding-right:180px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
	width:100px;
	background-position: center center;
	background-image: url(../images/view.png);
	background-repeat: no-repeat;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}
.adress
{
	background-image:url(../images/location-pin.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	line-height: 25px;
}
.mail
{
	background-image:url(../images/email.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	line-height: 25px;
}
.phone
{
	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	line-height: 25px;
}
.web
{
	background-image:url(../images/web-adress.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	line-height: 25px;
}
.port-services a
{
	background-image:url(../images/Services.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:right;
	padding-left:40px;
	line-height: 35px;
	height:30px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	color: #232262;
}
.port-services a:hover
{
	color:#333333;
	background-image:url(../images/Services.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:right;
	padding-left:40px;
	line-height: 50px;
	height:30px;
	-webkit-transform: rotate(90);
	-ms-transform: rotate(90);
	transform: rotate(90);
}
.port-operation
{
	float:left;
}

#footer
{
	height: 50px;
	
}