<!--@font-face {
	font-family: 'altEnglisch';
	src: 	url('../images/fonts/Leipzig_Fraktur_Normal.eot#') format('eot'),
			url('../images/fonts/Leipzig_Fraktur_Normal.ttf') format('truetype'),  
			url('../images/fonts/Leipzig_Fraktur_Normal.svg') format('svg'), 
			url('../images/fonts/Leipzig_Fraktur_Normal.woff') format('woff'); 
}-->


@font-face {
	font-family: 'altEnglisch';
	src: 	url('../images/fonts/OldeEnglish.ttf') format('truetype');
}

.bgOverall{
	background-color: #36F;
}

*{
	padding: 0;
	margin: 0;
}
html,body{
	height: 100%;
	width:100%;
}
body{
	background: url('../images/newWallBG.gif') no-repeat fixed;
	background-size: 100% 100%;
}

.site-wrapper{
	height:100%;
	width: 1024px;
	margin: auto;
  	z-index: 1;
}

/*
################################################
					DEFAULTS
################################################
*/

ol{
	margin-left: 30px;
}

ul{
	margin-left: 30px;
}


/*
################################################
					HEADER
################################################
*/

/*#bannerDiv{*/
.header{
	background: url(../images/headerBl.png);
	width: 100%;
	height: 205px;
}



/*
################################################
					MIDDLE SECTION
################################################
*/

.site-background{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	min-height:550px;
	width: 100%;
	background: url(../images/fenceBl.png);
	padding: 0 60px 80px 60px;
	margin: 0 auto;
	z-index:2;
	overflow: auto;
	gap: 10px;
}

/*
################################################
					NAVIGATION
################################################
*/

.navigation{
	flex: 3;
	width:100%;
	text-align: center;
}

.top-nav{
	background: url(../images/menuTitle.png);
	background-size: 100%;
	height: 55px;
	margin-top: 30px;
	padding-top: 78px;
}

#navigationDiv div.moduletable_menu{
	text-align: center;
	overflow: hidden;
	margin-bottom: 100px;
}

.menu-item-span{
	color: rgb(8, 2, 37);
  	font-family: 'altEnglisch';
	font-weight: bolder;
  	font-size: 35px;
	text-decoration: none;
}

.menu-item-div{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 69px;
	background: url(../images/menuItem.png) no-repeat;
	background-size: 100% 100%;
}

#navigationDiv ul{
	margin-left: 0px;
}

#navigationDiv ul.nav.menu li{
	height: 75px;
}

#navigationDiv ul.nav.menu li.current a{
	color: white;
	/*background: silver;
	padding: 10px;
	border-bottom: 2px black solid;*/
}

#navigationDiv div.moduletable{
	overflow: hidden;
	color: white;
}

#menuHeaderDiv{
	text-align: center;
	color: black;
	font-size: 22px;
	font-weight: bolder;
}

/*
################################################
					PAGE TITLE
################################################
*/

.content-background-top{
	background: url(../images/paperTop.gif) top left no-repeat;
	background-size: 100% 110px;
	min-height: 110px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	
}
.tilde-left-div{
	background-image: url("../images/tildeSmallLeft.png");
	background-size: 100% 100%;
	height: 15px;
	width: 135px;
}

.tilde-right-div{
	background-image: url("../images/tildeSmallRight.png");
	background-size: 100% 100%;
	height: 15px;
	width: 135px;
}
.page-title-span{
	font-family: 'altEnglisch';
	font-size: 1.8rem;
}

/*
################################################
					CONTENT PANE
################################################
*/

.content-background{
	flex: 7;
	min-height:550px;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}

.title-picture-div{
	text-align: center;
	margin: 20px 0;
	
}

.picture-title-h1{
	font-family: 'altEnglisch';
	font-size: 2rem;
}

.article-span{
	font-family: 'altEnglisch';
	font-size: 1.5rem;
}


.content-background-middle{
	margin:0;
	background: url(../images/paperMiddle.gif) repeat;
	background-size: 100% 1200px;
	min-height: 680px;
	padding: 10px 40px;
}

.content-background-bottom{
	margin:0;
	background: url(../images/paperBottom.gif) no-repeat;
	background-size: 100% 100%;
	min-height: 110px;
}

.content-background-logo{
	padding: 50px;
	padding-top: 0px;
	padding-bottom: 10px;
	min-height: 680px;
	text-align: left;
  	background: url(../images/cpBgLogoBrighter.png) center no-repeat;
}

.klanmitglieder-img-div{
	width: 100%;
	max-width: 100%;
}


.klanmitglieder-div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 50px;
	width: 100%;
	max-width: 100%;
}


/*
################################################
					FOOTER
################################################
*/

#footerDiv ul.nav.menu{
	list-style-type: none;
  	text-align: center;
}

#footerDiv ul.nav.menu li{
  display: inline;
  margin-left: 20px;
}

#footerDiv{
	clear: both;
	text-align: center;
  	background-color: white;
  	margin-left: 5%;
  	margin-bottom: 20px;
  	width: 90%;
    opacity: 0.5;
}

#footerLinksDiv a{
  margin-right: 20px;
}

/*
################################################
					Profile 
################################################
*/

div.profile legend{
  font-size: x-large;
  font-weight: bold;
}

div.profile dt{
  font-weight: bold;
  margin-top: 5px;
}

div.profile dl.dl-horizontal{
  padding: 10px;
}


#users-profile-core{
  background: rgba(200,200,200,.5);
  margin-bottom: 30px;
  margin-top: 15px;
}

#users-profile-custom{
  background: rgba(200,200,200,.5);
}

div.profile-edit{
  padding-top:15px;
  padding-bottom: 25px;
}

div.profile-edit fieldset{
  padding: 10px;
  background: rgba(200,200,200,.5);
}

div.profile-edit legend{
  font-size: x-large;
  font-weight: bold;
}

div.profile-edit div.control-group{
  margin-top: 5px;
}

div.profile-edit div.control-group div.control-label{
  font-weight: bold;
}

/*
################################################
					Artikel
################################################
*/

div.blog{
	/*background: rgba(200,200,200,.8); */
  	padding: 10px;
}

div.item-page{
	
  	padding: 10px;
}

/*Klancodex*/

table.clancodex td{
  vertical-align: top;
}

/*
################################################
				Kunena-Forum
################################################
*/


div.kheader a{
	font-family: 'altEnglisch' !important;
  	font-size: 1.8em !important;
}