/* @override 
	http://localhost:8888/ss/index.php/themes/tutorial/css/site.css?m=1300946353
	http://localhost:8888/ss/index.php/themes/tutorial/css/site.css?m=1301339440
	http://localhost:8888/ss/index.php/themes/tutorial/css/site.css?m=1301342328
*/

/**
Color-palette
color: #314117; Mörkgrön text
background-color: #475838; Bakgrund på dokumentet
background: #e4e3df
**/


/* @group page specfics*/
/* @group start page*/
#services{
	display: block;
	overflow: hidden;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
}

ul#navigation {
	
}
/* @end */
/* @end */

/* @group Header general and wrappers */
html
{
	margin: 0;
	padding: 0;	
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode","Lucida Grande", "Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
	
	font-weight: normal;
	font-style: normal;
	/*background-color: #dedcd7; grey*/
	/*background-color: #475838;#7c7b56*/
	/*background-color: #666B44;*/
	background-color:  #282828;
	
}

h1,h2,h3,h4 {
	font-weight: lighter;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 2.2em;		
	}

	
	h2{
	line-height: 1.5;
	font-size: 2.0em;
	}
	
	h3{
	line-height: 1.5;
	font-size: 1.6em;
	}
	
	h4 {
	line-height: 1.5;
	font-size: 1.6em;
	
	}



p {
	padding-left: 0px;
	line-height: 1.5;
	font-size: 1.4em;
	_width: 370px;
	color: #314117;
	/*float: left;	*/
	margin-top: 5px;
	
}

A:link {text-decoration: none; color: #314117}
A:visited{text-decoration: none; color: #314117;}
A:hover {text-decoration: underline; color: #314117;}
A:active {text-decoration: none; color: #c63;}

img.right{
	float: right;
	margin: 10px;
}

#BlogContent div.addthis_toolbox.addthis_default_style.addthis_32x32_style {
margin: 10px;	
}

img.left{
	float: left;
	margin: 10px;
}
img{
	margin:10px;
}

div.blogSummary p.blogSmallSummary {
	display: block;
	overflow: hidden;
}

#pageWrapper img {
	margin: 0px;
	
}

#BlogContent div.blogSummary p.blogSmallSummary img {
	margin-right: 10px;
	
}
img a:hover{
	background: white;
}

#leftcontent p img.right {
	float: right;
	margin-left: 20px;
	
}


#bodyWrapper {
	padding-left: 0px;
	padding-top:  0px;
	width:1024px;
	height:1000px;
	z-index: 20;
	margin: 25px auto 50px auto;
	
}

#header {
		/*background: transparent url('../images/headerimage2.png') no-repeat;*/
		background: transparent url('../images/head_grey.png') no-repeat;
		
	background-position: 0px 15px;
	height: 180px;
}

#footer p {
	float: right;
	margin-right: 100px;
	margin-top: 1px;
	font-size: 1.3em;
	color: white;
	
}

div#quote p {
	width: 450px;	
	margin-top: 25px;
	margin-left: 70px;
	font-style: italic;
	font-size: 1.4em;	
	color: #314117;	
}

#rightcontent h3 {
	margin-left: -10px;
	background: white;
	padding-left: 5px;
	
}


#leftcontent p img.left {
	float: right;
	
}


#pageWrapper {
	background: #e4e3df;
	/*url('../images/grey_bottom.png') no-repeat bottom left;*/ 
 width:955px;
 /*background-color: #5f6b4b;*/
 overflow: hidden;
 display: block;
 margin-top: -5px;
 padding-bottom: 25px;
 color: #314117;

}

#pageWrapper.RefGalleryPage h1 {
	font-weight: lighter;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 2.2em;
	
}

div#bodyWrapper.kontakt div#centerimages {
   background:  url('../images/brasa.png') no-repeat;
   margin-left: -220px;
   float: left;
   margin-top: 30px;
   width: 410px;
   height: 300px;
}
/* @end */

/* @group Primnav */
#primnav {
	width: 950px;
	margin-left:21px;
}

