/*
- DEFAULT HTML STYLES 
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES 
- PARAGRAPH STYLES 
- LIST STYLES
- LINK STYLES 
- IMAGE STYLES
- TABLE STYLES 
- FORM STYLES
- DIVERSE STYLES
*/



/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
|                                                            |
| -------------header--------------------------------------- |
| |    contains: logo, localoffices, print, fontsize       | | 
| |    PS: localoffices is not in use                      | |
| ---------------------------------------------------------- |
|                                                            |
| --------------mainNav------------------------------------- |
| | -------------nav---------------   -----searchpanel---  | |
| | |                             |   |    not in use   |  | |
| | -------------------------------   -------------------  | |   
| ---------------------------------------------------------- |
|                                                            |
| ---------------------breadcrumbs-------------------------- |
| |                    not in use                          | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------contentWrapper------------------------ |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 1                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |                                  |  | |
| | |  content   |   |      content                     |  | |
| | | goes here  |   |     goes here                    |  | |
| | |            |   |                                  |  | |
| | |            |   |                                  |  | |
| | --------------   ------------------------------------  | |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 2                   / |
| | ----col1------   ------col2----------   ----col3-----  | |
| | |            |   |                  |   |           |  | |
| | |  content   |   |   content        |   |  content  |  | |
| | | goes here  |   |  goes here       |   | goes here |  | |
| | |            |   |                  |   |           |  | |
| | |            |   |                  |   |           |  | |
| | --------------   --------------------   -------------  | |
| |                                                        | |  
| /                 LAYOUT ALTERNATIVE 3                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |  --innerCol2--  ---innerCol3---  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |  content   |   |  |  content  |  |   content   |  |  | |
| | | goes here  |   |  | goes here |  |  goes here  |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  -------------  ---------------  |  | |
| | --------------   ------------------------------------  | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------footer-------------------------------- |
| |                                                        | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/




* {outline:0 !important}



/* 
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES 
---------------------------------------------------------------------------------------------
*/
html{}
body {padding:0px;margin:0px;font-family:Arial,Verdana,sans-serif;}
form.fontSizeNormal {font-size:76%;}
form.fontSizeMedium {font-size:87.5%;}
form.fontSizeLarge {font-size:100%;}
h1 {padding:0px;margin:0px;font-size:1.6em;padding:0 0 10px 0}
h2 {padding:0px;margin:0px;font-size:1.15em;font-weight:normal;padding:0 0 5px 0}
h3 {padding:0px;margin:0px;font-size:1.0em;padding:0 0 3px 0;}
h4 {}
p {padding:0px;margin:0px;font-size:1.0em;padding:0 0 10px 0;}
ul {}
ol {}
li {}
blockquote {padding:0px;margin:0px;font-style:italic;padding:0 0 10px 0px}

/*RIKTIG REKKE: LoVe HAte*/
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}
form {margin:0;padding:0;}


/* new styles for deprecate image alignment styles */
.positionnone
{
	display:none;
}
.positionleft
{
	float:left;
	margin-right:7px;
	margin-bottom:10px;
	position:relative;
	
}
.positioncenter
{
	text-align:center;
}
.positionright
{
	float:right;
	padding-left:3px;
	position:relative;
}



/* 
---------------------------------------------------------------------------------------------
CONTAINER STYLES 
---------------------------------------------------------------------------------------------
*/

div#wrapper {width:980px;padding-bottom:20px;float:left;overflow:hidden;}
div#header {float:left;overflow:hidden;width:921px;padding-left:59px;padding-top:30px; position:relative; padding-bottom:7px;}
div#header ul.imagelist { margin:0; padding:0; position:absolute; right:0; }
div#header ul.imagelist li { float:left; display:inline; list-style-image:none; list-style-position:inside; padding-left:10px; }
div#logo {float:left;overflow:hidden;width:130px;border-right:1px solid #fff;margin-right:10px;}
div#contentWrapper {float:left;overflow:hidden;width:100%;}
div#contentWrapper div.col1 {float:left;overflow:hidden;width:120px;display:none;}
div#contentWrapper div.col2 {float:left;overflow:hidden;width:190px;padding-top:10px;}
div.center_column {float:left;overflow:hidden;width:100%}
div.center_and_right_column {float:left;overflow:hidden;width:790px}
div.center_and_right_column div.col3 {width:790px !important} /*without rightcolumn*/
div.center_and_right_column div.col4 {display:none;}
div#col3and4wrapper {float:left;overflow:hidden;width:790px;}
.startpage div#contentWrapper div.col3 {float:left;overflow:hidden;width:566px;padding-top:12px;}
div#contentWrapper div.col3 {float:left;overflow:hidden;width:566px;}
div#contentWrapper div.col4 {float:left;overflow:hidden;width:203px;padding:0 10px;margin-left:1px;}
div.accessibility {position:absolute; right:0; bottom:0; overflow:hidden;width:215px;}
div.search {float:right;overflow:hidden;width:213px;margin-left:1px;}
div#footer {float:left;overflow:hidden;width:100%;}
div#mainfooter {float:right;overflow:hidden;width:980px;margin-top:10px;}

