/*

	IT-Fixaren
	www.itfixaren.se
	2008 -> Future

																									  OVERALL
-------------------------------------------------------------------------------------------------------------

*/
/* Fixes the extreme bold text that is a known issue in Safari */
* {
	text-shadow: #000000 0 0 0px;
}
/* removes default Firefox dashed outline on links & the blue outline on safari input fields */
* {
	outline: none;
}
body {
	font : 62.5%/1.6em verdana, geneva, sans-serif;
	color : #555;
	margin : 0px;
	background : url(gfx/body.png) repeat-x #fff; /* 9bb3b7*/
}
* {
	margin : 0;
	padding : 0;
}
#wrapper {
	margin : 0 auto;
	padding : 0px;
}
.fixed {
	width : 760px;
}
.fluid {
	width : 90%;
}
/*
																									   HEADER
-------------------------------------------------------------------------------------------------------------

*/
#header {
	height : 150px;
	width : 760px;
	background : url(gfx/1pxmeny.gif) repeat-x bottom;
	background-color : #3f3f3f;
}

#logo {
	background : url(gfx/logo_text.png) no-repeat center;
	width : 97px;
	height : 97px;
	float : right;
	margin : 25px 25px 0 0;
}

#header h1 {
	position : absolute;
	margin : 0 0 0 -9999px ;
}
.right { 
	height : 150px; 
	width : 14px;
	float : right;
	background : url(gfx/hkant2.jpg) no-repeat bottom;
	}
.left {
	height : 150px; 
	width : 14px;
	float : left;
	background : url(gfx/vkant2.jpg) no-repeat bottom;
}
#intro-toggle			{ text-align:center;
						  margin:auto;
						  padding:2px 0 0 0;
						  }
/*
																							       NAVIGATION
-------------------------------------------------------------------------------------------------------------

*/
#nav {
	margin : 0 0 29px 30px;
	padding : 63px 0 0 0;
	width: 580px;
	height: 40px;
}
html* #nav {			/* only IE7 see this */
	margin : 0 0 30px 30px; 
	padding : 65px 0 0 0;
}
#nav li {
	list-style : none;
	display : inline;
	padding : 0px 8px;
}
#nav li a {
	padding:2px 5px;
	color : #aaa;
	text-decoration : none;
	font-size : 140%;
}
#nav li a:hover {
	color : #fff;
}
#hem #hem-nav a, #tjanster #tjanster-nav a, #webbdesign #webbdesign-nav a, #datorer #datorer-nav a, #artiklar #artiklar-nav a,
#omoss #omoss-nav a, #kontakt #kontakt-nav a{
	color:#fff; 
	
	/* background:#5e96eb;
				  border-radius:10px;
				  padding:2px 5px;	
		          -webkit-border-radius:10px;
				  -moz-border-radius:10px;
				  box-shadow:0 0 10px #000;
			      -webkit-box-shadow:0 0 12px #5e96eb;
				  -moz-box-shadow:0 0 12px #5e96eb; */
}

#nav li a:hover,
#nav li a:focus { color:#fff; 

                 /* background:#5e96eb;
				  border-radius:10px;
				  padding:2px 5px;	
		          -webkit-border-radius:10px;
				  -moz-border-radius:10px;
				  box-shadow:0 0 10px #000;
			      -webkit-box-shadow:0 0 12px #5e96eb;
				  -moz-box-shadow:0 0 12px #5e96eb; */ }

/*
																							            INTRO
-------------------------------------------------------------------------------------------------------------

*/
#intro {
	width : 760px;
	height : 152px;
	background : url(gfx/top_bg.jpg);
}
#intro h1 {
	height : 45px;
	font : 300% Trebuchet MS;
	padding : 35px 0 0 0;
	color : #333;
	text-align : center;
}
#intro h2 { 
	color : #333; 
	text-align : center;
	font : 200% Trebuchet MS;
}
/*
																							      TOP_CONTENT
-------------------------------------------------------------------------------------------------------------

*/
#top_content {
	background : #222;
	width : 760px;
}
#top_content.default { height : 140px;}
#top_content.small { height : 40px;}
/*
																							          CONTENT
-------------------------------------------------------------------------------------------------------------

*/
#content {
	font-size : 120%;
	background : #fff;

}
html>/**/body #content { 		/* IE7 CAN'T see this */
	margin : -15px 0 0 0; 
	padding : 0 0 14px 0;
} 
#content p{ 
	padding : 0px 15px 15px 15px;
	line-height : 20px;
	font-size : 125%;
	}
#content p.startsida {font-size : 125%; line-height:20px;}
#content p.small{ 
	font-size: 100%; 
	padding: 15px 15px 5px 15px;
	}
#content h2 {
	font-size : 220%;
	font-weight : 100;
	color : #333;
	padding : 40px 0 25px 15px;
}
#content h3 {
	font-size : 200%;
	font-weight : 100;
	color : #333;
	padding : 15px 0 0 15px;
}
#content a{
    text-decoration : none;
	color : #6699CC;
}

