/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


.login input { margin-bottom: 4px; width: 140px; }
.login a { text-decoration: none; }
.login a:hover { text-decoration: underline; }

h1 { font-size: 22px; font-family: "Gill Sans"; line-height: 28px; margin-bottom: 20px; }
h2 { font-size: 16px; font-family: "Gill Sans"; line-height: 20px; margin-bottom: 10px; }
p { margin-bottom: 18px; }

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:100%;}
:focus { outline: none; }

body { background: #fff; }

label { width: 100px; display: inline-block; }

#footer_bg { background: #fff; }
#main { margin: 20px auto 20px auto; position: relative; }

hr.clear { clear: both; visibility: hidden; margin: 0; padding: 0; height: 0; }

#extradiv1, #extradiv2, #extradiv3, #extradiv4 { display:none; }

.atl_logo, .atl_logo:hover { display: block; width: 103px; height: 60px; background: url('grafikk/atl_logo.png'); }

.atl_logo2, .atl_logo2:hover { display: block; width: 43px; height: 50px; background: url('grafikk/atl_micro_trans.png'); }



/* ARTIKKEL FIX (?) AV FE */
.artikkel .boxed { margin-bottom: 10px; display: inline; font-size: 11px; font-style: italic; line-height: 14px; }
.artikkel>.boxed { display: inline-block; }
.artikkel .boxed img { display: block; border:1px solid #ccc;}
strong {font-weight: bold;}
em {font-style: italic;}
strong em {font-weight: bold; font-style: italic;}
em strong {font-weight: bold; font-style: italic;}
h3 {font-weight: bold; font-size: 14px}
#s_content ul, #s_content ol { list-style-position: inside; margin-bottom: 15px; }
#s_content ul { margin-left: 16px;  }
#s_content ol { margin-left: 20px; }
#s_content ul li { list-style:square; }
#s_content ol li { list-style:decimal; }
.s_content .submit { width: auto; background: #eee; border:1px #aaa solid; padding:2px 5px 2px 5px; }

.floatright { float: right; margin: 0 0 20px 20px;}
.floatleft { float: left; margin: 0 20px 20px 0;}

.skole_inngress { font-size:12px; font-style: italic;}

.redalert {border:1px solid #e41c1c; padding:8px; background:#f3c0c0;}
.yellowbox { padding: 10px; margin-bottom: 20px; background-color:#fbf6b2; border:1px solid #ffcc33; }

/* Min konto */
.konto .col_2 { width: 50%; float: left; font-size: 11px; }
.konto table { width: 100%; }
.konto h2 { font-size: 14px; font-weight: bold; border-bottom: 1px #eee solid; margin-bottom: 5px; padding-bottom: 3px; }
.konto label { display: inline-block; width: 80px; }
.konto .col_2.borderleft table { border-left: 1px #eee solid; }
.konto .col_2.borderleft table td, .konto .col_2.borderleft h2 { padding-left: 10px; }
.konto .label { color: #888; }
.konto .col_2.borderleft .klasser { border: 0; }
.konto .col_2.borderleft .klasser td { padding: 0; border-bottom: 1px #eee solid; }
.konto .rightalign { text-align: right; }

#s_content .konto ul { background: #eee; margin: 0; list-style: none; padding: 2px 0 0 2px; }
#s_content .konto ul li { list-style: none; float: left; }
#s_content .konto ul li a { display: block; padding: 4px 8px; text-decoration: none; }
#s_content .konto ul li.selected a { background: #fff; font-weight: bold; }
.konto .content { clear: both; border: 2px #eee solid; border-top: 0; padding: 10px; }

.elev { clear: both; padding-bottom: 10px; margin-bottom: 10px; }

.kort { border-bottom: 1px #ddd solid; padding: 10px 0; margin-bottom: 0px; }
.kort p { margin: 0; }
.kort label { color: #888; margin-right: 10px; }
.kort .navn { font-size: 16px; display: block; margin-bottom: 6px; }
.kort .bilde, .kort .ikkebilde { display: block; float: left; margin-right: 14px; border: 1px #ddd solid; }
.kort img { display: block; }

.kort.ansatte .ikkebilde { width: 70px; height: 80px; }
.kort.biler .ikkebilde { width: 120px; height: 80px; }

.priser { margin-bottom: 20px; width: 100%; border: 1px #ddd solid; }
.priser td { padding: 3px 5px; }
tr.bottom_border {border-bottom: 1px #eee solid;}
.some_bottom_margin {padding-bottom: 12px !important;}
.priser .pris { text-align: right; }
.priser .klasse { background: #eee; font-weight: bold; }
.smlfont {font-size: 0.9em;}
tr.setBorderBottomTbl td { border-bottom: 1px #e5e5e5 solid;}
tr.setBackColor td {background-color: #e5e5e5;}
.strongblack {font-weight: bold; color:#000;}


a.buttonsmall{
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;
}
a.buttonsmall:hover {text-decoration: underline; color:#0069f2; }
.buttonLine26 {line-height: 18px;}

.clearer {
	margin: 0px;
	padding: 0px;
	clear:both;
	visibility: hidden;
}

.some_padding{padding:5px;}
.mustHave {
	font-size:10px;
	color:#FF0000;
	padding:4px;
}
.mustHave1of2 {
	font-size:10px;
	color:#0069f2;
	padding:4px;
}

.kurstable td{padding-bottom:5px;}
.padtbl td{padding:2px;font-size: 0.9em;}
.vareliste th, .vareliste td {
	padding: 2px;	
	border-bottom: 1px solid #e5e5e5;									
	}
.vareliste thead th {
	font-weight: bold;
}
.vareliste .right {
	text-align: right;	
}



#tipsenvenn { display: none; position: relative; border: 1px #ddd solid; background: #f4f4f4; line-height: 14px; }
#tipsenvenn span { font-weight: bold; margin-right: 10px; margin-left: 5px; }
#tipsenvenn input { padding: 2px; margin: 4px 0; }
#tipsenvenn input.text { width: 110px; font-size: 11px; }
#tipsenvenn input#dittnavn { width: 80px; }
#tipsenvenn input.submit { }
#tipsenvenn .arrow { position: absolute; left: 1px; top: -7px; background: #f4f4f4; }

.simpletable{
	text-align:left;
	vertical-align: top;
	
}
.fullt td{text-decoration: none; color:#ccc;}

.simpletable td{
	
	padding:0px 50px 3px 0px;
	border:0px #333;
	vertical-align: top;
}

.positive {
	color: #4E91CF;
	font-weight: bold;
}
				
.negative {
	color: #d00000;
	font-weight: bold;
}

.reservation {
	color: #4ba800;
}

	 .free_spaces {
		display: inline-block;
		vertical-align: middle;
		width: 120px;
		padding: 1px;
		margin-left: 5px;
		border: 1px #74a238 solid;
	}
		 .free_spaces div {
			height: 8px;
			background: #74a238;
		}
		
			 .free_spaces.high { border-color: #74a238; }
			 .free_spaces.high div { background: #74a238; }
			
			 .free_spaces.medium { border-color: #f8ce27; }
			 .free_spaces.medium div { background: #f8ce27; }
			
			 .free_spaces.low { border-color: #ff7769; }
			 .free_spaces.low div { background: #ff7769; }
			
#payment {
	margin-bottom: 18px;
}	
	
.datatable {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	color:#666666;
	margin-bottom:20px;
	width:100%;
	-moz-box-sizing:border-box;
	border-collapse:separate;
	border-spacing:2px;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;	
}

.datatable input {
	padding:4px;
}
#payment select, #payment input {
	border:1px solid #CCCCCC;
	font-size:11px;
}

.datatable tfoot, .datatable th {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	padding-top:3px;
	padding-bottom:3px;
	
	background:#F5F5F5 none repeat scroll 0 0;
}

.buttonglow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#20973D  repeat scroll 0 0;
color:#fff;
border:1px solid #CCCCCC;
line-height:30px;
padding:5px 10px;
text-decoration: none;
}

.newsimage img {
	display:block;
	border:0 none;
}

.newssmall, .newssmallcenter {
	float:left;
	font-size:11px;
	height:92px;
	margin:5px 0;
	width:450px;
}

.newssmall .newsbody,  .newssmallcenter .newsbody {
	float:right;
	width:300px;
}

.newsimage {
	float:left;
}
.newsfeat img, .newsimage {
	border:1px solid #AAAAAA;
}