


html {

    margin: 0;
    padding: 0;
	height: 100%;

}

body {
    background-color: #fff; 
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 10px;
    color:#798490;
    	}
a:link {
    text-decoration: none;
    color: #798490;
	font-weight:bold;
	font-size:10px;
    
}
a:visited {
text-decoration: none;
    color: #798490;
	font-weight:bold;
	font-size:10px;
    
}
a:hover {
   	color: #db2027;
	
}

#page{
margin:auto;
margin-top:20px;
width:970px;
border:1px solid #d3d3d3;
background-image:url(/ui/background.jpg);
background-repeat:repeat-y;
}

#top_container{
width:970px;
height:125px;
background-color:#798490;
clear:both;
}

#topleft_container{
float:left;
width:199px;
margin-right:1px;
}

#topcenter_container{
float:left;
width:569px;
margin-right:1px;
}

#topright_container{
float:left;
width:200px;
padding-top:20px;
}

#logo_container{
margin-top:74px;
}
#logo_container img{
border:none;
}

.language_select_dk{
width:195px;
height:16px;
margin-right:5px;
padding-top:5px;
background-image:url(/ui/boble_icon_dk.jpg);
background-repeat:no-repeat;
clear:both;
margin-bottom:4px;
}

.language_select_en{
width:195px;
height:16px;
margin-right:5px;
padding-top:5px;
background-image:url(/ui/boble_icon_en.jpg);
background-repeat:no-repeat;
clear:both;
margin-bottom:4px;
}

.language_select_de{
width:195px;
height:16px;
margin-right:5px;
padding-top:5px;
background-image:url(/ui/boble_icon_de.jpg);
background-repeat:no-repeat;
clear:both;
margin-bottom:4px;
}

.home_select{
width:195px;
height:16px;
margin-right:5px;
padding-top:5px;
background-image:url(/ui/home_icon.jpg);
background-repeat:no-repeat;
clear:both;
margin-bottom:4px;
}

.language_select_en a, .language_select_dk a, .language_select_de a, .home_select a{
padding-left:25px;
padding-top:5px;
color:#fff;
font-weight:bold;
text-decoration:none;

}

.language_select_en a:hover, .language_select_dk a:hover, .language_select_de a:hover, .home_select a:hover{
color:#db2027;
}

.search{
width:195px;
height:16px;
margin-right:5px;
clear:both;
}

.search_input{
float:left;
padding-left:3px;
}

.search_input input{
font:Verdana;
font-size:10px;
color:#798490;
border:1px solid #d3d3d3;}

.textinput input{
font:Verdana;
font-size:10px;
color:#798490;
border:1px solid #d3d3d3;
width:200px;
}

textarea{
font:Verdana;
font-size:10px;
color:#798490;
border:1px solid #d3d3d3;
width:200px;
}

.search_btn{
float:left;
margin-left:5px;
}

.search_btn input{
margin:0;
padding:0;
cursor:pointer;
}

.search_btn_start{
float:left;
background-image:url(/ui/search_btn_start.jpg);
background-repeat:no-repeat;
width:3px;
height:18px;
}

.search_btn_middel{
float:left;
background-image:url(/ui/search_btn_middel.jpg);
background-repeat:repeat-x;
height:16px;
padding-left:4px;
padding-right:4px;
padding-top:2px;
}

.search_btn_end{
float:left;
background-image:url(/ui/search_btn_end.jpg);
background-repeat:no-repeat;
width:3px;
height:18px;
}

.search_btn_middel a {
text-decoration:none;
color:#db2027;
font-weight:bold;
font-size:10px;
font-family:Verdana;
}

.search_btn_middel input {
text-decoration:none;
color:#db2027;
font-weight:bold;
font-size:10px;
font-family:Verdana;
background-color: transparent;
border: none;
}



.searchx_btn{
float:left;
margin-top:3px;

}


.searchx_btn_start{
float:left;
background-image:url(/ui/btn_start.jpg);
background-repeat:no-repeat;
width:4px;
height:22px;
}

.searchx_btn_middel{
float:left;
background-image:url(/ui/btn_middel.jpg);
background-repeat:repeat-x;
height:16px;
padding-left:4px;
padding-right:4px;
padding-top:4px;
}

.searchx_btn_end{
float:left;
background-image:url(/ui/btn_end.jpg);
background-repeat:no-repeat;
width:4px;
height:22px;
}

.searchx_btn_middel a {
text-decoration:none;
color:#db2027;
font-weight:bold;
font-size:10px;
font-family:Verdana;
}

#topmenu_container{
width:970px;
background-color:#fff;
clear:both;
}

