@charset "utf-8";

/*******************************

RESET

*******************************/

*{
margin:0;
padding:0;
border:0;
outline:none;
}


/*******************************

GLOBAL

*******************************/

html, body{
background:url(../img/bg-body.png) repeat top fixed;
}

#wrapper{
width:813px;
height:auto;
margin:0 auto;
background-color:#eaeaea;
overflow:hidden;
}

p{
font:11px Arial, Helvetica, sans-serif;
color:#818181;
line-height:20px;
}

a.internelink{
color:#e18a26;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.internelink:hover{
color:#e18a26;
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.payoff{
font:14px Arial, Helvetica, sans-serif;
color:#e18a26;
line-height:23px;
font-style:italic;
margin-top:20px;
}

.thumbs{
border:3px solid #eaeaea;
margin-right:5px;
}

.thumbs:hover{
border:3px solid #e18a26;
}

/*******************************

HEADER

*******************************/

#header{
background:url(../img/bg-header.jpg) no-repeat;
width:813px;
height:500px;
border-bottom:5px solid #e18a26;
}

#headerbox{
background:url(../img/bg-headerbox.png) repeat-x;
width:761px;
height:312px;
position:absolute;
margin:167px 26px 0 26px;
}

#headerbox .left{
width:375px;
position:absolute;
margin:20px;
}

#headerbox .left h2{
font:12px Arial, Helvetica, sans-serif;
color:#818181;
line-height:20px;
font-weight:bold;
}

#slogan{
background:url(../img/slogan.png) no-repeat;
width:813px;
height:32px;
position:absolute;
margin:131px 0 0 0;
}

#slogan-eng{
background:url(../img/slogan-eng.png) no-repeat;
width:813px;
height:32px;
position:absolute;
margin:131px 0 0 0;
}

#languages{
height:16px;
position:absolute;
margin:12px 0 0 26px;
}

#languages .flag{
float:left;
margin-right:5px;
}

/*******************************

MENU

*******************************/

.menu{
width:auto;
height:30px;
float:right;
margin:10px;
}

.menu ul{
float:left;
}
 
.menu ul li{
display: inline;
}

.menu ul li a{
float:left;
font:16px Arial, Helvetica, sans-serif;
text-decoration:none;
color:white;
margin-right:15px;
}
 
.menu ul li a:hover{
color:white;
text-decoration:none;
padding-bottom:3px;
border-bottom:2px solid #e18a26;
}


/*******************************

CONTACTFORM

*******************************/

.contactForm {
position:absolute;
margin:20px 0 0 440px;
}

.contactForm ul {
float:left;
list-style:none;
width:300px;
}

.contactForm ul li {
float:left;
width:300px;
}

.contactForm label {
float:left;
width:70px;
height:20px;
margin-right:10px;
font:11px Arial, Helvetica, sans-serif;
line-height:20px;
color:#818181;
}

.contactForm .txtFld {
float:left;
width:210px;
height:20px;
padding:2px 5px;
font:11px Arial, Helvetica, sans-serif;
line-height:20px;
color:#fff;
background-color:#818181;
}

.contactForm .txtAra {
float:left;
width:210px;
height:100px;
padding:2px 5px;
font:11px Arial, Helvetica, sans-serif;
line-height:20px;
color:#fff;
background-color:#818181;
}

.contactForm .submit {
float:right;
background:url(../img/bg-submit.png) no-repeat;
height:21px;
width:126px;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
padding-left:28px;
line-height:21px;
cursor:pointer;
}

.contactForm .formError {
float:left;
height:20px;
margin-left:80px;
color:#e18a26;
font:11px Arial, Helvetica, sans-serif;
line-height:20px;
}

.contactForm .formProgress {
	float:left;
	color:#e18a26;
	font:11px Arial, Helvetica, sans-serif;
	line-height:20px;
	margin-left:80px;
}


/*******************************

CONTENT

*******************************/

#content-cont{
float:left;
width:763px;
margin:0 25px;
background-color:#fff;
}

.content-cont-left{
float:left;
width:350px;
margin:20px 0 20px 20px;
}

.content-cont-right{
float:right;
width:350px;
margin:20px 20px 20px 0;
}

.leoncorsten{
background:url(../img/leoncorsten.png) no-repeat;
float:left;
width:232px;
height:367px;
margin:45px 0 0 -18px;
}

/*******************************

FOOTER

*******************************/

#footer{
width:723px;
margin:0 20px;
height:75px;
border-top:1px dotted #818181;
clear:both;
color:#818181;
font:11px Arial, Helvetica, sans-serif;
line-height:20px;
}

#footer p{
color:#818181;
font:11px Arial, Helvetica, sans-serif;
line-height:20px;
padding-top:5px;
width:auto;
float:left;
}

#footer p.social-media{
text-align:right;
padding-top:5px;
float:right;
width:auto;
}

#footer a{
color:#e18a26;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
}

#footer a:hover{
color:#e18a26;
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}