/*.............................GENERAL..................................*/

body, html{
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	height: 100%;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	background-color: #f5f5f5;
}

/*..............................LISTS..................................*/

ul{
	list-style: none;
	margin: 0px;
}

/*..............................FORMS..................................*/

.contactform{
	float: left;
	width:370px;
}

.contactform input[type=text] {
	margin-bottom: 10px;
}

.contactinfo {
	width:340px;
	float: right;
}

/*..............................FONTS..................................*/

p{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
	padding-bottom: 4px;
	margin: 0px;
}

.red{
	color: #f8150c;	
}

a:link, 
a:visited {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #f8150c;
	text-decoration: none;
}
a:hover {
	color: #f8150c;
	text-decoration: none;
}
a:active {
	color: #f8150c;
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6{
	color: #000000; margin: 0px;
}

h1{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
	color: #f8150c;
}

	h1.big{
		font-size: 22px;
	}
	
	h1.infotitle{
		font-size: 20px;
		color: #333333;
		margin-bottom: 10px;
	} 

h2{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
	color: #f8150c;
}

h3{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}

h4{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}

h5{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}

h6{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}

/*..............................GRID..................................*/

/*.............................HEADER..................................*/

/*.............................CONTENT..................................*/

#bg_container{
	width: 100%;
	text-align: center;
	background: url('../images/site/new_bg.jpg') top center no-repeat;
	padding-bottom: 200px;
}

#content_container{
	width: 100%;
	text-align: left;
	padding-top: 5px;
}

.admincontent{
	width: 840px !important;
	margin: 0px auto;
}

.content{
	padding:30px 0px;
}

#top {
	padding-bottom: 15px;
	width: 780px;
	margin: 0px auto;
}

.logo {
	display:block;
	height:45px;
	text-indent:-9999px;
	background: url('../images/site/logo.png') top left no-repeat;
	width:105px;
	float: left;
}

.flashbanner{
	width:780px;
	height: 330px;
	padding: 0px 0px 0px 0px;
}

.left{
	width: 450px;
	float: left;
	padding-right: 20px;
}

.right{
	width:260px;
	float: right;
}

.bigleft{
	width: 500px;
	float: left;
	margin-right: 20px;
	padding-right: 47px;
	border-right:1px solid #f8150c;
}

.smallright{
	width: 210px;
	float: right;
}

.infobox{
	width:220px;
	padding: 20px;
	background-color: #ebebeb;
}

.tekniskinfo{
	width:258px;
	padding: 0px;
	border: 1px solid #6e6e6f;
	background-color: #ffffff;
	background: url('../images/site/header_teknisk.jpg') top left repeat-x;
	margin-bottom: 20px;
}

.boxinfo{
	padding: 8px 20px 20px 20px;
}

.boxinfo h2{
	color: #ffffff;
	padding-bottom:20px;
}

.projectdocs{
	width:220px;
	padding: 0px 20px 20px 20px;
}

.projectdocs a{
	font-size: 13px;
	color: #666666;
	display: block;
	padding-bottom: 4px;
}

.projectdocs h2{
	padding-bottom: 8px;
}

.youtube{
	padding-top: 30px;
}

.flashdock {
	width: 780px;
	height: 160px;
	padding: 0px 0px;
}

.social{
	list-style: none;
	padding-left: 5px;
}

.social li{
	float: left;
	padding-right: 0px;
	padding-left: 5px;
}

.twitter{
	padding-left: 20px;
	padding-bottom: 25px;
}

.twitter .date{
	padding: 3px 0px 2px 0px;
	font-style: italic;
	font-size: 11px;
}

.tweets{
	font-size: 12px;
	/*font-style: italic;*/
}

.youtubediv{
	padding-left: 20px;
}

#flashmapprojects{
	width: 500px;
	height: 0px;
	margin-top: 20px;
	display: none;
}

.maplink{
	margin-top: 10px;

}

.ledigediv{

}

.ledigefloat{
	width: 778px;
	margin-top: 15px;
	height: 150px;
	border: 1px solid #ebebeb;
	background-color: #ffffff;
}

.ledigefloat IMG{
	float: left;
}

.infofloat{
	float: left;
	width: 480px;
	padding:10px 15px 0px 15px;
}