#primnav ul li{
padding-left: 10px;
display: inline;
font-size: 1.1em;
border-right: 1px;
border-right-color: whitesmoke;
border-right-style: solid;
padding-right: 10px;
}
ul#navigation A:link {text-decoration: none; color: #fff}
ul#navigation A:visited{text-decoration: none; color: #e4e3df;}
ul#navigation A:hover {text-decoration: none; color: #c63;}
ul#navigation A:active {text-decoration: none; color: #c63;}


#navigation li.current a {
	color:#c63 ;
}

/* @end */


/* @group Contact */



/* contact page*/
#Form_Form fieldset {
	border: none;
	padding-left: 0px;
}
#contactleft h1 {
margin-top: 0px;	
}
/*
#contactleft h1 {
	margin-left: 10px;
}
*/

div#contactleft {
	padding-left: 35px;
	padding-top: 25px;
	width: 300px;
	float: left;
	}
	
#Form_Form_action_process {
	width: 50px;
	border: 0px solid #666B44;
	background: #314117;
	color: #FFFFFF;
	margin-left: 2px;	
}


input,
textarea { font-family: "Lucida Grande", "Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif; 
width: 300px;


}

#Form_Form_EditableTextField5 {
height: 70px;	
}
div#contactright {
	padding-top: 25px;
	display: block;
	overflow: hidden;
	font-size: 1.6em;
}
div#contactfirst {
	float: left;
	width: 120px;
	margin-left: 100px;
}

div#contactsecond {
	float: left;
	width: 200px;
	margin-left: 100px;
}

#contactright img {
	margin-left: 50px;
	margin-top: 15px;
}
/* @end Contact*/


/* @group Blog */
#blogContainer {
	display: block;
	overflow: hidden;
	margin-top: 10px;
	float: left;
	width: 98%;	
	margin-left: 20px;
	
}

#BlogContent {
	display: block;
	overflow: hidden;
	float: left;
	width: 74%;	
	background: whitesmoke;
	padding: 10px;
	
}

#BlogContent div.blogSummary img {
	float: left;
	
}

#PageComments_holder {
	display: block;
	overflow: hidden;
}

#PageComments_holder a{
	text-decoration: none;
	color: #314117;
	
}
#PageComments_holder a:hover{
	color: black;
}





#Sidebar{
margin-top: 5px;
	float: right;
	margin-right: 20px;
	width: 20%;
	
}

div#Sidebar.typography a, 
div#Sidebar.typography div p a, div#Sidebar.typography ul {
display: block;
color: #314117;	
font-size: 11px;
text-decoration: none;
padding-left: 0px;
margin-left: 0px;
width: 170px;
list-style: none;
}


div#Sidebar.typography a:hover,
div#Sidebar.typography div p a:hover{
text-decoration: underline;	
}

#Sidebar div.WidgetHolder.SubscribeRSSWidget.last p a.subscribeLink {
	padding-left: 20px;
}



div#Breadcrumbs{
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 0;

}
.authorDate {
float: left;		
}

.authorDate,.tags {
	text-decoration: none;
	font-size: 10px;		
}
.authorDate,.tags a{
	text-decoration: none;
	color: #314117;	
	}
	
	
div.blogEntry {
	display: block;
	overflow: hidden;
	
}

#BlogContent div.blogSummary h2.postTitle a,
#BlogContent div.blogSummary p.authorDate a,
#BlogContent div.blogSummary p.blogVitals a
 {
	color: #314117;
	
}

#Sidebar div.WidgetHolder h3 {
	background: white;
	padding-left: 4px;
	text-transform: uppercase; 
}

#BlogContent img {
	margin: 2px;
	
}

#BlogContent h3{
	color: #c63;
	
}

#BlogContent div.blogSummary p.authorDate a {
	
}


p.tags {
	margin-left: 10px;
	display: block;
	overflow: hidden;
	width: 300px;
}

#BlogContent div.blogEntry p.tags:before,
#BlogContent div.blogSummary p.tags:before
{
content: " | ";
}
#PageComments li{
	display: block;
	overflow: hidden;
	
}

