@charset "UTF-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}
img {
	border:none;
	
}
h1 {
	font-size: 24px;
	font-family:verdana, "times new roman";
	color: #666666;
	line-height:26px;
	margin-top:3px;
	margin-bottom:3px;
	
}
h2 {
	font-size: 14px;
	font-family:verdana, "times new roman";
	color: #333333;	
	line-height:14px;
	margin:0px;
	padding:0px;
	
}
h3 {
	font-size: 16px;
	font-family:verdana, "times new roman";
	color: #666666;
	line-height:18px;
	margin-top:3px;
	margin-bottom:3px;
	
}
h4 {
	font-size: 24px;
	font-family:verdana, "times new roman";
	color: #222;
	line-height:24px;
	margin-top:3px;
	margin-bottom:3px;
	
}
a:link {
	color: #222;
	text-decoration: none;
}
a:visited { color: #222; text-decoration: none;}
a:hover { color: #333333;}
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. position: absolute;
	left: 0px;
	top: 0px;*/
	
} 
header#mainHeader {
	height: 100px;
	width: 1000px;
} 
header#mainHeader h1 {
	position: absolute;
	left: -2000em;
}
header#mainHeader h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#loggautrymme {
	margin:0px;
}
#taglineutrymme {
	position:absolute;
	margin-left:250px;
	top:0px;
	margin-top:4px;
	line-height:10px;
}
#festlokalsok {
	position:absolute;
	margin-left:560px;
	top:0px;
	margin-top:46px;
	line-height:14px;
	background-image:url(bilder2012/rosa-ruta.png);
	width:150px;
	height:55px;
	font-size:12px;
	color:#EFEFEF;
	padding-top:5px;
	padding-left:8px;
	background-repeat: no-repeat;
}

#festlokalsok a:link { color: #EFEFEF; text-decoration:none;}			
#festlokalsok a:visited { color: #EFEFEF;}
#festlokalsok a:hover { color: #666;}

#telefonutrymme {
	position:absolute;
	margin-left:800px;
	top:0px;
	margin-top:36px;
	line-height:14px;
	background-image:url(bilder2012/bla-ruta.png);
	width:131px;
	height:37px;
	font-size:12px;
	color:#EFEFEF;
	padding-top:4px;
	padding-left:10px;
	background-repeat: no-repeat;
}
#telefontext {
	position:absolute;
	margin-left:860px;
	top:0px;
	margin-top:64px;
	line-height:14px;
}
nav#navbar { 
	background: #FFFFFF;
	color: #222;
	margin-left:29%;
	height:50px;
	
}
<!--display: inline;-->
nav#navbar h1 {
	position: absolute;
	left: -2000em;
}
nav ul {
	list-style: none; /* this removes the list marker */
	font-size:15px; 
	line-height:14px;
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	width:600px;
	margin-right:auto;
	margin-left:270px;
	padding-left:0px;
}
nav ul li {
	display: inline;
	padding-right:10px;
	
	
}
nav ul a, nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 8px 8px 8px 8px;
	 /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	border:1px solid #222;
	/*-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;*/

	
}
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #222;
	text-decoration:underline;
}
#knappA { 
	position:absolute; 
	margin-left:50px; 
	padding-left:0px; 
	padding-top:8px; 
	padding-bottom:8px; 
	width:180px; 
	height:20px; 
	text-align:center;
	
	border:1px solid #E7E7E7;
	background: #b0d4e3; /* Old browsers */

background: -moz-linear-gradient(top,  #b0d4e3 38%, #88bacf 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#b0d4e3), color-stop(99%,#88bacf)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #b0d4e3 38%,#88bacf 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #b0d4e3 38%,#88bacf 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #b0d4e3 38%,#88bacf 99%); /* IE10+ */

background: linear-gradient(top,  #b0d4e3 38%,#88bacf 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=0 ); /* IE6-9 */

	
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40); 
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40); 
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 1px 1px 3px rgba(0, 0, 0, .40);
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

section#main {
	background-color: #F4F5E8;
	/*background-color: #003366;*/
	margin-top: 0;
	margin-right: 155px;
	margin-bottom: 0;
	margin-left: 155px;
	border: 1px solid #999999;
} 

section#main h1 {
	position: absolute;
	left: -2000em;
}

section#mainLokal {
	background-color: #F2F3E1;
	float: left;
	width: 644px;
	border: 1px solid #666666;
	padding:15px;
} 

section#mainLokal h1 {
	position: absolute;
	left: -2000em;
}

#listTable {
	width:640px;
}
.vitRuta {
	background-color: #FFF;
		
}
.blaRuta {
	background-color: #8CB0C8;
		
}
.graRuta {
	background-color: #CCC;
		
}
#listTable td {
	vertical-align:top;
}
.firstTd {
	width: 250px;
}
.secondTd {
	width: 65px;
}
 
article#information {
	padding: 10px;
	width: auto;
	margin-right:20px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	}
article#information h1 {
	font-size: 24px;
	font-family:verdana, "times new roman";
	color: #666666;
	line-height:26px;
	margin-top:3px;
	margin-bottom:3px;
}