div.module {padding:0px 0px 10px 0px;}
div.col3 div.module {padding:0px;padding:0px 36px 0 10px;clear:both;}
div.col3 div.module div.footer {float:left;overflow:hidden;width:100%;margin-top:10px}
div#imgPlaceholder {min-height:500px;float:left;overflow:hidden;width:100%;padding-bottom:100px;}
div#imgPlaceholder2 {float:left;overflow:hidden;width:100%;}
div.box {float:left;overflow:hidden;width:100%;padding-bottom:10px}
div.col1 div#simplegallery {width:120px;overflow:hidden;}
div.col4 div.inner_right_column, div.col4 div.webpart {float:left;overflow:hidden;width:203px;padding:0px 0px 10px 0px;}
div.paging {float:left;overflow:hidden;width:98%;text-align:right}

div.italic {font-style:italic;padding-bottom:10px;}
div.ingress {font-weight: bold; }
div.floatleft { float:left; }
div.floatright {float:right;overflow:hidden;padding-top:5px}

div.schoolLogo {float:left;overflow:hidden;width:203px;padding-bottom:10px;margin-bottom:20px;text-align:center;}

div.galleryContainer div#main_image {min-height:300px;}


div#mainfooter address {padding:4px 5px 4px 5px;}
div.leftcollink {width:185px;padding-right:5px;text-align:right;margin-top:20px;padding-bottom:5px;padding-top:5px;text-transform:uppercase;font-weight:bold}
div.introListImg {float:left;overflow:hidden;width:125px;padding-right:10px;text-align:right}

/* 
---------------------------------------------------------------------------------------------
SPAN STYLES 
---------------------------------------------------------------------------------------------
*/

span.prefix, span.location {display:block;width:100%}





/* 
---------------------------------------------------------------------------------------------
HEADLINE STYLES 
---------------------------------------------------------------------------------------------
*/
h1.title {float:left;overflow:hidden;}
div.col3 h2 {font-weight:bold;}
div.col4 h2,  div.webpart h2 {font-weight:bold;text-transform:uppercase}
#hr1_vr4 h2 {text-transform:none;}





/* 
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES 
---------------------------------------------------------------------------------------------
*/

p.hiddenTxt {padding:0px;margin:0px;}
p.ingress {font-weight:bold;}
p.contrast {float:left;padding:0px;margin:0px;width:85px;overflow:hidden;margin:0px 0 0px 0px;}
p.help {float:left;padding:0px;margin:0px;width:30px;overflow:hidden;margin:0px 0 0px 0px;}
p.sound {float:left;padding:0px;margin:0px;width:100px;overflow:hidden;margin:0px 0 0px 0px;}
p.title {padding:0px;margin:0px;font-size:40px;}
p.subtitle {padding:0px;margin:0px;font-size:1.1em}
div.col3 div.module div.footer p {padding:0px;}


/* 
---------------------------------------------------------------------------------------------
LIST STYLES 
---------------------------------------------------------------------------------------------
*/
div.col3 ul li, div.col4 ul li, div.flexigrid ul li {line-height:1.3em;padding-bottom:6px;}
div.col4 ul, div.flexigrid ul {line-height:1.5em;padding:0px;margin:0px;list-style:none;padding:0 0 4px 0}
div.col4 ul li {}
ul.skolene {float:left;padding:0px;margin:0px;display:inline;padding-bottom:10px;margin-bottom:10px;width:566px}
ul.skolene li {padding:0px;margin:0px;display:inline;}

