

* { padding: 0; margin: 0; }

body {
 font-family: verdana, Arial;
 font-size: 12px;
 color: #000000;
 background-color: #c4cddd;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
 background-color: #fff;
 border: 1px solid #3d63a3;
}

#faux {
 background: url(faux-1-2-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
}

#header {
 background-image: url(images/header.gif);
 color: #333;
 height: 140px;
 margin: 0px 0px 5px 0px;
}

* html #header {height:140px} /* IE Min-Height Hack */ 

/* Navigation bar starts here */

#navigation {
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 height: 21px;
 padding: 2px 0px 0px 10px;
 margin: 0px 0px 5px 0px;
 background-color: #87adc2;
}


#navigation a:link {
 color: #fff;
 text-decoration: none;
}

#navigation a:visited {
 color: #fff;
 text-decoration: none;
}

#navigation a:hover {
 color: #fff;
 text-decoration: none;
}

#navigation li {
 list-style: none;
}

/* Navigation bar ends here */

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 195px;
 float: left;
}

#offert {
 background-color: #a5c8db;
 color: #fff; 
 width: 170px;
 font-size: 13px;
 padding: 0px 5px 5px 5px;
}

#list_offert{
margin: 5px 0px 0px 15px ;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 580px;
 display: inline;
 position: relative;
}

#footer { 
 clear: both;
 color: #3d63a3;
 font-size: 10px;
 background-color: #87adc2;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

h1 {
 font-size: 16px;
 color: #87adc2;
}
h2 {
 font-size: 14px;
 color: #87adc2;
}
h3 {
 font-size: 13px;
 color: #fff;
}

a:link {
 color: #3d63a3;
 text-decoration: none;
}
a:visited {
 color: #3d63a3;
 text-decoration: none;
}

img {
 display: inline;
 border: none;
}
img.block {
 display: block;
}
img.float {
/* Bild vänsterställd */
 float: left;
 margin: 0px 14px 10px 0px;
border: 1px solid #3d63a3;
}

img.floatright {
/* Bild högerställd */
 float: right;
 margin: 0px 10px 10px 0px;
border: 1px solid #3d63a3;
}

img.floatright_head {
/* Bild högerställd */
 float: right;
 margin: 0px 0px 10px 0px;
}

/* listboxar */
ul.square {
margin: 5px 5px 15px 15px;
list-style-type: square
}

ul.disc {
padding: 5px 0px 0px 0px;
margin: 5px 5px 15px 15px;
list-style-type: disc
}

#list {
background: #87adc2;
color: #fff;
/* border: thin solid #87adc2; */
padding: 10px 0px 0px 15px;
margin: 0px 0px 15px 0px;
float:left;
width: 500px;
}

#list li{
/* Denna bestämmer avståndet mellan list objekten */
margin-top: 3px;
}

#list_clear{

}

#list_clear li{
/* Denna bestämmer avståndet mellan list objekten */
margin-top: 3px;
}

#logo h1{ 
text-indent:-10000px;
}

/* Här kommer egenskaperna för kontaktformuläret */

#page-wrap {
	width: 495px;
	margin: 0px auto;
	margin-top: 10px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: left;

}

#contact-area {
	width: 425px;
	margin: 0px 0px 10px 0px;
	margin-top: 0px;
	float: left;
	}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 295px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area select, #contact-area textarea {
	padding: 5px;
	width: 308px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
	width: 295px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 2px solid #87ADC2;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 8px;
}










.clear { clear: both; background: none; }