
/*--- MAIN ELEMENTS ---*/

body {
	background: #FFFFFF url('../img/main_bg.gif') top center repeat-y;
	color:#231f20;
	font-size: 12px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	}

img {
	border:none;
}

h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.5em;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.25em;
}

hr { color: #999999; height: 1px; border:none; background-color:#999999; width:100% }

p { margin:0.5em 0; }

td { vertical-align: top; margin:0px; padding:0px;}

table { border:none;  padding:0px; margin:0px; }

input { padding:1px; }

textarea {
	font-size: 11px;
	padding: 3px;
	font-size: 12px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

a:link { text-decoration: none;	color: #0088ca; }
a:visited {text-decoration: none; color: #005596; }
a:active {text-decoration: none; color: #00abef; }
a:hover { text-decoration:none;	color: #f7941d; }

li {  font-size: 11px; }  




/*--- GENERAL CLASSES ---*/

.clearer { clear:both; }

.content-page img { margin:0 0 25px 50px; }

.massor-lista td { padding-bottom:0.5em; }



/*--- STRUCTURE & HEADING ---*/

#maindiv {
	width:1000px;
	margin: 0px auto 0px;
	background-color:#FFFFFF;
}

#logodiv {
	float:left;
}

#logo {
	display:inline;
	margin:27px 25px 18px 25px;
}

#tagline {
	display:inline;
	margin:30px 0px;
}

#searchdiv {
	float:right;
	margin:37px 25px 0 0;
	font-weight:bold;
	vertical-align:middle;
}

#searchbutton {
	vertical-align:bottom;
}

#mainmenu-shadow {
	height:6px;
	background:#FFFFFF url('../img/menu_shadow.gif') repeat-x scroll 0 0;
	font-size:1px;
}
	
#mainmenu {
	background:#0165b1 url('../img/menu_bg.gif') repeat-x scroll 0 0;
	height:2.5em;
}

#mainmenu-right {
	text-align:right;
}


/*--- LEFT MENU ---*/

