/* LAYOUT */

#body {
		background-color: #f0f4f8;
		background-image: url(/img/bg-new.jpg);
		background-position: center top;
		background-repeat : no-repeat;
		margin: 23px 5px 23px 5px;
		color: #222;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
		font-size: 11px;
}

div#nav {
 		padding:0px 0px 0px 23px;
}

div#header {
		width:762px;
		margin: 0px auto 0px auto;
 		padding: 23px 0px 0px 0px;
 		background-color: #fff;
 		text-align:center;
		}

div#main {
		width:762px;
		min-height:380px;
		margin: 0 auto -30px auto;
 		padding: 0px 0px 0px 0px;
		text-align:left;


		}

div#mainLeft {
		width:198px;
		padding:0px;
		margin:0px;
		float:left;
		text-align:center;
		}

div#mainCenter {
		width:356px;
		padding:0px 25px 5px 25px;
		margin:0px 0px 0px 0px;
		float:left;
		}

div#mainDouble {
		width:512px;
		padding:0px 25px 5px 25px;
		margin:0px 0px 0px 0px;
		float:left;
		background: #fff;
		min-height:500px;
		}

div#mainStartPage {
		width:540px;
		padding:8px 0px 0px 20px;
		margin:0px 0px 0px 0px;
		float:left;
		background: #fff;
		}

div#mainRight {
		width:175px;
		padding:0px;
		margin:0px;
		float:left;
		}

div#spalt1 {
		width:236px;
		padding:0px 10px 0px 10px;
		margin:0x;
		float:left;
		}

div#spalt2 {
		width:236px;
		padding:0px 1px 0px 10px;
		margin:0;
		float:left;
		}

div#footer {
		width:762px;
		margin: 30px auto 0px auto;
		padding: 30px 0px 20px 0px;
		text-align:center;
		clear:both;
		}

div#wrap {
		width:762px;
		margin: 0 auto;
		background: #fff;
		padding: 0;
		text-align: left;
		}

div#shadow {
		width:762px;
		background-image: url(/img/bg-shadow.jpg);
		background-position: center bottom;
		background-repeat : no-repeat;
		margin: 0 auto;
		padding: 0 0 11px 0;
		text-align: left;
		}

/* FONTS */

h1.blue { color: #369; }
h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 21px; margin: 20px 0px 0px 0px;  }
h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 15px; font-style: normal; margin: 20px 0px 0px 0px; font-weight: bold;}
h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 15px; color: #555; margin: 10px 0px 0px 0px;  font-weight: normal; line-height: 1.3em;}
h4 { font-size: 11px; font-weight: bold; margin: 20px 0px 0px 0px;}

P {
		margin: 6px 0 6px 0;
		padding: 0px 0px 0px 0px;
		line-height: 1.3em;
		}

/* ELEMENTS */

ul {margin: 5px 0 0 25px; padding: 0;}

ol {margin: 5px 0 0 25px; padding: 0;}

ul li { list-style-type: square;}

div#mainDouble li { padding-bottom: 3px;}

textarea {}

.box {
		background-color: #ECF3F8;
		border: 1px solid #96BADC;
		padding: 8px 12px;
		margin: 20px 0px 20px 0px;
		}

#intro {}

#nav {
		margin: 20px 0px 0px 0px;
		text-align: left;
}

#skrivut, #epost {
		text-align: left;
	 	margin: 40px 0px 40px 0px;
		}

#skrivut a {
		background: url(/img/iconprinter.png);
		background-repeat: no-repeat;
	 	padding:12px 0px 13px 35px;
	 	margin:0px 0px 0px 35px;

		color: #333333;
		text-decoration: none;
		}

#epost a {
		background: url(/img/iconletter.png);
		background-repeat: no-repeat;
	 	padding:12px 0px 13px 35px;
	 	margin:0px 0px 0px 35px;

		color: #333333;
		text-decoration: none;
		}

#skrivut a:hover, #epost a:hover {
		color: red; /* #446881; */
		text-decoration: underline;
		}

#telefon {
		margin: 30px 0 0 10px;
		}

#logo {
		padding: 0px 0px 0px 0px;
	 	margin: 300px 0px 0px 10px;
		}

#text {
		margin: 0px 40px 0px 10px;
		}

#footer_links {
		text-align: center;
		width:702px;
		height:30px;
		background-image: url(/img/bg_footer.png);
		background-repeat : repeat;
		margin: 20px 30px 0px 30px;
		padding:10px 0px 0px 0px;
		}