#tfn-info { 
    border-top:1px solid #dedede;
    margin:15px;
    padding-bottom:15px; 
    background-color:#fff;}

#tfn-info h3 {margin:0 0 10px 0; font-size:18px;}
#tfn-info p {margin:0; padding:0 0 3px 15px; font-size:12px;}
#tfn{
	float : left;
	width : 320px;
	margin : 10px 0 0px 0px;/*33CC33*/
}
#info { 
	float : left; 
	width : 340px;
	margin : 10px 0 0px 35px;/*FFCC00*/
}

p.webbdesign { 
   /*	background: url(gfx/arrow.gif) left top no-repeat; */
	margin : 0 0 0 0;
}
.bild a img{
  border : 2px solid #e5e5e5;
  text-decoration : none;
  margin : 0 0 0 10px;
}
.bild {
  width : 730px;
  height : 220px;
  float : left;
 }
.bild_omoss {
  width : 230px;
  height : 300px;
  float : right;
  padding : 2px;
  margin : 100px 0px 20px 10px; 
  border : 2px solid #e5e5e5;
}
.bild_tjanster {
  width : 300px;
  height : 244px;
  float : right;
  margin : 50px 0px 20px 0px; 
}
.text {
  float : right;
  height : 190px;
  width : 150px;
 }
.text a img {border : 0px;}

#boxes{ 
	width: 730px; 
	height: 160px; 
	margin: 30px 10px 20px 10px;
	padding-top:20px;
	border-top: 1px solid #dedede;
	}
.box_tjanster { 
	width: 210px; 
	height: 160px; 
	margin: 0 15px 0 15px; 
	border:1px solid #ddd; 
	float:left;
	background:url(gfx/h1.jpg) top repeat-x;
	}
.box_webb { 
	width: 210px; 
	height: 160px; 
	margin: 0 15px 0 15px; 
	border: #ddd 1px solid; 
	float:left;
	background:url(gfx/h1.jpg) top repeat-x;
	}
.box_kontakt { 
	width: 210px; 
	height: 160px; 
	margin: 0 15px 0 15px; 
	border: #ddd 1px solid; 
	float:left;
	background:url(gfx/h1.jpg) top repeat-x;
	}
.tillval {
	width:700px; 
	height:100px; 
	margin: 0 0 10px 15px; 
	border-bottom:1px solid #ddd;
	}
#logos{
	margin:auto; 
	width:580px;
	}
