



html {height:100%;}
body {
    background-color: #fff;
    background-image: url("images/bg.jpg");
    background-repeat: repeat-x;
    font-family: georgia, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    margin: 0;
    padding: 0;
}

.container {
	position:relative;
	max-width: 1000px;
    width: 86%;
	min-height:100%;    
    margin: 0 auto;
	color:#181818;
}
h1 {
    	font-weight: 300;

}

.header { width: 100%; background:transparent url(images/headerbg.png) repeat-x; }
.header img.headerpic  {max-width:100%; float:right; }
.header .infobox {position:absolute; top:10px; left: 15px; width: 60%; height:90%; overflow:hidden;}
.header .infobox a, .header .infobox h3 {color:#fff; font-weight:normal;}
.header .infobox h3 {font-size:0.95em; line-height:130%;}



.mainbox {margin: 0; margin-top:-19px;}

.contentbox {width: 100%; float:left; }
.contentbox .inner {min-height:330px; padding:20px 5px 0 0px; }
.rightbox {display:none; margin-top:20px; width:30%; float:right; color:#181818}
.rightbox .inner {padding:0 5px 0 5px; color:#181818}


.rightbox IMG {
	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	max-width: 87%;
	float:left;
}


#contentwide {width: 100%; }





.clearer {height:80px; clear:both;}


.rightbox.inner h1, .rightbox .inner h2 {color: #181818 ! important}
.rightbox .inner h3 {color: #181818 ! important}
.rightbox .inner  {color: #181818 ! important}


/***********************************
	header-menu
************************************/

a#mobilemenu {
    display:  none;   
}
a#mobilemenu span {display:block; padding: 10px 15px ; font-weight: bold;}




.topmenubar {background-color:#4577a8; width:100%; clear:both; margin-bottom:40px}
.breadcrumbs {padding:5px 5px 4px 15px; clear:both; background:transparent url(images/bg50.png)}

.search_box {float:right;  width:130px; text-align:right; margin-top:3px;}
.search_box .searchstring {	
	width:80px;
	border: 1px solid #505567;
	background-color: #f2f3f8;
	font-size:12px;
	padding:2px;
}
.search_box .submitbutton {
	vertical-align: top; margin:0 0 0 0; 
}

#showlogin {display:block; float:right; position:relative;  width:30px; text-align:right; margin-top:3px; }
#login-box {position:absolute; width:200px; left:-190px; top:25px; padding:10px; font-size:11px; background:transparent url(images/bg75.png);}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}
.printbutton  {display:block; float:right; margin-right:5px;}

.childpages {width: 27%; float:right; min-width:200px; margin-right:3%; background:transparent url(images/bg30.png);}


/* Link Formatting */
ul.nav { 
	list-style-type: none;
	/* *zoom: 1; */
	margin:42px 0 4px; 
	padding: 0;
	float:right;
	position: relative; 	
	/*top:30px;*/			
	/* LOOOOL */
}

ul.nav li {
	float: left; 
	list-style-type: none;
	list-style-image: none;
	position: relative;  
	font-weight: normal; 	
	margin: 0; padding: 0;
	/*background-color:#17396e;*/
}
ul.nav li li {background-color:#fff; border-bottom:1px solid #e6e6e6; }
ul.nav li li li {background-color:#557cac; border-bottom:0; }

.nav li a {
	display: block; 	
	text-decoration: none; 
	line-height:120%;
	/*text-shadow: 1px 1px 1px #000;*/
	padding: 15px 9px;
        color:#a4a4a4;
	font-size:15px;
	
}


/* Hover Formatting */
.nav  li a:hover, .nav li a:focus, .nav li a:active, .nav li a.active, .nav a.menu-current, .nav a.menu-parent {
	color: #ccc;
}



/* 2 level */
.nav li ul {
	background: none;
    display: none;
    width: 13em; 
    margin: 0; padding:0;
    position: absolute;
	border-bottom:none;
z-index:999999999999999999999999;
}

.nav li ul li {
	width: 13em; 
	text-align: left; 
	font-weight: normal; 
	margin: 0; 
	padding: 0;
	border-right: none;
z-index:999999999999999999999999;
}
.nav li ul li a {
	color: #181818;
    font-weight: normal;
	padding: 6px 10px;
	border-bottom:0;
}


/* 2 level hover */
.nav li ul a:hover,  .nav li ul a.menu-current { background-color: #f2f2f2; border-bottom:0;  color: #000;}


/* Show and hide */
.nav li:hover ul, .nav li a:focus ul {display: block; }
.nav li ul ul { display: none;}
.nav li:hover ul ul {display: none;}
.nav li:hover>ul, .nav  li li:hover>ul {display: block;  z-index: 1000;}


/* 3 Ebene  */
.nav li ul li ul	{ 
	margin: -20px 0 0 70%; 
	padding:0;
	z-index: 9999;  
	display: none;
	width: 11em; 
}
.nav li ul li ul li	{width: 11em;}


/* Positioning hover */
.nav li {position: relative;}



.nav li:hover {
	z-index: 10000;	
	white-space: normal;
							
}



ul.nav a.menu-parent { color: #000;}













#logo {
margin-top:10px;
margin-bottom:10px;
}


#phonebox {
	float:right;
	margin-top:10px;
	width:300px;
	position:absolute;
	left:670px;
	top:0px;
	height:100px;
}
 
#phonebox2 {
	display:none;
}






#slideshow .placeholder {
	width:100%;
}

/* --------------- TOPBANNER / SLIDESHOW --------------- */

#slideshow {
	max-width:100%;
	position:relative;
	height:270px;
	margin-top:-11px;
	margin-bottom:15px;
	z-index:-1;
}

/* ---------------- SLIDESHOW ------------------ */


#slideshow .svin {
    position:absolute;
    top:0;
    left:0;
    z-index:-2;
	width:100%;
}

#slideshow .svin.active {
    z-index:10;
}

#slideshow .svin.last-active {
    z-index:9;
}









input {
	width:250px;
	height:30px;
	font-size:16px;
	padding-left:10px;
	color:#181818;
	font-family:arial;
	border-radius:5px;
	margin-bottom:5px;
	border:1px solid #ccc;
}

textarea {
	width:250px;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;
	color:#181818;
	border-radius:5px;
	margin-bottom:5px;
	border:1px solid #ccc;
}	

.textarea {
	width:200px;
	font-size:16px;
	padding-left:10px;
	color:#181818;
	border-radius:5px;
	margin-bottom:5px;
	border:1px solid #ccc;
}

.submitform {
	background:#fcd330;
	width:150px;
	height:50px;
	text-align:center;
	padding:10px;
	font-size:16px;
	color:#181818;
	border-radius:5px;
	margin-bottom:5px;
	border:1px solid #ccc;
}



button {
	-moz-box-shadow:inset 0px 1px 3px 0px #696969;
	-webkit-box-shadow:inset 0px 1px 3px 0px #696969;
	box-shadow:inset 0px 1px 3px 0px #696969;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e3e3e), color-stop(1, #181818));
	background:-moz-linear-gradient(top, #3e3e3e 5%, #181818 100%);
	background:-webkit-linear-gradient(top, #3e3e3e 5%, #181818 100%);
	background:-o-linear-gradient(top, #3e3e3e 5%, #181818 100%);
	background:-ms-linear-gradient(top, #3e3e3e 5%, #181818 100%);
	background:linear-gradient(to bottom, #3e3e3e 5%, #181818 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#181818',GradientType=0);

	background-color:#3e3e3e;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	border:1px solid #858585;

	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	padding:5px 15px;
	text-decoration:none;

	text-shadow:0px -1px 0px #5c5c5c;
}

button:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #181818), color-stop(1, #474747));
        background:-moz-linear-gradient(top, #181818 5%, #3e3e3e 100%);
        background:-webkit-linear-gradient(top, #181818 5%, #3e3e3e 100%);
        background:-o-linear-gradient(top, #181818 5%, #3e3e3e 100%);
        background:-ms-linear-gradient(top, #181818 5%, #3e3e3e 100%);
        background:linear-gradient(to bottom, #181818 5%, #3e3e3e 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#181818', endColorstr='#3e3e3e',GradientType=0);
        
        background-color:#181818;
}

button:active {
       position:relative;
       top:1px;
}


#mobile_buttons {
	display:none;
}







#boks_div {
	width:100%;
	text-align:center;
	height:100px;
	margin-top:10px;display:none;
}

.boks {
	border: 1px solid #AAAAAA;
	display:none;
	width:32%;
	height:auto;
	background:#3300ff;
	float:left;
}

#boks1 {display:none;
	float:left;
	margin-right:2%;
}

#boks2 {
	margin-right:2px;

}

#boks3 {display:none;
	float:right;
}



.footer {
    width: 100%;	
	height:150px;
    margin: 0 auto 0 auto;
	position:relative;
	text-align:center;
}

.footer .footerpic {width:100%; height:100%;}

.footer .inner { position:absolute; top:10px; left: 10%; width:80%; text-align:center; line-height:110%;  color: #ccc ! important}
.footer .inner span { font-size:0.7em;}


#footer_boks {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.footer_boks {
	width:32%;
	height:60px;
	float:left;
}

#footer_boks1 {
	float:right;
	margin-right:2%;
}

#footer_boks2 {

}

#footer_boks3 {
	float:right;
}

.footer_icon {
	width:20%;
	height:auto;
	float:left;
	margin-right:5%;
}

.footer_boks h2 {
	color:#fff;
	margin-top:10px;
	margin-bottom:5px;
}

.footer_info {
	width:65%; 
	float:left; 
	text-align:left;
}
