/* 
-----------------------------------------------------------------------------------------




            Stylesheet for metacue.com
						  
						  
            Version: 1.1
            Date: 2011-03-09
	
					
									

-----------------------------------------------------------------------------------------
*/



/* 
----------------------------------------------------------------------------------------- 

Global
 
----------------------------------------------------------------------------------------- 
*/

html, body {
	border:0px;
	margin:0px;
	padding:0px;
}
 
body {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	line-height:16px;
	font-size:11px;
	font-weight:lighter;
	background-color:#ffffff;
	background-image:url(images/background_main.gif);
	background-position:left top;
	background-repeat:repeat-x;
	color:#5e5e5e;
	text-align:center;
}

/* Headings
----------------------------------------------------------------------------------------- */
 
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
 
h1 {
	font-size:21px;
}
 
h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
 
h3 {
	font-size:11px;
	font-weight:bold;
}

h4 {
	font-size:11px;
}

/* Paragraphs and lists
----------------------------------------------------------------------------------------- */ 

p, ul, ol {
	margin:0px;
	padding:0px;
	border:0px;

}

/* Links
----------------------------------------------------------------------------------------- 
*/

a, a:visited {
	text-decoration:none;
	background-color:inherit;
	color:#5e5e5e;
	border-bottom:1px dotted #5e5e5e;
}

a:hover {
	text-decoration:none;
	border-bottom:1px dotted #62daf0;
	color:#62daf0;
	background-color:inherit;
}

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

/* Other global
----------------------------------------------------------------------------------------- 
*/
acronym {
	border-bottom:1px dotted #5e5e5e;
}

b {
	font-weight:bold;
}

/* 
----------------------------------------------------------------------------------------- 

Page wrapper
 
----------------------------------------------------------------------------------------- 
*/

#wrapper {
	display:block;
	width:930px;
	margin:0px auto 0px auto;
	padding:0px;
	border:0px;
}


/* 
----------------------------------------------------------------------------------------- 

Top and media (holds logotype and main image)

----------------------------------------------------------------------------------------- */

#top {
	display:block;
	width:930px;
	height:30px;
	margin-top:25px;
}

#top h1#metacue {
	display:block;
	float:left;
	width:141px;
	height:30px;
	background-image:url(images/metacue.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#top h2#address {
	display:block;
	float:right;
	width:304px;
	height:30px;
	background-image:url(images/address.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-bottom:0px;
}

#media {
	display:block;
	clear:both;
	width:930px;
	height:284px;
}

#media img {
	display:block;
	border:none;
}


/* Menu
----------------------------------------------------------------------------------------- 
*/

#menu {
	display:block;
	width:930px;
	height:43px;
}

#menu ul {
	display:block;
	width:930px;
	height:43px;
	list-style:none;
}

#menu ul li {
	display:block;
	float:left;
	list-style:none;
}

#menu ul li a {
	display:block;
	text-decoration:none;
	margin-right:3px;
	border-bottom:none;
}

#menu ul li a#menu_hem {
	display:block;
	width:66px;
	height:27px;
	background-image:url(images/hem.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:8px;
}

#menu ul li a#menu_referenser {
	display:block;
	width:116px;
	height:27px;
	background-image:url(images/referenser.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:8px;
}

#menu ul li a#menu_tjanster {
	display:block;
	width:100px;
	height:27px;
	background-image:url(images/tjanster.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:8px;
}

#menu ul li a#menu_innovation {
	display:block;
	width:112px;
	height:27px;
	background-image:url(images/innovation.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:8px;
}

#menu ul li a#menu_foretaget {
	display:block;
	width:108px;
	height:27px;
	background-image:url(images/foretaget.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:8px;
}



/* 
----------------------------------------------------------------------------------------- 

Content

----------------------------------------------------------------------------------------- 
*/