/*
																							           FOOTER
-------------------------------------------------------------------------------------------------------------

*/
#footer {
	padding : 10px 0 0 0;
	background : #222;
	text-align : center;
	width : 760px;
	height : 54px;
	color : #bbb;
}
#footer a { 
	text-decoration : none; 
	color : #bbb; 
}
#footer p{
	line-height : 20px;
}
#footer img {
	border:0px;
	background-position:bottom;
}
/*
																					ROUND EDGES (BLACK, BLUE)
-------------------------------------------------------------------------------------------------------------

*/
.roundtl,.roundtr,.roundbl,.roundbr {
	background :url(gfx/rundbla.jpg);
	height : 14px;
	width : 14px;
}
.roundtl,.roundbl {
	float : left;
}
.roundtr,.roundbr {
	float : right;
}
.roundtr {
	background-position : right top;
}
.roundbr {
	background-position : right bottom;
}
.roundbl {
	background-position : left bottom;
}
/*
																					ROUND EDGES (BLACK, WHITE)
-------------------------------------------------------------------------------------------------------------

*/
.roundtlw,.roundtrw,.roundblw,.roundbrw {
	background : url(gfx/heltrundsvart.png);
	height : 14px;
	width : 14px;}
	
	.roundtlw,.roundblw {
	float : left;
}
.roundtrw,.roundbrw {
	float : right;
}
.roundtrw {
	background-position : right top;
}
.roundbrw {
	background-position : right bottom;
}
.roundblw {
	background-position : left bottom;
}
/*
																					ROUND EDGES (WHITE, BLACK)
-------------------------------------------------------------------------------------------------------------

*/
.roundtlb,.roundtrb,.roundblb,.roundbrb {
	background : url(gfx/rundvit.jpg);
	height : 14px;
	width : 14px;
}	
.roundtlb,.roundblb {
	float : left;
}
.roundtrb,.roundbrb {
	float : right;
}
.roundtrb {
	background-position : right top;
}
.roundbrb {
	background-position : right bottom;
}
.roundblb {
	background-position : left bottom;
}
.clear{ clear : both; height : 0; }
/*
																					                   TABLES
-------------------------------------------------------------------------------------------------------------

*/
.tabell { 
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}
.tabell table{
	font-size : 110%;
	width : 730px;
	margin : auto;
}
.tabell table tr { height : 35px;
}
.tabell table th{
	padding : 0 10px 3px 10px;
	text-align : left;
}
.tabell table td{
	padding : 10px 10px 10px 10px;
	vertical-align : top;
	border-bottom : 1px solid #e7e7e7;
}
.tabell table.list td, .tabell table.list th{ padding : 5px 0; }
.tabell table li, .tabell table ul{
	border : 0;
	padding : 0;
	margin : 0;
}
.color1{ background-color : #ffffff;}
.color2{ background-color : #f9f9f9;}
.tabell table th.a { width : 25%;}
.tabell table th.b { width : 60%;}
.tabell table th.c { width : 15%;}

.tabell2 { 
	margin: -15px 15px 45px 0;
	padding: 0 15px 0 15px;
}
.tabell2 table{
	font-size : 110%;
	width : 740px;
	margin : auto;
}
.tabell2 table tr { height : 35px;
}
.tabell2 table th{
	padding : 0 10px 3px 10px;
	text-align : left;
}
.tabell2 table td{
	padding : 10px 10px 10px 10px;
	vertical-align : top;
	border-bottom : 1px solid #e7e7e7;
}
.tabell2 table.list td, .tabell2 table.list th{ padding : 5px 0; }
.tabell2 table li, .tabell2 table ul{
	border : 0;
	padding : 0;
	margin : 0;
}
.color1{ background-color : #ffffff;}
.color2{ background-color : #f9f9f9;}
.tabell2 table th.a { width : 25%;}
.tabell2 table th.b { width : 60%;}
.tabell2 table th.c { width : 15%;}
/*
																					                  SITEMAP
-------------------------------------------------------------------------------------------------------------

*/
#nav.sitemap {
	margin : 0 0 29px 0;
	padding : 20px 0 0 0;
	height: 200px;
}

#nav.sitemap li {
	list-style : circle;
	padding : 5px 15px;
	display : block;
}
#nav.sitemap li a {
	padding : 0px;
	color : #333;
	text-decoration : none;
	font-size : 140%;
}

		
/*
																		              #show-div #comment-form
-------------------------------------------------------------------------------------------------------------

*/	
		#kontakt-form {
			padding:0px;
			width:720px;
            margin:0 0 0 15px;}
			
		#kontakt-form input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}
			
		h3.comment-rubrik { margin:0 0 15px 0; padding:5px 0 25px 0; font-size:1.8em;} /* Lämna en kommentar */		
		
			#kontakt-form .comment-info-namn {float:left; }
				#kontakt-form .comment-info-namn-input { 
					width:320px; 
					height:20px; 
					padding:5px; 
					color:#777;
					} /* namn */
				
			#kontakt-form .comment-info-email { float:left; } #kontakt-form .comment-info-email #email-label {margin-left:50px;}
				#kontakt-form .comment-info-email-input { 
					width:320px; 
					height:20px; 
					margin-left:50px; 
					padding:5px; 
					color:#777;
					} /* epost */
			
			#kontakt-form .comment-comment { border:1px solid dedede; margin:10px 0 10px 0; } /* kommentar */
				#kontakt-form .commentsbox { width:705px; padding:5px; color:#777;}
			
			#kontakt-form #comment-submit { padding:0px; margin:0px; float:right; }
				#kontakt-form #comment-submit-input { 
					color:#6699CC; 
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px; 
					background:#fff;
					text-decoration:none;
					padding:6px;
					margin:0 5px 0 0;
					border: solid 1px #dedede; *outline:0;} /* submit */ 
                 #kontakt-form #comment-submit .submitbutton {text-decoration:none; border: solid 1px #dedede;}
					
					#kontakt-form #comment-submit-input:hover { background:#6699CC; color:#fff; }


/*
																		                        contact-form
-------------------------------------------------------------------------------------------------------------

*/

#container {background-color:#f9f9f9; padding:20px 10px; margin:20px; border:1px solid #dedede; -moz-border-radius: 14px; -webkit-border-radius: 14px; }
#container h2 {margin-top:5px;}
#container form::after { content:"."; display:block; height:0; visibility:hidden; clear:both; }

#container p::after { content:"."; display:block; height:0; visibility:hidden; clear:both; }

#container p label { margin-top:5px; width:66px; display:block; float:left; border:1px solid dedede; }

#container p input { float:left; width: 200px; padding:1px; border:1px solid dedede;  height:20px; }

#container #rndCode {  width:80px;}

#container #codeInput { margin:5px 0 0 10px; width:125px;}

#container #crap {display:none;}

#container form textarea { 
    width:660px; 
    height: 100px;
    overflow: auto;
    border:1px solid dedede;
    margin:10px 0 10px 15px;
    padding:5px; }

#container #contact-form-action { margin-top:10px; }

#contact-form-sendbutton { 
    color:#6699CC; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	background:#fff;
	text-decoration:none;
	padding:6px;
	margin:0 20px 0 0;
	border: solid 1px #dedede; *outline:0; float:right; } /* submit */

#contact-form-answer { width:280px; margin-left:20px;}

#container p.error input { background:#F33; }
#container textarea.error { background:#F33; }