#textsektioner {
	width:460px;
	border:none;
}
#textsektioner td {
	padding:5px;
	margin:0px;
	border:none;
}
article#bilder {
	padding: 6px;
	margin-right: 522px;	
}
article#bilder h1 {
	position: absolute;
	left: -2000em;
}

.dukningsplanerareNyWrapper {
	border: 2px solid #CCCCCC;
	height: 606px;
	width: 640px;
	margin-top: 20px;
	margin-right: 6px;
	margin-bottom: 20px;
	margin-left: 6px;
} 
 


aside#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 142px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
	
}
aside#sidebarLeft h1 {
	position: absolute;
	left: -2000em;
}
aside#sidebarRight {
	float: right; /* since this element is floated, a width must be given */
	width: 142px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
	
}
aside#sidebarRight h1 {
	position: absolute;
	left: -2000em;
}

aside#sidebarRightLokal {
	float:right;
	width:310px;
	margin-right:0px;
	
	
}
aside#sidebarRightLokal h1 {
	position: absolute;
	left: -2000em;
}

.bild {
	position:relative;
	border: 1px solid #999999;
	margin: 0px 0px 5px 0px; /* padding keeps the content of the div away from the edges */
	height:140px;
	width:140px;
}
.textibild {
	position:absolute;
	left:0px; 
	width:132px; 
	height:32px; 
	background-image:url(bilder2012/textruta140x40.png); 
	padding-left:4px; 
	padding-right:4px; 
	padding-top:4px; 
	padding-bottom:4px; 
	font-size:12px; 
	text-align:left;
	overflow:hidden;
}




#formularWrapper {
	width: 318px;
	margin-bottom: 20px;
	border: 1px solid #666666;
}

.nav-knapp {
	font-size:15px;
	padding: 8px;
	padding-left:13px;
	padding-right:13px;
	width: auto;
	margin:0px;
	border: 2px solid #777;
	background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */



	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40);
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 1px 1px 3px rgba(0, 0, 0, .40);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
} 

.nav-knapp-liten {
	font-size:13px;
	padding: 5px;
	width: auto;
	margin:0px;
	border: 2px solid #777;
	background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */



	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40);
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 1px 1px 3px rgba(0, 0, 0, .40);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
} 

article#formularS {
	margin-right: 150px;
	margin-left: 30px;
	margin-bottom:20px;
	padding:10px;	
	border: 1px solid #FFF;
	
	background: #fcfff5; /* Old browsers */

background: -moz-linear-gradient(top,  #fcfff5 0%, #e2e7db 16%, #bac4b4 65%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff5), color-stop(16%,#e2e7db), color-stop(65%,#bac4b4)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fcfff5 0%,#e2e7db 16%,#bac4b4 65%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fcfff5 0%,#e2e7db 16%,#bac4b4 65%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fcfff5 0%,#e2e7db 16%,#bac4b4 65%); /* IE10+ */

background: linear-gradient(top,  #fcfff5 0%,#e2e7db 16%,#bac4b4 65%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff5', endColorstr='#bac4b4',GradientType=0 ); /* IE6-9 */






	
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40); 
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 0px 0px 3px rgba(0, 0, 0, .40); 
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 1px 1px 3px rgba(0, 0, 0, .40);
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
} 

#footer {
	padding: 0 10px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* Layout */
.boundingBox{ margin: 0 auto; width: 990px; }

/* Content */

#content{ padding: 10px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin-bottom:30px; margin-top:-15px; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline;  }
ul#portfolio-filter a{ margin-right: 10px; padding: 10px; background: #FFF; color: #222; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 10px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 800px; height: 120px; display: block; float: left; margin-right: 18px; overflow: hidden;  font-size:12px; }
ul#portfolio-list li img a{ display: block; width: 200px; height: 100px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }

#formIntresse {
	 background-image:url(bilder/formular-bubbla.png); 
	 padding-left:25px; 
	 padding-right:25px; 
	 padding-top:7px; 
	 z-index:400; 
	 height:53px; 
	 font-size:12px; 
	 width:270px; 
	 background-repeat:no-repeat;"
} 
article#formular {
	width: 288px;
	margin-bottom: 20px;
	padding:15px;
	padding-top:10px;
	border: 1px solid #666666;
	font-size:12px;
}
form #Contact {
  width:298px;
  margin: 0px auto;
}

input {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid #333;
	font-size:13px;
	width:280px;
	min-height:20px;
	/*display:block;*/
	margin-bottom:2px;
	margin-top:2px;
	outline: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
  
}
input.checkbox { margin:5px; padding:0px; width:15px; }

textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #333;
  font-size:13px;
  width:280px;
  height:60px;
  display:block;
  margin-bottom:2px;
  margin-top:2px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  
}
select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #333;
  font-size:13px;
  line-height:25px;
  width:280px;
  height:25px;
  display:block;
  margin-bottom:2px;
  margin-top:2px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  }
.mellanrum {
	padding-top:10px;
	
}
.formularforklaringar {
	font-size:12px;
}
input[type=submit] {
	background:none;
	padding:10px;
	width:100px;
	margin-top:5px;
	background-color:#D0D0D0;
	/*background-color:#C0C9B9;*/
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}