.infoleft{
	float: left;
}

.inforight{
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}

.inforight_pdf{
	float: right;
	margin-top: 15px;
	margin-left: 20px;
}

.infoheader{

}

a.pdflink{
	padding-left: 22px;
	display: block;
	background: url('../images/icons/pdf.png') top left no-repeat;
}

.tableone{
	font-size: 14px;
}

.tabletwo{
	font-size: 14px;
}

.interesseform{
	float: left;
	width: 370px;
	margin-right: 20px;
}

.interesseform input[type=text]{
	margin-bottom: 3px;
}

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

.youtubediv div{
	padding-bottom: 15px;
}

/*.............................NAVIGATION..................................*/

/* top navigation */

#topnav{
	float: right;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

#topnav ul{
	margin: 0px;
}

#topnav ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #434343;
	font-size: 10px;
	cursor: pointer;
}

#topnav ul li.border_right {
	border-right: 1px solid #747474;
	padding-right: 12px;
	margin-right: 12px;
}

#topnav ul li a {
	text-transform: uppercase;
	color: #434343;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

/* main navigation */

#menu{
	border-top: 1px solid #f8150c;
	border-bottom: 1px solid #f8150c;
	padding: 10px 0px;
	width: 100%;
	margin-bottom: 30px;
}

#menu ul{
	width: 780px;
	margin: 0px auto;
	padding-left: 0px;
}

#menu ul li{
	float: left;
	padding-right: 50px;
}

#menu ul li a{
	text-transform: uppercase;
	color: #f8150c;
	font-size: 12px;
}

/*.............................FOOTER..................................*/

#footer{
	width:100%;
	border-bottom: 1px solid #f8150c;
	padding: 70px 0px 5px 0px;
}

#footer ul{
	width: 600px;
	margin: 0px auto;
}

#footer ul li{
	float: left;
	color: #f8150c;
}

#footer ul li.border_right_red{
	border-right: 1px solid #f8150c;
	font-size: 11px;
	margin-right: 30px;
	padding-right: 30px; 
}

#bottomimg{
	width:100%;
	background: url('../images/site/bottom_img.jpg') bottom center no-repeat;
	height: 194px;
}

/*..............................TOOLTIP..................................*/


#logindiv{

}

#dynatip { 
    display:none; 
    background:url(../images/site/tooltip/white_arrow_big.png) no-repeat; 
    height:163px; 
    padding:60px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#000; 
    z-index:10000;
    text-align: left;
}

.form_overlay{
	display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#c2c2c2; 
     
    width:300px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 13px 0 #333; 
    -webkit-box-shadow: 0 0 13px #000;     
}

.form_overlay .close { 
    background-image:url(../images/site/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/*..............................DIV..................................*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

strong {
	font-weight: bold;
	color: #000;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

/*.............................SCROLLABLE IMAGES..................................*/

#scroll {
	position:relative;
	overflow:hidden;
	width: 650px;
	height: 500px;
}

#itemcontent{
	width:20000em;
	position:absolute;

}

.itemcontent{
	float: left;
	width: 650px;
}

.personclick{
	cursor: pointer;
}

/*.............................ADMIN..................................*/

#topadmin {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f8150c;
}

#topadmin {
	padding: 20px 0px 30px 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f8150c;
	text-align: left;
}

#topadmin ul{
	float: right;
	padding: 20px 20px 0px 0px;
}

#topadmin ul li{
	float: left;
	padding: 0px 20px 0px 0px;
}

#topadmin ul li a{
	border: none;
	margin-right: 1em;
	padding: 12px;
	text-decoration: none;
	font-size: 18px;
	-moz-border-radius: 6px;
	background: #f8150c;
	color: white;
	box-shadow: 0 1px 0 #666666;
	-moz-box-shadow: 0 1px 0 #666666;
	-webkit-box-shadow: 0 1px 0 #666666;
}

.admincontent h1{
	font-size: 30px;
}

.admincontent p.big{
	font-size: 20px;
	color: #F8150C;
}

input[type=text], input[type=password] {
	display: block;
	margin: 0 0 1em 0;
	width: 350px;
	border: 1px solid #bdbdbd;
	padding: 8px;
	margin-bottom: 20px;
}