#PageComments li.odd p.comment{
background: white;
border: 1px;
border-bottom-style:solid;	
}
#PageComments li.even p.comment{
background: lightgrey;
border: 1px;
border-bottom-style:solid;	
	
}
li.odd p.info {
	background: white;
	border: 1px;
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;	
	margin-bottom: 0px;
	margin-top: -14px;
	}
	
li.even p.info {
	background: lightgrey;
	border: 1px;
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;	
	margin-bottom: 0px;
	margin-top: -14px;
	}
	
	
div#postedit {
	display: block;
	overflow: hidden;
}

#PageCommentInterface_Form_PostCommentForm_action_postcomment {
width: 50px;
	border: 0px solid #666B44;
	background: #314117;
	color: #FFFFFF;
	margin-left: 2px;	
}

#PageComments_holder p {
	display: block;
	overflow: hidden;
	clear: both;
	width: 100%;	
	
}



ul#PageComments {
	padding-left: 0px;
	border: 1px;
	border-style: solid;
	
}
#PageCommentInterface_Form_PostCommentForm fieldset {
	border: none;
	
}

/* @end */



#description {
	float: left;
	width: 100%;
	
}


/*@group contentmain*/
#contentmain {
	margin-top: 10px;
	display: block;
	overflow: hidden;		
}
/*@end*/



/* @group LeftContent */
#leftcontent{
	margin-left: 20px;
	float: left;
	width: 70%;
}

#leftcontent div#services ul#leftservices {
	width: 200px;
	display: block;
	float: left;
}

#leftcontent div#services ul#rightservices {
	width: 260px;
	display: block;
	float: right;
	padding-left: 0px;	
	
}

#leftcontent div#services a {
font-size: 1.4em;
	line-height: 1.2em;
	color: #314117;	
	padding: 5px 10px 10px 70px;
	display: block;
	text-decoration: none;
	margin-bottom: 10px;	
}
#leftcontent div#services a:hover{
	border-style: dotted;
	border-width: 1px;
}




#leftcontent div#services li.service_ide {
	background: url('../images/Skiss.png') no-repeat 5px top;
	height: 90px;
	
	
}
#leftcontent div#services li.service_rit {
	background: url('../images/Ritning.png') no-repeat 5px top;
	height: 90px;
}
#leftcontent div#services li.service_inr {
	background: url('../images/Fatolj.jpg') no-repeat 5px top;
	height: 90px;
	
}
#leftcontent div#services li.service_pla {
	background: url('../images/Klocka.jpg') no-repeat 5px top;
	height: 90px;
}

#services ul {
	list-style-type: none;
	
	padding-left: 0px;
}

/*
#leftcontent p {
	padding-left: 35px;
	line-height: 1.5;
	font-size: 1.5em;
	_width: 370px;
	color: #314117;
	float: left;	
	margin-top: 5px;
}

#leftcontent h1,h2,h3 {
	font-weight: lighter;
	padding-left: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 2.2em;	
	color: #314117;
	
	}
	
	#leftcontent h2{
	line-height: 1.5;
	font-size: 1.5em;
	}
	
	#leftcontent h3{
	line-height: 1.5;
	font-size: 1em;
	}


*/


/* @end LeftContent*/

/* @group RightContent */
#rightcontent {
	margin-right: 20px;
	padding-left: 20px;;
	width: 20%;
	float: right;
	clear: right;
	color: #314117;
	border-left: 2px solid gray;
}

#rightcontent div.WidgetHolder.LatestBlogPost.first a {
	font-size: 1.5em;
	color: #314117;
	text-decoration: none;
}	
 
#rightcontent div.WidgetHolder.LatestBlogPost.first a:hover {
	text-decoration: underline;
}	

#firstblogpost p {
	font-size: 1.2em;
	
}

span#blogdate {
	font-size: 7px;
	
}

