/* ----------------------------------------------------------------------------------- */
/*                      CSS / Design -  2007 MUX MediaLab, Norway                      */
/*                                 www.muxmedialab.no                                  */
/* ----------------------------------------------------------------------------------- */


/* ======================= GENERAL PAGE STRUCTURE START ======================= */

#content-link {
	display: none;
}
#container {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position:relative;
	background: #fff ;
}

#placeholder-top {
	position: relative;
	height: 60px;
	padding: 5px 0 55px 0;
	background: #f20017; 
	margin-bottom: 10px;
	z-index: 1;
}

*html body #placeholder-top {
	padding: 5px 0 15px 0;
}


#placeholder-left {
	float:left;
	width: 180px;
	margin-right: 10px;
	margin-top: 10px;
}

#placeholder-right {
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-top: 10px;
}


#placeholder-content,
#placeholder-content-no-right {
	float: left;
	width: 520px;
	overflow: hidden;
}


#placeholder-content-no-right {
	float: left;
	width: 680px;
	overflow: hidden;
}


#placeholder-bottom {
	clear: both;
}



/* ======================= GENERAL PAGE STRUCTURE END ======================= */


body{
	background: #eee;
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 0 10px 0;
	padding: 0;
	color: #5F5453;
}

body,
textarea{
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #f20017;
}

a:hover {
	color: #85827e;
}


h1, h2, h3{
	margin: .5em 0;
}

h1{
	font-size: 180%;
	font-weight: bold;
	color: #f20017;
}

h2{
	font-size: 140%;
}

h2.digest{
	font-size: 100%;
}


h3{
	font-size: 100%;
}


p{
	margin: .5em 0 1em 0;
	line-height: 1.3;
}

input {
	font-size: 100%;
}

img{
	border: 0;
}

#placeholder-top .page-header img{
	float: right;
}

#placeholder-top a{
	color: #fff;
}


#placeholder-top .horizontal-menu{
	position: absolute;
	top: 15px;
	left: 20px;
}



#placeholder-top .horizontal-menu h3{
	display: none;
}

#placeholder-top .horizontal-menu ul,
#placeholder-top .horizontal-menu li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#placeholder-top .horizontal-menu li{
	float:left;
	padding-right: 2em;
}



#placeholder-top .horizontal-menu li.last {
	padding-right: 10px;
}



#placeholder-top .language-selector{
	position: absolute;
	right: 20px;
	top: 95px;
}


#placeholder-top .language-selector h3{
	display: none;
}


#placeholder-top .language-selector ul,
#placeholder-top .language-selector li{
	list-style: none;
	padding: 0;
	margin: 0;
}


#placeholder-top .language-selector li{
	display: inline;
}

#placeholder-top .small-searchinput {
	position: absolute;
	top: 20px;
	right: 20px;
}

#placeholder-top .small-searchinput h3{
	display: none;
}

.sitelocator {
	position: absolute;
	top: 0;
	left: 20px;
	width: 100%;
	margin-top: 95px;
	color: #f87380;
}

.sitelocator h3{
	font-size: 100%;
	font-weight: normal;
	float:left;
	padding: 0;
	padding-right: .5em;
	margin: 0;
	color: #fff;
}

.sitelocator ul,
.sitelocator li{
	list-style: none;
	padding: 0;
	margin: 0;
}

.sitelocator li{
	float:left;
	padding-right: .5em;
}

.sitelocator li a{
	background:url(images/sitelocator_bullet.gif) no-repeat right center;
	padding-right: 10px;
	color: #f87380;
}
.sitelocator li a:hover{
	color: #fff;
}

.linktoolbar {
	position: absolute;
	top: 94px;
	right: 70px;
	text-align: right;
}

.linktoolbar h3{
	display: none;
}

.linktoolbar ul,
.linktoolbar li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}


.linktoolbar a{
	color: #fff!important;
}


#placeholder-left .tile-content,
#placeholder-right .tile-content{
	padding: 10px 20px 30px 20px;
	height: 100%;
}


#placeholder-left h3,
#placeholder-right h3{
/*	background: #f5f3ef; */
	padding: 5px 20px;
	font-size: 100%;
	margin: 0;
	color: #f20017;
}




#placeholder-left ul,
#placeholder-right ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#placeholder-left li,
#placeholder-right li{
	margin-top: .5em;
}