#contentwrapper {
	clear:both;
	display:block;
	width:930px;
	min-height:367px;
  	height:auto !important;
	height:367px;
	background-image:url(images/background_content.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.contentleft {
	display:block;
	width:583px;
	min-height:367px;
  	height:auto !important;
	height:367px;
	float:left;
	text-align:justify;
	border:1px;
}

.contentleft h1 {
	display:block;
	margin:30px 41px 19px 30px;
}

.contentleft p {
	display:block;
	margin:0px 41px 19px 30px;
}

.contentleft .firstcolumn {
	display:block;
	width:286px;
	min-height:302px;
  	height:auto !important;
	height:302px;
	float:left;
	border:1px;
}

.contentleft .secondcolumn {
	display:block;
	width:297px;
	min-height:302px;
  	height:auto !important;
	height:302px;
	float:left;
}


.contentleft .firstcolumn h1 {
	display:block;
	margin:30px 11px 19px 30px;
}

.contentleft .firstcolumn h2 {
	display:block;
	margin:0px 11px 3px 30px;
}

.contentleft .firstcolumn p {
	display:block;
	margin:0px 11px 19px 30px;
}

.contentleft .firstcolumn img {
	display:block;
	margin:0px 11px 11px 30px;
}

.contentleft .secondcolumn h2 {
	display:block;
	margin:0px 41px 3px 11px;
}

.contentleft .secondcolumn p {
	display:block;
	margin:0px 41px 19px 11px;
}

.contentleft .secondcolumn img {
	display:block;
	margin:0px 41px 11px 11px;
}

.contentleft .secondcolumn p.first {
	display:block;
	margin:65px 41px 19px 11px;
}

.contentleft .secondcolumn address {
	display:block;
	margin:0px 41px 19px 11px;
}

.contentright {
	display:block;
	width:347px;
	min-height:367px;
	height:auto !important;
	height:367px;
	float:right;
	text-align:justify;
}

.contentright h1 {
	display:block;
	margin:30px 11px 19px 43px;
}

.contentright h2 {
	display:block;
	margin-left:3px;
}

.contentright p {
	clear:both;
	display:block;
	width:259px;
	list-style:none;
	margin-left:3px;
	/*margin-bottom:11px;*/
	text-align:left;
}

/* Content on first page. */
.contentright .content {
	margin-top:11px;
	margin-left:40px;
	margin-right:40px;
	padding-bottom:11px;
}
.contentright .content h1 {
	line-height:21px;
	margin:19px 11px 11px 3px;
}
.contentright .content p {
	text-align:justify;
	padding-bottom:11px;
}

img.ref_firstpage {
	padding-right:29px;
}
img.last {
	padding-right:0px;
}

a.waxbook_logo {
	width:150px;
	border-bottom:none;
	margin-left:54px;
}
a.waxbook_logo img {
	border:0;
}

/* old */
div.nyhet {
	margin-top:11px;
	margin-left:40px;
	margin-right:40px;
	padding-bottom:11px;
	/*background-color:#37d2ee;*/
	border-bottom:1px solid #e8e8e8; /* orig:37d2ee 62daf0 8ce3f2 b7ebf4 */
}
div.last {
	border:0;
}


/* Content first page list
----------------------------------------------------------------------------------------- 
*/


.contentright ul {
	display:block;
	width:276px;
	list-style:none;
	margin-left:43px;
	margin-bottom:19px;
}

.contentright ul li {
	display:block;
	float:left;
	list-style:none;
}

.contentright ul li a {
	display:block;
	text-decoration:none;
	border-bottom:none;
}

.contentright ul#list_hem li {
	display:block;
	float:left;
	width:75px;
	height:75px;
	margin:0px 17px 17px 0px;
}

.contentright ul#list_hem li img {
	border:0px;
}


/* Content technologies list
----------------------------------------------------------------------------------------- 
*/


.contentright ul#list_tjanster li {
	display:block;
	float:left;
	width:75px;
	height:75px;
	margin:0px 17px 17px 0px;
}

.contentright ul#list_tjanster li img {
	border:0px;
}


/* Content innovation list
----------------------------------------------------------------------------------------- 
*/


.contentright ul#list_innovation li {
	display:block;
	float:left;
	width:75px;
	height:75px;
	margin:0px 17px 17px 0px;
}

.contentright ul#list_innovation li img {
	border:0px;
}


/* Content references list
----------------------------------------------------------------------------------------- 
*/

.contentright ul#list_referenser li {
	display:block;
	float:left;
	width:75px;
	height:75px;
	margin:0px 17px 17px 0px;
	border-bottom:none;
}

.contentright ul#list_referenser li img {
	border:0px;
}


/* 
----------------------------------------------------------------------------------------- 

Contact form

----------------------------------------------------------------------------------------- 
*/

#cform {
	display:block;
	width:259px;
	margin-left:43px;
	text-align:left;
}

#captcha {
	display:block;
	margin-bottom:3px;
}

.textinputbox { /* styles the textarea  */
	background-color:#ffffff;
	color:inherit;
	height:13px;
	width:249px;
	border:1px solid #e8e8e8;
	line-height:11px;
	margin-bottom:10px;
	padding:4px;
	letter-spacing:1px;
	display:block;
	font-size:11px;
}

.textinputarea { /* styles the textarea  */
	background-color:#ffffff;
	color:inherit;
	height:80px;
	width:249px;
	display:block;
	border:1px solid #e8e8e8;
	line-height:11px;
	margin-bottom:10px;
	padding:4px;
	letter-spacing:1px;
	overflow:auto;
	font-size:11px;
}


/* 
----------------------------------------------------------------------------------------- 

Footer

----------------------------------------------------------------------------------------- 
*/

#footer {
	width:100%;
	height:60px;
	display:table;
	margin:30px auto 0px auto;
	padding:0px;
	border:0px;
}

#footer p {
	color:#cccccc;
	background-color:inherit;
}

/* 
----------------------------------------------------------------------------------------- 

Various classes

----------------------------------------------------------------------------------------- 
*/


.margintopspec {
	margin-top:3px;
	margin-bottom:0px;
	display:block;
}