@import url('../reset.css');
@import url('../ie.css');

/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important; }

StyleSheet *
{
	margin:0;
	padding:0;
	list-style:none;
    }

img 
{
    border: none;
    }

body 
{
    font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif b;
    font-size: 12px;
	margin: 0;
	padding: 0;
	width: 8700px;
	overflow: hidden;
	color: #FFFFFF;
	background-color: #000000;
    }

#ie6 
{
    display: none;
    }

a:link, a:visited
{
    text-decoration: none;
    color: #ABABAB;
    font-size: 23px;
    }

a.active:link, a.active:visited
{
    color: #DCDCDC;
    }  
    
a:hover, a.active:hover
{
    text-decoration: none;
    color: #FFFFFF;
    }

.container 
{
    float: left;
    display: block;
    height: 1024px;
    position: relative;
    }

.interior 
{
    width: 700px;
    padding: 5px 25px 25px 25px;
    margin-left: 150px;
    margin-top: 108px;
    font-size: 21px;
    }
    
.interior a
{
    font-size: 21px;
	text-decoration: underline;
    }	

.header 
{
	margin-top: 0px;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 0px;
	}

h1
{
    font-size: 38px;
    margin-top: 0px;
    }  

.buttons
{
    margin-left: 175px;
    margin-top: 2px;
    width: 710px;
    height: 50px;
    }

.buttons div
{
    margin-right: 25px;
    padding-top: 7px;
    float: left;
    }

.buttons a
{
    font-weight: bold;
    }

li 
{
	margin-left: -20px;
	}

#home 
{
    background: url('../images/bg_1.jpg') no-repeat left top;
    width: 1800px;
    }

#billetter
{
    background: url('../images/bg_2.jpg') no-repeat left top;
    width: 1800px;
    }

#info
{
    background: url('../images/bg_3.jpg') no-repeat left top;
    width: 1800px;
    }
    
#forestilling
{
    background: url('../images/bg_4.jpg') no-repeat left top;
    width: 1800px;
    }
        
#sponsorer
{
    background: url('../images/bg_5.jpg') no-repeat left top;
    width: 1500px;
    }
    
.clear 
{
    clear: both;
    visibility: hidden;
    }    
    
/*JScrollPane CSS*/
.jScrollPaneContainer 
{
    position: relative;
	overflow: hidden;
    z-index: 1;
	padding-right: 0px;
	margin-right: 20px;
	}
		    
.jScrollPaneTrack
{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%
    }

.jScrollPaneDrag
{
    position: absolute; 
	background: #CCC;
	cursor: pointer;
	overflow: hidden;
	}
		
.jScrollPaneContainer
{
    float: left;
    }

.slide
{
    padding: 0;
    }
    
/** 
 * Slideshow style rules.
 */
#slideshow 
{
	margin: 0 auto;
	width: 700px;
	/*height: 200px;*/
	position: relative;
	margin-top: 10px;
    }

#slideshow #slidesContainer 
{
    margin: 0 auto;
    width: 700px;
    /*height: 200px;*/
    overflow: auto; /* allow scrollbar */
    position: relative;
    }
    	
#slideshow #slidesContainer .slide 
{
    margin: 0 auto;
    width: 680px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height: 250px;
    }
	
/** 
* Slideshow controls style rules.
*/
.control 
{
    display: block;
    width: 85px;
    height: 40px;
    position: absolute;
    cursor: pointer;
	font-size: 17px;
	font-weight: bold;
    }

#leftControl 
{
    top: 260px;
    left: 0;
	padding-top: 8px;
	padding-left: 40px;
    background: url('../images/control_left.png') no-repeat 0 0;
	}

#rightControl 
{
    top: 260px;
    right: 10px;
	padding-top: 8px;
    background: url('../images/control_right.png') no-repeat 0 0;
	background-position: top right;
	}

.titel 
{
    font-weight: bold;    
    }    
    
.nyhed_titel 
{
    float: left;
    font-weight: bold;    
    }

.nyhed_dato 
{
    float: right;
    text-align: right;
    width: 150px;
    font-size: 14px;
    font-style: italic;
    margin-top: 4px;
    padding-right: 15px;
    }   
    
.sponsor 
{
    width: 220px;
    height: 110px;
    margin-top: 15px;
    margin-right: 15px;
    float: left;
    }

.sponser-end 
{
    margin-right: 0px;
    }
