body{
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	background-color:#3a3a3a;
	color:#656565;
	margin:0px;
	padding:0px;
	background-position:top center;
	background-repeat:repeat;
	background-image:url(bilder/body-bg.gif);
}

img{
	border:0px;
}


h1{
	font-size:30px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:31px;
	line-height:31px;
}

h2{
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}

h3{
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:16px;
}

a{
	color:#f29330;
	font-weight:normal;
}

a:hover{
	color:#b87025;
}

ol, ul, li{
	margin:0px;
	padding:0px;
	margin:10px 0px 0px 0px;
	line-height:16px;
}

ol, ul{
	padding-left:17px;
}

table{
	margin:0px;
	padding:0px;
}

form{
	margin:0px;
	padding:0px;
}

label{
	display:block;
	padding-top:3px;
	margin-bottom:1px;
}

input, textarea, select, select{
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	color:#656565;
	margin:0px;
}

input, textarea{
	padding:3px;
	border:1px solid #979696;
}
input{
	width:180px;
}
textarea{
	width:277px;
	height:77px;
}

.clearfloat{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}

.fl{
	float:left;
}
.fr{
	float:right;
}


div#container{
	width:942px;
	margin:0 auto;
	padding-top:6px;
}

div#sidhuvud{
	width:928px;
	height:240px;
	background-image:url(bilder/sidhuvud-bg.png);
	background-repeat:no-repeat;
}
div#logotyp{
	position:absolute;
	margin-left:369px;
	margin-top:38px;
	width:191px;
	height:108px;
}
div#menyn{
	position:absolute;
	margin-left:115px;
	width:698px;
	margin-top:149px;
	height:34px;
	background-image:url(bilder/menyn-bg.gif);
	background-repeat:no-repeat;
}
div#menyn a{
	color:#fff;
	text-decoration:none;
}

a#WEB-creations, a#WEB-creations-markerad{
	position:absolute;
	margin-left:0px;
	margin-top:8px;
	display:block;
	background-image:url(bilder/knappar/WEB-creations.gif);
	width:146px;
	height:34px;
	text-indent:-99999px;
}
a#WEB-creations:hover, a#WEB-creations-markerad{
	background-image:url(bilder/knappar/WEB-creations-over.gif);
}
a#tjanster, a#tjanster-markerad{
	position:absolute;
	margin-left:146px;
	margin-top:8px;
	display:block;
	background-image:url(bilder/knappar/tjanster.gif);
	width:106px;
	height:34px;
	text-indent:-99999px;
}
a#tjanster:hover, a#tjanster-markerad{
	background-image:url(bilder/knappar/tjanster-over.gif);
}


a#webbutik, a#webbutik-markerad{
	position:absolute;
	margin-left:252px;
	margin-top:8px;
	display:block;
	background-image:url(bilder/knappar/webbutik.gif);
	width:113px;
	height:34px;
	text-indent:-99999px;
}
a#webbutik:hover, a#webbutik-markerad{
	background-image:url(bilder/knappar/webbutik-over.gif);
}
a#hemsidor, a#hemsidor-markerad{
	position:absolute;
	margin-left:365px;
	margin-top:8px;
	display:block;
	background-image:url(bilder/knappar/hemsidor.gif);
	width:115px;
	height:34px;
	text-indent:-99999px;
}
a#hemsidor:hover, a#hemsidor-markerad{
	background-image:url(bilder/knappar/hemsidor-over.gif);
}
a#referenser, a#referenser-markerad{
	position:absolute;
	margin-left:480px;
	margin-top:8px;
	display:block;
	background-image:url(bilder/knappar/referenser.gif);
	width:127px;
	height:34px;
	text-indent:-99999px;
}
a#referenser:hover, a#referenser-markerad{
	background-image:url(bilder/knappar/referenser-over.gif);
}
a#kontakt, a#kontakt-markerad{
	position:absolute;
	margin-left:607px;
	margin-top:8px;
	display:block;
	background-image:url(bilder/knappar/kontakt.gif);
	width:91px;
	height:34px;
	text-indent:-99999px;
}
a#kontakt:hover, a#kontakt-markerad{
	background-image:url(bilder/knappar/kontakt-over.gif);
}



div#page-cont{
	padding-left:14px;
	width:914px;
	background-image:url(bilder/page-cont-bg.png);
	background-repeat:no-repeat;
}

div#main-sitemap{
	width:902px;
	padding-top:21px;
	height:69px;
	background-image:url(bilder/sitemap-bg.jpg);
}
div#main-huvud{
	padding-left:302px;
	width:598px;
	padding-top:21px;
	height:69px;
	background-image:url(bilder/main-sidhuvud-bg.jpg);
}
div#main-huvud h1{
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background-image:url(bilder/webbyra-i-goteborg.jpg);
	width:296px;
	height:31px;
}