#placeholder-left .small-articlelist span,
#placeholder-right .small-articlelist span{
	display: block;
}

#placeholder-left form,
#placeholder-right form{
	margin: 0;
	padding: 0;
}

#placeholder-left .submit,
#placeholder-right .submit{
	margin: 0;
	margin-top: .5em;
}

#login-form-error {
	display: block;
	margin: .5em 0;
	font-weight: bold;
}


/* placeholder-left .vertical-menu START */



#placeholder-left .vertical-menu {
	background: transparent;
	padding: 0;
	margin: 0;
}

#placeholder-left .vertical-menu .tile-content {
	padding: 0;
}



#placeholder-left .vertical-menu h3{
	display: none;
}

#placeholder-left .vertical-menu ul,
#placeholder-left .vertical-menu li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#placeholder-left .vertical-menu ul{
	margin-bottom: 2em;
}

#placeholder-left .vertical-menu ul ul,
#placeholder-left .vertical-menu ul ul ul{
	margin-bottom: 0;
}


#placeholder-left .vertical-menu li a{
	border-bottom: 1px solid #f5f3ef;
	display:block;
	height: 100%;
	line-height: 2;
}


#placeholder-left .vertical-menu ul li.main-active a{
	font-weight: bold;
	color: #f20017;
}

#placeholder-left .vertical-menu ul li.main-active ul a{
	font-weight: normal;
	color: #85827e;
}

#placeholder-left .vertical-menu ul ul li.active a{
	font-weight: bold;
	color: #f20017;
}

#placeholder-left .vertical-menu ul ul li.active ul a{
	font-weight: normal;
}

#placeholder-left .vertical-menu ul a{
	padding-left: 20px;
}

#placeholder-left .vertical-menu ul ul a{
	padding-left: 40px;
	background: none;
	color: #85827e;
}

#placeholder-left .vertical-menu ul li.main-active ul a{
	background: none;
}


#placeholder-left .vertical-menu ul ul ul a{
	padding-left: 50px;
}


/* placeholder-left .vertical-menu END */

#placeholder-content .full-articledisplay,
#placeholder-content .full-articlelist,
#placeholder-content-no-right .full-articledisplay,
#placeholder-content-no-right .full-articlelist {
	margin-bottom: 3em;
	margin-top: 1em;
}

#placeholder-content .full-articlelist .list-thumbnail-left img {
	float: left;
	padding: 5px 10px 20px 5px;
}

#placeholder-content .full-articlelist .list-thumbnail-right img {
	float: right;
	padding: 0px 5px 25px 10px;
}

#placeholder-content .full-articlelist li {
	clear: left;
}

#placeholder-content .full-articlelist ul,
#placeholder-content .full-articlelist li,
#placeholder-content-no-right .full-articlelist ul,
#placeholder-content-no-right .full-articlelist li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#placeholder-content .full-articlelist .articlelist-link-internal li {
	clear: none;
}

#placeholder-content .full-articlelist .articlelist-link-internal ul,
#placeholder-content-no-right .full-articlelist .articlelist-link-internal ul{
	margin-bottom: 2em;
}

#placeholder-content .full-searchinput,
#placeholder-content-no-right .full-searchinput {
	margin-top: 1em;
}

#placeholder-content .full-searchinput form,
#placeholder-content-no-right .full-searchinput form{
	display: none;
}

#placeholder-bottom{
	padding: .5em 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 0 10px 0;
	text-align: center;
}

#placeholder-bottom p{
	padding: 0;
	margin: .3em 0 ;
}

#placeholder-bottom a {
	text-decoration: none;
	color: #f20017;
}

#placeholder-bottom a:hover {
	color: #85827e;
}

#placeholder-bottom .full-articledisplay,
#placeholder-bottom .full-articledisplay p,
#placeholder-bottom .full-articledisplay .tile-content,
#placeholder-bottom .full-articledisplay .digest{
	margin: 0;
	padding: 0;
}


#coretrek-colofon {
	background: #eee;
	padding: .5em 20px;
}

#login-form-lostpassword-container,
#login-form-changepassword {
	display: none;
}


#login-form-container label,
#login-form-lostpassword-container label,
#login-form-changepassword label{
	display: block;
}


#placeholder-content input,
#placeholder-content-no-right input{
	margin: .5em 0;
}