/**************************
 SilverStripe Dark Ritual Theme
 http://www.silverstripe.com

 adapted to SilverStripe by Jeff Chan
 http://jeffchan.org

 based on Viktor Persson's layout
 http://templates.arcsin.se
**************************/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #4b5aa4;
}

a:hover {
	color: #4b5aa4;
}



html {
	background: #333 url(../images/bg.gif);
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}

p {
	padding-bottom: 1em;
}

ul ,ol {
	margin-left: 1.2em;
	padding-bottom: 1em;
	list-style: none;
}

/* structure */
#Container {
	font-size: 1.2em;
	background: url(../images/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 900px;      
	
	border: 12px solid #222;
}

/* header */
#Header {
	float: left;
	width: 900px;
	background: url(../images/header.jpg) no-repeat;
	
	font: normal 4.0em Verdana,sans-serif;
	line-height: 120px;
	
	/*text-align: center;	*/
}
#Laerer #Header {
	background: url(../images/laerer_header_alt.jpg) no-repeat;
}

#Header a{
	text-decoration: none;
	color: #333;
}

#Header a.hoverunderline:hover {
    text-decoration:underline;
    color:#000;
}

/* structure */
#Top {
	background: #222;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 900px;
}

#Navigation {
  background: url(../images/navigationheader.jpg) no-repeat;
	float: left;
	width: 182px;
	
	min-height:400px;
}



#LaetWxrer #Navigation {
  background: url(../images/laerer_navigationheader.jpg) no-repeat;  
 }
#Content {
	float: left;
	width: 660px;
	padding: 18px 15px 10px 18px; 
	overflow:clip;
	
 /* position:relative;
  	width: 623px;
  left:2px;   */
	
}

#Nyheder {
	float:left;	
}
#Nyheder h1 {
	width: 100%;
	background-color: #222;
	color: #EEE;
	padding:3px;
}
#Nyheder h2 a{
	text-decoration:none;
}
#Nyheder h2 a:hover { 
 	
	text-decoration: underline;
}
#Nyheder .date{
	font-size:80%;
	color: #4b5aa4;
}
.nyhedsbillede{
	float:left;
	padding: 0 10px 10px 0
}


/*workaround for some pages*/
#Content #Content {
	float: none;
	width: auto;
	padding: 0;
}

#Content_right {
	float: right;
	width: 200px;
	color: #ccc;
}
	#Content_right .padded {
		padding: 6px 2px 6px 16px;
	}


/* The tabs */
#tabs {  padding:0; margin:20px auto 0 auto; width:676px; color:#444; z-index:10;}
* html #tabs { height:1%; }
#tabs li { float:left; color:#000; list-style:none; padding:0 5px 0 5px; margin:0px -1px 0px 0px;}
#tabs li:hover, #tabs li:hover .sb-inner, #tabs li.current, #tabs li.current .sb-inner { background:#9C997C;}
#tabs li.current, #tabs li.current .sb-inner {height:28px; margin-top:-4px; z-index:100; top:1px;}

* html #tabs li { display:inline-block; }
#tabs li a { display:block; float:left; text-decoration:none; padding:4px; color:#000; }

#tabs li, #tabs li .sb-inner { background:#7b7861 url(../images/grad.png) repeat-x;}


#tabs li.current a { padding-top:6px; font-weight:bold;}

#tabs li.hover, #tabs li.hover .sb-inner { background:#9C997C; } /* for ie6 */
#tabs li .sb-border { background:#575543; }
#TabPage { clear:left; background:#e0dfd2; width:663px; margin:0px auto 20px auto; padding:10px; 
               color:#000; }

#TabPage .sb-border { background:#575543; }
#TabPage .sb-inner { background:#9C997C; padding:10px;  }


#TabPage{
	z-index:99;
	float:left;
	width:676px;
	border-bottom: 1px solid #575543; 
	border-left: 1px solid #575543; 
	border: 1px solid #575543; 
	padding:3px;
	background: #9C997C;
	margin-bottom:6px;
}
#TabPage .typography, #TabPage .typography .sb-inner{
	background:#e0dfd2;
	padding-left:9px;
	padding-bottom:9px;
	margin:2px;
}
#TabPage .typography .sb-border{
	display:none;
}

