html {
	overflow-y: scroll
}

html, 
body {
	margin: 0;
	padding: 0px;
	height:100%;
}

body {
	background-color: #FFF;
	text-align: center;	
}

body, td, input, select, textarea {
	color: #666666;
	font-family: Verdana,geneva,arial,charcoal,helvetica,sans-serif;
	font-size: 11px;
	line-height:16px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a img {
	border: none;
	padding: 0;
}

p  {
	margin: 0 0 10px 0;
}

h1 {
	margin: 0 0 10px 0;
	color: #00CCFF;
	font-size: 17px;
	line-height:18px;
}

h2, h3, h4 {
	padding: 10px 0 5px 0;
	margin: 0;
	color: #00CCFF;
	font-size: 17px;
    line-height:18px;
    font-weight:bold;
}

#sitecontent {
	padding: 0;
	width: 960px;
	/*background-color:#cdefed;*/
	/*height:92%;*/
	margin: 0 auto;
	text-align: left;
	border:none;
}


.menu {
	height: 41px;
	overflow: hidden;
	background-color: #0fbbe4;
	margin-bottom:10px;
}

.menu a {
	color: #000;
	text-decoration:none;
}

.menu a:hover {
	color: #FFF;
}

.menu a:visited {
	color: #000;
}

.menu a.selected {
	color: #FFF;
}

.menu ul {
	padding: 11px 5px 10px 10px;
	margin:0;
	list-style:none;
}

.menu ul li {
	display:inline;
	padding: 0 10px;
}

.menu .selected {
	color: #FFF;
}



ul.left-menu {
    margin:0px;
    padding:0px;
    list-style-type:none;
    border-top:solid 1px #0fbbe4;
    width:200px;
}

ul.left-menu li {
    margin:0px;
    border:none;
    border-bottom:solid 1px #0fbbe4;    
}

ul.left-menu li a {
    color:#736328;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    margin:0px;
    background-color:#fff;
    display:block;
    margin:0px;
    border:none;
}
ul.left-menu li a:hover {
    background-color:#ecf3f5;
    color:#000;
}
ul.left-menu li.active a, ul.left-menu li.active a:hover {
    background-color:#0fbbe4;
    color:#fff;
}

ul.left-menu li.active ul.left-menu-sub li {
    border:none;
}

ul.left-menu li.active ul.left-menu-sub li a {
    background-color:#fff;
    color:#0fbbe4;
}
ul.left-menu li.active ul.left-menu-sub li a:hover {
    text-decoration:underline;    
}
ul.left-menu li.active ul.left-menu-sub li.active a {
    font-weight:bold;
}


#maincontent {
	margin-top: 0px;
}	

.main_left {
	width: 220px;
	float: left;
	/*padding-right: 5px;*/
}


.content-area {
	width:700px;
	padding-left:20px;
	float:left;
	/*background-color:Orange;*/
}
.content-area.col1 {
    background-image:url(../images/komforthusene/bg-1column.gif);
    background-repeat:repeat-y;
    background-position:left top;    
}
.content-area.col2 {
    background-image:url(../images/komforthusene/bg-2columns.gif);
    background-repeat:repeat-y;
    background-position:left top;    
}


.content-area.col2 .main_middle {
	width:460px;
	padding-right:20px;
	float:left;
}

.content-area.col1 .main_middle {
	width:720px;
	float:left;
}

.borderight {
	border-right:1px solid #0fbbe4;
	margin-right:20px;	
}

.main_left ul {
	padding:0;
	margin:0;
	list-style:none;
}

.main_left ul li {
	/*padding: 0 0 5px 0px;*/
}

.main_right {
	width:200px;
	float: left;
	margin-left:20px;
}

.main_left .selected {
	color: #000;
	font-weight: bold;
}

.breadcrumb {padding-left:0px; padding-bottom: 20px;}

.breadcrumb ul {
	padding: 10px 0 0 20px;
	margin:0;
	list-style:none;
	display:inline;
}

.breadcrumb ul li { 
	background: none;
	list-style: none;
	display: inline;
	padding:0;
	margin:0;
	margin-left: -5px;
	width:auto;
	color: #969696;
	text-transform: none;
	
}

