/* allgemeine formatierung */

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

   





html{
	 background: #0B0B3B; 
	
  background: -webkit-linear-gradient(#0000FF, #0B0B3B);
  
}








/* layout */

#wrapper{
	width: 100%;
	margin: 0px auto;
	#border: 0px solid #000;
	
}
header{
	width: 100%;
	margin: 0px auto;
	#border: 0px solid #000;
	float: center;
	text-align: center;
	display: block;
	
}
@font-face { font-family: 'Audiowide-Regular'; 
	src: url('/css/Audiowide-Regular.ttf') format('truetype'); }
	
#main-header{
	width: 100%;
	margin: 0px auto;
	#border: 0px solid #000;
	float: left;
	text-align: center;
	position: relative;
	z-index:999;
	
	
}



#pagename{
	width: 100%;
	margin: 0px auto;
	#border: 2px solid #000;
	float: center;
	text-align: center;
	position: absolute;
	font-family: Audiowide-Regular, "Brush Script", fantasy;
	font-size: 250%;
	color: #FFFF00;
	z-index: 999;
	
  background: -webkit-linear-gradient(yellow, green);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;	
	
}
/* #logo:before { */
#logol{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	#content: url(../images/logo.gif);
	width:20%;
	height:20%;
	background-size: 100%;
	#size: 50%;
	position: relative;
	z-index:-1;
	float: left;
}

#logor{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	
	width:20%;
	height:20%;
	background-size: 100%;
	
	position: relative;
	z-index:-1;
	float: right;
	
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";

}


div.tg{
	width: 100%;
	height: 75px;
	text-align: center;
	#border: 2px solid #000;
	float: center;
	text-align: center;
	position: inline;
	z-index: 2;
}


#top_galerie
{
	height: 75px;
	width: 100%;
	margin: 0px auto;
	#border: 2px solid #000;
	float: inline;
	text-align: center;
	height:155px;
	z-index:2;
	
}

/* #galerie_top
{
	width: 100%;
	margin: 0px auto;
	border: 0px solid #000;
	float: center;
	text-align: center;
	height:150px;
	
	
} */

nav{
	width: 100%;
	
	text-align: center;
	#border: 0px solid #000;
	float: center;
	text-align: center;
	position: absolute;
	z-index:999;
	display: block;
}

#headerbackground{
	width: 100%;
	margin: 0px auto;
	#border: 2px solid #000;
	float: left;
	text-align: inherit;
}



#breadcrumb{
	width: 100%;
	margin: 0px auto;
	#border: 2px solid #000;
	float: left;
	text-align: center;
	position: relative;
	#background-color: #0B0B3B;
	display: block;
	
}

#sidebarleft{
	width: 15%;
	max-width: 300px;
	margin: 0px auto;
	#border: 2px solid #000;
	float: left;
	text-align: center;
	#position: inline;
	#background-color:rgba(0, 0, 0, 0.5);
	
}

#sidebarright{
	width: 15%;
	max-width: 300px;
	margin: 0px auto;
	#border: 2px solid #000;
	float: right;
	text-align: center;
	#position: inline;
	
}

/* 
content{
	#position: inline;
	width: 100%;
	#min-height: 500px;
	margin: 0px auto;
	#border: 0px solid #000;
	
	
	z-index:1;
} */

#main_content{
	#position: relative;
	#width: 100%;
	#min-height: 500px;
	#margin: 0px auto;
	#border: 1px solid #000;
	
	
	
}



#contents{
	position: inline;
	width: 70%;
	min-height: 500px;
	margin: 0px auto;
	#margin-top: 10px auto;
	#border: 2px solid #000;
	background-color: rgba(255, 255, 255, 0.5);
	float: center;
	text-align: left;
	
}

#myContent{
	position: inline;
	width: 100%;
	
	margin: 0px auto;
	
	#border: 2px solid #000;
	background-color: rgba(255, 255, 255, 0.5);
	float: center;
	text-align: left;
	
}


#footer{
	width: 100%;
	height:43px;
	text-align: center;
	margin: 0px auto;
	#border: 1px solid #000;
	float: left;
	position: inline;
	background-color: #0B0B3B;
	z-index:999;
	display: block;
	}