.topmenu{
height:30px;
border-bottom:1px dashed #d3d3d3;
clear:both;
}

.topmenu ul{
margin:0;
padding:0;
display: block;
width:950px;
padding-left: 10px;
padding-right: 10px;
z-index: 2;
height:25px;
}

.topmenu li{
margin: 0;
padding: 0;
list-style: none;
display: inline;
z-index: 3;
margin-right: 10px;
}

.topmenu li a{
display: block;
float: left;
margin: 0;
margin-right: 15px;
padding-left: 5px;
padding-right: 5px;
z-index:3;
height:17px;
padding-top:8px;
color: #798490;
text-decoration:none;
font:verdana;
font-size:10px;
font-weight:bold;
}



.topmenu li a:hover{
color:#db2027;
} 

.topmenu .red a{
color:#db2027;
}



#content_container{
widows:790px;
clear:both;
}

#left_container{
float:left;
width:199px;
margin-right:1px;
}

.left_header{
width:198px;
margin-top:1px;
margin-right:1px;
border-top:5px solid #db2027;
background-color:#798490;
height:20px;
}

.left_header h3{
margin:0;
color:#fff;
padding-left:15px;
padding-top:2px;
font-family:verdana;
font-size:10px;
font-weight:bold;
}


.btn_start{
float:left;
background-image:url(/ui/btn_start.jpg);
background-repeat:no-repeat;
width:4px;
height:22px;
}

.btn_container{
margin-top:10px;
}
.btn_middel{
float:left;
background-image:url(/ui/btn_middel.jpg);
background-repeat:repeat-x;
height:22px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
}


.btn_middel_left{
float:left;
background-image:url(/ui/btn_middel.jpg);
background-repeat:repeat-x;
height:18px;
padding-left:5px;
padding-right:5px;
padding-top:4px;
}

.btn_end{
float:left;
background-image:url(/ui/btn_end.jpg);
background-repeat:no-repeat;
width:6px;
height:22px;
}

.btn_middel a, .btn_middel_left a{
text-decoration:none;
color:#db2027;
font-weight:bold;
font-size:10px;
font-family:Verdana;
}
form{
margin:0;
padding:0;
}

.katalog{
margin-top:10px;
margin-left:30px;
}

#center_container{
float:left;
width:569px;
margin-right:1px;
}

.conent_image{
width:569px;
height:125px;
border-bottom:1px dashed #d3d3d3;
clear:both;
} 

.conent_imagegallery{
width:569px;
border-top:1px dashed #d3d3d3;
clear:both;
} 

#content_details{
width:569px;
border-top:1px dashed #d3d3d3;
display:none;
clear:both;
} 

.detail_text{
margin-left:20px;
margin-right:20px;
margin-top:15px;
}

.galleryimage{
float:left;
width:150px;
min-height:100px;
border:1px dashed #d3d3d3;
margin-right:10px;
margin-bottom:10px;
}

.galleryimage img{
border:none;
width:150px;
height:100px;
}
.gallery_box{
margin:20px;

}
 
.content{
margin:25px;
margin-top:15px;
font:verdana;
font-size:10px;
font-weight:normal;
line-height:20px;
color:#798490;
} 
 
#right_container{
float:left;
width:200px;
}

