/* body attributes */


/* LINK COLOUR THEME */
a {outline: none;}

.red a:link, .red #leftside .act li a:link {color: #ac0019;}
.red a:visited, .red #leftside .act li a:visited {color: #ac0019;}
.red a:hover {color: #56000c;}
.red a:active {color: #56000c;}

.orange a:link, .orange #leftside .act li a:link {color: #e07200;}
.orange a:visited, .orange #leftside .act li a:visited {color: #e07200;}
.orange a:hover {color: #6c2a00;}
.orange a:active {color: #6c2a00;}

.blue a:link, .blue #leftside .act li a:link  {color: #1f3c7b;}
.blue a:visited, .blue #leftside .act li a:visited {color: #1f3c7b;}
.blue a:hover {color: #0f1e3d;}
.blue a:active {color: #0f1e3d;}

.purple a:link, .purple #leftside .act li a:link {color: #672680;}
.purple a:visited, .purple #leftside .act li a:visited {color: #672680;}
.purple a:hover {color: #331340;}
.purple a:active {color: #331340;}

.cyan a:link, .cyan #leftside .act li a:link {color: #21a8ed;}
.cyan a:visited, .cyan #leftside .act li a:visited {color: #21a8ed;}
.cyan a:hover {color: #0c4974;}
.cyan a:active {color: #0c4974;}

.lightgreen a:link, .lightgreen #leftside .act li a:link {color: #89b600;}
.lightgreen a:visited, .lightgreen #leftside .act li a:visited  {color: #89b600;}
.lightgreen a:hover {color: #3e5705;}
.lightgreen a:active {color: #3e5705;}

/* LISTS COLOUR THEME */

#main ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}

ol {
	margin: 10px 0px 0px 20px;
	padding: 0px;
}
ul li {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
ul.circle li, ul.disc li, ul.square li {
	padding-left: 3px;
	margin-left: 17px;
	background: none !important;
}
ul.circle li {list-style: circle;}
ul.disc li {list-style: disc;}
ul.square li {list-style: square;}

li {
	padding-bottom: 10px;
}
#content li a {
	font-weight:bold;
	text-decoration:none;
}



/*
.red ul {color: #ac0019;}
.orange ul {color: #e07200;}
.blue ul {color: #1f3c7b;}
.purple ul {color: #672680;}
.cyan ul {color: #21a8ed;}
.lightgreen ul {color: #89b600;}
*/




.invlink:link, .invlink:visited {
	text-decoration: none;
	color: #333;
}

img {
	border: 0px;
	outline: none;
}

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

#content p img {
}

/* TEXT ELEMENTS */
h1, h2, h3, h4, p {
	margin: 0px;
}

h1 {
	font-size: 100%;
	font-weight: 400;
}

h1.outofbox {
	margin-left: 285px;
}

h2 {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 10px;
}

h3 {
	margin-bottom: 5px;
}

p {
	margin-bottom: 10px;
	line-height: 140%;
}

blockquote {
	margin: 0px 0px 0.75em 20px;
	line-height: 150%;
}

th {
	text-align: left;
}

hr {
	border-width: 0px;
	border-top: 1px solid #2e745c;
	height: 1px;
}

h1 a, h2 a, h3 a {
	text-decoration:none;
}

/* TOP */
#top {
	height:74px;
	overflow: hidden;
	position:relative;
}
#top a img {
	position: absolute;
	top: 13px;
	left: 21px;
}
#bc {
	display: none;
}
/* MENUTOP */ 

#menutop {
	position:absolute;
	top:35px;
	left:240px;
}
#menutop ul {
	margin:0px;
}
#menutop ul li {
	float:left;
	background: none;
	padding:0px;
	margin-right:1px;
	height:39px;
}
#menutop ul li a {
	display: block;
	height: 32px;
	width: 128px;
	padding:7px 7px 7px 8px;
	text-decoration:none;
	color: #fff;
	text-transform:uppercase;
	line-height: 13px;
	font-size: 10px;
	overflow: hidden;
}
#menutop #tab1 {background:url(/gfx/menutop/tab1.png) no-repeat;}
#menutop .act #tab1, #menutop a#tab1:hover, #type-forside.portal #menutop #tab1 {background-position: 0px -39px;}

#menutop #tab2 {background:url(/gfx/menutop/tab2.png) no-repeat;}
#menutop .act #tab2, #menutop a#tab2:hover, #type-forside.portal #menutop #tab2 {background-position: 0px -39px;}

#menutop #tab3 {background:url(/gfx/menutop/tab3.png) no-repeat;}
#menutop .act #tab3, #menutop a#tab3:hover, #type-forside.portal #menutop #tab3 {background-position: 0px -39px;}

#menutop #tab4 {background:url(/gfx/menutop/tab4.png) no-repeat;}
#menutop .act #tab4, #menutop #tab4:hover, #type-forside.portal #menutop #tab4 {background-position: 0px -39px;}

#menutop #tab5 {
	width: 144px;
	background:url(/gfx/menutop/tab5.png) no-repeat;
}
#menutop .act #tab5, #menutop a#tab5:hover, #type-forside.portal #menutop #tab5 {background-position: 0px -39px;}

/* MENUBAR */

#menubar {
	height:15px;
	width: 980px;
	overflow:hidden;
	margin-bottom:1px;
	margin-top: 1px;
}
#menubar ul {
	margin:0px;
	padding-left:9px;
}
#menubar ul li {
	background: none;
	padding:0px;
	float:left;
}
#menubar ul li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 11px;
	display:block;
	height:15px;
	padding: 0px 12px;
	text-transform:uppercase;
}
#menubar a:hover, #menubar .act a {
	background: #fff;
}

.red #menubar a:hover, .red #menubar .act a {color:#ac0019;}
.orange #menubar a:hover, .orange #menubar .act a {color:#e07200;}
.blue #menubar a:hover, .blue #menubar .act a {color:#1f3c7b;}
.purple #menubar a:hover, .purple #menubar .act a {color:#672680;}
.cyan #menubar a:hover, .cyan #menubar .act a {color:#21a8ed;}
.lightgreen #menubar a:hover, .lightgreen #menubar .act a {color:#89b600;}

.red #menubar {background:#ac0019;}
.orange #menubar {background:#e07200;}
.blue #menubar {background:#1f3c7b;}
.purple #menubar {background:#672680;}
.cyan #menubar {background:#21a8ed;}
.lightgreen #menubar {background:#89b600;}

/* LEFTSIDE */

#leftside {
	width: 239px;
	float:left;
	border-right: 1px solid #fff;
	position:relative;
	z-index: 9;
}
#colourbox {
	height: 238px;
}
#title {
	height:207px;
	padding-left: 30px;
	color: #fff;
	text-align:right;
}
#title h1 {
	padding: 28px 33px 0px 0px;
	line-height: 22px;
}
#colourbox #title h2 {
	font-size: 86%;
	padding: 10px 33px 0px 0px;
}

.red #colourbox {background: url(/gfx/colourbox/redbox.gif) no-repeat;}
.orange #colourbox {background: url(/gfx/colourbox/orangebox.gif) no-repeat;}
.blue #colourbox {background: url(/gfx/colourbox/bluebox.gif) no-repeat;}
.purple #colourbox {background: url(/gfx/colourbox/purplebox.gif) no-repeat;}
.cyan #colourbox {background: url(/gfx/colourbox/cyanbox.gif) no-repeat;}
.lightgreen #colourbox {background: url(/gfx/colourbox/lightgreenbox.gif) no-repeat;}

.red #leftside ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.orange #leftside ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}
.blue #leftside ul li {background-image: url(/gfx/arrow/arrow_blue.gif);}
.purple #leftside ul li {background-image: url(/gfx/arrow/arrow_purple.gif);}
.cyan #leftside ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.lightgreen #leftside ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}

.red #leftside .act a {color: #56000c;}
.orange #leftside .act a {color: #6c2a00;}
.blue #leftside .act a {color: #0f1e3d;}
.purple #leftside .act a {color: #331340;}
.cyan #leftside .act a {color: #0c4974}
.lightgreen #leftside .act a {color: #3e5705;}

.seeall {padding: 0px 0px 0px 20px; background-position: 0px 3px; background-repeat: no-repeat; font-weight: bold;}
.seeall a {text-decoration: none;}

div.red .seeall {background-image: url(/gfx/arrow/arrow_red.gif);}
div.orange .seeall {background-image: url(/gfx/arrow/arrow_orange.gif);}
div.blue .seeall {background-image: url(/gfx/arrow/arrow_blue.gif);}
div.purple .seeall {background-image: url(/gfx/arrow/arrow_purple.gif);}
div.cyan .seeall {background-image: url(/gfx/arrow/arrow_cyan.gif);}
div.lightgreen .seeall {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}

#leftside ul {
	padding: 30px 0px 30px 20px;
	margin-top: 0px;
}
#leftside ul li {
	padding-bottom:6px;
	font-size:10px;
}
#leftside ul li a {
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
#leftside ul ul {
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.toppicture {
	height:238px;
	width:721px;
	overflow: hidden;
}
.red .toppicture {border-right: 19px solid #ac0019;}
.orange .toppicture {border-right: 19px solid #e07200;}
.blue .toppicture {border-right: 19px solid #1f3c7b;}
.purple .toppicture {border-right: 19px solid #672680;}
.cyan .toppicture {border-right: 19px solid #21a8ed;}
.lightgreen .toppicture {border-right: 19px solid #89b600;}

/* FLASH */

#type-forside.portal .flash .toppicture {
	position: absolute;
	height: 255px;
	top: -17px;
	left: 239px;
	z-index: 10;
	clear:both;
	border-right: 0px;
	width: 741px;
	background: url(/gfx/redfix.gif) no-repeat right 17px;
	margin-left: 0px;
}



/* FORM */
form {
	margin: 0px;
}

.text, textarea, .submit, select, .fieldtype-string input, .fieldtype-email input, .fieldtype-int input, .fieldtype-price input {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
}
p select {
	font-size: 100%;
}

.text, textarea, .fieldtype-string input, .fieldtype-email input, .fieldtype-int input, .fieldtype-price input {
	border: 1px solid #666;
	padding: 2px;
	width: 220px;
}
textarea {
	height: 75px;
}

.text, .fieldtype-string input, .fieldtype-email input, .fieldtype-int input, .fieldtype-price input {
	height: 18px;
}
.submit {
	padding: 1px 3px;
}
.checkbox {
	vertical-align: middle;
}

label {
	cursor: pointer;
}

.required label {
	font-weight: bold;
}
.fieldtype-checkbox h3, .fieldtype-radio h3 {
	font-weight: normal;
}
.required.fieldtype-checkbox h3, .required.fieldtype-radio h3 {
	font-weight: bold;
}
.required.fieldtype-checkbox label, .required.fieldtype-radio label {
	font-weight: normal;
}

.fieldtype-string label, .fieldtype-text label, .fieldtype-email label, .fieldtype-price label, .fieldtype-int label, .fieldtype-select label  {
	float: left;
	width: 100px;
	padding-top: 4px;
}
.fieldtype-text {
	min-height: 100px;
}
.fieldtype-int {
	margin-right: 130px;
}
.customform .fieldtype-string label, .customform .fieldtype-select label, .customform .fieldtype-int label, .customform .fieldtype-price label, .customform .fieldtype-email label, .customform .fieldtype-text label {
	float: none;
	width: 100px;
	display: block;
}
.customform {
	margin-right: 270px;
}
.customform .submit {
	margin: 10px 0px;
}
.customform .fieldtype-radio label, .customform .fieldtype-checkbox label {
	margin: 0px 25px 0px 2px;
}
.customform .fieldtype-radio p, .customform .fieldtype-checkbox p {
	margin-left: 122px;
}
.customform .fieldtype-int input {
	width: 90px;
}
#bg #bgbottom #main #content .customform h3 {
	color: #333;
	margin-bottom: 10px;
}
.customform p, .customform .lastfield .last {
	margin-bottom: 5px;
}
.customform .last {
	margin-bottom: 20px;
}
* html .customform .fieldtype-radio label, * html .customform .fieldtype-checkbox label {
	padding-top: 3px;
}
#type-customform #bg #bgbottom #related .box {
	margin: 0px 0px 30px 0px;
}
#type-customform #content.right {
	padding-right: 0px;
}
table.tf th, table.tf td {
	padding: 4px;
}
#type-customform .toppicture {
	margin-bottom: 30px;
}
#type-customform select {
	margin-top: 3px;
	width: 225px;
	float: right;
	margin-right: 2px;
}
#type-customform .fieldtype-string input, #type-customform .fieldtype-int input, #type-customform .fieldtype-email input, #type-customform .fieldtype-price input, #type-customform .fieldtype-text textarea {
	float: right;
	margin-right: 2px;
}
.fieldtype-radio p, .fieldtype-checkbox p {
	margin-bottom: 7px;
}
#type-customform #content .box {
	padding-right: 20px;
}
#type-customform #content.right .box {
	margin-right: 245px;
}
#type-customform #related {
	margin-left: 20px;
}
#type-customform #content.right .customform .box {
	margin-right: 0px;
	padding-right: 75px;
}
.customform label {
	padding-right: 8px;
	padding-bottom: 8px;
}
.customform div div input, .customform textarea {
	background: #fff;
	margin: 2px 0px;
}
.customform .fieldtype-radio input, .customform .fieldtype-checkbox input {
	float: left;
	margin-right: 4px;
}
.customform .fieldtype-radio label, .customform .fieldtype-checkbox label {
	display: block;
}


/* MAIN */
#bg {
	background: url(/gfx/bg.gif) #ddd repeat-y center top;
}
#bgbottom {
	padding-bottom:5px;
	background: url(/gfx/bgbottom.png) no-repeat bottom center;
}

#main {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

/* SEARCH */
#quicksearch .text {
	width: 176px;
	height:14px;
	margin-left: 20px;
	border: 1px solid #fff;
	background: url(/gfx/white50.png);
	padding: 0px 0px 0px 5px;
	font-size:65%;
}
#quicksearch .submit, #type-search .submit {
	height:18px;
	width:19px;
	background: url(/gfx/search.png) no-repeat;
	border:none;
	position:relative;
	top:2px;
	left:7px;
}
.searchstatus .pages {
	margin-top: 5px;
	font-size: 1em;
}

.stars {
	font-size: 12px;
	vertical-align: bottom;
	padding-left: 10px;
	margin: 0px;
	line-height: 10px;
	height: 5px;
	padding-bottom: 0px;
	color: #333;
}
.stars .white {
	color: #ccc;
}

.searchhl {
	background: #eee;
	border: 1px solid #aaa;
	padding: 0px 2px 0px 2px;
	font-weight: bold;
}

/* MENU */
#menu {
	float: left;
	width: 200px;
}

#menu div.inner {
	margin: 20px 10px 20px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu ul ul {
	padding-left: 10px;
}

#menu li {
	list-style: none;
}

#menu a {
	display: block;
	width: 100%;
	padding: 2px 0px 2px 0px;
	margin-bottom: 4px;
	color: #333;
	text-decoration: none;
}

#menu a:hover {
	background-color: #eee;
}

#menu .act a, #menu .act ul .act a {
	font-weight: bold;
}

#menu .act ul a {
	font-weight: normal;
}

#menu .submenu {
	padding-left: 10px;
}

/* RIGHT */
#related {
	float: right;
	width: 240px;
}

#related .box {
	margin-bottom: 10px;
	margin-right:25px;
	width: 192px;
}
#type-list #related .box {
	width: 170px;
}


/* CONTENT */
#content {
	padding-bottom: 30px;
}

/* TYPE-DOCUMENT WIDE-NARROW */

#type-document #content .box, .widenarrow #main #content .box, #type-event #content .box {
	margin: 30px 270px 10px 20px;
}
.box {
	margin:30px 270px 10px 20px;
	border:1px solid #fff;
}
#type-document #content #related, .widenarrow #main #content #related {
	width:240px;
}
#bg #content #related .box, .widenarrow #main #content #related .box {
	margin: 30px 25px 10px 0px;

}
#bg #main #content .haspic {
	background: transparent !important;
	padding-left: 0px;
}
.haspic p, .haspic h1, .haspic h2, .haspic h3, .haspic h4, #main .haspic ul, #main .haspic ol {
	margin-left: 112px;
}
.pic {
	float:left;
	width: 94px;
	height: 85px;
	overflow: hidden;
	text-align:right;
}
#bg #bgbottom #main #content .box, #bg #bgbottom #main .pic {
	background-repeat:repeat-y;
	background-position:left;
}

/* TYPE-DOCUMENT WIDEWIDE */

.widewide #main #content .box {
	margin: 30px 380px 10px 20px;
}
.widewide #main #content #related {
	width: 360px;
}
.widewide #related .box {
	width: 310px;
}
#bg #main #content #related .mozillafix  {
	margin-top:0px;
}
#type-courses-category #bg #main #content #related .mozillafix {
	margin-top: 30px;
}
#main #content #related .mozillafix {
	margin-bottom: 30px;
	margin-top: 0px;
}


/*=========
    RED 
=========*/


/* COLOURBAR */

.red .box {background: url(/gfx/colourbar/orange_bar.gif);}


.red .no1 {background: url(/gfx/colourbar/cyan_bar.gif);}
.red .no2 {background: url(/gfx/colourbar/lightgreen_bar.gif);}
.red .no3 {background: url(/gfx/colourbar/red_bar.gif);}


.red #related .no1 {background: url(/gfx/colourbar/blue_bar.gif);}
.red #related .no2 {background: url(/gfx/colourbar/red_bar.gif);}
.red #related .no3 {background: url(/gfx/colourbar/lightgreen_bar.gif);}



/* TEXT-ELEMENTS */

