/* CSS Document */
body {
	margin-left:10px;
	margin-right:10px;
	color: #444;
	background-color: #FFF;
	border-top: 10px solid #ece7e1;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* {margin:0; padding:0;}
div#mainwrapper {min-width:760px; max-width:880px;  margin-left:auto; margin-right:auto; margin-top: 20px;} 
/* centrerar layouten när > max-bredd */
div#header {
	width:auto;
	height: 80px;
	margin-top: 25px;
	text-align: center;
	background-color:#FFF;
}
div#contact {
	width: 170px;
	background-image: url(../bilder/kontaktkort.jpg);
	height: 300px;
}
div#contact1 {
	width: 170px;
	background-image: url(../bilder/kontaktkort_tack.jpg);
	height: 300px;
}
#threecolwrap {
  float:left;
  width:100%;
}
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* hindrar IE från att fördubbla marginalen för float-element */
	margin-right:-170px; /* CWS - förflyttning tack vare negativ marginal */
}
#nav {
 	float:left;
 	width:150px;
	margin-top: 75px;
	display:inline; /* hindrar IE från att fördubbla marginalen för float-element */
 }
 #content {
	width:auto;
	margin-left:150px;
	margin-right:170px;
	margin-top: 75px;
	padding-right: 2em;
	padding-left: 3em;
	padding-bottom: 80px;
	background-color:#FFF;
}
#rightcolumn {
 	float:left;
 	width:170px;
	margin-top: 75px;
	background-color:#FFF;
}
 #footer {
 	width:100%;
 	clear:both;
 	float:left;
	background-color:#ece7e1;
	margin-bottom: 40px;
}
/*slut på divarna */
/* Start på textformatering */
html {
	font-size: 100%; /* IE hack */
}
p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 6px 0px;
  font-family: verdana, arial, sans-serif;
  color: #444;
  background-color: #FFF;
  font-size: 1.1em;
  line-height: 1.8em;
  text-align: left;
}
p.intro { /* Paragraph - style - Intro */
  font-size: 1.4em;
  line-height: 2em;
  text-align: left;
  color: #222;
}

h1 { /* Header 1 */
	font-family: verdana, arial, sans-serif;
	text-transform: none;
	font-size: 2.5em;
	letter-spacing: 1px;
	margin: 0px;
	padding: 10px 0px 4px 0px;
	font-weight: bold;
}
h2 { /* Header 2 */
  font-family: verdana, arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.6em;
  letter-spacing: 1px;
  margin: 0px;
  padding: 10px 0px 4px 0px;
}
h3 { /* Header 3 */
	font-family: verdana, arial, sans-serif;
	text-transform: none;
	font-size: 1.4em;
	letter-spacing: 2px;
	margin: 0px;
	padding: 10px 0px 4px 0px;
	color: #CC6600;
}
h4 { /* Header 4 */
  font-family: verdana, arial, sans-serif;
  text-transform: none;
  font-size: 1.1em;
  letter-spacing: 1px;
  margin: 0px;
  padding: 10px 0px 4px 0px;
}
h5 { /* Header 5 */
	font-family: verdana, arial, sans-serif;
	text-transform: none;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 0px;
	padding: 10px 0px 4px 0px;
	color: #CC6600;
}
.hi { /* Paragraph text - med bakgrundsfärg */
  	background-color: #EEDFCC;
}
.image {
	padding: 15px 0 15px 0;
}
#content .image a {
	border:none;
	text-decoration:none;
}
#content .image a:hover {
	border:none;
	text-decoration:none;
}
/* Content formatering */

#content a { /* Content länkar */
  text-decoration: none;
  font-weight: bold; 
  color: #069;
  border-bottom:1px dotted #FF8000;
}
#content a:hover { /* Content länkar - vid hovring */
  color: #555;
  border-bottom:1px solid #CD6600;
}
#content a:visited { /* Content länkar - besökta */
	color: #069;
}
#content ul li /* Content Listor */
{
  font-family: verdana, arial, sans-serif;
  color: #444;
  background-color: #FFF;
  font-size: 1.1em;
  line-height: 18px;
  margin:0 0 0 20px;
}
/* Slut på content formatering*/
/* Start rightcolumn formatering */
#rightcolumn a  { /* Side - högra sidan länkar */
  text-decoration: none;
  font-weight: bold; 
  color: #069;
  border-bottom:1px dotted #FF8000;
}
#rightcolumn a:hover { /* Side - högra sidan länkar - vid hovring */
	color: #555;
  	border-bottom:1px solid #CD6600;
}
#rightcolumn a:visited { /* Side - högra sidan länkar - besökta */
	color: #069;
}
#rightcolumn p { /* Paragraph text - Rightcolumn */
	font-size: 1em;
	line-height: 1.3em;
	text-align: justify;
}

#rightcolumn h2 { /* Header 2 text - Rightcolumn */
	text-transform: none;
	font-size: 1.6em;
	letter-spacing: 2px;
	color: #555;
	font-variant: small-caps;
	background-color: #EEDFCC;
	text-align: center;
	vertical-align: middle;
	word-spacing: 0.1em;
} 
#rightcolumn ul li /* Rightcolumn Listor */
{
  font-family: verdana, arial, sans-serif;
  color: #444;
  background-color: #FFF;
  font-size: 0.9em;
  line-height: 1.6em;
  margin:0 0 0 20px;
}
.fontclass p{
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	background-color: #444444;
	color: #FAF0E6;
	padding-left: 6px;
	padding-right: 6px;
}
/* Slut rightcolumn formatering */
/* Start Nav formatering */
#nav a  { /* nav - vänstra sidan länkar */
  text-decoration: none;
  font-weight: bold; 
  color: #069;
}
#nav a:hover { /* nav - vänstra sidan länkar - vid hovring */
	color: #555;
	border-bottom:1px solid #CD6600;
}
#nav p { /* Paragraph text - nav */
	font-size: 1em;
	line-height: 1.3em;
	text-align: left;
}
#nav h2 { /* Header 2 text - nav */
  text-transform: none;
  font-size: 1.4em;
  letter-spacing: 0px;
  color: #CC6600;
  font-variant: small-caps;
} 
#nav ul li /* nav Listor */
{
  font-family: verdana, arial, sans-serif;
  color: #444;
  background-color: #FFF;
  font-size: 1em;
  line-height: 2.5em;
  margin:0 0 0 5px;
  list-style-type:none;
}
/* Slut nav formatering */
/* Start footer formatering */
#footer p { /* Paragraph text - footer */
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: right;
	font-variant: small-caps;
}
#footer a  { /* nav - vänstra sidan länkar */
  text-decoration: none;
  font-weight: bold; 
  color: #069;
  
}
#footer a:hover { /* nav - vänstra sidan länkar - vid hovring */
	color: #555;
	border-bottom:1px solid #CD6600;
}
/* Slut footer formatering */
/* annan formatering */
hr { /* Avdelare */
	border-top: 0.1em dotted #444;
	border-bottom: 0.1em dotted #444;
	width: 100%;
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* slut på strukturstilar */ 
/*Recommend script*/
label { float: left; clear: both; }
input { float: left; clear: both; font-family: verdana, helvetica, sans-serif; }
#yemail, #yname, #femail, #fname, #comments { width: 100px; border: 1px solid #bbb; background: #eee; }
#submit { margin-top: 1em; }