body
{
	font-family: Arial;
	font-size: 12px;
	color: #363636;
	
	margin: 0px;
	
	background-color: #525252;
}

p
{
	font-family: Arial;
	font-size: 12px;
	color: #363636;
	
	margin-top: 3px;
}

td
{
	font-family: Arial;
	font-size: 12px;
	color: #363636;
}

form
{
	display: inline;
	margin: 0px;
}

h1
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #db4f55;
}
h2
{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #db4f55;
}
img
{
	border: 0px;
}

#page-container
{
	width: 100%;
	height: 100%;
	text-align: center;
	
	position: relative;
	top: 10px;
	left: 0px;
}

#page
{
	text-align: left;
	
	width: 980px;
	height: 100%;
	
	
	background-image: url(../img/bg_bottom2011-2.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	
	background-color: #fffef9;


	position: relative;
	top: 0px;
	left: 0px;
}

#page-top
{
	width: 980px;
	height: 500px;
	
	background-image: url(../img/top2011-2.jpg);
	background-repeat: no-repeat;
	background-position: top;	
}

#logo
{
	position: absolute;
	
	top: 16px;
	left: 5px;

	width: 245px;
	height: 338px;

	z-index: 100;
}
.subpage #logo
{
	left:4px;
	
	height: 238px;
}

#topLogoer
{
	position:absolute;
	top:30px;
	left:770px;
	z-index: 150;
	z-index:100;
}

#splash {
	position:absolute;
	top:120px;
	left:760px;
	z-index:150;
}
#topmenu
{
	position: absolute;
	top: 100px;
	left: 250px;
	z-index: 50;
}

#topmenu a
{
	margin-right: 33px;
}

#page-menu
{
	position: relative;
	top: 0px;
	left: 0px;

	float: left;

	width: 257px;

}

#page-menu .menu-inner
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 257px;
	min-height: 263px;
	
	background-image: url(../img/leftmenu_top_bg.png);
	background-repeat: no-repeat;
	background-position: top left;	

	padding-top: 70px;
	padding-bottom: 89px;
}

* html #page-menu .menu-inner
{
	height: 263px;
}


#page-menu .menu-bg
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 202px;
		
	background-color: #db4f55;	
}

#page-menu .menu-content
{
	position: relative;
	top: 0px;
	left: 70px;	
	
	color: White;
}

#page-menu .menu-bottom
{
	position: absolute;
	bottom: 0px;
	left: 0px;

	width: 247px;
	height: 89px;
	
	background-image: url(../img/leftmenu_bottom_bg.png);
	background-repeat: no-repeat;
	background-position: top left;	
}

#page-menu .menu
{
	position: relative;
	top: 0px;
	left: 0px;
}

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

#page-menu .menu .selected a
{
	color: white;
	text-decoration: none;

	font-weight: bold;
}

#page-menu .menu .menu-item
{
	padding-bottom: 4px;
}

#page-menu .oevelser-filter
{
	position: relative;
	top: 0px;
	left: 0px;

	color: white;
}

#page-menu .oevelser-filter td
{
	color: white;
}

#page-bottom
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 980px;
	height: 106px;

	background-image: url(../img/bottom_allpages2011-2.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
#page-bottom .footerText {
	position:absolute;
	top:77px;
	left:212px;
	color:#db4f55;
	font-size:12px;
	word-spacing:1px;
}
#page-bottom .footerText a {
	color:#db4f55;
	text-decoration:none;
}
#page-bottom .footerText a:hover {
	text-decoration:underline;
}
.frontpage #page-top
{
	height: 710px;
}

.frontpage #page-content
{
	position: absolute;
	top: 187px;
	left: 250px;	
	
	width: 730px;
}

.frontpage .header
{
	margin-top: 16px;
}

.frontpage .text-content
{
	width: 400px;
	color: Black;
	
	margin-top: 16px;
	
	font-weight: bold;
}

