/* CSS Document */

html, body {
	height:100%;
	background-color:#000;
	background-color:transparent;
}

body, td, th {
	font-family:"Conv_YanoneKaffeesatz-Light", Helvetica, sans-serif;
	font-size:medium;
	/* padding-bottom:12em; */
}


h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
}

h1 {
	font-size:200%;
	text-transform:uppercase;
	font-family:"Conv_YanoneKaffeesatz-Regular", Helvetica, sans-serif;
	padding:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	width:auto;
	min-width:1em;
	display:inline-block;
	background-color:#2e4593;
	color:#fff;
	box-shadow:0.2em 0.2em 0.2em #000;
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg);
	margin-top:1em;
	margin-bottom:1em;
	margin-right:2em;
	
	-webkit-border-radius:0.25em;
	-moz-border-radius:0.25em;
	border-radius:0.25em;
}
h1.active {
	color:#db921a;
}

#C1 h1 {
	background-color:#900;
}
h2 {
	font-size:150%;
	text-transform:uppercase;
	margin-top:1.2em;
	margin-bottom:0.5em;
}
a {
	color:#900;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.center {
	display:block;
}

.bigger1 {
	font-size:120%;
}
.bigger2 {
	font-size:140%;
}
.bigger3 {
	font-size:160%;
}
/* CSS Document */

@font-face {
	font-family: 'Conv_YanoneKaffeesatz-Bold';
	src: url('../fonts/YanoneKaffeesatz-Bold.eot');
	src: local('☺'), url('../fonts/YanoneKaffeesatz-Bold.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Bold.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_YanoneKaffeesatz-Light';
	src: url('../fonts/YanoneKaffeesatz-Light.eot');
	src: local('☺'), url('../fonts/YanoneKaffeesatz-Light.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Light.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_YanoneKaffeesatz-Regular';
	src: url('../fonts/YanoneKaffeesatz-Regular.eot');
	src: local('☺'), url('../fonts/YanoneKaffeesatz-Regular.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_YanoneKaffeesatz-Thin';
	src: url('../fonts/YanoneKaffeesatz-Thin.eot');
	src: local('☺'), url('../fonts/YanoneKaffeesatz-Thin.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Thin.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* CSS Document */

.row {
	max-width:60em;
}
#CLoading {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:#f00;
	color:#fff;
	font-size:150%;
	z-Index:9999;
	padding:2em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
	#CLoading img {
		margin:auto;
		position:absolute;
		top:0px;
		left:0px;
		bottom:0px;
		right:0px;
	}

/* ---- Header: ---- */
#H0 {
	background-image:url(../images/hg_flagge.jpg);
	background-repeat:no-repeat;
}

#H0 dl {
	color:#fff;
	text-align:right;
	margin-right:1em;
	margin-top:2em;
}
#H0 dl dt {
	text-transform:uppercase;
	font-weight:normal;
	font-size:120%;
}
#H0 dl dd {
	margin-left:0px;
	font-size:110%;
}


#H1 {
	
}
/* ENDE Header: ---- */

#C1 #Content {
	/*
	background-color:#900;
	background:rgba(255,255,255,0.7);
	background:rgba(0,0,0,0.5);
	*/
	text-shadow:0px 0px 0.1em #000;
}

.row * {
}
#C1 {
	padding:1em;
	padding-top:0.2em;
	margin-top:2em;
	margin-bottom:2em;
	margin-left:8em;
	
	border-radius:1em 0px 0px 1em;
	-webkit-box-shadow:0px 0px 0.5em #000;
	-moz-box-shadow:0px 0px 0.5em #000;
	box-shadow:0px 0px 0.5em #000;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	/*
	background-color:#900;
	background:rgba(255,0,0,0.7);
	*/
	background:rgba(0,0,0,0.2);
	color:#fff;
}

/* ---- Footer: ---- */
#F1 {
	width:40em;
	position:fixed;
	/* left:-33em; */
	bottom:1em;
	height:auto;
	z-Index:1;
	
	padding:1em;
	padding-right:0.2em;
	
	border-radius:0px 1em 1em 0px;
	-webkit-box-shadow:0px 0px 0.5em #000;
	-moz-box-shadow:0px 0px 0.5em #000;
	box-shadow:0px 0px 0.5em #000;
	
	background-color:#900;
	background:rgba(255,0,0,0.7);
	color:#fff;

	cursor:pointer;
}

#F1 #Logo {
	float:left;
	margin-right:1em;
}