#rightcontent div.tjanster ul.tjanstelist li a {	font-size: 1.4em;
	line-height: 1.2em;
	color: #314117;	
	padding: 5px 10px 10px 70px;
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}
#rightcontent div.tjanster ul.tjanstelist li.service_ide {
	background: url('../images/Skiss.png') no-repeat 5px center;
	
}
#rightcontent div.tjanster ul.tjanstelist li.service_rit {
	background: url('../images/Ritning.png') no-repeat 5px center;
}
#rightcontent div.tjanster ul.tjanstelist li.service_inr {
	background: url('../images/Fatolj.jpg') no-repeat 5px center;
}
#rightcontent div.tjanster ul.tjanstelist li.service_pla {
	background: url('../images/Klocka.jpg') no-repeat 5px center;
}

ul.tjanstelist {
	list-style-type: none;
	padding-left: 0px;
	margin-left: -5px;
}

/* @end RightContent */


.imageborder {
	padding: 4px;
	border: solid 1px #ddd !important;
}

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

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */


/** General
********************************/
/* @group Old_ref */


/*
.RefGalleryPage div#centerimages {
	background:  url('') no-repeat;
	float: left;
	margin-top: 20px;
	width: 25%;
	height: 300px;
	
}
*/
/*div#bodyWrapper.Home div#centerimages {
	background:  url('../images/ritning-.jpg') no-repeat;
	margin-left: 25px;
	float: left;
	margin-top: 30px;
	width: 150px;
	height: 300px;
}



div#bodyWrapper.tjanster div#centerimages {
	background:  url('../images/ritning.jpg') no-repeat;
	margin-left: 25px;
	float: left;
	margin-top: 30px;
	width: 150px;
	height: 300px;
}
	
	div#bodyWrapper.ommoodify div#centerimages {
	background:  url('../images/anna.png') no-repeat;
	margin-left: 25px;
	float: left;
	margin-top: 60px;
	width: 150px;
	height: 300px;
	
}

/*div#bodyWrapper.kontakt div#centerimages {
	background:  url('../images/brasa.png') no-repeat;
	margin-left: 210px;
	margin-top: 30px;
	width: 410px;
	height: 300px;
}
*/



/*#contentmain div.testtext {
	float: left;
	
}
*/



/*#ImageGallery {
	float: left;
	margin-left: 35px;
	background-color: #666B44;
	padding: 50px;
}
*/

/*#contentmain.refGallery {
	margin-top: 0px;
	margin-left: 30px;
	float: left;
	width: 60%;	
}

#contentmain div.centerimage {
	
float: left;
padding: 6px;
	
}

#contentmain.refGallery p {
		width: 100%;

}

#accordion {
	margin-top: 35px;
	
}

dl {
	margin-bottom: 0.2em;
	line-height: 1em;
	font-weight: normal;
	font-style: normal;
	font-family:"Tw Cen MT";
	
	}
	
dt{	margin-bottom: 0.4em;
	line-height: 1em;
	
}

dd{
	margin-bottom: 0.2em;
	line-height: 01em;
	
	
	}
	
ul{
	margin-bottom: 0.2em;
	padding-left: 1em;
	line-height: 1em;
	
	margin-left: 0;
}

li {
	margin-bottom: 0.2em;
	line-height: 1em;	
}

#accordion div.menuJSList ul.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active li ul li {
	list-style-type: none;
	
}

#accordion div.menuJSList ul.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active li ul li a {
	text-decoration: none;
	
}

#accordion div.menuJSList ul.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active li {
	line-height: 1.4em;
}

hr {
	margin: 20px 0 20px;
	border: none;
	border-top: 1px dashed #c2c2c2;
	height: 1px;
	display: block; 
	clear: both;
}

#accordion div div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active dl dd ul li {
	font-size: 0.8em;
	margin-left: -30px;
}

#leftnavigation {
	float: left;
	width: 25%;	
	margin-left: 35px;
	margin-top: 20px;
	
}
#leftnavigation ul,li{

list-style-type: none;
line-height: 1.4em;	
}

#leftnavigation h2 {
	margin-top: 0px;
	
}

.alignright { float: right; }
.alignleft { float: left; }

.alignleft img,
img.alignleft { margin: 0 1em 1em 0; }
.alignright img,
img.alignright { margin: 0 0 1em 1em; }


.nolisttype {
	list-style-type: none;
	padding-left: 0;
}
*/
/* @end */