/* main layout ======================================================================================== */

#container	{	width:880px;	
				/* background-color:#f8f8f8;*/
				margin-left:auto;
				margin-right:auto;		}
				
#head		{	width:100%;	
				height:110px;
				/* background-color:#f0f0f0;	*/}		
				

/* mainmenu  ======================================================================================== 		*/								
			
ul#mainmenu {width:880px; padding-top:25px; position:relative;}
li {position:absolute;}		

ul#mainmenu a {text-decoration:none; background-color: white; }		
ul#mainmenu a:hover, ul#mainmenu a.active  {text-decoration:none; background-color: yellow; }

ul#mainmenu li.STARTPAGE {left: 0px;}
ul#mainmenu li.COLLAGES {left: 83px;}
ul#mainmenu li.OBJECTS {left: 158px;}
ul#mainmenu li.CARPETS {left: 227px;}
ul#mainmenu li.INTERIOR {left: 296px;}
ul#mainmenu li.PAINTINGS {left: 463px;}
ul#mainmenu li.SETDESIGN {left: 545px;}
ul#mainmenu li.PATTERNS {left: 634px;}
ul#mainmenu li.BOOKS {left: 711px;}
ul#mainmenu li.FASTMIX {left: 764px;}
ul#mainmenu li.ABOUT {right: 0; text-align:right; }

				
/* divs inside #below-head ON verk-sida ======================================================================================== */				

.verk-sida .gencont 	{position:relative;}			
.verk-sida #navInfo {position:absolute; left:0; top:0; width:178px;}
.verk-sida #navigate {position:absolute; left:0; top:49px; width:178px;}
.verk-sida #verkInfo {position:absolute; /* background-color:#ccf; */left:0; top:132px; width:178px; line-height:1.25em;}
.verk-sida #contactInfo {position:absolute; /* background-color:#ccf; */ left:0; top:383px; width:165px; line-height:1.25em;}
.verk-sida #kontactKnapp {position:absolute; /*background-color:#ccf; */ left:-4px; top:439px; width:178px;}	

.verk-sida #infoCont	{	width:178px;	
							float:left;
							/* background-color:#ccc; */
								}		

.verk-sida #imageCont	{	width:694px;	
							height:498px;
							float:right;
							/*background-color:#cc0;*/	}		
							
.verk-sida #page-nr {padding:0 2px 0 4px; }
.verk-sida #page-nr-big {padding:0 2px 0 4px; }

.verk-sida h3 {margin-bottom:12px;}

.verk-sida #verkInfo p {margin-bottom:0px;}

.verk-sida #verkInfo p.rubbe {font-weight:bold;}
.verk-sida #verkInfo p.verk-text {margin:0 0 12px 0;}
.verk-sida #verkInfo p.rubbe-2 {font-weight:bold;}


/* divs inside #below-head ON kategori-sida ======================================================================================== 		*/
#pictures-cont {float:left; width:340px;  }
#text-cont {float:right; width:340px;}

.kategori-sida #infoCont	{	width:178px;	
							float:left;
							}		
							
.kategori-sida #imageCont	{	width:694px;	
								float:right;
								height:357px;
								}	
							
.kategori-sida #title		{	margin-top: 59px; 
								
								height: 73px; }		
								
.kategori-sida .gencont 	{position:relative;}	

.picheader {height:17px;}			
.pic {height:340px;}												 

/* divs inside #below-head ON start-sida ======================================================================================== 		*/

.start-sida .gencont 	{position:relative; text-align:center; }	

.start-sida .gencont p {margin-top: 5px;}

.start-sida h1 {
	margin-top:46px;
	margin-bottom:23px;
	margin-left:auto;
	margin-right:auto;	
	width: 435px; height: 44px;
	background: url("../img/firstpage/1_carouschka.gif");
	background-repeat:no-repeat;
	text-indent: -9999px;
}

.start-sida h2 { padding-bottom:19px;	}
.start-sida h3 { padding-bottom:42px;	}


.start-sida div.COLLAGES {position: absolute; left:1px; top:154px; }
.start-sida div.OBJECTS {position: absolute; left:168px; top:145px; }
.start-sida div.CARPETS {position: absolute; left:376px; top:145px;}
.start-sida div.INTERIOR {position: absolute; left:509px; top:144px;}
.start-sida div.PAINTINGS {position: absolute; right:0px; top:145px;}