div#tjanster-huvud{
	padding-left:302px;
	width:598px;
	padding-top:21px;
	height:69px;
	background-image:url(bilder/main-sidhuvud-bg.jpg);
}
div#tjanster-huvud h1{
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background-image:url(bilder/vara-tjanster.jpg);
	width:296px;
	height:31px;
}

div#webbutik-huvud{
	padding-left:302px;
	width:598px;
	padding-top:21px;
	height:69px;
	background-image:url(bilder/main-sidhuvud-bg.jpg);
}
div#webbutik-huvud h1{
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background-image:url(bilder/webbutik.jpg);
	width:296px;
	height:31px;
}

div#hemsidor-huvud{
	padding-left:302px;
	width:598px;
	padding-top:21px;
	height:69px;
	background-image:url(bilder/main-sidhuvud-bg.jpg);
}
div#hemsidor-huvud h1{
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background-image:url(bilder/hemsidor.jpg);
	width:296px;
	height:31px;
}

div#referenser-huvud{
	padding-left:242px;
	width:658px;
	padding-top:21px;
	height:49px;
	background-image:url(bilder/main-sidhuvud-bg.jpg);
}
div#referenser-huvud h1{
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background-image:url(bilder/referenser.jpg);
	width:390px;
	height:31px;;
}

div#kontakt-huvud{
	padding-top:21px;
	height:49px;
    width:900px;
    background-image:url(bilder/neutralt-sidhuvud-bg.jpg);
}
div#kontakt-huvud h1{
	margin:0px;
	padding:0px;
	text-indent:-99999px;
	background-image:url(bilder/kontakta-oss.jpg);
	width:900px;
	height:31px;
    background-repeat:no-repeat;
}

div#main-cont{
	width:900px;
	min-height:343px;
	background-image:url(bilder/main-cont-bg.jpg);
	background-repeat:no-repeat;
}
div#neutral-cont{
	width:900px;
	min-height:400px;
	background-image:url(bilder/neutral-cont-bg.jpg);
	background-repeat:no-repeat;
}

div#main-text{
	float:left;
	padding-left:190px;
	width:391px;
	min-height:343px;
}
div#main-bild{
	position:absolute;
	margin-left:581px;
	padding-left:90px;
	width:128px;
	padding-top:27px;
	height:429px;
	background-image:url(bilder/uggla.jpg);
	background-repeat:no-repeat;
	line-height:14px;
}
div#citat1{
	position:absolute;
	margin-left:26px;
	margin-top:68px;
	width:114px;
	font-style:italic;
}
div#citat2{
	position:absolute;
	margin-left:26px;
	margin-top:182px;
	width:114px;
	font-style:italic;
}
div#citat1 p{
	margin:0px 0px 3px 0px;
	padding:0px;
	font-style:normal;
	font-size:9px;
	letter-spacing:-1px;
}
div#citat2 p{
	margin:0px 0px -2px 0px;
	padding:0px;
	font-style:normal;
	font-size:9px;
	letter-spacing:-1px;
}

div#main-fot{
	padding-left:0px;
	width:900px;
	padding-top:0px;
	height:113px;
	background-image:url(bilder/main-fot-bg.jpg);
	background-repeat:no-repeat;
}



div#sidfot{
	width:888px;
	padding-left:17px;
	padding-right:17px;
	height:27px;
	padding-top:25px;
	background-image:url(bilder/sidfot-bg.png);
	background-repeat:no-repeat;
	color:#bdbdbd;
}
div#sidfot a{	
	float:left;
	display:block;
	color:#bdbdbd;
	font-size:9px;
	text-indent:8px;
}
div#sidfot a:hover{
	color:#979595;
}
div#sidfot div.fr a{
	text-indent:5px;
}



div.referens-skarmdump{
	float:left;
	margin-left:86px;
	padding-left:16px;
	width:372px;
	margin-bottom:20px;
	padding-top:12px;
	height:231px;
	background-image:url(bilder/referens-bg.png);
}
div.referens-text{
	float:left;
	padding-left:22px;
	width:350px;
	padding-top:9px;
	padding-bottom:20px;
}

div#kontakt-visitkort{
	float:left;
	padding-left:86px;
}
div#mailknapp{
	position:absolute;
	margin-top:104px;
	margin-left:151px;
}
div#kontakt-form{
	float:left;
	padding-left:22px;
	width:350px;
	padding-top:9px;
}


input#skicka-meddelande{
	margin-top:6px;
	background-color:#fff;
	font-size:13px;
	font-weight:bold;
	width:80px;
}
p#felmeddelande{
	float:left;
	margin-top:6px;
	font-weight:bold;
	width:187px;
	color:#000;
	background-color:#FFAAAC;
	border:1px solid #de0000;
	padding:4px 5px 4px 5px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}
p#meddelande{
	float:left;
	margin-top:6px;
	font-weight:bold;
	width:187px;
	color:#000;
	background-color:#daefda;
	border:1px solid #408940;
	padding:4px 5px 4px 5px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}