div#homemenu ul {list-style:none;padding:0px;margin:0px;text-align:right;padding:19px 10px 0 0;text-transform:uppercase;}
div#homemenu ul li ul {list-style:none;padding:0px;margin:0px;text-align:right;padding:0 0px 0 0;text-transform:lowercase;}
div#homemenu ul li {padding:0 0 0px 0}
div#homemenu ul li.selected {padding:0 0 0px 0;margin-right:-10px;padding:5px 10px 5px 0;}
div#homemenu ul li ul li {padding:0 0 2px 0;font-weight:normal}

div#treemenu ul {list-style:none;padding:0px;margin:0px;text-align:right;padding:7px 0px 0 0;text-transform:uppercase;}
div#treemenu ul li ul {list-style:none;padding:0px;margin:0px;text-align:right;padding:0 0px 0 0;text-transform:lowercase;}
div#treemenu ul li {padding:0 0 0px 0}
div#treemenu ul li.selected {padding:0 0 0px 0;margin-right:0px;padding-right:0px;}
div#treemenu ul li ul li {padding:0 0 0px 0;}

div.col3 div.nobullets ul.rss li {background:none !important;padding-left:0px !important;padding-bottom:20px !important}

ul.pagelistpart{line-height:1.5em;} 
div.accessibility ul {float:right;overflow:hidden;width:51px;padding:0px;margin:0px;list-style:none;margin:0px 0 0px 0px;padding:0 0 0px 0px}
div.accessibility ul li {float:left;padding:0 0px 0 0px;}
div.accessibility ul li.small {padding-top:2px}
div.accessibility ul li.medium {font-size:20px}
div.accessibility ul li.large {font-size:26px;}

div.col3 div.module ul {padding:0px;margin:0px;list-style:none;padding:0 0 0 0px;margin-bottom:20px;}
div.col3 div.module ul li {padding:0px;margin:0px;padding:0 0 5px 10px}

ul.introlist {padding:0px;margin:0px;list-style:none}
ul.introlist li {padding:0px;margin:0px;padding:0 0 20px 0 !important}

ul.pagelist {padding:0px;margin:0px !important;list-style:none;}
ul.pagelist li {padding:0px 0 20px 0!important;margin:0px;}
div.galleryContainer ul.gallery li {width:110px;height:74px;background:none !important;}
ul.tagCloud {padding:0px;margin:0px;}
ul.tagCloud li {padding:0px;margin:0px}



/* 
---------------------------------------------------------------------------------------------
LINK STYLES 
---------------------------------------------------------------------------------------------
*/

