body{
   background:  #123863  url("../bg-repeat.png") repeat-x top left;   
   }   
#light{
  background:  url("../light.png") no-repeat top center ;    
  width:980px;
  margin: -50px auto;
  overflow: visible;
}
#header{
  	height: 200px;
   	width: 250px;
    margin-left: 35px;	
    background: transparent url("../logo.png") no-repeat top center;  
}    
/* -- MENÜ -- */
#navi li{
	float:left;   
}
#navi li { 
	display:block; 
	width:100px; 
	height:50px; 
	background:url(../navi.png) no-repeat; 
	margin:-10px 13px; 
}
  #navi #nav1 { background-position:0px 0; }
  #navi #nav2 { background-position:-100px 0; }
  #navi #nav3 { background-position:-200px 0; }
  #navi #nav4 { background-position:-294px 0; }
  #navi #nav5 { background-position:-390px 0; }


#navi li a  { 
	display:block; 
	width:100px; 
	height:50px; 
	background:url(../navi.png) no-repeat; 
}
  #navi #nav1 a { background-position:0 -50px; }
  #navi #nav2 a { background-position:-100px -50px; }
  #navi #nav3 a { background-position:-200px -50px; }
  #navi #nav4 a { background-position:-293px -50px; }
  #navi #nav5 a { background-position:-390px -50px; }


#navi li a:link, #navi li a:visited { opacity:0.00001; }
#navi li a:hover, #navi li a:active { opacity:1; }

#navi li a span { display:block; width:0; height:0; overflow:auto; }
.motion_textbox{
	float: right;
	margin-top: -300px;
	margin-right: 40px;
    height:350px;
    width:220px;
    padding-left:30px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    color:white;
    
    }

/*.textbox p{
    font-family: Georgia;
    font-size:13px;
    font-style: italic;
    color:white;
    line-height: 16px;
}*/
.motion_textbox h1	{
    font-family: Helvetica, sans-serif!important;
    font-size:16px!important;
}
.textbox{
	
    height:350px;
    width:220px;
    margin-left:680px;
    margin-top:95px;
    padding-left:30px;
    //background: transparent url("../vert_border.png") no-repeat top left;
    
    }

.textbox p{
    font-family: Georgia;
    font-size:13px;
    font-style: italic;
    color:white;
    line-height: 16px;
}
.textbox h1	{
    font-family: Helvetica, sans-serif;
    font-size:16px;
    color:white;
}
#aboutbox #textbox{
    height:370px;
    width:220px;
    margin-left:580px;
    margin-top:-305px;
    padding-left:30px;

}
#aboutbox p{
    font-family: Georgia;
    font-size:13px;
    font-style: italic;
    color:white;
}
#aboutbox h1{
    font-family: Helvetica, sans-serif;
    font-size:16px;
    color:white;
    font-style: none;
}

    
.textbox ul{
    margin-left:-42px;
    font-family: Georgia;
    font-size:13px;
    font-style: italic;
    color:white;

}     

#image_swap_wrapper{
	position: relative;
    float:left;
    width: 563px;
    height: 250px;
    margin-left:78px;
    margin-top:35px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    color:white;
    outline: 1px solid white;
}
#image_swap{

}
#image_swap img{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	height: 250px;
	width: 563px;
	z-index: 1;
}
#image_swap img.active{
	display: block;	
	position: absolute;
}
#swap_overlay{
	position: absolute;
	display: none;
	overflow: hidden;
	bottom: 0px;
	right: 0px;
	background: rgba(30, 30, 30, 0.7);
	width: 165px;
	z-index: 2;
	padding: 10px 20px 20px 20px;
	margin: 0px 0px 40px 0px;
	color: white;
	font-family: Georgia;
	font-style: italic;
	font-size: 14px;
}
#swap_overlay p{
	padding-bottom: 20px;
}
#swap_overlay a{
	font-style: italic;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#teaserbox{
    margin-top: 20px;
	float:left;
    margin-left:78px;
    width: 563px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    color:lightgrey;
    background: transparent url("../hor_border.png") no-repeat top left;

}
#teaserbox b{
    color:white;
}
#teaserbox li{
        float:left;
        margin-left:50px;
        
}
#teaserbox ul{
        margin-left:-85px;
        
}
        

#teaserbox a{
        color:lightgrey;
        
}
#teaserbox a:visited{
        color:lightgrey;
        
}
#teaserbox a:hover{
        color:white;
        
}
#newbox{
    

    height:300px;
    width:300px;
    margin-left:0px;
    margin-top:-10px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    
   

}
#audiobox{
    

    height:300px;
    width:630px;
    margin-left:-10px;
    margin-top:-10px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    color:white;


}

.mebox{
    text-align:justify;
    float:left;
    height:300px;
    width:558px;
    margin-top:-10px;
    margin-left:2px;
    margin-right:30px;


}

#sendbutton{
    margin: 5px 0px 0px 0px;
}

#bilderbox{
    
    float:left;
    width:630px;
    margin-left:56px;
    margin-top:35px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    color:white;
   

}

#bilderbox img{
    margin: 24px;
    margin-top:13px;
}
/* Gallery Styles */

#motioncontainer {
border: 5px solid white;
margin-top:70px;
margin-left:78px;
width: 800px; /* Set to gallery width, in px or percentage */
height: 350px; /* Set to gallery height */
background:white;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


#scrollbox{
 
    height:365px;
    width:815px;
    margin-left:75px;
    margin-top:30px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;

    border: 5px solid white;
}

#aboutbox{
    
    float:left;
    height:380px;
    width:855px;
    margin-left:75px;
    margin-top:26px;
    font-family: helvetica , arial , sans-serif;
    font-size:12px;
    color:white;
   }

#slider-stage{
width:850px;
overflow:auto;
overflow-x:hidden;
overflow-y:hidden;
height:430px;
margin: 20px auto;
}

#slider-list{
width:8000px;
border:0;
margin:0;
padding:0;
left:400px;
}

#slider-list li{
list-style:none;
margin-right:30px;
padding:0;
border:0;
margin-right:4px;
padding:4px;
float:left;
width:850px;
height:430px;
}

#weiter-button{
//background: transparent url("../weiter_button.png") no-repeat;
height:60px;
width:60px,
position:absolute;
margin-top:200px;
margin-left:235px;
}

#zurueck-button{
//background: transparent url("../back_button.png") no-repeat ;
height:60px;
width:60px;
position:absolute;
margin-top:130px;
margin-left:-65px;
}

#photodiv{
  background-repeat:  no-repeat ;
  //width:0px;
  margin-left:22px;
  margin-top:12px;

}
#photodiv img{
    margin-left:0px;
    margin-top:0px;
}


h1{

    font-size:22px;
    font-family: helvetica , arial , sans-serif;
    color:white;

}

ul{
    list-style-type:none;
    line-height: 18px;
    
}



a:link {
    text-decoration: none;
    color:white;
    }
    
a:visited {
    text-decoration: none;
    color:white;
    }
    
a:active {
    text-decoration: none;
    outline: none;
    }
    
a:hover {
    text-decoration: none;
    color:lightgrey;
	  }


a:focus
{
-moz-outline-style: none;
}