/* Center divs vertically: http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css-2/ */
/* Color: #18130E*/
/* 
	url('sri-tsc-webfont.eot');
	url('sri-tsc-webfont.eot?#iefix') format('embedded-opentype'),
	url('sri-tsc-webfont.woff') format('woff'),
	url('sri-tsc-webfont.ttf') format('truetype'),
	url('sri-tsc-webfont.svg#Sri-TSCRegular') format('svg');
*/
/*
	AddType application/vnd.ms-fontobject    .eot
	AddType application/x-font-opentype      .otf
	AddType image/svg+xml                    .svg
	AddType application/x-font-ttf           .ttf
	AddType application/font-woff            .woff
*/

/* Fonts Anfang */
@font-face
{
	font-family: Daniel;
	src: local("Daniel"), url("fonts/daniel.ttf") format("truetype");
}

@font-face
{
	font-family: Tussj;
	src: local("Tussj"), url("fonts/tussj.ttf") format("truetype");
}

@font-face
{
	font-family: Neord;
	src: local("Neord"), url("fonts/neord.ttf") format("truetype");
}

@font-face
{
	font-family: Pacifico;
	src: local("Pacifico"), url("fonts/pacifico.ttf") format("truetype");
}

@font-face
{
	font-family: OldEnglish;
	src: local("OldEnglish"), url("fonts/oldenglish.ttf") format("truetype");
}

@font-face
{
	font-family: Shakespeare;
	src: local("Shakespeare"), url("fonts/shakespeare.ttf") format("truetype");
}
/* Fonts Ende */
/* Generell Anfang */
body
{
	background: url(pics/background.jpg);
	margin: 0;
}

h1
{
	font-family: OldEnglish;
	font-size: 550%;
	text-align: center;
	color: #18130E;
}

h2
{
	font-family: Neord;
}

.smaller
{
	width: 150px;
	height: 75px;
}

.hovereffect:hover
{
	transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	transition-duration: 1s;
	z-index: 1;
}

.hide
{
	display: none;
}
/* Generell Ende */
/* Hintergrund Anfang */
#content
{
	width: 1032px;
	height: 3200px;
	position: absolute;
	background-image: url(pics/pagebackground.jpg);
	left: 0;
	right: 0;
	margin: auto;
}

#content:before
{
	content: url(pics/topbkg.jpg);
}

#content:after
{
	position: absolute;
	top: 100%;
	left: 0px;
	content: url(pics/bottombkg.jpg);
}
/* Hintergrund Ende */
/* Banner Anfang */
#banner
{
	position: absolute;
	top: 200px;
	width: 100%;
	border-top: 3px solid #18130E;
	border-bottom: 17px solid #18130E;
	width: 1008px;
	left: 13px;
}

#toppic
{
	position: absolute;
	left: 430px;
	top: 50px;
	width: 186px;
	height: 221px;
	opacity: 0.4;
}
/* Banner Ende */
/* Navigation Anfang */
#top
{
	list-style-type: none;
	position: absolute;
	top: 415px;
	left: 5px;
	padding-top: 10px;
}

#top ul li
{
	display: inline;
	padding-right: 10px;
	font-size: 150%;
}

#side
{
	position: absolute;
	left: -265px;
	top: 670px;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	list-style-type: none;
	font-size: 125%;
}

#side img
{
	position: absolute;
	left: 200px;
}

#side a:link, #side a:visited
{
	color: #18130E;
}

#side div
{
	display: inline;
	background-color: rgba(255,255,255,0.7);
	padding: 10px;
	border-radius: 10px;
}
/* Navigation Ende */
/* Inhalt Anfang */
#grundsaetze
{
	position: absolute;
	top: 520px;
	left: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	border: 5px solid #18130E;
	width: 900px;
	font-size: 150%;
}


#grundsaetze span
{
	font-family: Tussj;
	line-height: 45px;
}

#grundsaetze img
{
	float: left;
	position: relative;
	top: 10px;
	width: 190px;
	height: 251px;
}

#gedenken
{
	border: 5px solid #18130E;
	width: 900px;
	position: absolute;
	top: 2450px;
	left: 30px;
	font-size: 150%;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

#gedenken img
{
	padding-left: 30px;
	width: 142px;
	height: 176px;
}

#chronik
{
	position: absolute;
	top: 850px;
	left: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	font-size: 150%;
	border: 5px solid #18130E;
	line-height: 45px;
	width: 900px
}

#chronik span
{
	font-family: Daniel;
}

#chronik img
{
	float: right;
	position: relative;
	top: 30px;
	width: 266px;
	height: 165px;
}

#jahre
{
	position: absolute;
	top: 1400px;
	left: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	font-size: 150%;
	border: 5px solid #18130E;
	line-height: 45px;
	width: 900px
}

#jahre span
{
	font-family: Pacifico;
}

#jahre img
{
	float: left;
	margin-right: 10px;
	position: relative;
	top: 20px;
}

#feldzug
{
	position: absolute;
	top: 1950px;
	left: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	font-size: 125%;
	border: 5px solid #18130E;
	line-height: 45px;
	width: 900px
}

#feldzug h2
{
	font-size: 175%;
}

#feldzug span
{
	font-family: Shakespeare;
}

#feldzug img
{
	float: right;
	width: 266px;
	height: 165px;
	position: relative;
	top: 20px;
	
}

#thanks-to-formatik {
    position: absolute;
    top: 3146px;
    left: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    font-size: 125%;
    border: 5px solid #18130E;
    line-height: 45px;
    width: 900px;
}
/* Inhalt Ende */