#footer_logo {
		text-align: left;
		margin: -30px 0px 0px 38px;
		}

#footer_print {
		text-align: right;
		margin: -30px 38px 0px 0px;
		}

div#intro_image {
		width:512px;
		height:163px;
		background-image: url(/img/intro.jpg);
		}

div#intro_link1 a {
		position:absolute;
		width: 352px;
		height: 40px;
		margin: 44px 0px 0px 20px;
		display: block;
		text-decoration: none;
		}

div#intro_link2 a {
		position:absolute;
		width: 352px;
		height: 40px;
		margin: 100px 0px 0px 20px;
		display: block;
		text-decoration: none;
		}

u.hidden {
		visibility: hidden;
		}


/* LINKS */

a {
		color: #369;  /* old: #5E8EB0; #28A4D7; */
		text-decoration: underline;
		}

a:hover {
		color: red; /* #446881; */
		text-decoration: underline;
		}

#footer a {
		color: #333333;
		text-decoration: none;
		padding: 0px 5px 0px 5px;
		}

#footer a:hover {
		color: #446881;
		}

img {
		border-style:none;
}


/* NAVIGATION */

#navigation_left_header a {
		display: block;
		width:161px;
		height:20px;
		background-image: url(/img/nav_bg_top.png);
		background-repeat : no-repeat;
 		font-family: "lucida sans", "lucida sans unicode", arial, verdana, sans-serif;
 		font-size: 11px;
		color: #333;
  		text-decoration: none;
  		font-weight: bold;
 		padding:7px 0px 0px 14px;
  		margin:0px 0px 0px 0px;
		}

#navigation_left ul {
		margin: 0;
		padding: 0;
		display: block;
 		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
 		font-size: 11px;
		}

#navigation_left li {
	  	margin:0px 0px 0px 0px;
		padding-left: 0;
		display: block;
		background-repeat : no-repeat;
		list-style: none;
		}

#navigation_left a {
	 	padding:5px 0px 4px 14px;
	  	margin:0px 0px 0px 0px;
		display: block;
		color: #333;
		text-decoration: none;
		width:161px;
		height:15px;
		background-image: url(/img/nav_bg.png);
		background-repeat : no-repeat;
		}

#navigation_left a.active {
		font-weight: bold;
		background-image: url(/img/nav_bg_under.png);
		background-repeat : no-repeat;
		}

#navigation_left a:hover {
		color: #333;
		text-decoration: none;
		background-image: url(/img/nav_bg_over.png);
		background-repeat : no-repeat;
		}

#navigation_left ul ul li a {
	 	padding:5px 0px 4px 22px;
	  	margin:0px 0px 0px 0px;
		display: block;
		color: #333;
		text-decoration: none;
		width:153px;
		height:15px;
		background-image: url(/img/nav_bg_under3.png);
		background-repeat : no-repeat;
}

#navigation_left ul ul li a:hover {
		background-image: url(/img/nav_bg_under3_over.png);
		background-repeat : no-repeat;
}

#navigation_left ul ul li a.active {
		font-weight: bold;
		background-image: url(/img/nav_bg_under3.png);
		background-repeat : no-repeat;
}

/* LISTS */

#fragorochsvar {
	width: 450px;
}

#fragorochsvar ul {

	margin: 0;
	padding: 0;
}

#fragorochsvar ul li {
	list-style: none;
	padding: 2px 0 10px 20px;
	background: url(/img/icon_fragorochsvar.gif) top left no-repeat;
}

#fragorochsvar a {
	 	padding: 5px 0 5px 0;
}


/* HOMEPAGE */

#splash #imagemap {background-image: url(/img/front-new.jpg); width:519px; height:440px; position:relative;}
#splash #imagemap #searchTerm {border:0; padding:10px; margin:47px 0 0 20px; background:transparent; width:410px;}
#splash #imagemap #searchButton {border:0; background:transparent; width:38px; height:38px; cursor:pointer;}
#splash #imagemap #link1 {display:block; height:140px; width:160px; position:absolute; background:transparent; top:120px; left:10px;}
#splash #imagemap #link2 {display:block; height:140px; width:140px; position:absolute; background:transparent; top:120px; left:180px;}
#splash #imagemap #link3 {display:block; height:140px; width:140px; position:absolute; background:transparent; top:140px; left:320px;}

/* STRESSFAKTOR */
#stressfaktor {
	margin: 15px 0 15px 23px;
}