#TabPage blockquote{
	margin-left:-9px;
	background:#9C997C;
	border:none;
}
#TabPage ul{
	padding-top:10px;	
	
	list-style-image: url(../images/li_yellow.png);
}
#TabPage a{
	color: black;
}				



/* sub-navigation */
#Navigation h3 {
	background: #222;
	color: #FFE;
	font: bold 1.2em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 0px;
	margin: 0 5px 5px 0;
}
	#Navigation ul {
		margin: 0;
		padding: 0;
	}
	#Navigation li {
		border-top: 1px solid #575543; /*#696755; */ 
		/*margin-top:4px; */
	}
	
	#Navigation li a{
		background: #78755E; /*#89866F;	 */
		color: #323125;
		display: block;
		padding: 8px 0 8px 12px;
		width: 170px;
		text-decoration: none;
	}
	 gation li a:hover {
		background: #9C997C;
		color: #000;
	}
	#Navigation li a.current, #MaterialeTabs li a.current {
		background: #9C997C;
		color: #000;
		font-weight:bold;
	}
	
	#Navigation .sub li a {
		background: 78755E;/*#95937E;*/
	}
	#Navigation .sub li a.current {
		background: #9C997C;
	}
		#Navigation li ul li  {
			/*border-bottom: 1px solid #696755; */
			border-top: 1px solid #575543; /*#696755; */ 
			margin: 0 0 0 20px;
		}
		#Navigation li ul li a {
			width: auto;
				padding: 6px 0 6px 12px;
				color: #000; /*#C2BD92; */
		}
		#Navigation li ul.sub{
      margin-bottom:5px;
    }

div.emneOverskrift {
		/*border: 1px solid #575543; */ 
		/*background: #78755E; /*#89866F;	 */
		/*color: #323125;*/
		display: block;
		padding: 6px 0 6px 12px;
		width: 168px;
		text-decoration: none;
		float:left;
		position:relative;
		left:-197px;
		color:#FFF;
		width: 168px;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity:0.5;
	}
/* footer */
#Footer {
	background: url(../images/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
	clear: both;
}
	#Footer .left,
	#Footer .right {
		padding: 0 16px;
	}
	#Footer a {
		color: #eee;
	}
	#Footer a:hover {
		color: #fafcb0;
	}

#Breadcrumbs p{
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 5px 0;
}
	
/* misc */
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.gray {
  color:#666;
}
a img {
	border: none;
}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	 border:0;
	margin: 0px;
 	 padding:0px; 
	filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity:0.3;
 
}

html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 172px;
		margin: 0px;
		height:30px;
  padding:0px;
  padding-top:0px;
  	 border:0;
  
 }
 html #SearchForm_SearchForm fieldset 
{
	
	 border:0;
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		            	margin: 0px;
		            	margin-top:12px;
  		padding:3px;
		color: #000;
	    height:13px;
		
	}

/* legend tag causes problems in older internet explorer versions */
html #SearchForm_SearchForm fieldset legend
{
	display:none;
}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left; 
	               
	                 padding:0px;
	                 	margin: 0px;
	                 	
  margin-top:9px;
  height:24px;
	
}

/* SCROLLERS */

#scroller_container {
	
	height: 270px;
	width: 320px;
	margin-bottom: 30px;
}
	#scroller_container {
		color: #666;
	}
		

#scroll_items {
	clear: left;
	height: 260px;
	width: 320px;
}
	#scroll_items {
		top: 0;
		left: 0;
	}

#scroll_items .hide {
	display: none;
}
#scroll_items p {
	color: #fff;
	font-size: 13px;
	font-family: "Lucida Grande", Verdana;
}
	#scroll_items p span {
		color: #999;
		font-size: inherit;
	}
		#scroll_items p span a {
			font-size: inherit;
		}