#leftmenudiv{ position:relative; width: 180px; margin:0; padding: 20px 0px 20px 20px;}
.left-menu-header { border-bottom:dashed 1px #999999; padding:5px 5px; }

/* A few IE bug fixes */
* { margin: 0; padding: 0; }
* html .left-menu ul li a { height: 100%; }
* html .left-menu li a { height: 100%; }
* html .left-menu ul li { margin-bottom: -1px; }

.left-menu  { position:relative; }
.left-menu * { font-size:11px; }

.left-menu { margin-bottom: 0.5em; }
.left-menu ul { margin-bottom: 0.5em; }
.left-menu li { width: 180px; border-bottom:dashed 1px #999999; }
.left-menu ul li { width: 170px; border-bottom: none; margin: 0 0 0 5px; padding: 0 0 0 5px; }
.left-menu ul ul li { width: 160px;  }
.left-menu li a { display:block; padding:4px 5px; text-decoration:none; color:#222;}
.left-menu li a:hover { display:block; background-color: #eee; }

.left-menu li { list-style-type: none; }

.left-menu a.current { font-weight:bold; }

.left-menu ul.level1, .left-menu ul.level2 { display:block; } 




/*--- HOME ---*/

#sucker-div { padding:20px 0 0 20px;  } 
#home-structure { width:100%; } 
#home-structure td { padding-right:20px;  } 
.home-box { background-color:#E0E0E0; padding:10px; }
.home-box h2 { padding:0 10px; }
.home-box-inner { margin-top:10px; background-color:#ffffff; position:relative; height:240px; padding:20px; }

.home-box-inner .prev {
	position:absolute;
	top:50px;
	left:10px;
	cursor:pointer;
}
.home-box-inner .next {
	position:absolute;
	top:50px;
	right:10px;
	cursor:pointer;
}

.carousel{
	overflow: hidden; 
	visibility: visible; 
	z-index: 2; 
	margin:0px 20px; 
	width: 201px;
}
            
.carousel ul{
	margin: 0pt; 
	padding: 0pt; 
	list-style-type: none; 
	z-index: 1; 
	width: 5880px; 
	left: -80px;
}

.carousel li{
	overflow: hidden; 
	float: left; 
	width: 62px; 
	height: 80px;
	text-align:center;
	padding:0 3px;
	line-height:80px
}
.carousel li img { vertical-align:middle; cursor:pointer; }

.carousel-info {
	position:absolute;
	z-index:40;
	top:120px;
	width:240px;
	display:none;
}

.carousel-basic {
	position:absolute;
	z-index:20;
	top:120px;
	width:240px;
}

.carousel-text { font-size:11px; }



/*--- PRODUKTER ---*/

.spacy { padding:1em 0; }

.visa-produkter-table td { padding:0 20px 30px 0; }

img#bb{ margin-left:20px; }

.productproperties li {
	font-size:12px;
	margin-left:15px;
	padding-bottom:0.5em;
}



/*--- INSTALLATÖRER ---*/

.installator-lista td { font-size:11px; }




/*--- OFFERTFÖRFRÅGAN ---*/

.guidenext { font-size:16px; font-weight:bold; }
#container-9 h2 { margin-top:10px; }
.guide-summary { border-color:#FFFFFF; border-style: none; margin-left:20px; }
.guidetable td { padding:2px 0; }
.guidetable tr { display:inherit; }
.guide-img { float:right; padding:0 0 10px 20px; }

.produkt-vet { display: none; }

.not_example { color:#AAAAAA; }

table#guidesumup {display:none;}
html > body table#guidesumup {display:inline;}


/*--- FOOTER ---*/

#footer {
	margin:20px;
	padding:5px 0;
	border-top:solid 1px #999999;
	text-align:center;
}

#footer div {
	font-size:11px;
	color:#666666;
	margin:0.75em;
}





/*--- Newsletter ---*/

body.letter {
	background: none;
	color:#231f20;
	font-size: 12px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
}


body.container {
	background: none;
	color:#231f20;
	font-size: 11px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
}


body.container td {
	font-size: 11px;
}

.test {
	color:red;
}



/*--- OLD BAXI CLASSES ---*/


.invisible{
	display:none;
}

.newsrubrik {
	font-size: 13px;
	font-weight: bold;	
	
}
.tavlingssvar {
	vertical-align: baseline;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	
}

.newsrubrik2 {
	font-size: 15px;
	font-weight: bold;	
	
}
.skribent {
	font-size: 10px;
	color: #c0c0c0;
	font-weight: bold;
}


.content {
	margin: 25px;
}
.storiesNamn {
	color: #8e8887;
}

#preview	{
	border: solid 1px #000000;
}

#filid		{
	height:200px;
}
.icon {
	vertical-align: middle;
}

.distancer	{height:30px; vertical-align:bottom;}
.filelist	{
	padding-right: 3px;
	padding-left: 3px;
}
.container				{
	margin: 10px;
	
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}



.blarubrik1 {
	color:#231f20;
	font-weight:bold;
	font-size: 13px;
}

.blarubrik2 {
	margin-top:1em;
	color:#231f20;
	font-weight:bold;
	font-size: 14px;
}

.fullWidth			{width:600px; margin:0px; padding: 0px;}
.widthSeparatorSmall	{width:20px;}
.halfWidth				{width:225px;}


.error				{color:#FF0000;  font-size: 12px;}
.whitey					{ background-color: #ffffff; vertical-align: top}

.liten					{  font-size: 11px; }

.ingress, .Ingress		{  font-size: 13px; color: #666666; font-weight: normal; line-height: 16px; }

.platta {
	background-color: #eeeeee;
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	padding: 6px;
}

.faqSvar {
	background-color:#eeeeee;
	padding-left:25px;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom: 6px;

}

.kundlankar {
	padding-left:25px;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom: 6px;

}
.kundlank
{
	padding-bottom:8px;
}

.plattaContent
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom:  5px;
}

.plattaContentSmall
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom:  4px;
}

.plattaDivider {
	line-height:1px;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:14px;
	
}

.datum {
	color: #8f8e8e;
	width:68px;
	font-size:11px;
	line-height:16px;
}

.plattaStor {
	background-color: #e0e0e0;
	vertical-align: top;
	margin:0px;
	padding:0px;
	height:100%;
}

.file, a.file{
	font-size:10px;
}

a:hover.file
{
	color:#FF0000;
}
.plattaStorContent
{
	padding:15px;
	width:100%;
}

.plattaStor .rubrik
{
	background-color:#CF0044;
	width:325px;
}


.qLeft {
	padding-right: 2px;
	vertical-align:middle;
	padding-bottom: 2px;
}


.tablehead2 {  font-size: 12px; font-weight: bold; background-color: #a79e9a; line-height: 16px; vertical-align: middle; padding:2px;  }

.tablehead2 a:visited, .tablehead2 a:link, .tablehead2 a:active, 	  			
{
	text-decoration: none;
}
.blacklink
{
	font-weight:bold;
}

.tablehead3				{  font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #a79e9a; line-height: 16px; vertical-align: middle; padding:7px;  }
.tablehead4				{  font-size: 16px; font-weight: bold; color: #FFFFFF; background-color: #a79e9a; line-height: 16px; vertical-align: middle; padding:7px; text-align:center; }

.tabledark				{ background-color: #eeeeee; line-height: 16px; padding:2px; }
.tablelight				{ line-height: 16px; padding:2px;}

.skicka_knapp { background-color: #c2bcb9;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
	font-family: "trebuchet ms", tahoma;
	border: #000000; border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border: 3px outset #c2bcb9;
}

#separatedTop {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
	margin-top: 10px;
	padding-top: 10px;
	width:100%;

}
.smallText {
	font-size: 10px;
}
.distancerSmall {
	height: 15px;
}

.b					{ background-color: #c2bcb9; font-size: 11px; vertical-align:top;  }
.c					{ font-size: 11px; background-color: #c2bcb9; text-align:center; vertical-align:top; }
.d, .a				{ vertical-align: top; text-align: center; color: #FFFFFF; background-color: #0165b1; }