.right_header{
margin-top:1px;
margin-left:1px;
width:199px;
border-top:5px solid #db2027;
background-color:#798490;
height:20px;
}

.right_header h3{
margin:0;
color:#fff;
padding-left:15px;
padding-top:2px;
font-family:verdana;
font-size:10px;
font-weight:bold;
font-variant:normal;
}

.news_box{
width:169px;
margin:15px;
font:verdana;
font-size:10px;
font-weight:normal;
line-height:20px;
color:#798490;
margin-bottom:10px;
*margin-bottom:5px;
clear:both;
}

.news_box h3{
margin:0;
padding:0;
font-family:verdana;
font-size:10px;
font-weight:bold;
color:#db2027;
}

.news_box_date{
font-style:italic;
font-weight:bold;
margin-bottom:5px;
}

.login_box{
width:168px;
margin:15px;
font:verdana;
font-size:10px;
font-weight:normal;
color:#798490;
margin-bottom:10px;
*margin-bottom:5px;
clear:both;
}
.login_box label{
font-family:verdana;
font-weight:bold;
font-size:10px;
color:#db2027;
clear:both;
}
.login_input{
clear:both;
}

.contact_box{
width:168px;
margin:15px;
font:verdana;
font-size:10px;
font-weight:normal;
color:#798490;
margin-bottom:10px;
*margin-bottom:5px;
clear:both;
}

.contact_box img{
border:none;
width:168px;
}

.contact_text{
margin:top:10px;
margin-bottom:10px;
line-height:20px;
}
.login_box input{
font:Verdana;
font-size:10px;
color:#798490;
border:1px solid #d3d3d3;
clear:both;
margin-top:10px;
margin-bottom:10px;
}

#company_info{
width:970px;
font-family:verdana;
font-weight:bold;
font-size:10px;
color:#fff;
text-align:center;
clear:both;
}

#left_menu .red a{
color:#db2027;
}

#left_menu{
margin-left:15px;
margin-right:15px;
margin-top:10px;
}

#left_menu ul{
margin:0px;
padding:0px;
display: block;
border-left:2px solid #fff;
/*width:169px;*/
}

#left_menu li ul{
margin:0px;
padding:0px;
display: block;
border-left:2px solid #db2027;
}
#left_menu li li ul{
margin:0px;
padding:0px;
display: block;
border-left:2px solid #d3d3d3;
}

#left_menu li{
list-style: none;
padding-bottom: 3px;
padding-top: 3px;
margin:0px;
}

#left_menu li li{
list-style: none;
padding-bottom: 3px;
padding-top: 3px;
padding-left:10px;
margin:0px;
}

#left_menu li a{
display: block;
margin: 0;
z-index:3;
height:17px;
color: #798490;
text-decoration:none;
font:verdana;
font-size:10px;
font-weight:bold;
}


#left_menu li a:hover{
color:#db2027;
}

#bottom_container{
width:970px;
height:20px;
background-color:#db2027;
padding-top:10px;
}

h1{
font-family:verdana;
font-size:14px;
margin:0;
padding:0;
margin-left:25px;
margin-top:20px;
color:#db2027;
}

h2{
font-family:verdana;
font-size:11px;
margin:0;
padding:0;
margin-left:25px;
margin-top:20px;
color:#db2027;
}
.contact{
float:left;
}
.clear{
clear:both;
}

.clear2{
clear:both;
margin-bottom:10px;
}

.katalog{
float:left;
}

#rotater{

}

#rotate1{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:visible;
}
#rotate2{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate3{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate4{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate5{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate6{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate7{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate8{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate9{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}
#rotate10{
position:absolute;
z-index:10;
-moz-opacity:.100;
opacity:.100;
filter:alpha(opacity=100);
visibility:hidden;
}


#loginbox{
margin-left:25px;
}

.label{
float:left;
width:70px;}
.input{
float:left;}

/*********************************************************************************************
*********************************************************************************************/



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*********************************************************************************************************************
*********************************************************************************************************************/
