/* ------------------------------------------------------------------------------ */
/* TAGs -------------------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
	font-size:16px;
	font-weight:400;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	color:#585858;
}

body{
	position:absolute;
	width:100%;
	height:100%;
	background:#d7d7d7;
	overflow-y:scroll;
}

h1{
	width:100%;
	font-family:Source Sans Pro, arial, sans-serif;
	font-size:48px;
	font-weight:300;
	color:#4a6072;
	padding:10px 0;
	margin:0 0 10px 0;
}

h2{
	width:100%;
	font-family:Source Sans Pro, arial, sans-serif;
	font-size:24px;
	font-weight:400;
	color:#4a6072;
	margin:40px 0 10px 0;
}

h3{
	width:100%;
	font-family:Source Sans Pro, arial, sans-serif;
	font-size:24px;
	color:#838383;
	font-weight:400;
	margin:40px 0 10px 0;
}

h3 img, h3 img{
	display:none;
}

h2.open,h2.close,
h3.open,h3.close{
	padding-left:36px;
	cursor:pointer;
}

h2.open img, h2.close img,
h3.open img, h3.close img{
	height:24px;
	vertical-align:middle;
	margin-top:-5px;
	margin-left:-36px;
	margin-right:12px;
}

h2 + ul, h3 + ul{
	margin-top:0;
}

h2 + h3{
	margin-top:0;
}

ul{
	margin:25px 0 25px 20px;
	//list-style-image: url('../img/graphics/list.png');
}

ul ul{
	margin:0 0 0 20px;
	list-style-image: url('../img/graphics/list.png');
}

li{
	padding:3px;
}

div{
	position:relative;
	transition: display 0.5s;
}

table{
	border-collapse:collapse;
	border-radius:4px;
	color:#4a6072;
	background:#edeff1;
}

table tr{
	//padding:10px 0;
	border-collapse:collapse;
	background:none;
}

table tr td{
	border-collapse:collapse;
	//border:1px solid #aaa;
	padding:10px;
	vertical-align:top;
	background:none;
}

table tr:last-child td{
	padding-top:0;
}

table tr td:first-child{
	border-right:1px solid #d7d7d7;
	color:#4a6072;
}


table tr td:only-child{
	border-right:none;
}

hr{
	margin:0;
	border:0;
	border-bottom:1px solid #d7d7d7;
}


/* ------------------------------------------------------------------------------ */
/* HEADER ----------------------------------------------------------------------- */

#header{
	position:fixed;
	width:100%;
	height:100%;
	text-align:center;
	background:#4a6072 url(../img/graphics/header.png) center top no-repeat;
	z-index:99999997;
	overflow:hidden;
}

#header.full{
	cursor:default;
}

#logo{
	position:absolute;
	height:220px;
	left:50%;
	top:50%;
	margin-left:-110px;
	margin-top:-110px;
	cursor:pointer;
}

#logo.full{
	cursor:default;
}

#shadow{
	position:absolute;
	left:0;
	top:400px;
	width:100%;
	height:400px;
	z-index:99999996;
	pointer-events:none;
}

/* ------------------------------------------------------------------------------ */
/* MENU ------------------------------------------------------------------------- */

#menu{
	position:absolute;
	top:400px;
	left:50%;
	width:890px;
	margin-left:-445px;
	display:none;
}

#menu .tab{
	float:left;
	width:215px;
}

#menu .tab .main{
	width:100%;
	padding:10px 0;
	font-size:20px;
	line-height:20px;
	color:#d7d7d7;
	font-weight:400;
	font-family:Source Sans Pro, arial, sans-serif;
	text-align:center;
	border-radius:0 0 4px 4px;
	background:#585858;
	z-index:99999995;
	cursor:pointer;
	transition:padding 0.25s;
}

#menu .tab:hover .main{
	padding-top:20px;
}

#menu .tab .sub{
	position:absolute;
	width:100%;
	margin-top:-1000px;
	padding:10px 0;
	border-radius:0 0 4px 4px;
	background-color:#585858;
	background-image:url(../img/shade.png);
	background-repeat:no-repeat;
	opacity:0;
	z-index:99999990;
	transition:opacity 0.5s ease, margin 0.5s ease;
}

#menu .tab.active .main{
	padding-top:20px;
	color:#eee;
	background:#4a6072;
	z-index:99999998;
}

#menu .tab.active:hover .main{
	border-radius:0;
}

#menu .tab.active .sub{
	margin-top:-200px;
	opacity:0;
}

#menu .tab.active:hover .sub{
	margin-top:0;
	opacity:1;
}

#menu .tab .sub div{
	padding:5px 10px;
	font-weight:400;
	color:#d7d7d7;
	cursor:pointer;
}


#menu .tab .sub div.active,
#menu .tab .sub div:hover{
	background:#656565;
}



/* ------------------------------------------------------------------------------ */
/* PAGE ------------------------------------------------------------------------- */


#page{
	width:100%;
	margin-top:500px;
	margin-bottom:120px;
}

#page .pagew{
	margin:0 auto;
}

#page div[name]{
	padding-top:10px;
	margin-top:40px;
	border-top:1px solid #bebebe;
	display:none;
}

#page div[data-border='0']{
	border:0;
}

#page div[name='0']{
	text-align:center;
}

#page div[name].active{
	display:block;
}

#pagedown{
	display:block;
	margin:auto;
	cursor:pointer;
}

#pageup{
	position:relative;
	margin:0 auto;
	margin-top:100px;
	display:block;
	cursor:pointer;
}

.internlink{
	color:#4a6072;
	text-decoration:underline;
	cursor:pointer;
}


.onlydesktop{
	display:block;
}

.onlyphone{
	display:none;
}


/* ------------------------------------------------------------------------------ */
/* FOOTER ----------------------------------------------------------------------- */

#footer{
	position:fixed;
	width:100%;
	bottom:0;
	padding:20px 0 10px 0;
	background:#4a6072;
}

#footer .pagew{
	width:890px;
	margin:0 auto;
	text-align:right;
}

#footer #logoklein{
	float:left;
	margin-top:-10px;
	vertical-align:middle;
	cursor:pointer;
}

#footer .link{
	color:#d7d7d7;
	cursor:pointer;
}

#footer .link:last-child{
	background:red;
}

#footer .link:hover{
	color:white;
}




/* ------------------------------------------------------------------------------ */
/* SNIPPs ----------------------------------------------------------------------- */

.pagew		{ width:690px; }

.left		{ float:left; }
.right		{ float:right;}
.clear		{ clear:both; }

.upp		{ text-transform:uppercase; }
.low		{ text-transform:lowercase; }

.padd		{ padding:10px; }

.mr10		{ margin-right:10px; }
.mr15		{ margin-right:15px; }
.mb15		{ margin-bottom:15px; }

.nojs		{ pointer-events:none; cursor:text; }






/* ------------------------------------------------------------------------------ */
/* PORTRAIT --------------------------------------------------------------------- */


.portraitstart{
	position:absolute;
	height:600px;
	left:50%;
	bottom:-50px;
	z-index:999999998;
	transition:margin 0.5s ease,height 0.5s ease;
	pointer-events:none;
}

.portraitstart.er{
	margin-left:-300px;
}

.portraitstart.sie{
	margin-left:80px;
}


#page .portrait{
	position:absolute;
	height:600px;
	margin-top:-210px;
	left:50%;
	z-index:999999998;
	transition:margin 0.5s ease,height 0.5s ease;
}

#page .portrait.er{
	margin-left:-180px;
}

#page .portrait.er.small{
	margin-left:-150px;
	opacity:0.75;
}

#page .portrait.er:hover{
	z-index:999999999;
	height:850px;
	margin-left:-200px;
	margin-top:-400px;
}

#page .portrait.sie{
	margin-left:-50px;
}

#page .portrait.sie.small{
	margin-left:-80px;
	opacity:0.75;
}

#page .portrait.sie:hover{
	z-index:999999999;
	height:850px;
	margin-left:-120px;
	margin-top:-400px;
}

#page .portraitspace{
	height:300px;
}

.info{
	position:absolute;
	width:180px;
	height:150px;
	margin-top:100px;
	z-index:99999999;
}

.info.er{
	left:0;
	text-align:left;
}

.info.sie{
	right:0;
	text-align:right;
}

.info.er img{
	right:0;
	top:50px;
	position:absolute;
}

.info.sie img{
	position:absolute;
	top:50px;
	left:0;
}