.start-sida div.SETDESIGN {position: absolute; left:0px; top:354px;}
.start-sida div.PATTERNS {position: absolute; left:189px; top:380px;}
.start-sida div.BOOKS {position: absolute; left:396px; top:380px;}
.start-sida div.FASTMIX {position: absolute; left:602px; top:353px;}
.start-sida div.ABOUT {position: absolute; right:0; top:337px;}


/* divs inside #below-head ON text-sida ======================================================================================== */		

.text-sida p.title {margin-bottom:19px;}
.text-sida #textimage {margin-bottom:17px; }


/* divs inside #below-head in footer ======================================================================================== */		

#foot-one {width:880px; height:116px; text-align:center; position:relative;}
#foot-one h1 {padding-top: 43px; font-size: 1.9em;}
#foot-one a {position:absolute; right:0; top:0; width:116px; height:116px; padding:0; margin:0;}
#foot-two {width:880px; margin-top:9px; margin-bottom:20px; }
#foot-one #contactInfo {position:absolute; /*background-color:#ccf; */left:0; top:61px; width:165px; line-height:1.25em; text-align:left;}

/* headers ON kategori-sida ======================================================================================== 		*/
h1.collages {
	width: 870px;
	height: 44px;
	background: url("../img/headers/collages.gif");
	text-indent: -9999px;
}

h1.objects {
	width: 870px;
	height: 44px;
	background: url("../img/headers/objects.gif");
	text-indent: -9999px;
}

h1.carpets {
	width: 870px;
	height: 44px;
	background: url("../img/headers/carpets.gif");
	text-indent: -9999px;
}

h1.interior {
	width: 870px;
	height: 44px;
	background: url("../img/headers/interior.gif");
	text-indent: -9999px;
}

h1.paintings {
	width: 870px;
	height: 44px;
	background: url("../img/headers/paintings.gif");
	text-indent: -9999px;
}

h1.setdesign {
	width: 870px;
	height: 44px;
	background: url("../img/headers/setdesign.gif");
	text-indent: -9999px;
}

h1.patterns {
	width: 870px;
	height: 44px;
	background: url("../img/headers/patterns.gif");
	text-indent: -9999px;
}

h1.books {
	width: 870px;
	height: 44px;
	background: url("../img/headers/books.gif");
	text-indent: -9999px;
}

h1.about {
	width: 870px;
	height: 44px;
	background: url("../img/headers/about.gif");
	text-indent: -9999px;
}

/* divs inside #below-head ON about-sida ======================================================================================== 		*/

.about-sida #pictures-cont,  .about-sida #text-cont {float:left; width:235px; }
.about-sida #copy-cont {float:right;}

.about-sida #infoCont	{	width:178px;	
							float:left;
							}		
							
.about-sida #imageCont	{		width:694px;	
								float:right;
								height:357px;
								}	
							
.about-sida #title		{	margin-top: 59px; 
								height: 73px; }		
								
.about-sida .gencont 	{position:relative;}	

.about-sida .pic {padding-right:0px;}

.about-sida p.engswe {display:inline; width:190px; text-align:right; position:absolute; right:8px; top: 0; }



/* divs inside #below-head ON about-cv-sida ======================================================================================== 		*/
.about-cv-sida td {line-height:15px; vertical-align:text-top;}
.about-cv-sida table {margin-bottom:60px; }
.about-cv-sida strong {font-weight:bold;}
.about-cv-sida th {padding-bottom:10px;}

/* blandat  ======================================================================================== 		*/


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

a {text-decoration:none; background-color: white;}
a:hover {text-decoration:none; background-color: yellow; }

.kategori-sida .pic a, .start-sida a.pic, .verk-sida #navigate a, .about-sida .pic a, .about-cv-sida img a  {text-decoration:none; background-color: white; margin:0; padding:0; }
.kategori-sida .pic a:hover, .start-sida a:hover.pic, .verk-sida #navigate a:hover, .about-sida .pic a:hover, .about-cv-sida img a:hover  {text-decoration:none; background-color: white; margin:0; padding:0;}

a:hover, a:active, a:focus {
   outline: none;
}

p.engswe {display:inline; width:170px; text-align:right; position:absolute; right:0px; top: 0; }

/* clearfix ======================================================================================== */
 .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }
   
    .clearfix {display: inline-block;
		}
   
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */