/* CSS Document */

*,html {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

body {
	background-image:url(../img/design01/bg_body.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.page_wrap {
	background:url(../img/design01/bg_page_wrap.png) top repeat-x;	
	width:100%;
}

.page {

	line-height:1.4em;
	text-align:left;	
	width: 900px;
	margin:0 auto;
}

.left {
	width:187px;
	float:left;
}

	.box {
		
	}

		.boxtop {
			background:url(../img/design01/bg_boxtop.png) top left no-repeat;
			padding:20px 15px 3px 15px;
		}
		
			.facebook {
				text-align:center;
			}
	
		.boxbottom {
			height:19px;	
			background:url(../img/design01/bg_boxbottom.png) top left no-repeat;
		}

.right {
	float:right;
	width:690px;
}

	.footer_wrap {
		text-align:right;
		padding-right:25px;
	}


	.slogan {
		padding-top:17px;
		text-align:center;	
	}
	
		.slogan iframe {
			float:right;
			padding-top:9px;	
		}
	
	.menu_wrap {
		padding-top:20px;
		clear:both;
		width:100%;
	}
	
		   .menu_wrap a#pull {
			  display:none;  
			}
  	
	.menu_top {
		background:url(../img/design01/bg_contenttop.png) top center no-repeat;
		height:20px;
	}
	
	.menu_content {
		background:url(../img/design01/bg_contentmain.png) center repeat-y;
		height:20px;
	}
	
	.menu_bottom {
		background:url(../img/design01/bg_contentbottom.png) bottom center no-repeat;
		height:20px;
	}
	
	.content {
		text-align:justify;
		padding-top:20px;	
	}
	
		.content_top {
			background:url(../img/design01/bg_contenttop.png) top center no-repeat;
			height:30px;
		}	
		
			.breadcrumb {
				float:left;
				font-size:10px;
				padding-top:25px;
				padding-left:30px;
				color:#999;
			}
			
				.breadact {
					color:#666;	
				}
			
			.nw_share{
				float:right;
				clear:both;
	
			}
		
		.content_main {
			background:url(../img/design01/bg_contentmain.png) center repeat-y;
		}
		
			#main {
				padding:0px 30px;	
			}
		
		.content_bottom {
			background:url(../img/design01/bg_contentbottom.png) bottom center no-repeat;
			height:30px;
		}	


.sponsoren .csc-textpic {
	padding-left:30px;
}



/* mobile */

@media screen and (max-width: 767px) {
	
	.page_wrap {
		background:none;	
	}
	
	.page {
		width:96%;
		margin: 0 2%;	
	}
	
	.logo {
		margin-top:60px;
		text-align:center;
	}
	
	.logo img {
		width:100px;
		height:auto;	
	}
	
	.left,
	.right {
		float:none;
		width:100%;	
	}
	
		.box {
			width:187px;
			margin:0 auto;	
		}
		
		.slogan img {
			width:100%;
			height:auto;	
		}
	
	.content_main {
		background-image:none;
		background:#fff;	
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		border: 3px solid #000000;
	}
	
	.content_top,
	.content_bottom,
	.menu_top,
	.menu_bottom {
		display:none;
	}	
	
	#main {
		padding: 5px;	
	}
	
	.sponsoren {
		margin:20px 0;	
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		border: 3px solid #000000;
		text-align:center;
		padding:10px 5px;
	}
	
	.sponsoren .csc-textpic {
		padding-left:0;	
	}
	
	.menu_wrap {
	  background:#000;
	  line-height:50px;
	  top:0;
	  width:100%;
	  z-index:999;
	  position:fixed;
	  float:none;
	  height:50px;
	  padding-top:0;
	  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	}
	
	  .fixmenu {
		position:relative;  
		margin-bottom:-50px;
	  }
	
	.menu_wrap a#pull {
		display: block;
		position: relative;
		height:auto;
		margin:0 auto;
		color:#fff;
		text-decoration:none;
		font-size:25px;
		font-weight:400;
		padding-right:35px;
		padding-left:10px;
	  }
		.menu_wrap a#pull:after {
		  content:"";
		  background: url(../img/design01/nav-icon.png) no-repeat;
		  width: 30px;
		  height: 30px;
		  display: inline-block;
		  position: absolute;
		  right: 0px;
		  top: 16px;
		}
	
	.menu_content {
		height:auto;
		background:none;	
	}
}