@charset "utf-8";

/* Document */
html{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/doorway/bg-cube.png);
	background-color: #0f1116;
}

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

/* Layout Containers */
#page{
	width: 100%;
	height: 100%;
	background-image: url(../images/doorway/page-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#header{
	text-align: right;
	background-color: #223c6c;
}

#header-inner{
	width: 900px;
	margin: auto;
}

#claim{
	height: 18px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #54608b;
}

#content{
	width: 900px;
	margin: auto;
	margin-top: 70px;
}

.content-left{
	width: 267px;
	float: left;
}

.content-right{
	margin-top: 133px;
	width: 450px;
	float: left;
}

.content-languages{
	height: 240px;
}

*+html .content-languages{
	height: 280px;
}

/* Languages */
ul.languages{
	display: block;
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

ul.languages li{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

ul.languages li a{
	display: block;
	padding: 25px 0px 20px 0px;
	width: 50px;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
}

ul.languages li a span{
	/* display: none; */
	font-size: 0.74em;
	color: #36404b;
	font-weight: bold;
}

ul.languages li a:hover span, ul.languages li a.active span{
	color: #FFFFFF;
}

a#lang_en_us{
	background-image: url(../images/doorway/languages/en_us.png);
}
a#lang_en_us:hover, a#lang_en_us.active{
	background-image: url(../images/doorway/languages/en_us-hover.png);
}

a#lang_nl_nl{
	background-image: url(../images/doorway/languages/nl_nl.png);
}
a#lang_nl_nl:hover, a#lang_nl_nl.active{
	background-image: url(../images/doorway/languages/nl_nl-hover.png);
}

a#lang_de_at{
	background-image: url(../images/doorway/languages/de_at.png);
}
a#lang_de_at:hover, a#lang_de_at.active{
	background-image: url(../images/doorway/languages/de_at-hover.png);
}

a#lang_de_ch{
	background-image: url(../images/doorway/languages/de_ch.png);
}
a#lang_de_ch:hover, a#lang_de_ch.active{
	background-image: url(../images/doorway/languages/de_ch-hover.png);
}

a#lang_fr_fr{
	background-image: url(../images/doorway/languages/fr_fr.png);
}
a#lang_fr_fr:hover, a#lang_fr_fr.active{
	background-image: url(../images/doorway/languages/fr_fr-hover.png);
}

a#lang_en_gb{
	background-image: url(../images/doorway/languages/en_gb.png);
}
a#lang_en_gb:hover, a#lang_en_gb.active{
	background-image: url(../images/doorway/languages/en_gb-hover.png);
}

a#lang_it_it{
	background-image: url(../images/doorway/languages/it_it.png);
}
a#lang_it_it:hover, a#lang_it_it.active{
	background-image: url(../images/doorway/languages/it_it-hover.png);
}

a#lang_es_es{
	background-image: url(../images/doorway/languages/es_es.png);
}
a#lang_es_es:hover, a#lang_es_es.active{
	background-image: url(../images/doorway/languages/es_es-hover.png);
}

a#lang_fi_fi{
	background-image: url(../images/doorway/languages/fi_fi.png);
}
a#lang_fi_fi:hover, a#lang_fi_fi.active{
	background-image: url(../images/doorway/languages/fi_fi-hover.png);
}

a#lang_se_se{
	background-image: url(../images/doorway/languages/se_se.png);
}
a#lang_se_se:hover, a#lang_se_se.active{
	background-image: url(../images/doorway/languages/se_se-hover.png);
}

a#lang_no_no{
	background-image: url(../images/doorway/languages/no_no.png);
}
a#lang_no_no:hover, a#lang_no_no.active{
	background-image: url(../images/doorway/languages/no_no-hover.png);
}

ul.navi-marginal{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul.navi-marginal li{
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.navi-marginal li a{
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	font-size: 0.74em;
	color: #bbbbbb;
	text-decoration: none;
	background-image: url(../images/doorway/ul-navi-marginal-bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

ul.navi-marginal li a:hover{
	color: #FFFFFF;
}

/* Common Elements */
h1{
	margin-top: 1.44em;
	font-size: 0.86em;
	color: #5b8cd8;
	font-weight: bold;
}

p{
	font-size: 0.74em;
	color: #bbbbbb;
}

ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

ul li{
	font-size: 0.74em;
	color: #bbbbbb;
}

/* Common Blocks */
.clear{
	clear: both;
	overflow: hidden;
	height: 0px;
	padding-top: 0.1px;
	font-size: 0px;
	line-height: 0px;
}

.highlight{
	color: #FFFFFF;
}

.hr{
	width: auto;
	height: 1px;
	background-color: #36404b;
}