input[type=submit]{
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	background: #f8150c;
	color: white;
	box-shadow: 0 1px 0 #666666;
	-moz-box-shadow: 0 1px 0 #666666;
	-webkit-box-shadow: 0 1px 0 #666666;

}

.interrest a{
	border: none;
	margin-right: 1em;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	background: #f8150c;
	color: white;
	box-shadow: 0 1px 0 #666666;
	-moz-box-shadow: 0 1px 0 #666666;
	-webkit-box-shadow: 0 1px 0 #666666;
	margin-top: 6px;
}

p.interrest{
	margin-bottom: 12px;
}

.interrest a:hover{
	background: #e21911;
}

input[type=submit]:hover{
	background: #e21911;
	cursor: pointer;
}

textarea{
	width: 350px;
	border: 1px solid #bdbdbd;
	padding: 8px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	height: 150px;
}

.saefform{
	width: 807px;
	margin-bottom: 20px;
}

.textarea {
	padding-bottom: 20px;
}

.topline{
	margin-top: 20px;
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
}

a.editlinks{
	color: #333333 !important;
}

.saefformdiv{
	padding-bottom: 50px;
}


/*.............................SLIDER SUBPAGE..................................*/

#slidersize{
	padding:0px 0px;
	margin: 0px auto;
	width:780px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:780px;
		height:330px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}

/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#ef847f;
		color:#333;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#f8150c;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


.gallery{
	padding-top: 6px;
}
.galleria{list-style:none;width:780px; padding-left: 0px;}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */






/*.............................SLIDER FIRSTPAGE..................................*/

#slider {
    width: 780px; /* important to be same as image width */
    height: 330px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 780px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	margin:0px 0px 30px 30px;
	padding: 0px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
	color: #fff;
}
.bottom {
	bottom: 0;
    left: 0;
}

.top strong {
	color: #F8150C;
}


/*.............................ABOUT TAB..................................*/

/*ul.tabs{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

ul.tabs li{
	float: left;
	width: 130px;
}

ul.tabs li a{
	background: url('../images/site/tab1.jpg') top left no-repeat;
	width: 130px;
	height:24px;
	padding-top: 6px;
	text-align: center;
	color: #ffffff;
	display: block;
}

ul.tabs li.active a, ul.tabs li a:hover{
	background: url('../images/site/tab1_active.jpg') top left no-repeat;
}

.tab_container{
	border:1px solid #F8150C;
	padding: 20px;
}

.tab_container p{
}*/

ul.tabs{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

ul.tabs li{
	width: 130px;
	border-bottom: 1px solid #ffffff;
}

ul.tabs li a{
	background-color: #ebebeb;
	width: 130px;
	padding: 18px 0px;
	text-align: center;
	color: #F8150C;
	display:block;
}

ul.tabs li.active a, ul.tabs li a:hover{
	background-color: #f8150c;
	color: #ffffff;
}

.tab_container{
	/*border:1px solid #F8150C;
	background-color: #ebebeb;*/
	float: right;
	width: 650px;
}

.contenttext{
	padding: 20px;
}

.tab_container p{
}

/*...............OVERLAY..................*/

.overlaydiv{
     display:none; 

    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-image:url(../images/site/overlay/white.png);
     
    width:556px;     
    min-height:200px;
    padding: 50px;
    left: auto;
    height: 426px;
     
    /* CSS3 styling for latest browsers */ 
    /*-moz-box-shadow:0 0 13px 0 #333; 
    -webkit-box-shadow: 0 0 13px #000;*/     
}

.overlaydiv .close { 
    background-image:url(../images/site/overlay/close.png); 
    position:absolute; 
    right:8px; 
    top:8px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.overlaytext {
	width: 609px;
	margin-top: 20px;
}

.overlaytextnew {
	width: 609px;
	position:absolute;
	bottom: 30px;
	left:0px;
}

#gallery { zoom:1; }#gallery span{ display:block; }#gallery a{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;position:relative;vertical-align:top;margin:3px;width:150px;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;opacity:0.87;}#gallery a img{display:block;border:none;margin:0;}#gallery a:hover{text-decoration:underline;opacity:1;}#gallery a#ygallery{display:none}