/* @override http://musikkogungdom.no/css/framework.css */

@import "reset.css";
@import "typography.css";

/*
Colors:
Main red -> #E43138
Orange 	 -> #F8B663
Limegreen-> #BAD23A
Ocean	 -> #119892
*/


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Globals
//
///////////////////////////////////////////////////////////////////////////////////
*/
html {  overflow-y: scroll; }
body {
	margin: 0px;
	color:black;
	font-size: 12px;
	line-height: 1.5em;
	background-image: url(../images/framework/background.gif);
}

.clearer{ clear: both; height: 1px; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Header
//
///////////////////////////////////////////////////////////////////////////////////
*/
#header{ width: 100%; background-color: #231F20; position: relative; z-index: 800; }
#topnav{ height: 27px; padding: 7px 20px 0px 5px; }

/* Topnav links */
#topnav ul{ color: white; float: right; margin-left: 20px; }
#topnav a:link,#topnav a:visited{ color: white; text-decoration: none; }
#topnav a:hover{ color: #E43138; text-decoration: underline; }

/* Searchbox */
#search{ width: 240px; float: right; }
#search .text{ border: 1px solid white; width: 170px; }
#search .button{
	position: relative;
	top:-1px;
	font-size: 10px;
	color: white;
	border: 1px outset #E43138;
	background-color: #E43138;
	padding: 1px 10px 1px 10px;
	[color:white;
		padding: 2px 10px 2px 10px; /*Affects Safari for Macintosh only (v1-3). .*/
	];
}

/* Worldmap */
#navigation-world{ width: 800px; margin: 0px auto; }
#map{ float: left; padding-top: 90px; }
#map-overlay{ 
	position: absolute; 
	top: 124px; 
	/*right: 558px; <-- Safari */
	/*right: 629px; <-- Opera */
	/*right: 671px; <-- Firefox */
	/*right: 690px; <-- IE7 */
}
#countries{ float: right; width: 300px; padding: 20px 0px; }
#countries h4{ color: #E43138; padding-bottom: 10px; }
#countries ul{ width: 150px; }
#countries ul a:link{ color: white; text-decoration: none; }
#countries ul a:hover{ color: #E43138; text-decoration: underline; }
#countries ul a:visited{ color: gray; text-decoration: none; }
#countries #col-left{ float: left; }
#countries #col-right{ float: left; }
#countries ul a.disabled{ color: gray; }

/* Navigation */
#navigation{
	width: 100%;
	height: 75px;
	color: white;
	background: #E43138;
}
#shadow{
	height: 16px;
	width: 100%;
	background-image: url(../images/framework/dropshadow-trans.png);
	position: relative;
	z-index: 801;
}
#navigation #logo{ float: left; margin-right:20px }
#navigation ul{ padding: 26px 0px; }
#navigation ul li{ float: left; padding-left: 10px; }
#navigation a:link,#navigation a:visited{ color: white; font-size: 14px; text-decoration: none; }
#navigation a:hover{ text-decoration: underline; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Contentframe
//
///////////////////////////////////////////////////////////////////////////////////
*/
#content-holder{
	position: relative;
	top:-16px;
	width: 1020px;
	margin: 0px auto;
	z-index: 201;
	background: url(../images/framework/frame-brakground-trans.png) no-repeat;
}

#content-frame{
	width: 760px;
	background-color: white;
	padding: 20px;
	margin: 0px auto;
}

#content-frame-left{
	float: left;
	background: url(../images/framework/frame-left-trans.png) no-repeat;
	width: 109px;
	height: 100px;
}
#content-frame-right{
	float: left;
	background: url(../images/framework/frame-right-trans.png) no-repeat;
	width: 109px;
	height: 100%;
}
#content-frame-bottom{
	clear: both;
	position: relative;
	top:-16px;
	width: 1018px;
	margin: 0px auto;
	background: url(../images/framework/frame-bottom-trans.png) no-repeat;
	height: 17px;
}


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Column grid
//
///////////////////////////////////////////////////////////////////////////////////
*/
.column1-1{ width: 100%; }
.column2-1,.column2-2{ float: left; }
.column2-1{ width: 540px; height: 100%; margin-right: 20px; }
.column2-2{ width: 200px; height: 100%; }
.column3-1,
.column3-2,
.column3-3{ 
	width: 233px; 
	height: 100%;
	float: left;
	margin-right: 20px;
}

.column1-1 .newsboxes {
	height: 210px !important;
}

.column1-1 .newsboxes .heading {
	font-size: 14px;
	display: block;
}

.column1-1 .newsboxes a:link, 
.column1-1 .newsboxes a:visited {
	width: 175px;
	float: left;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid white;
	color: black;
	text-decoration: none;
}

.column1-1 .newsboxes a:hover{
	background-color: #E43138;
	border: 1px solid #c42b32;
	color: white;
}
.column1-1 .newsboxes .last{ margin-right:0; }

.column1-1 .newsboxes img{
	width: 175px;
	height: 116px;
	margin-bottom: 5px;
}

.column2-1 .newsboxes .heading {
	font-size: 18px;
	display: block;
}

.column2-1 .newsboxes a:link,
.column2-1 .newsboxes a:visited{
	width: 525px;
	height: 120px;
	float: left;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid white;
	color: black;
	text-decoration: none;
}
.column2-1 .newsboxes a:hover{
	background-color: #E43138;
	border: 1px solid #c42b32;
	color: white;
}
.column2-1 .newsboxes .cross { display: none; }

.column2-1 .newsboxes img{
	width: 175px;
	height: 116px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
}

/*.news-article img {
	display: none; 
}*/

.news-article img.news-image {
	display: block !important;
}

.publish-date {
	display: block;
}

.column2-1 .preamble {
	font-size: 14px;
}

.column2-2 .newsboxes .cross { display: none; }


.column2-2 .newsboxes a {
	display: block;
	margin-bottom: 5px;
}

.border{
	height: 6px;
}

.cross{
	display: block;
	width: 6px;
	height: 6px;
	background: url(../images/framework/cross.png) no-repeat;
}

.cross.left,.cross.right{
	position: relative;
}

.cross.left{
	float: left;
	left: -6px;
}
.cross.right{
	float: right;
	right: -6px;
}


/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Content text styles
//
///////////////////////////////////////////////////////////////////////////////////
*/

#content-frame li{ list-style-type: square; margin-left: 20px; }
#content-frame strong,#content-frame b{ font-weight: bold; }
#content-frame em,#content-frame i{ font-style: italic; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Footer
//
///////////////////////////////////////////////////////////////////////////////////
*/
#cone{ position: fixed; left: 5px; bottom: 12px; z-index: 802; }
#footer-line{ position: fixed; height: 12px; background-color: #231F20; width: 100%; bottom: 0px; z-index: 803; }
#copy{ position: fixed; bottom: 50px; left: 100px; font-size: 10px; z-index: 200; }
#copy a{ color: black; }


.pagina {
	text-align: center;
	clear: both;
	margin-top: 30px;
}

.pagina a {
	border: none !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	display: inline	!important;
}

.pagina a.selected-page {
	background-color: #E43138;
	color: white !important;
}