@charset "UTF-8";
/* CSS Document */


@font-face { font-family: helveticaneue-light-webfont; src: url(helveticaneue-light-webfont.woff); } 



body
{
    background: url("bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
	margin: 0;
     padding: 0;
     
     overflow:hidden;
}

span
{
	letter-spacing:1px;
}

#wrapper
{
    height: 362px;
    margin: 0 auto;
    position: relative;
    top: 121px;
    width: 900px;
}

.scrollbarBlock1
{
	display:none !important;
}

#navi
{
 	border-top: 2px solid #111111;
 	 background: url("bg_menu.jpg") no-repeat center bottom fixed; 

    
     -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
    
    
    
    height: 100%;
    position: absolute;
	top: 502px;
    width: 100%;
}


#menu
{
	width:900px;
	position:relative;
	margin:0 auto;
     top: 18px;
}

#menu ul
{
    margin: 0;
    padding: 0;
    text-align: center;
}

#menu ul li
{
    display: inline-block;
    list-style: none outside none;
    margin-left: 94px;
    margin-right: 78px;
    padding: 0;
}

#menu .first
{
	margin-left: 0px;
}

#menu .last
{
	margin-right: 0px;
}

#menu a
{
	color:#ccc;
	text-decoration:none;
	font-size:25px;
	padding: 60px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

#menu a:hover
{
	color:#fff;
}

#linie
{
    background-image: url("linie.png");
    height: 4px;
    margin: 0 auto;
    position: relative;
    top: 68px;
    width: 900px;
}

#menu2
{
	width:900px;
	margin:0 auto;
	
}

#menu2 a
{
    color: #5e5e5e;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-left: 860px;
    margin-top: 71px;
    position: absolute;
    text-decoration: none;
	
}

#menu2 a:hover
{
	color:#fff;
}

#menu2 #logo_sub
{
    background-image: url("logo.png");
    background-repeat: no-repeat;
    height: 15px;
    margin-top: 73px;
    position: absolute;
    width: 256px;
    margin-left: 0;
    
}

#menu2 #logo_sub:hover
{
    background-image: url("logo_active.png");
    background-repeat: no-repeat;
    height: 15px;
    margin-top: 73px;
    position: absolute;
    width: 256px;
 
}

#menu3
{
	width:900px;
	margin:0 auto;
	
}

#menu3 a
{
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-left: 860px;
    margin-top: 71px;
    position: absolute;
    text-decoration: none;
	
}

#menu3 a:hover
{
	color:#fff;
}

#menu3 #logo_sub
{
    background-image: url("logo.png");
    background-repeat: no-repeat;
    height: 15px;
    margin-top: 73px;
    position: absolute;
    width: 256px;
    margin-left: 0;
    
}

#menu3 #logo_sub:hover
{
    background-image: url("logo_active.png");
    background-repeat: no-repeat;
    height: 15px;
    margin-top: 73px;
    position: absolute;
    width: 256px;
    
}

.next
{
    background-image: url("img/pfeil.png");
    background-repeat: no-repeat;
    height: 100px;
    margin-left: 845px;
    margin-top: -205px;
    position: absolute;
    width: 100px;
    z-index: 999;
}

.prev
{
    background-image: url("img/pfeil_r.png");
    background-repeat: no-repeat;
    height: 100px;
    margin-left: 32px;
    margin-top: -205px;
    position: absolute;
    width: 100px;
    z-index: 999;
}

.white
{
	color:#fff !important;
	text-decoration:none !important;
}

.gold
{
	color:#dcb789 !important;
	text-decoration:none !important;
}

.light
{
	font-family: 'Roboto', sans-serif;
	font-weight:400 !important;
}

.bold_gold
{
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	color:#dcb789 !important;
	text-decoration:none !important;
}

.bold_white
{
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	color:#fff !important;
	text-decoration:none !important;
}

.bold_white_cascari
{
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	color:#fff !important;
	text-decoration:none !important;
}

a
{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

p
{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

#navi_profile
{
    background-image: url("img/navi_profile.png");
    background-repeat: no-repeat;
    width:84px;
}

#navi_portfolio
{
    background-image: url("img/navi_portfolio.png");
    background-repeat: no-repeat;
    width:113px;
}

#navi_jobs
{
    background-image: url("img/navi_jobs.png");
    background-repeat: no-repeat;
    width:62px;
}

#navi_contact
{
    background-image: url("img/navi_contact.png");
    background-repeat: no-repeat;
    width:111px;
}

#navi_profile:hover
{
    background-image: url("img/navi_profile_active.png");
    background-repeat: no-repeat;
    width:84px;
}

#navi_portfolio:hover
{
    background-image: url("img/navi_portfolio_active.png");
    background-repeat: no-repeat;
    width:113px;
}

#navi_jobs:hover
{
    background-image: url("img/navi_jobs_active.png");
    background-repeat: no-repeat;
    width:62px;
}

#navi_contact:hover
{
    background-image: url("img/navi_contact_active.png");
    background-repeat: no-repeat;
    width:111px;
}



#navi_profile_active
{
    background-image: url("img/navi_profile_active.png");
    background-repeat: no-repeat;
    width:84px;
}

#navi_portfolio_active
{
    background-image: url("img/navi_portfolio_active.png");
    background-repeat: no-repeat;
    width:113px;
}

#navi_jobs_active
{
    background-image: url("img/navi_jobs_active.png");
    background-repeat: no-repeat;
    width:62px;
}

#navi_contact_active
{
    background-image: url("img/navi_contact_active.png");
    background-repeat: no-repeat;
    width:111px;
}