#scroller_nav {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	border: none;
	width: 320px;
	/*background-color:#333;*/
}
	#scroller_nav li {
		list-style: none;
		list-style-type: none;
		background: none;
		padding: 0;
		margin: 0;
		border: none !important;
		float: left;
		overflow: hidden;
		width: 106px;
		text-align: center;
	}
		#scroller_nav li.current {
			background: url(../images/top_arrow.png) no-repeat center bottom;
		}
			#scroller_nav li.current a {
				color: #333;
				
			}
		#scroller_nav li.longer {
			width: 170px !important;
		}
		#scroller_nav li.shorter {
			width: 125px !important;
		}
		#scroller_nav li a {
			display: block;
			font-size: 13px;
			border-bottom: none;
			padding: 0 0 15px 0;
			text-decoration:none;
		}
		#scroller_nav li a:hover {
		text-decoration:underline;
		}
		#scroller_nav li.last {
			padding-right: 0;
		}
		
.sapphireScroller li {
	width: 100px !important;
}

#scroller_box {
	position: relative;
	width: 320px;
	height: 240px;
	margin-top: 00px;
	padding-left: 00px;
	
}
	#previous_slide,
	#next_slide {
		position: absolute;
		border-bottom: none;
		z-index: 10;
	}
	#scroller_box .scrollItem {
		border-top: 4px solid #4b5aa4;
		border-bottom: 4px solid #4b5aa4;
		background: #333;
		width: 320px;
		height: 245px;
		text-align: center;
	}
		#scroller_box .scrollItem p {
			margin:7px;
		}
	#previous_slide {
		left: -13px;
		bottom: 11px;
	}
	#next_slide {
		right: -13px;
		bottom: 11px;
	}
.resource{
	clear:left;
	
}
.resource a{
	
	margin-top:3px;
}
.formularBoksTop, .formularBoks{
	width:308px;
	padding:6px;	
	clear:right;
	float:right;
}
.formularBoksTop{
	padding-top:4px;
	padding-bottom:4px;
	font-weight:bold;
	background:#444;
	color:#FFF;
	border-top:4px solid #4b5aa4;
	border-bottom:2px solid #666;
}
.formularBoks{
	background:#ddd;
	border-bottom:4px solid #4b5aa4;
}

#Book {
	background: url(../images/bog.jpg) no-repeat left top;
	height:450px;
	width:700px;	
}
#Book #BookLeft
{
	float:left;
	width:330px;
	padding: 51px 0px 0px 69px;
	
}
#Book #BookLeft div{
	float:left;
	color: #222;
	padding: 8px 2px 9px 2px;
	width:130px;
	opacity: 0.6;
}
#Book #BookRight {
	float:left;
	width:260px;
	padding: 34px 0px 0px 0px;
	
}
#BookRight .toolDescription{
	display:none;
	
}
#BookRight .toolDescription p{
	margin-bottom:10px;
	line-height:1.36em;
}
#BookRight .toolDescription ul{
	margin-bottom:10px;
	padding-top:0px;
	line-height:1.26em;
}
#BookRight .toolDescription h4{
	margin-bottom:12px;
	line-height:1.36em;
}

#Blok {
	width:700px;	
}
#Blok #BlokTop
{
	background: url(../images/blok_top.jpg) no-repeat left top;
	margin:0px;
	width:540px;
	height:180px;
	padding: 55px 100px 0px 60px;
}
#Blok #BlokTop a{
	float:left;
	color: #222;
	padding: 8px 2px 8px 2px;
	width:160px;
	opacity: 0.0;
	text-decoration:none;
	font-size:1.1em;
	border: 0px solid #e0dfd2;
}
#Blok #BlokTop a:hover{
	text-decoration:underline;
}


#Blok #Midt{
	margin-top:-1px;
	padding: 1px 200px 0px 26px;
	width:500px;
	min-height:300px;
	background: url(../images/blok_mellem.jpg) repeat-y left top;
}
#Blok #Midt .toolDescription{
	display:none;
	
}
#Blok .toolDescription p{
	line-height:1.36em;
}
#Blok .toolDescription ul{
	margin-bottom:10px;
	padding-top:0px;
	line-height:1.26em;
}
#Blok .toolDescription h4{
	margin-bottom:4px;
	line-height:1.36em;
	font-size:1.6em;
}
#Blok #Bund{
	height: 63px;
	background: url(../images/blok_bund.jpg) no-repeat left top;
}

/* ICONS */
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_word.png) no-repeat left center;
}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_excel.png) no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/application.png) no-repeat left center;
}

/* Extra redundancy 
.typography p.MsoNormal, .typography p.MsoBodyText {
	margin: 0;
}*/