* {margin: 0; padding: 0;}


html { 
  background: url(../images/back_01.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  overflow: hidden;
}

.container {
	position: absolute;
	top: 40px;
	left: 50%;
	height: auto;
	width: 710px;
	padding: 0;
	margin-top: 0;
	margin-left: -355px;
	z-index: 2;
}

p {
	font-family:Trebuchet MS, Verdana, Arial;
    font-size: 12px;
	line-height: 18px;	
	color: #605f5f;
	text-align: left;
	text-decoration: none;
}

a {
	font-family:Trebuchet MS, Verdana, Arial;
    font-size: 12px;
	line-height: 18px;	
	color: #baff00;
	letter-spacing: 1.5px;
	text-align: left;	
	text-indent: 15px;
	text-decoration: none;
    display: block;	
	font-weight: bold;	
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#FFF
}

a:active {
	text-decoration: none;
}

.active {
	color: #605f5f;
	background-color: #baff00;
}

{------------- HEADER BAR -------------}


.header_fies {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	height: 18px;
	width: 200px;
	text-indent: 15px;	
	line-height: 18px;
	text-align: left;
	margin: auto;
	color: #605f5f;
	text-decoration: none;
	background-color: #baff00;
	letter-spacing: 1.5px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu_top_balken_background {
	position: absolute;
	display: block;
	height: 18px;
	width: 710px;
	background: #000;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity: 0.5;
  	z-index: -1;	
}

.menu_top_animation {
	position: relative;
	top: 0;
	left: 0;
	height: 18px;
	width: 95px;
	color: #baff00;
	text-align: left;
	text-decoration: none;
	z-index: 4;
}

.menu_top_applied {
	position: relative;
	top: 0;
	left: 0;
	height: 18px;
	width: 80px;
	color: #baff00;
	text-align: center;
	margin: auto;
	text-decoration: none;
	z-index: 5;
}

.menu_top_workshops {
	position: relative;
	top: 0;
	left: 0;
	height: 18px;
	width: 110px;
	color: #baff00;
	margin: auto;
	text-decoration: none;
	z-index: 6;
}
{----------------dropdown----------------}

nav {
	position: relative;
	display: inline;
    height: 18px;
    color:#baff00;
	z-index: 1013;
}
 
nav ul {
    list-style:none;   
}
 
nav ul li {
	display: block;
    float:left;
    position: relative;
}
nav ul a {
	display: block;
	float: left;
}

nav ul li a {
	text-indent: 12px;
    display:block;
    color:#baff00;
    padding-right: 12px;
}

nav ul li a:hover {
	color:#fff;
}
 
nav ul li ul {
    display: none;
}
nav ul li ul li{
    float: none;
}
 
nav ul li:hover ul {
    display: block;
    position: absolute;
    top: 18px;
    min-width: 200px;
    left: 0;
    margin-top: 0;
    z-index: 7;    
}  
 
nav ul li:hover ul li a {
    display:block;
    color:#baff00;
    width: 200px;
    text-align: left;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    background: #605f5f;
}
 
nav ul li ul li:first-child a {	
    border-top:none;
}
 
nav ul li:hover ul li a:hover {
    background:#605f5f;
    color:#fff;
}

{------------------------------------------------}

.menu_top_about {
	position: relative;
	display: inline-block;
	float: left;
	top: 0;
	left: 475px;
	height: 18px;
	width: 70px;
	color: #baff00;	
	margin: auto;
	text-decoration: none;
	z-index: 8;	
}

.menu_top_contact {
	position: relative;
	display: inline-block;
	float: left;
	top: 0;
	left: 545px;
	height: 18px;
	width: 80px;
	color: #baff00;
	margin: auto;
	text-decoration: none;
	z-index: 9;
}

.lang {
	display: block;
	height: 18px;
	width: 50px;
	color: #baff00;
	background-color: none;
	text-indent: 0;
	text-align: center;
	z-index: 10;
	margin: auto;
	float: right;
}
.lang_EN {
	position: absolute;
	left: 0;
}

.lang_en_active {
	position: absolute;		
	display: inline-block;
	left: 0;
	height: 18px;
	width: 25px;
	color: #605f5f;
	background-color: #baff00;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	z-index: 11;
	margin: auto;
	padding: 0;
}

.lang_en_unactive {
	position: absolute;		
	display: inline-block;
	left: 0;
	width: 25px;
	text-indent: 0;
	text-align: center;
	padding: 0;
}
.lang_de_active {
	position: absolute;		
	display: inline-block;
	height: 18px;
	width: 25px;
	color: #605f5f;
	background-color: #baff00;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	z-index: 11;
	margin: auto;
	padding: 0;
}

.lang_de_unactive {
	position: absolute;	
	display: inline-block;
	width: 25px;
	text-indent: 0;
	text-align: center;
	padding: 0;
}

{------------- IMAGE -------------}

.image {
	position: absolute;
	display: block;
	top: 18px;
	left: 0;
	height: 400px;
	width: 710px;
	background-color: #000;
	/* for IE */
  	filter:alpha(opacity=70);
  	/* CSS3 standard */
	z-index: 1;
	border: none;
}

.image_3_4 {
	position: absolute;
	top: 18px;
	left: 0;
	height: 400px;
	width: 526px;
	padding-left: 92px;
	z-index: 1;
}

{------------- INFO BLOCK -------------}

.page_titel {
	position: absolute;
	top: 418px;
	left: 0;
	height: 18px;
	width: 200px;
	color: #605f5f;
	background-color: #baff00;
	display: block;	
	font-weight: bold;
	z-index: 14;
}
.page_titel_index {
	position: absolute;
	display: block;
	top: 18px;
	left: 0;
	height: 18px;
	width: 185px;
	color: #605f5f;
	background-color: #baff00;
	letter-spacing: 1.5px;
	font-weight: bold;
	z-index: 15;	
	padding-left: 15px;

}
.container_text_background {
	position: absolute;
	top: 18px;
	left: 0;
	width: 710px;
	height: auto;
	float: none;
	padding: 0;
	background-color: #f2f2f2;
	/* for IE */
  	filter: alpha(opacity=70);
  	/* CSS3 standard */
  	opacity: 0.7;
  	z-index: -2;
}

.container_text_background_2 {
	position: absolute;
	top: 436px;
	left: 0;
	width: 710px;
	height: auto;
	background-color: #f2f2f2;
	/* for IE */
  	filter: alpha(opacity=70);
  	/* CSS3 standard */
  	opacity: 0.7;
  	z-index: 1;
}

.text {
	padding: 10px 15px 15px 15px;
}

.text_index {
	padding: 28px 15px 15px 15px;
}

.text_header_balken {
	position: absolute;
	top: 36px;
	left: 0;
	height: 28px;
	width: 450px;
	margin: auto;
	color: #baff00;
	text-decoration: none;
	background-color: #baff00;
}

.container_text {
	position: absolute;
	top: 36px;
	left: 0;
	height: auto;
	width: 710px;
	padding: 0;
}
.graybox {
	display: inline-block;
	background-color: #444; 
	text-indent:3px; 
	padding: 0 6px; 
	text-decoration: none;
	margin-top: 5px;
}	

{------------- MENU BOTTOM -------------}

.menu_bottom_balken {
	position: absolute;
	top: 418px;
	left: 0;
	height: 18px;
	width: 710px;
	margin: auto;
	z-index: 10;	
}
.menu_bottom_balken_background {
	position: absolute;
	display: block;
	height: 18px;
	width: 710px;
	background: #000;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity: 0.5;
  	z-index: -1;	
}

.menu_text {
	position: absolute;
	top: 400px;
	left: 0;
	height: 18px;
	width: 695px;
	text-indent: 15px;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 18px;
	color: #baff00;
	text-align: left;
	margin: auto;
	text-decoration: none;
	z-index: 15;	
}

.menu_text_still {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 55px;
	text-indent: 15px;
	z-index: 16;	
}

.menu_text_pdf {
	height: 18px;
	width: auto;	
	z-index: 17;	
}

.menu_text_blog {
	height: 18px;
	width: 50px;
	z-index: 17;		
}

.number_current {
	width: 25px;	
	color: #605f5f;
	background-color: #baff00;
	text-indent: 0;	
	text-align: center;
	font-weight: bold;
	padding: 0;	
}

.number_active {
	width: 25px;
	text-indent: 0;	
	text-align: center;
	padding: 0;
}

.prevnext {
	display: block;
	height: 18px;
	width: 90px;
	color: #baff00;
	background-color: none;
	text-indent: 0;
	text-align: center;
	z-index: 10;
	margin: auto;
	float: right;
	padding: 0;
}

.prevnext_active {
	display: inline-block;
	height: 18px;
	width: 45px;
	color: #baff00;
	text-indent: 0;
	text-align: center;
	z-index: 11;
	margin: auto;
	line-height: 1.4em;	
	padding: 0;	
}

.menu_text_job1 {
	display: inline-block;
	height: 18px;
	width: 10px;
	color: #605f5f;
	text-align: center;
	margin: auto;
	background-color: #baff00;	
	z-index: 18;	
}

.menu_text_job2 {
	display: inline-block;	
	height: 18px;
	width: 10px;
	color: #605f5f;
	text-align: center;
	margin: auto;
	background-color: #baff00;	
	z-index: 18;	
}

.menu_text_prev {
	height: 18px;
	width: 50px;
	padding: 0;
	z-index: 17;	
}

.menu_text_next {
	height: 18px;
	width: 50px;
	padding: 0;
	z-index: 17;	
}

.text_left {
	height: auto;
	width: 410px;
	padding: 10px 15px 15px 15px;
	float: left;
}

.text_right {
	padding: 10px 17px 15px 0;
	overflow: hidden;
}
