﻿html, body{
    height: 100%;
    margin: 0px;
    background-color: #000000;
}

body{
    color: #c0c0c0;
}

body, a, p, td, div, span{
    font-family: Arial;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    color: #c0c0c0;
}

a:hover{
    color: #ffff00;
}

.clear{
    clear: both;
}

.center_div{
	width: 890px;
    margin: 30px auto 0px auto;
}

.maindiv_wrapper{
	width: 890px;
	margin-left: 0px;
	text-align: left;
    position: relative;
}

.topdiv{
    height: 40px;
    color: #ffffff;
}

.menuholder{
    margin-top: 20px;
}

.menudiv{
    float: left;
}

.menudiv ul{
    margin: 0px;
}

.menudiv ul li{
    list-style: none;
}

.menudiv ul li{
    display: inline;
    margin-right: 20px;
}

.menudiv ul li a, .menudiv ul li{
    color: #ffffff;
}

.menudiv ul li a
{
    text-transform: lowercase;
    font-size: 22px;
}

.sprog{
    margin-top: 10px;
    float: right;
}

.sprog a{
    font-weight: bold;
    font-size: 12px;
}


.frise{
    height: 329px;
    width: 890px;
    margin-top: 0px;
	margin-bottom:10px;
}

.content
{
    margin: 20px 0px 20px 0px;
    min-height: 450px;
}

.spalte_left p, .spalte_right p{
    margin: 0px 0px 10px 0px;
}

.spalte_left{
    float: left;
    width: 400px;
}

.spalte_right{
    float: right;
    width: 400px;
}

.spalte_left_small{
    float: left;
    width: 300px;
}

.spalte_right_wide{
    float: right;
    width: 535px;
}

.bund{
    padding-top: 20px;
    padding-bottom: 50px;
}

.bund, .bund a{
    color: #808080;
    text-transform: lowercase;
    word-spacing: 2px;
}

.bund a:hover{
    color: #b0b0b0;
    text-decoration: underline;
}

.spalte_right h1, .spalte_left h1{
    font-size: 15px;
    font-weight: normal;
    color: #808080;
    margin: 0px;
    text-transform: lowercase;
}

.news_holder{
    margin: 0px 0px 40px 0px;
    width: 99%;
}

.news_dato{
    width: 100px;
    float: left;
    color: #ffffff;
}

.news_content{
    float: left;
    width: 500px;
}

.news_content h1{
    margin: 0px 0px 10px 0px;
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
}

.gaa_til_film{
    float: right;
    margin: 20px 0px 0px 0px;
}

.gaa_til_film a{
    font-size: 12px;
}

.news_billede{
    float: left;
    margin: 0px 0px 20px 40px;
}

.breadcrumb{
    color: #333333;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: lowercase;
}

.film_produceret, .quicklinks{
    margin-top: 20px;
}

.quicklinks, .quicklinks a{
    font-size: 12px;
}

.quicklinks{
    float: right;
}

.instruktoerer a, .film_produceret a{
    text-transform: uppercase;
    font-size: 11px;
}

.spalte_right_wide h1{
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
}

.instruktoer_billede{
    margin-bottom: 20px;
}

.img_thumb{
    width: 200px;
}

/*
"################
################
GALLERY CSS start
###########
###########
*/
#imageSlideshowHolder{

/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

*/
/* CSS HACK */
width: 890px;	/* IE 5.x */
width/* */:/**/890px;	/* Other browsers */
width: /**/890px;

/* CSS HACK */
height: 329px;	/* IE 5.x */
height/* */:/**/329px;	/* Other browsers */
height: /**/329px;

background-color:#000;
border:none;
position:relative;	/* Never change this value */

}
.imageInGallery{		
width:890px;
height:329px;
background-color:#000;

/* Never change these 3 value */
left:0px;
top:0px;
position:absolute;	
}

#imageSlideshowHolder img{
position:absolute;
}

/*
"################
################
GALLERY CSS end
###########
###########
*/