#F1 p.kontakt {
	float:right;
	display:block;
	text-transform:uppercase;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	text-shadow:0px 0px 0.25em #000;
	text-align:left;
	font-size:300%;
	line-height:1em;
	margin-bottom:0px;
	color:#000;
	margin-top:10%;
}

#F1 dl {
	color:#fff;
	text-align:left;
	margin-right:1em;
	margin-top:1em;
}
#F1 dl dt {
	text-transform:uppercase;
	font-weight:normal;
	font-size:120%;
}
#F1 dl dd {
	margin-left:0px;
	font-size:110%;
}
#F1 a {
	color:#000;
}
	#F1 a:hover {
		text-decoration:none;
	}

#F2 {
}

#F2 ul {
	margin-left:0px;
	list-style-type:none;
	text-align:right;
	color:#f00;
	font-size:300%;
	font-family:'Conv_YanoneKaffeesatz-Bold';
}
#F2 li {
	text-shadow:0px 0px 0.1em #000;
}
#F2 ul li+li {
	color:#c00;
}
#F2 ul li+li+li {
	color:#900;
}

#F2 ul li img {
	filter:alpha(opacity=30);
	opacity:0.3;
	width:5em;
	margin-top:0.25em;
}
/* ENDE Footer: ---- */


#Logo {
	display:block;
	margin:auto;
}
#Pics {
	position:relative;
	height:112px;
	padding:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	overflow:hidden;
	
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	
	
	background: #6f7071; /* Old browsers */
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmNzA3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q4ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	
	background: -moz-linear-gradient(top,  #6f7071 0%, #d7d8d9 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f7071), color-stop(100%,#d7d8d9)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  #6f7071 0%,#d7d8d9 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #6f7071 0%,#d7d8d9 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #6f7071 0%,#d7d8d9 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  #6f7071 0%,#d7d8d9 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7071', endColorstr='#d7d8d9',GradientType=0 ); /* IE6-8 */
}

#BigPic {
	height:400px;
	position:relative;
}
/* CSS Document */

#nav0 {
	background-color:#f00;
	color:#fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:0.2em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#nav0 ul {
	text-align:center;
}
#nav0 ul li {
	display:inline-block;
}
	#nav0 ul li a {
		color:#fff;
		text-transform:uppercase;
		font-size:150%;
	}
	#nav0 ul li a.active {
		font-weight:bold;
	}
	
	#nav0 ul li .navspacer.pre, #nav0 ul li .navspacer.post {
		display:none;
	}
	#nav0 ul li .navspacer {
		margin-left:0.5em;
		margin-right:0.5em;
	}
#nav0 ul ul {
	display:none;
}

#H1 #nav0 {
	background:rgba(255,0,0,0.7);
}
/* CSS Document */

a.top {
	text-align:right;
	display:block;
}

.imgBlauschi {
	max-width:20em;
}

/* ---- Galerie: ---- */
#BigPic .pic {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

ul.gallery {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:auto;
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow-x:visible;
}
ul.gallery li {
	display:inline;
}
	ul.gallery li img {
		margin:1px;
		border:2px solid #000;
	}
	
ul.gallery li.active img {
	border-color:#f00;
}


ul.lightbox {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.lightbox li {
	display:inline;
	margin:1px;
}

ul.lightbox li img {
	padding:1px;
	background-color:#fff;
	border:1px solid #ccc;
	margin:3px;
	-webkit-box-shadow:0px 0px 3px #666;
	-moz-box-shadow:0px 0px 3px #666;
	box-shadow:0px 0px 3px #666;
}
/* ENDE Galerie: ---- */
/* CSS Document */


/* CSS Document */

/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 64em) {
	/* 64em = 1024Px */
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 47.99999999em) {
	/* 48em = 768Px --> alles, was kleiner als 768Px ist*/
	
.row {
	max-width:100%;
}

#H1 {
	max-width:100%;
}
	#H1 #nav0 {
		max-width:100%;
	}
#Content {
	width:auto;
}
#C1 {
	padding:1em;
	padding-top:0.2em;
	margin-top:2em;
	margin-bottom:2em;
	margin-left:0.5em;
	margin-right:0.5em;
	
	width:auto;
	
	border-radius:1em;
}

#F1 {
	width:auto;
	position:relative;
	margin:auto;
	left:auto;
	top:auto;
	
	border-radius:0px;
}
	#F1 #Logo {
		float:none;
		margin:auto;
		display:block;
		margin-bottom:1em;
		max-width:100%;
	}
	
	#F1 p.kontakt {
		display:none;
	}
	
#F2 {
	margin-bottom:2em;
	
}
#F2 ul li:last-of-type {
	display:none;
}

/* ENDE Smartphones, etc. ---- */