div.col4 h2 a {text-decoration:none !important;color:#000 !important; text-transform:uppercase;}
div.col4 h2 a:hover {text-decoration:underline !important}

div.col3 div.module div.webpart div.box h2 a {text-decoration:none !important;color:#000 !important; text-transform:uppercase;}
div.col3 div.module div.webpart div.box h2 a:hover {text-decoration:underline !important}

h1.title a {text-decoration:none}
h1.title a:hover {text-decoration:underline;}
ul.skolene li a {}

div#homemenu ul li a {text-decoration:none;font-weight:normal}
div#homemenu ul li a:hover {text-decoration:underline;}
div#homemenu ul li.selected a {text-decoration:none;font-weight:bold}
div#homemenu ul li.selected ul li a {text-decoration:none;font-weight:normal}

div#treemenu ul li a {text-decoration:none;font-weight:normal;display:block;padding:5px 5px 5px 0}
div#treemenu ul li a:hover, div#treemenu ul li ul li a:hover, div#treemenu ul li ul li ul li a:hover {text-decoration:underline !important;}
div#treemenu ul li.selected a {text-decoration:none;font-weight:bold;display:block;padding:5px 5px 5px 0}
div#treemenu ul li.expanded a {text-decoration:none;font-weight:bold;display:block;}
div#treemenu ul li ul li a {padding:0 5px 5px 5px !important}
div#treemenu ul li.expanded ul li a {text-decoration:none;font-weight:normal;display:block;padding:0 5px 5px 0}
div#treemenu ul li.expanded ul li.expanded a, div#treemenu ul li.expanded ul li.expanded ul li.selected a {font-weight:bold !important}
div#treemenu ul li ul li.expanded a {font-weight:bold !important;}
div#treemenu ul li.expanded ul li.expanded ul li a {text-decoration:none;font-weight:normal !important;display:block;padding:0 25px 5px 0}
div#treemenu ul li ul li ul li a {padding:0 25px 5px 0 !important}
div#treemenu ul li ul li a {font-weight:normal !important}
div#treemenu ul li ul li a.selected {font-weight:bold !important;}
div#treemenu ul li ul li.selected a.selected {font-weight:bold}
div#treemenu ul li ul li ul li a.selected {font-weight:bold !important;}
div#treemenu ul li ul li ul li.selected a.selected {font-weight:bold}

p.contrast a, p.sound a {text-decoration:none;display:block;float:left;}
p.contrast a {text-decoration:underline;display:block;float:left;padding:5px 3px 0px 3px;}
p.contrast a:hover {text-decoration:none;} 
p.sound a {text-decoration:none;display:block;float:left;padding:0 3px;}
p.help a {text-decoration:none;display:block;float:left;padding: 5px 0px 0}

div.accessibility ul li.small a, div.accessibility ul li.small a:hover {text-decoration:none;display:block;float:left;width:15px;text-align:center;height:18px;padding-top:2px}
div.accessibility ul li.medium a, div.accessibility ul li.medium a:hover {text-decoration:none;display:block;float:left;width:20px;text-align:center;height:22px;margin-top:-2px}
div.accessibility ul li.large a, div.accessibility ul li.large a:hover {text-decoration:none;display:block;float:left;padding-left:2px;text-align:center;height:25px;margin-top:-7px}

p.sound a:hover, div.accessibility ul li a:hover {text-decoration:underline} 

div.paging ul {list-style:none;padding:0px;margin:0px;}
div.paging ul li {padding:0px;margin:0px;display:inline;padding-left:10px;}



div.leftcollink a {width:100%;display:block;text-decoration:none;}
div.leftcollink a:hover {text-decoration:underline}
div.leftcollink a .location{font-weight:normal;font-size:16px;margin-right:8px;}

div#header h1 a:hover {text-decoration:none}
div.flexigrid div.webpart div.inner.largetext h2 a, div.pageWebPart h2 a {color:#000;text-decoration:none}
div.flexigrid div.webpart div.inner.largetext h2 a:hover, div.pageWebPart h2 a:hover {text-decoration:underline}

/* 
---------------------------------------------------------------------------------------------
IMAGE STYLES 
---------------------------------------------------------------------------------------------
*/
img {border:0px;}
div#logo img {float:left;padding-top:7px}
ul.skolene img {float:left}
div.col4 div.schoolLogo img {}
ul.introlist li img {float:right;max-width:125px;padding-top:3px;max-height:110px;}
div.col1 div#simplegallery {width:120px !important;overflow:hidden;}




/* 
---------------------------------------------------------------------------------------------
TABLE STYLES 
---------------------------------------------------------------------------------------------
*/
table.employeelist {width:100%}
table.employeelist th {text-align:left;}
table.employeelist caption {text-align:left;font-style:italic;padding:10px 0pt;}
table.employeelist tr.alternating_row {background-color:#eff1f0;}




/* 
---------------------------------------------------------------------------------------------
FORM STYLES 
---------------------------------------------------------------------------------------------
*/
legend {display:none}
fieldset.search {padding:0px;margin:0px;margin-bottom:5px;float:left;text-align:left;width:100%;}
fieldset.search input {width:160px;float:left;height:19px;padding-left:5px;padding-right:5px;padding-top:2px;text-align:left}
fieldset.search input.searchBtn {padding:0px;margin:0px;width:40px;float:left;height:21px;cursor:pointer;text-align:center;padding-left:2px}
label.searchstring {display:none}


/* 
---------------------------------------------------------------------------------------------
DIVERSE STYLES 
---------------------------------------------------------------------------------------------
*/
div#printLogo { display : none; }
div.clearer {clear:both;font-size:1px;line-height:1px;}
.hiddenTxt, .hiddenTxt a {position: absolute;left: -1000px;width: 900px;}


strong.prefix {font-size:1.4em;display:block}
strong.schoolTitle {font-size:40px;display:block}


/******************************************************/
/* \Styles\_controls\datepicker.css */
div.monthcalendararea {border:1px solid #608B4C}
.datepicker
{
	width:100%;	
	font-size:1em;
}

table.datepicker td 
{
	text-transform:capitalize;
	height:1.8em;
}

.datepicker a
{
	text-decoration:none;		
}

.datepicker td.day
{
	background-color:#FFFFFF;
	border:1px solid #F0E5CE;
	font-family:verdana;
	height:2em;
	line-height:normal;
	width:2.2em;
}

.datepicker td.other_month_day
{
	background-color:#f0f0f0;
}

.datepicker td.weekend
{
	background-color:#DADADA;
}

.datepicker td.selected
{
	border:1px solid #95632F;
}

.datepicker td.event
{
	background-color:#F0E5CE;
	border:1px solid #95632F;
}


.datepicker .daynames
{
	font-weight:normal;
}

/*frå editor.css*/


/* --------- Image format ----------- */
img.topleftfloatingimage
{
    margin-right: 8px;
    margin-bottom: 3px;
	float: left;
}
img.toprightfloatingimage
{
	float: right;
    margin-left: 8px;
    margin-bottom: 3px;
}
img.shadow
{
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=5);
}
img.opacity
{
	position: relative;
	filter: alpha(opacity=40,finishopacity=24,style=3);
}
img.fliph
{
	position: relative;
	filter: fliph;
}
img.flipv
{
	position: relative;
	filter: flipv;
}
img.dashedborder
{
	position: relative;
	border: dashed 1px grey;
}
img.circularfade
{
	position: relative;
	filter: alpha(opacity=100,finishopacity=0,style=2);
}

/* Travel planner */
.travelplanner
{
    width:100%;
    line-height: 2em;
}

.travelplanner input
{
	vertical-align: middle;	
}

.travelplanner .lbl
{
    width:50px;
    display:block;
    float:left;

}

.travelplanner .radio input
{
    width:20px;
    margin:0;
    padding:0;
    margin-right:30px;
}

.travelplanner .time
{
    width:50px;
}

.travelplanner .text
{
    width:100px;
    float:left;
}

.travelplanner .submit
{
    margin-top:0px;
    margin-left:115px;
}



.travelplanner br
{
    clear:both;
    line-height:2em;
}

.flexigrid .transparentYellow { background:url(/Styles/skoleweb/backgrounds/Portal/yellowTransparent.png); }
.flexigrid .transparentYellow .inner { background-color:#fff;}
.flexigrid .transparentYellow .inner .webpart { padding:10px; }
.flexigrid .transparentYellow .inner h2 a { text-decoration:none; color:#000; font-weight:bold; }

.flexigrid .whiteWebparts .inner { background:#fff; }
.flexigrid .whiteWebparts .inner .webpart { padding:10px; }

/* Blog */
ol.comments
{
	margin-left:20px;
}

div.blogItem
{
	margin-bottom: 20px;
}
div.blogItem img
{
	float:left;
	margin-right: 10px;
}

/******************************************************/
/* PageXFormComments.ascx */
#comments .postdetails { font-weight:bold; padding-left:4px; }
#comments h3 { margin-top:18px; }
#comments fieldset { padding:4px; }
#comments .col{ float:left; margin:5px 2px 0 0; display:inline; }
#comments .col.col1{ width:200px; }
#comments .col label { padding-right:4px; }

/*image positioning*/
div.imgLeft {float:left;margin-right:15px;padding-bottom:15px;overflow:hidden}
div.imgRight {float:right;margin-left:15px;padding-bottom:15px;overflow:hidden;}
div.imgWithTxt {float:left;overflow:hidden;width:100%;padding-bottom:15px}
p.imgTxt {color:#646464;}
div.imgLeft p, div.imgLeft, div.imgRight p, div.imgRight, div.imgWithTxt, div.imgWithTxt p {color:#646464;font-size:0.9em;}
div.imgLeft p, div.imgRight p, div.imgWithTxt p {padding:0px;margin:0px;}
div.imgLeft img, div.imgRight img, div.imgWithTxt img {padding-bottom:5px;}

/* tinymce image positioning */

img.ImageRightWithTxt,
img.ImageRight {
	float: right;
	padding: 3px 0 10px 10px;
}

img.ImageLeftWithTxt,
img.ImageLeft {
	float: left;
	padding: 3px 10px 10px 0;
}
img.ImageWithTxt { padding: 10px 0; }
p.ImageCaptionText {
	margin-top: 0;
	color: #444;
	font-size: .9em;
}
p.ImageCaptionText.ImageRightWithTxt {
	float: right;
	clear: right;
	padding-left: 10px;
}

p.ImageCaptionText.ImageLeftWithTxt {
	float: left;
	clear: left;
	padding-right: 10px;
}