.breadcrumb ul li a {
	padding-top: 10px;
	padding-right: 15px;
	background: transparent url(../images/dot.gif) top right no-repeat;
}

.breadcrumb ul li a.last  {
	padding-top: 10px;
	padding-right: 15px;
	background: none;
}

.breadcrumb ul li a.expanded {
	padding-top: 10px;
	padding-right: 15px;
	background: transparent url(../images/dot.gif) top right no-repeat;
}

.menu ul li {
	display:inline;
	padding: 0 10px;
}




.footer {
    background-color:#0fbbe4;
    padding:20px;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
    margin-top:20px;        
}
.footer a, .footer a:hover, .footer a:visited {
    color:#fff;
}

/**** BOT ****/

.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0 0 -1px 0;	
}

/******* ORIGINAL CSS **********/

/* --- Style sheet for style komforthus --- */


/* --- Page style Tahoma 14/12/11 starts here --- */

/* Heading */
BIG {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-weight: bold;
   font-size: 17px;
   line-height: 25px
}

/* Heading */
.BIG {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-weight: bold;
   font-size: 17px;
   line-height: 25px
}

/* Subheading */
STRONG {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
   line-height: 20px
}

/* Subheading */
.STRONG {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
   line-height: 20px
}

/* Caption */
SMALL {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-size: 11px;
   line-height: 14px
}

/* Caption */
.SMALL {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-size: 11px;
   line-height: 14px
}

/* Text */
.norm {
   color: #666666;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-size: 11px;
}

/* Paragraph Link */
A {
   color: #736328;
   font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
   font-size: 11px;   
}

A {
   text-decoration: underline
}

A:visited {
   color: #736328;
   text-decoration: underline
}

A:hover {
   color: #0fbbe4;
   text-decoration: underline
}

A:active {
   color: #736328;
   text-decoration: underline
}

/* --- Page style ends here --- */



/* --- Navigation style starts here --- */

/* Navigation Level 1 */
.navniv1 {
   color: #333333;
   font-family: Arial, Geneva, Verdana, Helvetica, Charcoal, Sans-Serif;
   font-size: 12px;
   line-height: 16px
}

A .navniv1 {
   text-decoration: none
}

A:visited .navniv1 {
   color: #333333;
   text-decoration: none
}

A:hover .navniv1 {
   color: #000000;
   text-decoration: none
}

.navniv1  .sel{
   color: #333333;
   text-decoration: none
}

A:active .navniv1 {
   color: #333333;
   text-decoration: none
}



/* Navigation Level 2 */
.navniv2 {
   color: #333333;
   font-family: Arial, Geneva, Verdana, Helvetica, Charcoal, Sans-Serif;
   font-size: 12px;
   line-height: 16px
}

A .navniv2 {
   text-decoration: none
}

A:visited .navniv2 {
   color: #333333;
   text-decoration: none
}

A:hover .navniv2 {
   color: #000000;
   text-decoration: none
}

.navniv2  .sel{
   color: #333333;
   text-decoration: none
}

A:active .navniv2 {
   color: #333333;
   text-decoration: none
}

/* --- Navigation style ends here --- */



/* --- Shorthand for colours starts here --- */

.red {
   color: #ff0000
}

.orange {
   color: #ff9900
}

.yellow {
   color: #ffff00
}

.green {
   color: #009900
}

.turquoise {
   color: #33cccc
}

.blue {
   color: #0000ff
}

.purple {
   color: #990099
}

.white {
   color: #ffffff
}

.grey {
   color: #999999
}

.black {
   color: #000000
}

/* --- Shorthand for colours ends here --- */


.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0 0 -1px 0;
}


/* YUI */
.yui-skin-sam .mask {
    opacity:0.8 !important; 
    filter:alpha(opacity=80) !important; 
    background-color: #fff !important;
}
.yui-skin-sam .yui-panel .bd-gray {
    background-color: #f2f2f2;
    text-align:left;
}
.yui-skin-sam .yui-panel .bd-green {
    background-color: #f2fff2;
    text-align:left;
}
.yui-skin-sam .yui-panel .bd-blue {
    background-color:#ecf3f5;
    text-align:left;
}