@font-face {
	font-family:alien;
	src:url(../fonts/alienleague.ttf);
}


@font-face {
	font-family:nelson;
	src:url(../fonts/nelsonoldcharacters.ttf);
}


@font-face {
	font-family:wowater;
	src:url(../fonts/worldofwater.ttf);
}



body{
	background: url(../graphics/bg_structure.png) #e7e7e7;
	min-width:870px;
/* 	min-height:120px; */
}


/* mtheme */

#mtheme{
/* 	background: lime; */
	width:60%;
	max-width:1500px;
/* 	height:200px; */
	margin:auto;
	overflow: hidden;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -133px; 
	margin-left: -768px;
}

#mtheme #mtheme_top #mtheme_top_c1 > p,
#mtheme #mtheme_bottom > p{
	font-family:alien, Arial;
	color: #545454;
	margin: 0px;
	text-align: center;
}

#mtheme #mtheme_top{
/* 	border-bottom: 1px solid #545454; */
	float: left;
/* 	background: red; */
	width:100%;
	height:200px;
	text-align: center;
}

#mtheme_top #mtheme_top_c1,
#mtheme_top #mtheme_top_c2{
	opacity: 0;
	height:100%;
}

#mtheme_top #mtheme_top_c2 div{
	background: #ededed;
	border: 1px solid #dbdbdb;
	margin:0px 10px 0px 10px;
	
	height:90%;
	margin-bottom:10%;
	min-width:200px;
	display: inline-block;
	
	cursor: pointer;
	
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}

#mtheme_top #mtheme_top_c2 div:hover{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	background: #ececec;
}

#mtheme_top #mtheme_top_c2 div:hover p{
/* 	border-bottom:1px solid #c5c5c5; */
}

#mtheme_top #mtheme_top_c2 div p{
	font-family:Arial;
	color: #6c6c6c;
	font-size:17px;
	position: relative;
	top:50%;
	margin-top:-10px;
	display: inline-block;
	text-align:center;
	padding:0px 10px 0px 10px;
}

#mtheme_middle{
	float:left;
	text-align: center;
}

#mtheme_line{
	border:none;
	border-top:1px solid #545454;
	width:0px;
/* 	opacity: 0; */
}

#mtheme #mtheme_top #mtheme_top_c1 > p{
	font-size:200px;
	font-weight:bold;
}

#mtheme #mtheme_bottom{
	float: left;
/* 	background: yellow; */
	width:100%;	
	text-align: center; /* für span */

}

#mtheme #mtheme_bottom > p{
/* 	background: blue; */
/* 	display: inline-block; */
	font-size: 50px;
	font-family: alien;
	margin-top:20px;
	opacity:0;
	
	cursor:pointer;
}

#mtheme #mtheme_bottom > span{
	font-size: 15px;
	font-family: Arial;
	margin-top:20px;
	margin-left:-30px;
	opacity:0;
}

/* navigation */

#navigation{
	width:60%;
	max-width:1500px;
	height:50px;
	margin:auto;
/* 	overflow: hidden; */
	position: relative;
	
	border-bottom:1px solid #545454;	
	
/* 	background: lime; */
	margin-bottom:40px;
}

#navigation #logo{
	float: left;
/* 	background: red; */
	font-family: alien;
	cursor: pointer;
}

#navigation #logo p:first-of-type{
/* 	background: #545454; */
/* 	background: #ababab; */
	background: #ab4e4e;
	margin: 0px;
	height:49px;
	line-height: 50px;
	font-size: 50px;
	color:#e7e7e7;
	padding:0px 5px 0px 5px;
}

#navigation #logo p:last-of-type{
	margin: 0px;
	height:40px;
	line-height: 40px;
	font-size: 20px;
/* 	color:#545454; */
	color:#ab4e4e;
	padding:0px 5px 0px 5px;
}

#navigation navi#navigation ul{
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left:20px;
	list-style: none;
	height:50px;
}

#navigation navi#navigation ul li{
	float: left;
	margin:0px 15px 0px 15px;
	font-family: Arial;
	font-weight:normal;
	color: #545454;
	font-size:18px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	position: relative;
}

#navigation navi#navigation ul li:hover:after,
#navigation navi#navigation ul li[current=true]:after{
	content:'';
	position: absolute;
	border: 5px solid;
	border-color: transparent transparent #545454 transparent;
	bottom:0px;
	left:50%;
	margin-left:-2px;
}

#navigation navi#subnavigation ul{
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left:20px;
	list-style: none;
	height:25px;
/* 	background: red; */
	position: absolute;
	left:226px;
	top:55px;
}

#navigation navi#subnavigation ul li{
	float: left;
	margin:0px 5px 0px 5px;
	padding:0px 5px 0px 5px;
	font-family: Arial;
	font-weight:normal;
	color: #545454;
	font-size:14px;
	height:25px;
	line-height:25px;
	cursor:pointer;
	position: relative;
}

#navigation navi#subnavigation ul li:hover,
#navigation navi#subnavigation ul li[current=true]{
	background: #545454;
	color: #e7e7e7;
}

/* page */

#page{
	width:60%;
	max-width:1500px;
	height:50px;
	margin:auto;
	position: relative;
/* 	background: red; */
}

#copyright{
	position: fixed;
	font-family:Arial;
	font-size:12px;
	color:#6c6c6c;
	bottom:10px;
	left:10px;
}

#impressum{
	position: fixed;
	font-family:Arial;
	font-size:12px;
	color:#6c6c6c;
	bottom:10px;
	right:20px;
}

#impressum > a{
	text-decoration: none;
	color: #6c6c6c;
	float: right;
	margin-left:20px;
}

#impressum > a:hover{
	color: #AB4E4E;
}