.frontpage .login, .frontpage .tilmeld, .frontpage .login, .frontpage .info
{
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 300px;
	height: 155px;
	
	background-image: url(../img/login_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.frontpage .tilmeld a, .frontpage .info a {
	color:#fff;
	text-decoration:none;
}
.frontpage .tilmeld a h2 {
	color:#fff;
	text-decoration:none;
	position:absolute;
	top:35px;
	left:60px;
	white-space:nowrap;
}
.frontpage .tilmeld a h2:first-line {
	font-size:22px;
}
.frontpage .login input
{
	width: 130px; 
	background-color: White; 
	border: 0px; 
	outline-style: none;
	padding: 3px 4px 4px 3px;
	font-weight: bold;
	font-size: 10px;
}

.frontpage .logout
{
	display: none;
	position: absolute;
	top: 24px;
	right: 0px;
	
	width: 41px;
	height: 84px;
	
	background-image: url(../img/logout.png);
	background-repeat: no-repeat;
	background-position: top;

	cursor: pointer;
}
.frontpage .tilmeld img {
	position:absolute;
	top:50px;
	left:50px;
	width:120px;
}
.frontpage .tv
{
	position: absolute;
	top: 130px;
	right: 62px;
	
	width: 252px;
	height: 311px;

	z-index: 200;

	display:none;
}

.frontpage .tv #flashTV
{
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 252px;
	height: 311px;
}


.frontpage .box1
{
	position: absolute;
	top: 164px;
	left: 460px;
	
	width: 196px;
	height: 181px;
	
	background-image: url(../img/fp_box1.png);
	background-repeat: no-repeat;
	background-position: top;
}

.frontpage .box1 img
{
	position: relative;
	top: 29px;
	left: 13px;
}

.frontpage .box2
{
	position: absolute;
	top: 345px;
	left: 462px;
	
	width: 193px;
	height: 181px;
	
	background-image: url(../img/fp_box1.png);
	background-repeat: no-repeat;
	background-position: top;
}

.frontpage .box2 img
{
	position: relative;
	top: 29px;
	left: 12px;
}

.subpage #page-top
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 980px;
	height: 186px;
		
	background-image: url(../img/top1_subpage2011-2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.subpage #page-bottom
{
	width: 980px;
	height: 106px;
	
	position: relative;
	top: 0px;
	left: 0px;

	background-image: url(../img/bottom_allpages2011-2.jpg);
	background-repeat: no-repeat;
	background-position: top;	
}

.subpage #page-content
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	width: 980px;

	min-height: 450px;	
	
	background-image: url(../img/top2_subpage2011-2.jpg);
	background-repeat: no-repeat;
	background-position: top;	
}

* html .subpage #page-content
{
	height: 450px;	
}

.subpage .login
{
	display: none;
	position: absolute;
	top: 15px;
	right: 0px;
	
	width: 260px;
	height: 155px;
	
	background-image: url(../img/login_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.subpage .login input
{
	width: 130px; 
	background-color: White; 
	border: 0px; 
	outline-style: none;
	padding: 3px 4px 4px 3px;
	font-weight: bold;
	font-size: 10px;
}


.subpage .logout
{
	display: none;
	position: absolute;
	top: 24px;
	right: 0px;
	
	width: 41px;
	height: 84px;
	
	background-image: url(../img/logout.png);
	background-repeat: no-repeat;
	background-position: top;

	cursor: pointer;
}


.subpage #page-content .page-content-inner
{
	float: left;
	
	margin-top: 60px;

	width: 400px;

	padding: 20px;
	padding-top: 10px;

	background-color: white;
}

.indrapportering #page-content .page-content-inner
{
	float: left;
	
	margin-top: 60px;

	width: 600px;

	padding: 20px;
	padding-top: 10px;

	background-color: white;
}


.oevelser #page-content .page-content-inner
{
	float: left;
	
	margin-top: 65px;

	width: 685px;

	padding: 10px 5px 10px 20px;

	background-color: #fff;
}

.subpage #page-content .page-content-right
{
	float: left;
	
	margin-top: 70px;

	width: 250px;

	padding-left: 30px;

	color: #db4f55;
}

.subpage #page-content .page-content-inner a, .subpage #page-content .page-content-right a
{
	color: #714c8d;
	text-decoration: none;
	font-weight:bold;
}

.subpage #page-content .page-content-inner a:hover, .subpage #page-content .page-content-right a:hover
{
	text-decoration: underline;
}


.showpointer
{
	cursor: pointer;
}

.clear
{
	float: none;
	clear: both;
}

/*--------------------------------------------*/

#listItems
{
	width: 700px;
	min-height: 500px;
}

#listItems .item
{
	display: none;

	position: relative;

	float: left;
	width: 212px;
	height: 267px;
	padding: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;

	background-repeat: no-repeat;
	background-position: top;
}

#listItems .item.trin1 { top: 0px; }
#listItems .item.trin2 { top: 16px; }
#listItems .item.trin3 { top: 0px; }

#listItems .item.trin1 .title, #listItems .item.trin1 .category { padding-left: 5px; }
#listItems .item.trin2 .title, #listItems .item.trin2 .category { padding-left: 15px; }
#listItems .item.trin3 .title, #listItems .item.trin3 .category { padding-left: 13px; }

#listItems .item.dansk.trin1 { background-image: url(../img/oevelser/dansk_trin1.png); top: 6px; }
#listItems .item.dansk.trin2 { background-image: url(../img/oevelser/dansk_trin2.png); }
#listItems .item.dansk.trin3 { background-image: url(../img/oevelser/dansk_trin3.png); }

#listItems .item.dansk.trin1 .title, #listItems .item.dansk.trin1 .category
{ 
	padding-left: 10px;
}

#listItems .item.dansk.trin3 .title, #listItems .item.dansk.trin3 .category, #listItems .item.matematik.trin3 .title, #listItems .item.matematik.trin3 .category
{ 
	padding-left: 8px;
}

#listItems .item.matematik.trin1 { background-image: url(../img/oevelser/matematik_trin1.png); top: 14px; }
#listItems .item.matematik.trin2 { background-image: url(../img/oevelser/matematik_trin2.png); top: 7px; }
#listItems .item.matematik.trin3 { background-image: url(../img/oevelser/matematik_trin3.png); }

#listItems .item.matematik.trin1 .title, #listItems .item.matematik.trin1 .category
{ 
	padding-left: 16px;
}

#listItems .item.matematik.trin2 .title, #listItems .item.matematik.trin2 .category
{ 
	padding-left: 11px;
}


#listItems .item.historie.trin1 { background-image: url(../img/oevelser/historie_trin1.png); }
#listItems .item.historie.trin2 { background-image: url(../img/oevelser/historie_trin2.png); }
#listItems .item.historie.trin3 { background-image: url(../img/oevelser/historie_trin3.png); top: 6px; }

#listItems .item.sprogfag.trin1 { background-image: url(../img/oevelser/sprogfag_trin1.png); }
#listItems .item.sprogfag.trin2 { background-image: url(../img/oevelser/sprogfag_trin2.png); top: 6px; }
#listItems .item.sprogfag.trin3 { background-image: url(../img/oevelser/sprogfag_trin3.png); top: 14px; }

#listItems .item.sprogfag.trin2 .title, #listItems .item.sprogfag.trin2 .category
{ 
	padding-left: 11px;
}

#listItems .item.sprogfag.trin3 .title, #listItems .item.sprogfag.trin3 .category
{ 
	padding-left: 18px;
}


#listItems .item.nattek.trin1 { background-image: url(../img/oevelser/nattek_trin1.png); }
#listItems .item.nattek.trin2 { background-image: url(../img/oevelser/nattek_trin2.png); }
#listItems .item.nattek.trin3 { background-image: url(../img/oevelser/nattek_trin3.png); top: 6px; }

#listItems .item.kristendom.trin1 { background-image: url(../img/oevelser/kristendom_trin1.png); top: 6px; }
#listItems .item.kristendom.trin2 { background-image: url(../img/oevelser/kristendom_trin2.png); }
#listItems .item.kristendom.trin3 { background-image: url(../img/oevelser/kristendom_trin3.png); top: -2px; }

#listItems .item.kristendom.trin1 .title, #listItems .item.kristendom.trin1 .category
{ 
	padding-left: 10px;
}


#listItems .item.kristendom.trin3 .title, #listItems .item.kristendom.trin3 .category
{ 

	padding-left: 8px;
}

#listItems .item.bevægelsespauser.trin1 { background-image: url(../img/oevelser/kristendom_trin1.png); top: 6px; }
#listItems .item.bevægelsespauser.trin2 { background-image: url(../img/oevelser/kristendom_trin2.png); }
#listItems .item.bevægelsespauser.trin2 .title { margin-top:22px;}
#listItems .item.bevægelsespauser.trin3 { background-image: url(../img/oevelser/kristendom_trin3.png); top: -2px; }

#listItems .item.bevægelsespauser.trin1 .title, #listItems .item.bevægelsespauser.trin1 .category
{ 
	padding-left: 10px;
}


#listItems .item.bevægelsespauser.trin3 .title, #listItems .item.bevægelsespauser.trin3 .category
{ 

	padding-left: 8px;
}

#listItems .item.musik.trin1 { background-image: url(../img/oevelser/musik_trin1.png); top: 15px; }
#listItems .item.musik.trin2 { background-image: url(../img/oevelser/musik_trin2.png); top: -2px; }
#listItems .item.musik.trin3 { background-image: url(../img/oevelser/musik_trin3.png); top: 6px; }

#listItems .item.musik.trin1 .title, #listItems .item.musik.trin1 .category
{ 
	padding-left: 16px;
}

#listItems .item.musik.trin2 .title, #listItems .item.musik.trin2 .category
{ 
	padding-left: 5px;
}

#listItems .item.geografi.trin1 { background-image: url(../img/oevelser/geografi_trin1.png); top: 6px; }
#listItems .item.geografi.trin2 { background-image: url(../img/oevelser/geografi_trin2.png); }
#listItems .item.geografi.trin3 { background-image: url(../img/oevelser/geografi_trin3.png); top: -2px; }

#listItems .item.geografi.trin1 .title, #listItems .item.geografi.trin1 .category
{ 
	padding-left: 11px;
}

#listItems .item.geografi.trin3 .title, #listItems .item.geografi.trin3 .category
{ 
	padding-left: 8px;
}

#listItems .item.samfundsfag.trin1 { background-image: url(../img/oevelser/samfundsfag_trin1.png); top: 16px; }
#listItems .item.samfundsfag.trin2 { background-image: url(../img/oevelser/samfundsfag_trin2.png); top: -2px; }
#listItems .item.samfundsfag.trin3 { background-image: url(../img/oevelser/samfundsfag_trin3.png); top: 6px; }

#listItems .item.samfundsfag.trin1 .title, #listItems .item.samfundsfag.trin1 .category
{ 
	padding-left: 16px;
}

#listItems .item.samfundsfag.trin2 .title, #listItems .item.samfundsfag.trin2 .category
{ 
	padding-left: 6px;
}

#listItems .item.kemifysik.trin1 { background-image: url(../img/oevelser/kemifysik_trin1.png); }
#listItems .item.kemifysik.trin2 { background-image: url(../img/oevelser/kemifysik_trin2.png); top: -2px; }
#listItems .item.kemifysik.trin3 { background-image: url(../img/oevelser/kemifysik_trin3.png); top: 6px; }

#listItems .item.kemifysik.trin2 .title, #listItems .item.kemifysik.trin2 .category
{ 
	padding-left: 6px;
}

#listItems .item.frikvarter.trin1 { background-image: url(../img/oevelser/frikvarter_trin1.png); }
#listItems .item.frikvarter.trin2 { background-image: url(../img/oevelser/frikvarter_trin2.png); }
#listItems .item.frikvarter.trin3 { background-image: url(../img/oevelser/frikvarter_trin3.png); top: 6px; }

#listItems .item.skolevej.trin1 { background-image: url(../img/oevelser/skolevej_trin1.png); }
#listItems .item.skolevej.trin2 { background-image: url(../img/oevelser/skolevej_trin2.png); }
#listItems .item.skolevej.trin3 { background-image: url(../img/oevelser/skolevej_trin3.png); top: 6px; }


#listItems .item img
{
	display: none;
	width: 140px;
}

#listItems .item .title
{
	margin-top: 38px;
	margin-left: 18px;
	margin-bottom:5px;
	width: 155px;
	font-weight: bold;
}

#listItems .item .category
{
	margin-left:18px;
}
#listItems .item.dansk.trin2 .title {margin-top:30px;}
#listItems .item.dansk.trin3 .title {margin-top:45px;}

#listItems .item.matematik.trin1 .title {margin-top:30px;}
#listItems .item.matematik.trin3 .title {margin-top:45px;}

#listItems .item.historie.trin2 .title {margin-top:30px;}
#listItems .item.historie.trin3 .title {margin-top:38px;}

#listItems .item.sprogfag.trin3 .title {margin-top:30px;}

#listItems .item.nattek.trin1 .title {margin-top:45px;}
#listItems .item.nattek.trin2 .title {margin-top:30px;}

#listItems .item.kristendom.trin2 .title {margin-top:30px;}

#listItems .item.musik.trin1 .title {margin-top:30px;}
#listItems .item.musik.trin2 .title {margin-top:48px;}

#listItems .item.geografi.trin3 .title {margin-top:45px;}

#listItems .item.frikvarter.trin1 .title {margin-top:45px;}
#listItems .item.frikvarter.trin2 .title {margin-top:30px;}
#listItems .item.frikvarter.trin3 .title {margin-top:40px;}

#listItems .item.skolevej.trin1 .title {margin-top:45px;}

#listItems .item.Matematik .category
{
}

#listItems .item.Historie .title
{
}

#listItems .item.Historie .category
{
}

#practiseimage
{
	padding-top: 4px;
	padding-bottom: 8px;
}

#practiseimage img
{
	border: 1px solid #EAEAEA;
}

#practisetags
{
	margin-top: 0px;
	margin-bottom: 10px;

	color: #363636;
}

#practisetags .header
{
	font-weight: bold;

	color: #db4f55;

	margin-bottom: 4px;
}

#practisemovie
{
	margin-top: 0px;
	margin-bottom: 10px;

	color: #363636;
}

#practisemovie .header
{
	font-weight: bold;

	color: #db4f55;

	margin-bottom: 4px;
}

#relatedPages .header
{
	font-weight: bold;
	margin-bottom: 4px;
}

#relatedPages .list
{
	width: 240px;
	height: 300px;
	margin-top:10px;
}

#relatedPages .list .item
{
	width: 240px;

	margin-right: 10px;
	margin-bottom: 10px;
}

#relatedPages .list .item img
{
	width: 100px;
	height: 100px;

	border: 1px solid #EAEAEA;
}

.tipenven #page-menu
{
	z-index: 20;
}

.tipenven #page-content .page-content-inner
{
	position: absolute;
	top: 0px;
	left: 250px;

	float: none;

	width: 755px;

	padding: 0px;
	padding-top: 10px;

	background-color: transparent;

	z-index: 10;
}

.tipenven #page-content .page-content-inner h1
{
	display: none;
}

.tipenven #page-content .page-content-right
{
	display: none;
}

.tipenven #subpage-form
{
	position: relative;
	top: -55px;
	left: -25px;

	height: 385px;

	padding-top: 20px;
	padding-left: 62px;
	background-image: url(../img/form_bg.png);
	background-repeat: no-repeat;
	background-position: top;	

	color: white;
}

.tipenven #subpage-form p
{
	color: white;
}

.tipenven #subpage-form td
{
	color: white;
}

/* indrapportering */
#report-content { width: 617px; position:relative; }

#report-top { width: 587px; position:relative; }

#report_textfields { margin:3px 0 0 0; padding:0 0 0 0; position:relative; }
	.textfields { margin:0 3px 0 0; padding:3px 3px 3px 3px; font-size:12px; border:0px; background-color: #F5F5F5; }

.report_save{ margin:3px 0 22px 0; padding:0 0 0 0; position:relative; text-align:left; }

.gennemsnit_dag { padding:3px 3px 3px 3px; margin:0 3px 3px 0; height:16px; background-color:#FFFFFF; display:block; float:left; }

#signup-content { width: 468px; }
#signup-content td{ background-color:#FFFFFF; border: 1px solid #F5F5F5; vertical-align:top; }
#signup-content input{ background-color:#E5E5E5; border:0px solid #000000; font-size:12px; font:Verdana, Arial, Helvetica, sans-serif; padding:2px 4px 2px 4px; margin:0 0 0 0; top:-3px; position:relative; width:50%;}
#tilmeld_knap{ margin:7px 0 0 345px;}

#altfrontpage-text-content div {padding: 25px 0px 0px 60px;}
#altfrontpage-text-content h1 {color:#FFFFFF; font-size:20px; width:545px; line-height:20px; margin-bottom:5px;}
#altfrontpage-text-content h2 {color:#FFFFFF; font-size:15px; text-transform:uppercase; width:525px; font-weight:bold; margin-bottom:0px;}
#altfrontpage-text-content h2 span.gulTekst {color:#fff450;}
#altfrontpage-text-content h3 {color:#FFFFFF; margin-top:3px; font-weight:normal;}
#altfrontpage-text-content h3 a {color:#fff450; text-decoration:none;}
#altfrontpage-text-content h3 a:hover {text-decoration:underline;}
#altfrontpage-splashes {position:absolute; top:40px; left:680px; z-index:45;}



.frontpage .tilmeld img.tilmeldButton {
	position:absolute;
	top:37px;
 	left:55px;
	width:auto;
}
.frontpage .info img.infoButton {
	position:absolute;
	top:37px;
 	left:55px;
	width:auto;
}

.frontpage .text-content p a, .frontpage .text-content h1 a {
	color:#714c8d;
	font-weight:bold;
	text-decoration:none;
}
.frontpage .text-content p a:hover, .frontpage .text-content h1 a:hover {
	text-decoration:underline;
}





.whiteBox {
	background-color:#fff;
	padding:1px 10px 5px 20px;
	width:395px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */