@charset "utf-8";

/* CSS Document */



body { background-color: #ffffff; font-family: arial; font-size: 12px; color: #696969; }

* { margin: 0; padding: 0; }

p { margin-bottom: 10px; }

img { border: 0; }

a { text-decoration: none; color: #ffba00; }
a:hover { text-decoration: underline; }



.floatright { float: right; }

.floatleft { float: left; }

.clearboth { clear: both; }



h2 { font-size: 18px; color: #ffffff; letter-spacing: -0.5px; margin-bottom: 10px;}

h3 { font-size: 18px; color: #636363; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; letter-spacing: -1px;}



/* Layout */

.wrapper { width: 768px; margin-left: auto; margin-right: auto; }



/* Header */

#header { margin-top: 50px; border-bottom: 2px #eaeaea solid; padding-bottom: 20px;}



.logotyp h1 { display: none; }



.meny { margin-left: 320px; text-align: right; position: absolute; float: right; margin-top: -33px; font-size: 14px; font-family: Helvetica; text-transform: uppercase; letter-spacing: -1px; }

.meny a, #footer a { color: #696969; }

.meny a:hover, #footer a:hover, a.cssbutton:hover { color: #acacac; text-decoration: none !important }

a.cssbutton:hover { color: #ffffff; text-decoration: none !important }

.meny div { margin-left: 20px; height: 50px; }

.meny div:hover { border-bottom: 3px #60ba00 solid; } 

.meny .active { border-bottom: 3px #0070ba solid; }



/* Footer */

#footer { border-top: 2px #eaeaea solid; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; font-size: 10px; color: #787878; }

.logotyper { margin-left: 107px; }

.logotyper div { margin-left: 20px; opacity: 0.2  }

.logotyper div:hover { opacity: 1 }



.flugger, .nordsjo { padding-top: 10px; }



/* Content */

.maincontent { width: 723px; height: 262px; padding: 35px 20px 20px 25px; margin-bottom: 20px; color: #ffffff;}

.textcontent { width: 350px; }



.home { background-image: url(images/home.png); }
.om { background-image: url(images/om.png); }
.kontaktbg { background-image: url(images/kontakt.png); }
.anbud { background-image: url(images/anbud.png); height: 460px !important; }

.kontaktbg strong { font-size: 14px;}

.rotavdrag { background: url(images/icon_rot.png) top left no-repeat ; padding-left: 45px; width: 220px; margin-right: 20px; }

.miljovanligt { background: url(images/icon_miljo.png) top left no-repeat ; padding-left: 45px; width: 220px; margin-right: 20px; }

.kontakt { background: url(images/icon_kontakt.png) top left no-repeat ; padding-left: 45px; width: 150px;}



.kontakt span { color: #6e8e39; }



.cssbutton {

	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	box-shadow:inset 0px 1px 0px 0px #fce2c1;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );

	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');

	background-color:#ffc477;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #eeb44f;

	display:inline-block;

	color:#ffffff;

	font-family:arial;

	font-size:14px;

	font-weight:bold;

	padding:6px 10px 6px 10px;

	text-decoration:none;

	text-shadow:1px 1px 0px #cc9f52;

	margin-top: 20px;
	
	cursor: pointer;

}.cssbutton:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );

	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');

	background-color:#fb9e25;

}.cssbutton:active {

	position:relative;

	top:1px;

}

/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:40px;
		display:block;
		margin-right:10px;
		}	
	#form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}	
		
	#form5 input {	
		margin:0;	
		width:180px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}	
	
	
	#form5 input#name{background:#fff url(images/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(images/form_email.gif) no-repeat 5px 50%;}
	#form5 input#telefon{background:#fff url(images/form_phone.png) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(images/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		}				

/* // form 5 */