html, body
{
    margin: 0;
    padding: 0; 
    height: 100%;
}

body
{
    background: #000 none repeat scroll 0 0 !important;
}

a img
{
    border: 0 none;
}

div#container
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -200px;
    width: 900px;
    background: #999999;
    
}



div#center
{
    position: relative;
}


div.content
{
	padding: 30px 110px 0;
}

body.home div.content
{
	padding-top: 310px;
}


div#header
{
    height: 156px;
    background: url("/img/bgline.jpg") repeat-x scroll left bottom #181818;
    position: relative;
}
body.info div.content
{
	background: url("/img/infovlag.jpg") no-repeat scroll 0 0 transparent;
	padding-top: 108px;
}
body.info div#header
{
	background-image: none;
}

div#subheader
{
	position: absolute;
	top: 0;
	height: 250px;
	
	background: url("/img/lineonderindx.png") no-repeat scroll center bottom #333333;
	clear: both;
	height: 290px;
	margin: 0;
	padding: 20px 59px 0;
}




div.model
{
	float: left;
	height: 225px;
	width: 225px;
	position: relative;
}
div.model img
{
	width: 225px;
	position: absolute;
	top: 57px;
	left: 0;
	
}

div.model a.model_overlay
{
	background: url("/img/sf_overlay.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 100%;
	position: relative;
	
}

div.model .model_subtitle
{
	color: #FFFFFF;
	font-style: italic;
	left: 22px;
	position: absolute;
	top: 162px;
	
}

div.model .model_title
{
	color: #E86400;
	font-size: 14px;
	font-weight: bold;
	left: 84px;
	margin: 0;
	position: absolute;
	top: 22px;
}


div#footer
{

    background:#333333 url(/img/footer.jpg) no-repeat scroll 0 0;
    position: relative;
    
}
div#footer p
{
    color: #777777;
    font-size: 10px;
    position: absolute;
	left: 0;
    top: 154px;
    width: 900px;

}
div#footer p a
{
	color: #777777;
}

div#footer a.link
{
	position: absolute;
	top: 100px;
	width: 45px;
	height: 50px;
}

div#footer a.link_sfreplay
{
	left: 402px;
}

div#footer a.link_nnjb
{
	left: 455px;
}

#footer, #push 
{
    height: 200px;
    width: 900px;
    margin: 0 auto;
    
    text-align: center;
    font-size: 10px;
    color: #aaa;
}
/* form **/




.x-hidden
{
     display: none;
}


/* heading */
#logo h1{
    padding: 0;
    margin: 0;
}
#logo h1 a
{
    display:block;
    height:50px;
    width:205px;
    background:transparent url(/img/sfreplaylogo.png) no-repeat scroll 0 0;
    font-size: 0;
    position: absolute;
    top: 55px;
    left: 115px;
    border: 0 none;
    color: transparent;
}

#navigation ul
{
    background:#181818 url(/img/sfreplaynavi.png) repeat-x scroll 0 -50px;
    float:right;
    height:48px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:50px 114px 0 0;
    padding: 0;
}

#navigation ul li
{
    float: left;
}



#navigation ul li a
{
    color:#555555;
    display:block;
    float:left;
    font-size:15px;
    height:18px;
    line-height:15px;
    padding:15px 20px;
    text-decoration:none;
    background:transparent url(/img/sfreplaynavi.png) no-repeat scroll right -100px;
}

#navigation ul li:last-child a   
{  
    background:transparent url(/img/sfreplaynavi.png) no-repeat scroll right -150px;  
}  




/* slideshow 
 * 
 * 
 *  <div class="slideshow">
           *  <div class="s_items">
           *   <ul>
           *    <li><img src="/asset/123.jpg" /></li>
           *   </ul>
           *  </div>
           *  <a class="s_previous" href="#"></a>
           *  <a class="s_next" href="#"></a>
           * </div>*/



/* slideshow basics */

.slideshow
{
    position: relative;
    width: 782px;
    height: 249px;
}



.slideshow .s_items {  /*visible part */
    width: 750px; 
    height: 249px; 
    overflow: hidden; 
    position: relative; 
    cursor: pointer; 
    top: 1px;
    left: 12px;
}
.slideshow ul{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
}


.slideshow a.s_previous
{
    position: absolute;
    display: block;
    left: 0px;
    top: 104px;
    width: 31px;
    height: 37px;
    background: transparent url(/img/pijlbuttonl-trans.png) no-repeat top left;
    z-index: 200;
}

.slideshow a.s_next
{
    position: absolute;
    display: block;
    right: 0px;
    top: 104px;
    width: 31px;
    height: 37px;
    background: transparent url(/img/pijlbuttonr-trans.png) no-repeat top left;
    z-index: 200;
}
.slideshow ul li { 
    position: absolute; 
    top: 0; 
    width: 750px; /* 9 pixels more to prevent overlap */ 
    display: none; 
    padding: 0; 
    margin: 0; 
}

.slideshow ul li img
{
     
}
.slideshow .s_overlay
{
    position: absolute;
    width: 100%;
    
    z-index: 100;
    top: 0;
	left: 12px;
}