* {
	margin : 0;
	padding : 0;
}
p, form {
	padding : 2%;
}
img {
	max-width : 100%;
	max-height : 450px;
}
ul, li {
	list-style-type : none;
}
a {
	text-decoration : none;
}
footer a, .ucp a, .menu a {
	color : #f7f7f7;
}
.page_container a {
	color : #003c0f;
	
}
h1, h2, h3, h4, h5, h6 {
		font-size : 1.2em;
		color : #003c0f;
		padding : 1%;
}
body {
	font-size : 0.9em;
	font-family : verdana, sans-serif;
	background : url(/styles/main_page/img/body.jpg) #000 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.clear {
	clear : both;
}
.right {
	text-align : right;
}
.cookie_container {
	position : fixed;
	z-index: 20;
	bottom : 30%;
	right : 5%;
	height : 40%;
	width : 90%;
	color : #fff;
	overflow : auto;
	background : url(https://yhpb.de/pcdn/default/cookie_bg.png);
	border-radius : 5px;
}	
.cookie_container a {
	color : #fff;
}
.cookie_container a: hover {
	color : #f7f7f7;
}
.cookie_container input {
	width : 90%;
	padding : 2%;
}
.menu {
	position : fixed;
	z-index : 10;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 60px;
	text-align : center;
	background : #000;
}
.ucp {
	position : fixed;
	z-index : 8;
	top : 60px;
	left : 0px;
	width : 100%;
	height : 40px;
	background : #0b0b0b;
}
.ucp ul {
	margin : 0 auto; 
	max-width : 800px;
	text-align : center;
}
.ucp form {
	padding : 0;
	margin-top : 5px;
	text-align : center;
}
.ucp input {
	width : 80px;
	padding : 5px;
	color : #fff;
	background : #353535;
	border : 1px solid #888;
	border-radius : 5px;
}
.container {
	position : absolute;
	z-index : 5;
	top : 100px;
	left : 0px;
	width : 100%;
}
.content_editor, .content_table {
	margin : 0 auto;
	width : 90%;
	
}
.page_container {
	float : left; 
	padding : 1%;
	width : 98%;
	background : #ffffff;
}
.content_editor input, .content_editor textarea, .content_editor select,
.content_table input, .content_table textarea, .content_table select,
.content_container input, .content_container textarea, .content_container select
 {
		width : 88%;
		padding : 1%;
		margin-bottom : 1%;
}
.content_text, .css_editor, .content_editing, .js_editor {
	min-height : 600px;
}
.template_nav {
	position : relative;
	z-index : 10;
	width : 98%;
	padding : 1%;
}
.template_nav_front {
	position : relative;
	z-index : 10;
}
.mp, .template_nav_front li {
	font-weight : bold;
	border-bottom : 1px dotted #003c0f;
}
.mp2 {
	font-weight : bold;
	border-bottom : 4px solid #003c0f;
}



footer {
	float : left;
	color : #fff;
	width : 100%;
	background : #0b0b0b;
}

.main_footer {
	float : left; 
	width : 100%;
}
.main_footer li {
	float : left;
	width : 96%;
	padding : 2%;
}
.footer_title {
	margin-top : 2%;
	font-weight : bold;
	border-bottom : 1px #fff dotted;
}
.sub_footer {
	float : left;
	width : 100%;
	background : #000;
}
.sheet_table {
	margin : 0 auto;
	width : 100%;
}
.sheet_table img {
	width : 100px;
	height : 100px;
}
.center, form {
	text-align : center;
}
code {
  font-family: Consolas,"courier new";
  color: #003c0f;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 1.2em;
}
.news_container {
	margin : 0 auto;
	width : 98%;
	padding : 1%;
}
.news_img img {
	width : 100%;
	height : auto;
}
.news_img_full {
	float : left; 
	width : 100%;
	text-align : center;
}
.news_img_full img {
	width : 80%;
	height : auto; 
}
.news_content_full {
	float : left;
	width : 96%;
	padding : 2%;
}
.news_footer {
	text-align : right;
	border-top : 1px solid #888;
}
.news_footer button {
	background : none;
	border : none;
}
.main_nav li {
		float : left;
		width : 98%;
		padding : 1%;
		margin-bottom : 1%;
}
.sub li {
	margin : 0;
	padding : 0;
}
.login {
	margin : 0 auto;
	width : 80%;
}
.login input[type=text], .login input[type=password], .login input[type=email]  {
		width : 96%;
		padding : 2%;
		margin-bottom : 2%;
		color : #000;
		background : #fff;
		border : solid 1px #000;
		border-radius : 5px;
}
.login input[type=submit] {
	width : 20%;
	padding : 2%;
	color : #000;
	font-weight : bold;
	font-size : 1.3em;
	text-align : center;
	background : #003c0f;
	border : solid 1px #000;
	border-radius : 10px;	
}
.search {
	float : right;
	margin-bottom : 5%;
	width : 100%;
	height : 50px;
	text-align : right;
}
.search input { 
   width : 100px;
}
.user_table {
	float : left;
	width : 100%;
	margin-bottom : 2%;
	border-bottom : 1px solid #ccc;	
}
#drop_file_zone {
	margin : 0 auto;
    background-color: #EEE;
    border: #999 5px dashed;
    width: 80%;
    height: 20%;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}
.faq_block  {
	margin : 0 auto;
    background: #e4efe6;
    border: #003c0f 5px dashed;
    width: 80%;
	padding : 4%;
}
.gallery_container {
    position: relative;
}
.fallimage{
    float: left;
    width: 100%;
    min-height: 1500px;
    overflow: hidden;
}
.img img {
 width : 30%;
height : auto;
}
.img {
    position: relative;
    top: -2000px;
	-webkit-transition: top 1.25s;
	-moz-transition: top 1.25s;
	transition: top 1.25s;
}
.rota_4wb {
	margin : 0 auto;
	width : 96%;
	padding : 2%;
	font-size : small;
	text-align : center;
	background : #000;
}
.small {
	font-size : 0.8em;
}
.board_group_container {
	margin : auto;
	width : 90%;
	padding : 5%;
	background: #e4efe6;
    border: #003c0f 5px dashed;
	margin-bottom : 2%;
}
.board_group_title {
	font-weight : bold;
	font-size : 1.4em;
	border-bottom : 1px dotted #0b0b0b;
}
.board_topic_ul li {
	margin : auto;
	width : 96%;
	padding : 2%;
	background: #e4efe6;
    border: #003c0f 5px dashed;
	margin-bottom : 2%;	
}
.board_input_size { 
	float : left;
	width : 100%;
}
.board_input_size form { 
	float : left;
	margin-left : 1%;
	width : 48%;
}
	
.board_add_topic {
	margin : 0 auto;
	width : 100%;
	height : 60px;
	margin-bottom : 2%;		
	text-align : right;
	border-bottom : 1px dotted #000;
}
.board_add_topic form {
	float : right;
	width : 20%;
}
.board_textarea {
	min-height : 400px;
}
.topic_container {
	margin : 0 auto;
	width : 100%;
}
.user {
	float : left;
	width : 15%;
}
.topic {
	float : right;
	width : 84%;
	min-height : 200px;
	border-left : 1px dotted #0b0b0b;
}
.avatar {
	text-align : center;
}
.avatar img {
	max-width : 100px;
	max-height : 100px;
}
.topic_footer {
	border-top : 1px dotted #0b0b0b;
	border-bottom : 1px dotted #0b0b0b;
}
.page {
	margin : 0 auto;
	padding : 5px;
	width : 90%;
}
.page li, .page ol {
	padding : 2%;
}