@charset "UTF-8";
/* CSS Document */

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Exo 2', sans-serif;
  font-size:14px;
  font-weight:500;
}
#leiste {
	height:100%;
	width:69px;
	border-right:#444 1px solid;
	float:left;
  background-color: #000;
  overflow:hidden;
}

#inhalt {
	height:100%;
	width:calc(100% - 181px);
	float:left;
	text-align:center;
		font-size:3rem;
		line-height:3rem;
}

#fotografieren {
	font-weight:500;
		display:inline-block;
		float:left;
		background-color:#FFF;
		border:#000 3px solid;
		border-right:none;
		padding-top:7px;
	padding-left:18px;
	padding-right:20px;
	padding-bottom:10px;
}

#captions {
	font-weight:300;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	color:#FFF;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px;
	text-transform:uppercase;
	letter-spacing: 2px;
	cursor:pointer;
}

#capturekasten {
		display:inline-block;
	margin-left:auto;
	margin-right:auto;
	border:#444 1px solid;
	position:relative;
	top:calc(50% - 34px);
	cursor:pointer;
}

#logo {
width:150px;
height:131px;
margin-top:20px;
margin-left:15px;
display:none;
}

#erdbeeren {
width:32px;
height:84px;
display:none;
position:absolute;
top:20px;
left:19px;
}

#menupunkte {
	color: #FFF;
margin-top:50px;
padding-left:30px;
padding-bottom:0px;
	width:140px;
	height:170px;
	  font-size:16px;
	  display:none;
}


ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-position:outside;
}

li {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

a:link {color:#FFF; text-decoration:none;}      /* unvisited link */
a:visited {color:#FFF;text-decoration:none;}  /* visited link */
a:hover {color: #FFF;text-decoration:underline;}  /* mouse over link */
a:active {color:#FFF;text-decoration:none;}  /* selected link */

	.impressumlink:link {text-decoration: underline; color: #999;font-weight:300;}
.impressumlink:visited {text-decoration: underline; color: #999;font-weight:300;}
.impressumlink:active {text-decoration: underline; color: #999;font-weight:300;}
.impressumlink:hover {text-decoration: underline; color: #FFF;font-weight:300;}

	.navilink:link {text-decoration: underline; color: #666;}
.navilink:visited {text-decoration: underline; color: #666;}
.navilink:active {text-decoration: underline; color: #666;}
.navilink:hover {text-decoration: underline; color: #FFF;}

.navilinkaktuell:link {text-decoration: none; color: #C00;}
.navilinkaktuell:visited {text-decoration: none; color: #C00;}
.navilinkaktuell:active {text-decoration: none; color: #C00;}
.navilinkaktuell:hover {text-decoration: none; color: #C00;}


#aktuell {
	color: #C00;
}

#menuaktuell {
	font-weight:400;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
	color: #FFF;
	font-size:24px;
	text-transform: uppercase;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	display:none;
	position:absolute;
	top:50%;
	left:0px;
}

#spracheaktiv {
}

	.sprachepassiv:link {}
.sprachepassiv:visited {}
.sprachepassiv:active {}
.sprachepassiv:hover {
		cursor:pointer;
		-webkit-box-shadow: 0px 0px 10px #FFF;
-moz-box-shadow: 0px 0px 10px #FFF;
box-shadow: 0px 0px 10px #FFF;}