.red .box h2, .red .box h3, .red .box a {color:#e07200;}


.red .no1 h2, .red .no1 h3, .red .no1 a {color:#21a8ed;}
.red .no2 h2, .red .no2 h3, .red .no2 a {color:#89b600;}
.red .no3 h2, .red .no3 h3, .red .no3 a {color:#ac0019;}


.red #related .no1 h2, .red #related .no1 h3, .red #related .no1 a {color:#1f3c7b;}
.red #related .no2 h2, .red #related .no2 h3, .red #related .no2 a {color:#ac0019;}
.red #related .no3 h2, .red #related .no3 h3, .red #related .no3 a {color:#89b600;}



/* HOVER */

.red .box a:hover {color: #6c2a00;}


.red .no1 a:hover {color: #0c4974;}
.red .no2 a:hover {color: #3e5705;}
.red .no3 a:hover {color: #56000c;}


.red #related .no1 a:hover {color: #0f1e3d;}
.red #related .no2 a:hover {color: #56000c;}
.red #related .no3 a:hover {color: #3e5705;}



/* SIDEPIC */

.red .box .pic {background: url(/gfx/colourbar/orange_bar.gif);}


.red .no1 .pic {background: url(/gfx/colourbar/cyan_bar.gif);}
.red .no2 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}
.red .no3 .pic {background: url(/gfx/colourbar/red_bar.gif);}


.red #related .no1 .pic {background: url(/gfx/colourbar/blue_bar.gif);}
.red #related .no2 .pic {background: url(/gfx/colourbar/red_bar.gif);}
.red #related .no3 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}


/* LIST ARROWS */

.red .box ul li, .red .seeall {background-image: url(/gfx/arrow/arrow_orange.gif);}

.red .no1 ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.red .no2 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}
.red .no3 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}

.red #related .no1 ul li {background-image: url(/gfx/arrow/arrow_blue.gif);}
.red #related .no2 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.red #related .no3 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}

/*============
    ORANGE 
============*/

/* COLOURBAR */

.orange .box {background: url(/gfx/colourbar/blue_bar.gif);}

.orange .no1 {background: url(/gfx/colourbar/red_bar.gif);}
.orange .no2 {background: url(/gfx/colourbar/orange_bar.gif);}
.orange .no3 {background: url(/gfx/colourbar/purple_bar.gif);}

.orange #related .no1 {background: url(/gfx/colourbar/blue_bar.gif);}
.orange #related .no2 {background: url(/gfx/colourbar/orange_bar.gif);}
.orange #related .no3 {background: url(/gfx/colourbar/lightgreen_bar.gif);}

/* TEXT-ELEMENTS */

.orange .box h2, .orange .box h3, .orange .box a {color:#1f3c7b;}

.orange .no1 h2, .orange .no1 h3, .orange .no1 a {color:#ac0019;}
.orange .no2 h2, .orange .no2 h3, .orange .no2 a {color:#e07200}
.orange .no3 h2, .orange .no3 h3, .orange .no3 a {color:#672680;}

.orange #related .no1 h2, .orange #related .no1 h3, .orange #related .no1 a {color:#1f3c7b;}
.orange #related .no2 h2, .orange #related .no2 h3, .orange #related .no2 a {color:#e07200;}
.orange #related .no3 h2, .orange #related .no3 h3, .orange #related .no3 a {color:#89b600;}

/* HOVER */

.orange .box a:hover {color: #0f1e3d;}

.orange .no1 a:hover {color: #56000c;}
.orange .no2 a:hover {color: #6c2a00;}
.orange .no3 a:hover {color: #331340;}

.orange #related .no1 a:hover {color: #0f1e3d;}
.orange #related .no2 a:hover {color: #6c2a00;}
.orange #related .no3 a:hover {color: #3e5705;}

/* SIDEPIC */

.orange .box .pic {background: url(/gfx/colourbar/blue_bar.gif);}

.orange .no1 .pic {background: url(/gfx/colourbar/red_bar.gif);}
.orange .no2 .pic {background: url(/gfx/colourbar/orange_bar.gif);}
.orange .no3 .pic {background: url(/gfx/colourbar/purple_bar.gif);}


.orange #related .no1 .pic {background: url(/gfx/colourbar/blue_bar.gif);}
.orange #related .no2 .pic {background: url(/gfx/colourbar/orange_bar.gif);}
.orange #related .no3 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}



/* LIST-ARROW */

.orange .box ul li, .orange .seeall {background-image: url(/gfx/arrow/arrow_blue.gif);}


.orange .no1 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.orange .no2 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}
.orange .no3 ul li {background-image: url(/gfx/arrow/arrow_purple.gif);}


.orange #related .no1 ul li {background-image: url(/gfx/arrow/arrow_blue.gif);}
.orange #related .no2 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}
.orange #related .no3 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}

/*========
   BLUE 
========*/

/* COLOURBAR */

.blue .box {background: url(/gfx/colourbar/lightgreen_bar.gif);}


.blue .no1 {background: url(/gfx/colourbar/purple_bar.gif);}
.blue .no2 {background: url(/gfx/colourbar/red_bar.gif);}
.blue .no3 {background: url(/gfx/colourbar/cyan_bar.gif);}


.blue #related .no1 {background: url(/gfx/colourbar/blue_bar.gif);}
.blue #related .no2 {background: url(/gfx/colourbar/purple_bar.gif);}
.blue #related .no3 {background: url(/gfx/colourbar/cyan_bar.gif);}



/* TEXT-ELEMENTS */

.blue .box h2, .blue .box h3, .blue .box a {color:#89b600;}


.blue .no1 h2, .blue .no1 h3, .blue .no1 a {color:#672680;}
.blue .no2 h2, .blue .no2 h3, .blue .no2 a {color:#ac0019;}
.blue .no3 h2, .blue .no3 h3, .blue .no3 a {color:#21a8ed;}


.blue #related .no1 h2, .blue #related .no1 h3, .blue #related .no1 a {color:#1f3c7b;}
.blue #related .no2 h2, .blue #related .no2 h3, .blue #related .no2 a {color:#672680;}
.blue #related .no3 h2, .blue #related .no3 h3, .blue #related .no3 a {color:#21a8ed;}


/* HOVER */

.blue .box a:hover {color: #3e5705;}


.blue .no1 a:hover {color: #331340;}
.blue .no2 a:hover {color: #56000c;}
.blue .no3 a:hover {color: #0c4974;}


.blue #related .no1 a:hover {color: #0f1e3d;}
.blue #related .no2 a:hover {color: #331340;}
.blue #related .no3 a:hover {color: #0c4974;}


/* SIDEPIC */

.blue .box .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}


.blue .no1 .pic {background: url(/gfx/colourbar/purple_bar.gif);}
.blue .no2 .pic {background: url(/gfx/colourbar/red_bar.gif);}
.blue .no3 .pic {background: url(/gfx/colourbar/cyan_bar.gif);}


.blue #related .no1 .pic {background: url(/gfx/colourbar/blue_bar.gif);}
.blue #related .no2 .pic {background: url(/gfx/colourbar/purple_bar.gif);}
.blue #related .no3 .pic {background: url(/gfx/colourbar/cyan_bar.gif);}

/* LIST-ARROW */

.blue .box ul li, .blue .seeall {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}


.blue .no1 ul li {background-image: url(/gfx/arrow/arrow_purple.gif);}
.blue .no2 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.blue .no3 ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}


.blue #related .no1 ul li {background-image: url(/gfx/arrow/arrow_blue.gif);}
.blue #related .no2 ul li {background-image: url(/gfx/arrow/arrow_purple.gif);}
.blue #related .no3 ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}


/*========
  PURPLE 
========*/

/* COLOURBAR */

.purple .box {background: url(/gfx/colourbar/cyan_bar.gif);}


.purple .no1 {background: url(/gfx/colourbar/red_bar.gif);}
.purple .no2 {background: url(/gfx/colourbar/purple_bar.gif);}
.purple .no3 {background: url(/gfx/colourbar/lightgreen_bar.gif);}


.purple #related .no1 {background: url(/gfx/colourbar/cyan_bar.gif);}
.purple #related .no2 {background: url(/gfx/colourbar/orange_bar.gif);}
.purple #related .no3 {background: url(/gfx/colourbar/lightgreen_bar.gif);}


/* TEXT-ELEMENTS */

.purple .box h2, .purple .box h3, .purple .box a {color:#21a8ed;}


.purple .no1 h2, .purple .no1 h3, .purple .no1 a {color:#ac0019;}
.purple .no2 h2, .purple .no2 h3, .purple .no2 a {color:#672680;}
.purple .no3 h2, .purple .no3 h3, .purple .no3 a {color:#89b600;}


.purple #related .no1 h2, .purple #related .no1 h3, .purple #related .no1 a {color:#21a8ed;}
.purple #related .no2 h2, .purple #related .no2 h3, .purple #related .no2 a {color:#e07200;}
.purple #related .no3 h2, .purple #related .no3 h3, .purple #related .no3 a {color:#89b600;}



/* HOVER */

.purple .box a:hover {color: #0c4974;}


.purple .no1 a:hover {color: #56000c;}
.purple .no2 a:hover {color: #331340;}
.purple .no3 a:hover {color: #3e5705;}


.purple #related .no1 a:hover {color: #0c4974;}
.purple #related .no2 a:hover {color: #6c2a00;}
.purple #related .no3 a:hover {color: #3e5705;}



/* SIDEBAR */

.purple .box .pic {background: url(/gfx/colourbar/cyan_bar.gif);}


.purple .no1 .pic {background: url(/gfx/colourbar/red_bar.gif);}
.purple .no2 .pic {background: url(/gfx/colourbar/purple_bar.gif);}
.purple .no3 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}


.purple #related .no1 .pic {background: url(/gfx/colourbar/cyan_bar.gif);}
.purple #related .no2 .pic {background: url(/gfx/colourbar/orange_bar.gif);}
.purple #related .no3 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}


/* LIST-ARROW */

.purple .box ul li, .purple .seeall {background-image: url(/gfx/arrow/arrow_cyan.gif);}


.purple .no1 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.purple .no2 ul li {background-image: url(/gfx/arrow/arrow_purple.gif);}
.purple .no3 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}


.purple #related .no1 ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.purple #related .no2 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}
.purple #related .no3 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}


/*======
  CYAN 
======*/

/* COLOURBAR */

.cyan .box {background: url(/gfx/colourbar/red_bar.gif);}


.cyan .no1 {background: url(/gfx/colourbar/red_bar.gif);}
.cyan .no2 {background: url(/gfx/colourbar/lightgreen_bar.gif);}
.cyan .no3 {background: url(/gfx/colourbar/orange_bar.gif);}


.cyan #related .no1 {background: url(/gfx/colourbar/cyan_bar.gif);}
.cyan #related .no2 {background: url(/gfx/colourbar/lightgreen_bar.gif);}
.cyan #related .no3 {background: url(/gfx/colourbar/orange_bar.gif);}



/* TEXT-ELEMENTS */

.cyan .box h2, .cyan .box h3, .cyan .box a {color:#ac0019;}


.cyan .no1 h2, .cyan .no1 h3, .cyan .no1 a {color:#ac0019;}
.cyan .no2 h2, .cyan .no2 h3, .cyan .no2 a {color:#89b600;}
.cyan .no3 h2, .cyan .no3 h3, .cyan .no3 a {color:#e07200;}


.cyan #related .no1 h2, .cyan #related .no1 h3, .cyan #related .no1 a {color:#21a8ed;}
.cyan #related .no2 h2, .cyan #related .no2 h3, .cyan #related .no2 a {color:#89b600;}
.cyan #related .no3 h2, .cyan #related .no3 h3, .cyan #related .no3 a {color:#e07200;}



/* HOVER */

.cyan .box a:hover {color: #56000c;}


.cyan .no1 a:hover {color: #56000c;}
.cyan .no2 a:hover {color: #3e5705;}
.cyan .no3 a:hover {color: #6c2a00;}


.cyan #related .no1 a:hover {color: #0c4974;}
.cyan #related .no2 a:hover {color: #3e5705;}
.cyan #related .no3 a:hover {color: #6c2a00;}



/* SIDEPIC */

.cyan .box .pic {background: url(/gfx/colourbar/red_bar.gif);}


.cyan .no1 .pic {background: url(/gfx/colourbar/red_bar.gif);}
.cyan .no2 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}
.cyan .no3 .pic {background: url(/gfx/colourbar/orange_bar.gif);}


.cyan #related .no1 .pic {background: url(/gfx/colourbar/cyan_bar.gif);}
.cyan #related .no2 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}
.cyan #related .no3 .pic {background: url(/gfx/colourbar/orange_bar.gif);}


/* LIST-ARROW */

.cyan .box ul li, .cyan .seeall {background-image: url(/gfx/arrow/arrow_red.gif);}


.cyan .no1 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.cyan .no2 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}
.cyan .no3 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}


.cyan #related .no1 ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.cyan #related .no2 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}
.cyan #related .no3 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}


/*============
  LIGHTGREEN 
============*/

/* COLOURBAR */

.lightgreen .box {background: url(/gfx/colourbar/purple_bar.gif);}

.lightgreen .no1 {background: url(/gfx/colourbar/blue_bar.gif);}
.lightgreen .no2 {background: url(/gfx/colourbar/orange_bar.gif);}
.lightgreen .no3 {background: url(/gfx/colourbar/lightgreen_bar.gif);}

.lightgreen #related .no1 {background: url(/gfx/colourbar/cyan_bar.gif);}
.lightgreen #related .no2 {background: url(/gfx/colourbar/red_bar.gif);}
.lightgreen #related .no3 {background: url(/gfx/colourbar/orange_bar.gif);}



/* TEXT-ELEMENTS */

.lightgreen .box h2, .lightgreen .box h3, .lightgreen .box a {color:#672680;}

.lightgreen .no1 h2, .lightgreen .no1 h3, .lightgreen .no1 a {color:#1f3c7b;}
.lightgreen .no2 h2, .lightgreen .no2 h3, .lightgreen .no2 a {color:#e07200;}
.lightgreen .no3 h2, .lightgreen .no3 h3, .lightgreen .no3 a {color:#89b600;}

.lightgreen #related .no1 h2, .lightgreen #related .no1 h3, .lightgreen #related .no1 a {color:#21a8ed;}
.lightgreen #related .no2 h2, .lightgreen #related .no2 h3, .lightgreen #related .no2 a {color:#ac0019;}
.lightgreen #related .no3 h2, .lightgreen #related .no3 h3, .lightgreen #related .no3 a {color:#e07200;}

/* HOVER */

.lightgreen .box a:hover {color: #331340;}

.lightgreen .no1 a:hover {color: #0f1e3d;}
.lightgreen .no2 a:hover {color: #6c2a00;}
.lightgreen .no3 a:hover {color: #3e5705;}

.lightgreen #related .no1 a:hover {color: #0c4974;}
.lightgreen #related .no2 a:hover {color: #56000c;}
.lightgreen #related .no3 a:hover {color: #6c2a00;}

/* SIDEPIC */

.lightgreen .box .pic {background: url(/gfx/colourbar/purple_bar.gif);}

.lightgreen .no1 .pic {background: url(/gfx/colourbar/blue_bar.gif);}
.lightgreen .no2 .pic {background: url(/gfx/colourbar/orange_bar.gif);}
.lightgreen .no3 .pic {background: url(/gfx/colourbar/lightgreen_bar.gif);}

.lightgreen #related .no1 .pic {background: url(/gfx/colourbar/cyan_bar.gif);}
.lightgreen #related .no2 .pic {background: url(/gfx/colourbar/red_bar.gif);}
.lightgreen #related .no3 .pic {background: url(/gfx/colourbar/orange_bar.gif);}

/* LIST-ARROW */

.lightgreen .box ul li, .lightgreen .seeall {background-image: url(/gfx/arrow/arrow_purple.gif);}

.lightgreen .no1 ul li {background-image: url(/gfx/arrow/arrow_blue.gif);}
.lightgreen .no2 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}
.lightgreen .no3 ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}

.lightgreen #related .no1 ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.lightgreen #related .no2 ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.lightgreen #related .no3 ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}

/*===================
       CUSTOM
===================*/

/* COLOURBAR */

#bg #main #content .red {background-image: url(/gfx/colourbar/red_bar.gif);}
#bg #main #content .orange {background-image: url(/gfx/colourbar/orange_bar.gif);}
#bg #main #content .blue {background-image: url(/gfx/colourbar/blue_bar.gif);}
#bg #main #content .purple {background-image: url(/gfx/colourbar/purple_bar.gif);}
#bg #main #content .cyan {background-image: url(/gfx/colourbar/cyan_bar.gif);}
#bg #main #content .lightgreen {background-image: url(/gfx/colourbar/lightgreen_bar.gif);}

/* SIDEPIC */

#bg #main #content .red .pic {background-image: url(/gfx/colourbar/red_bar.gif);}
#bg #main #content .orange .pic {background-image: url(/gfx/colourbar/orange_bar.gif);}
#bg #main #content .blue .pic {background-image: url(/gfx/colourbar/blue_bar.gif);}
#bg #main #content .purple .pic {background-image: url(/gfx/colourbar/purple_bar.gif);}
#bg #main #content .cyan .pic {background-image: url(/gfx/colourbar/cyan_bar.gif);}
#bg #main #content .lightgreen .pic {background-image: url(/gfx/colourbar/lightgreen_bar.gif);}

/* HOVER */

#bg #main #content .red a:hover {color: #56000c;}
#bg #main #content .orange a:hover {color: #6c2a00;}
#bg #main #content .blue a:hover {color: #0f1e3d;}
#bg #main #content .purple a:hover {color: #331340;}
#bg #main #content .cyan a:hover {color: #0c4974;}
#bg #main #content .lightgreen a:hover {color: #3e5705;}

/* TEXT-ELEMENTS */

#bg #main #content .red h2, #bg #main #content .red h3, #bg #main #content .red a {color:#ac0019;}
#bg #main #content .orange h2, #bg #main #content .orange h3, #bg #main #content .orange a {color:#e07200;}
#bg #main #content .blue h2, #bg #main #content .blue h3, #bg #main #content .blue a {color:#1f3c7b;}
#bg #main #content .purple h2, #bg #main #content .purple h3, #bg #main #content .purple a {color:#672680;}
#bg #main #content .cyan h2, #bg #main #content .cyan h3, #bg #main #content .cyan a {color:#21a8ed;}
#bg #main #content .lightgreen h2, #bg #main #content .lightgreen h3, #bg #main #content .lightgreen a {color:#89b600;}

/* ARROWS */

#bg #main #content .red ul li {background-image:url(/gfx/arrow/arrow_red.gif);}
#bg #main #content .orange ul li {background-image:url(/gfx/arrow/arrow_orange.gif);}
#bg #main #content .blue ul li {background-image:url(/gfx/arrow/arrow_blue.gif);}
#bg #main #content .purple ul li {background-image:url(/gfx/arrow/arrow_purple.gif);}
#bg #main #content .cyan ul li {background-image:url(/gfx/arrow/arrow_cyan.gif);}
#bg #main #content .lightgreen ul li {background-image:url(/gfx/arrow/arrow_lightgreen.gif);}



/* FORSIDE */

.box {
	margin: 30px 0px 10px 20px;
	padding: 0px 0px 0px 23px;
}
#content {
	padding-bottom: 100px;
	position:relative;
	margin-left: 240px;
}

#type-forside .news .box {
	margin: 0px 0px 30px 0px;
}


/* LIST */

#type-list .box {
	margin-right: 240px;

}
#type-list #related .box {
	margin: 0px 25px 40px 0px;
}
#type-list .invlink {
	color: #333;
}
#bg #main #content .date {
	font-size: 13px;
	background: transparent !important;
}
#type-list #bg #content .date, #type-events #bg #content .date {
	font-size: 17px;
	line-height: 21px;
	padding-left: 30px;
}
#type-list .date {float:right;}
#type-events .date {float:right;}
#type-list #related {
	width: 220px;
}
.more {
	display:block;
	font-weight:bold;
	padding-left: 20px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#type-list #related .archive {
	padding-bottom: 2px;
}
#type-list #related .archive a {
	font-weight: bold;
	text-decoration: none;
	margin-bottom:3px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#main .archive .arc {
	margin-top: 0px;
}
.archive .arc li {
	padding-bottom: 0px;
}
#main #content #related .navi a.invlink {
	padding-left:0px;
	background-image: none;
}

/* DATE Farve */

body.red .date {color:#e07200;}
body.orange .date {color:#1f3c7b;}
body.blue .date {color:#89b600;}
body.purple .date {color:#21a8ed;}
body.cyan .date {color:#ac0019;}
body.lightgreen .date {color:#672680;}


.red .red .date {color: #ac0019;}
.red .orange .date {color: #e07200;}
.red .blue .date {color: #1f3c7b;}
.red .purple .date {color: #672680;}
.red .cyan .date {color: #21a8ed;}
.red .lightgreen .date {color: #89b600;}

.orange .red .date {color: #ac0019;}
.orange .orange .date {color: #e07200;}
.orange .blue .date {color: #1f3c7b;}
.orange .purple .date {color: #672680;}
.orange .cyan .date {color: #21a8ed;}
.orange .lightgreen .date {color: #89b600;}

.blue .red .date {color: #ac0019;}
.blue .orange .date {color: #e07200;}
.blue .blue .date {color: #1f3c7b;}
.blue .purple .date {color: #672680;}
.blue .cyan .date {color: #21a8ed;}
.blue .lightgreen .date {color: #89b600;}

.purple .red .date {color: #ac0019;}
.purple .orange .date {color: #e07200;}
.purple .blue .date {color: #1f3c7b;}
.purple .purple .date {color: #672680;}
.purple .cyan .date {color: #21a8ed;}
.purple .lightgreen .date {color: #89b600;}

.cyan .red .date {color: #ac0019;}
.cyan .orange .date {color: #e07200;}
.cyan .blue .date {color: #1f3c7b;}
.cyan .purple .date {color: #672680;}
.cyan .cyan .date {color: #21a8ed;}
.cyan .lightgreen .date {color: #89b600;}

.lightgreen .red .date {color: #ac0019;}
.lightgreen .orange .date {color: #e07200;}
.lightgreen .blue .date {color: #1f3c7b;}
.lightgreen .purple .date {color: #672680;}
.lightgreen .cyan .date {color: #21a8ed;}
.lightgreen .lightgreen .date {color: #89b600;}

/* ACT */

.red #related .act a {color: #6c2a00;}	
.orange #related .act a {color: #0f1e3d;}
.blue #related .act a {color: #3e5705;}
.purple #related .act a {color: #0c4974;}
.cyan #related .act a {color: #56000c;}
.lightgreen #related .act a {color: #331340;}

/* FARVE I RELATERET OMRŁDE */

.red #related .navi, .red #related .invlink {color:#e07200;}
.orange #related .navi, .orange #related .invlink  {color:#1f3c7b;}
.blue #related .navi, .blue #related .invlink  {color:#89b600;}
.purple #related .navi, .purple #related .invlink  {color:#21a8ed;}
.cyan #related .navi, .cyan #related .invlink  {color:#ac0019;}
.lightgreen #related .navi, .lightgreen #related .invlink  .navi {color:#672680;}

/* pile */

.red .more, #type-list.red #related .archive a {background-image: url(/gfx/arrow/arrow_orange.gif);}
.orange .more, #type-list.orange #related .archive a {background-image: url(/gfx/arrow/arrow_blue.gif);}
.blue .more, #type-list.blue #related .archive a {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}
.purple .more, #type-list.purple #related .archive a {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.cyan .more, #type-list.cyan #related .archive a {background-image: url(/gfx/arrow/arrow_red.gif);}
.lightgreen .more, #type-list.lightgreen #related .archive a {background-image: url(/gfx/arrow/arrow_purple.gif);}

/* NEWS */

#type-news .box {
	margin-left: 20px;
	margin-right: 0px;
}
#type-news #related .box {
	width: 190px;
}



/* SEARCH */

#type-search .box, #type-send .box {
	margin-right: 260px;
	overflow: hidden;
}
#type-search .box span {
	width: 100px;
	white-space: normal;

}
#type-search #content .submit {
	position: relative;
	top: -1px;
	left: -1px;
}
#words {
	height: 15px;
}



/* SEKTION */
#type-section #content, #type-forside #content {
	margin-left: 0px;
}
#type-section .toppicture, #type-forside .toppicture {
	margin-left: 240px;
}
#type-section #content .no0 {
	padding:0px 25px 0px 23px;
	margin-left:20px;
	width: 327px;
}
#type-section #main #content .haspic {
	width: 350px;
}
#type-section #main #content .news {
	width: 312px;
}

/* LEFT */

.left {
	margin: 0px 245px 0px 0px;
	padding-top: 30px;
}


/* TEXTFIELD */

#content .textfield {
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 23px;
	width:440px;
	background: url(/gfx/colourbar/blue_bar.gif);
}
#type-forside #main #content .textfield {
	width: 447px;
}
#type-forside #main #content .textfield.haspic {
	width: 470px;
}
#content .textfield h2 {
	color: #1f3c7b;
	font-size: 17px;
	margin-bottom: 10px;
}
#content .textfield a, #content .textfield h3 {
	color: #1f3c7b;
}
#content .textfield a:hover {
	color: #0f1e3d;
}
#content .textfield .pic {
	background-image: url(/gfx/colourbar/blue_bar.gif);
}
#content .textfield ul li {
	background-image: url(/gfx/arrow/arrow_blue.gif);
}


/* whatsnew */

#main #content .news {
	float: right;
	width:220px;
	margin-top: 0px;
}
#content .news .box {
	background: url(/gfx/colourbar/red_bar.gif) repeat-y;
}
#content .news h2, #content .news a, #content .news h3 {
	color:#ac0019;
}
#content .news ul li {
	background:url(/gfx/arrow/arrow_red.gif) no-repeat 0px 3px;
}
#main #content .news a:hover {
	color: #56000c;
}

/* SHORTCUTS */

#content .shortcuts {
	float:right;
	width:215px;
	margin-right:25px;
}
#type-forside .shortcuts .box {
	background-image: url(/gfx/colourbar/orange_bar.gif);
}
#type-forside .shortcuts h2, #type-forside .shortcuts a, #type-forside .shortcuts h3 {
	color:#e07200;
}
#content .shortcuts a:hover {
	color: #6c2a00;
}
#type-forside .shortcuts ul li {
	background:url(/gfx/arrow/arrow_orange.gif) no-repeat 0px 3px;
}

/* SITEMAP */

.sitemap {
	margin: 30px 25px 0px 21px;
}
#type-sitemap .no0 {
	margin-right: 265px;
}
#content .sitemap ul {
	margin:2px 0px 0px 0px;
}
#content .sitemap ul li {
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom:0px;
	margin-bottom:40px;
}
#content .sitemap ul li a {
	font-size: 154%;
	font-weight: 100;
	padding-bottom: 10px;
	display:block;
}

/* colourbar */

.red .sitemap ul li {background-image: url(/gfx/colourbar/orange_bar.gif);}
.orange .sitemap ul li {background-image: url(/gfx/colourbar/blue_bar.gif);}
.blue .sitemap ul li {background-image: url(/gfx/colourbar/lightgreen_bar.gif);}
.purple .sitemap ul li {background-image: url(/gfx/colourbar/cyan_bar.gif);}
.cyan .sitemap ul li {background-image: url(/gfx/colourbar/red_bar.gif);}
.lightgreen .sitemap ul li {background-image: url(/gfx/colourbar/purple_bar.gif);}

/* links */

.red .sitemap a {color:#e07200;}
.orange .sitemap a {color:#1f3c7b;}
.blue .sitemap a {color:#89b600;}
.purple .sitemap a {color:#21a8ed;}
.cyan .sitemap a {color:#ac0019;}
.lightgreen .sitemap a {color:#672680;}

.red .sitemap a:hover {color: #6c2a00;}
.orange .sitemap a:hover {color: #0f1e3d;}
.blue .sitemap a:hover {color: #3e5705;}
.purple .sitemap a:hover {color: #0c4974;}
.cyan .sitemap a:hover {color: #56000c;}
.lightgreen .sitemap a:hover {color: #331340;}

/* arrows */

.red .sitemap ul li ul li {background-image: url(/gfx/arrow/arrow_orange.gif);}
.orange .sitemap ul li ul li {background-image: url(/gfx/arrow/arrow_blue.gif);}
.blue .sitemap ul li ul li {background-image: url(/gfx/arrow/arrow_lightgreen.gif);}
.purple .sitemap ul li ul li {background-image: url(/gfx/arrow/arrow_cyan.gif);}
.cyan .sitemap ul li ul li {background-image: url(/gfx/arrow/arrow_red.gif);}
.lightgreen .sitemap ul li ul li {background-image: url(/gfx/arrow/arrow_purple.gif);}

#content .sitemap ul li ul li {
	background-repeat: no-repeat;
	background-position: 3px 3px;
	margin-bottom: 0px;
	padding-bottom:2px;
	
}
#content .sitemap ul li ul li a {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 0px;
}

/* EVENTS */

#type-events .box {
	margin-left: 20px;
	margin-right: 265px;
}

/* INSTITUTES */

#type-institutes .box, #type-institute .box {
	margin-left: 20px;
	margin-right: 20px;
}
.borderbox {
	border-bottom: 1px solid;
	padding-top: 5px;
	padding-bottom: 6px;
	background-position: left center;
	
}
.borderbox.first {
	border-top: 1px solid;
}
.borderbox.last {
	margin-bottom: 10px;
}
td.borderbox {
	padding: 5px 0px;
	height: 40px;
}
.red .borderbox {border-color: #e07200;}
.orange .borderbox {border-color: #1f3c7b;}
.blue .borderbox {border-color: #89b600;}
.purple .borderbox {border-color: #21a8ed;}
.cyan .borderbox {border-color: #ac0019;}
.lightgreen .borderbox {border-color: #672680;}

#type-institute #departments .dep {
	padding-bottom: 10px;
}

/* fix */

#type-institutes #content .box {
	margin-bottom: 0px;
}

#content li {
	line-height: 140%;
}

/* CONTENT TABLE */
#content table {
	border-collapse: collapse;
}

#content table tr td {
	font-size: 69%;
}

#content td p, #content th p, #content td ul, #content td ol, #content td .text, #content td .submit, #content td textarea, #content td select, #content td blockquote {
	font-size: 1em;
}

#content td h2 {
	font-size: 118.5%;
}

#content td h3 {
	font-size: 1em;
}

#content td h4 {
	font-size: 1em;
}

/* FOOTER */
#footer {
	font-size: 60%;
	text-align: center;
	clear: both;
	border-top: 1px solid #999;
	color: #a0a0a0;
	padding: 1px;
}

/* LISTS */
.list div {
	font-size: 69%;
	margin-bottom: 1em;
}

/* CONTENT PAGES */
.pages {
	font-size: 69%;
}
.pages a, .pages b {
	background: #fff;
	border: 1px solid #666;
	margin-right: 4px;
	margin-bottom: 5px;
	text-align: center;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
}
#main .pages.box {
	padding-top: 5px;
	padding-bottom: 7px;	

}
.pages a.act, .pages b {
	color: #333;
	font-weight: bold;
}

.pages a.dis {
	border-color: #ddd;
	color: #999;
}

/* FUNC */
#func {
	float: right;
	font-size: 69%;
}

#func img {
	vertical-align: middle;
	margin: 0px 0px 20px 10px;
	cursor: pointer;
}

#func a:link, #func a:visited {
	color: #333;
	text-decoration: none;
}

/* VALIDATION */
.invalid {background-color: #eee;}

.invalid label, #type-customform #bg #bgbottom #content .customform .invalid h3 {
	color: #ac0019;
}

.mandatory {
	color: #900;
}


/* PRINT */
#backlink {
	display: none;
}

/* ADAPT */
#adapt {
  text-align: right;
  font-size: 69%;
  padding-top: 5px;
}

#adapt a:link, #adapt a:visited {
	color: #888;
	text-decoration: none;
}
/* GLOBAL MENU */

#globalmenu {
	font-size: 9px;
	text-transform: uppercase;
	float: right;
	margin: 10px 20px 0px 0px;
	color: #999;
}
#globalmenu a:link, #globalmenu a:visited {
	color: #999;
	text-decoration: none;
}
#globalmenu a:hover, #globalmenu a:active {
	color: #222;
	text-decoration: none;
}
/* ONE-COLUMN LAYOUT */

#type-document.wideonly #content .box {
	margin-right: 20px;
}

/* DEBUGGER */
body #debugger {
    background: #fff;
    margin: 20px;
    text-align: left;
    color: #333;
    border: 20px solid #fff;
}

.printhead {
	display: none;
}