body {
	font-family: Trebuchet MS,Verdana, Helvetica, sans-serif; 
	color: #000;
	background: #F3F3CD;
	font-size: 1.0em;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.bg_right {
	background: linear-gradient(to bottom, #FF832B, #FF832a);
	position: fixed;
	z-index: -10;
	top: 0;
	right: 0;
	width: 9%;
	height: 100%;
}

header {
	position: fixed;
	top: 0;
	right: 5%;
	width: 72%;
	height: 25%;
	z-index: 10;
}

article {
	position: fixed;
	top:25%;
	left:19%;
	width: 72%;
	height: 70%;
	padding-left: 25px;
	overflow: auto;
} 

article_galerie {
	position: fixed;
	top:40%;
	left:19%;
	width: 72%;
	height: 50%;
	padding-left: 25px;
	overflow: auto;
} 

article_menu {
	position: fixed;
	top:40%;
	left:19%;
	width: 72%;
	height: 50%;
	padding-left: 25px;
	overflow: auto;
}

nav_menu {
	background-color: #F3F3CD;
	position: fixed;
	top: 25%;
	right: 9%;
	width: 72%;
	height: 15%;
}

#table_menu {
	color: #000;
	text-align: center;
	table-layout: fixed;
	width: 100%;
	color: #000;
}

article_galerie_menu {
	position: fixed;
	top:50%;
	left:19%;
	width: 72%;
	height: 40%;
	padding-left: 25px;
	overflow: auto;
}

nav_galerie_menu {
	z-index: 10;
	position: fixed;
	top: 40%;
	right: 9%;
	width: 72%;
	height: 10%;
}

article_index {
	position: fixed;
	top:25%;
	left:19%;
	width: 60%;
	height: 72%;
	padding-left: 25px;
	overflow: auto;
} 

aside { 
	
	position: fixed;
	top: 0;
	left: 5px;
	width: 19%;
}

footer {
	background-color: #F3F3CD;
	position: fixed;
	bottom: 0;
	left: 19%;
	right: 9%;
	height: 3%;
}

wappen {
	position: fixed;
	z-index: -5;
	right: 4%;
	bottom: 5%;
	width: 10%;
}

wappen_gross {
	position: fixed;
	z-index: -5;
	right: 4%;
	bottom: 5%;
	width: 25%;
}

galerie {
	position: fixed;
	top: 18%;
	right: 6%;
	width: 75%;
	height: 25%;
	z-index: 5;
}

#menu {
	display:none;
}

#nadel {
	z-index:5;
}

a:link, visited, active, hover {
	color: #000;
}

#home, link, visited, active, hover {
	padding-left: 0px;
	font-size: 1.3em;
	color: #000;
}	

#footer_text {
	font-family: Arial Black;
	font-size: 0.9em;
	text-align: center;
	width: 100%;
}

.table_article {
	text-align: left;
	table-layout: fixed;
}

#kontakt {
	width: 50%;
}

#schild {
	width: 25%;
}

.img {
	width: 20%;
}


/* Desktop-Layout (1024 Pixel) */
@media screen and (min-width: 1024px) and (max-width: 1024px) {

header {
	position: fixed;
	top: 0;
	right: 1%;
	width: 72%;
	height: 15%;
	z-index: 10;
}

article {
	position: fixed;
	top:15%;
	left:24%;
	width: 67%;
	height: 80%;
	padding-left: 25px;
	overflow: auto;
} 

article_galerie {
	position: fixed;
	top:40%;
	left:24%;
	width: 67%;
	height: 50%;
	padding-left: 25px;
	overflow: auto;
} 

article_menu {
	position: fixed;
	top:30%;
	left:24%;
	width: 72%;
	height: 65%;
	padding-left: 25px;
	overflow: auto;
}

nav_menu {
	background-color: #F3F3CD;
	position: fixed;
	top: 14%;
	right: 9%;
	width: 69%;
	height: 15%;
}

#table_menu {
	color: #000;
	text-align: center;
	table-layout: fixed;
	width: 100%;
	color: #000;
}

article_galerie_menu {
	position: fixed;
	top:45%;
	left:24%;
	width: 72%;
	height: 50%;
	padding-left: 25px;
	overflow: auto;
}

nav_galerie_menu {
	z-index: 10;
	position: fixed;
	top: 40%;
	right: 9%;
	width: 69%;
	height: 15%;
}

article_index {
	position: fixed;
	top:15%;
	left:24%;
	width: 40%;
	height: 80%;
	padding-left: 25px;
	overflow: auto;
} 

aside { 
	
	position: fixed;
	top: 0;
	left: 5px;
	width: 24%;
}

footer {
	background-color: #F3F3CD;
	position: fixed;
	bottom: 0;
	left: 24%;
	right: 9%;
	height: 3%;
}

wappen {
	position: fixed;
	z-index: -5;
	right: 4%;
	bottom: 5%;
	width: 10%;
}

wappen_gross {
	position: fixed;
	z-index: -5;
	right: 6%;
	bottom: 5%;
	width: 25%;
}

galerie {
	position: fixed;
	top: 14%;
	right: 6%;
	width: 69%;
	height: 25%;
}

#kontakt {
	width: 80%;
}

#schild {
	width: 40%;
}

}


/* Desktop-Layout (800 Pixel) */
@media screen and (max-width: 1023px) {

body {
	font-family: Trebuchet MS,Verdana, Helvetica, sans-serif; 
	color: #000;
	background: #F3F3CD;
	font-size: 0.9em;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

header {
	position: fixed;
	top: 0;
	left: 33%;
	width: 72%;
	height: 13%;
	z-index: 10;
}

article {
	position: fixed;
	top:15%;
	left:22%;
	width: 69%;
	height: 75%;
	padding-left: 20px;
	overflow: auto;
} 

article_galerie {
	position: fixed;
	top:45%;
	left:22%;
	width: 69%;
	height: 45%;
	padding-left: 20px;
	overflow: auto;
} 

article_menu {
	position: fixed;
	top:30%;
	left:22%;
	width: 69%;
	height: 59%;
	padding-left: 20px;
	overflow: auto;
}

nav_menu {
	background-color: #F3F3CD;
	position: fixed;
	top: 10%;
	right: 9%;
	width: 69%;
	height: 7%;
}

#table_menu {
	color: #000;
	text-align: center;
	table-layout: fixed;
	width: 100%;
}

article_galerie_menu {
	position: fixed;
	top:49%;
	left:22%;
	width: 70%;
	height: 45%;
	padding-left: 25px;
	overflow: auto;
}

nav_galerie_menu {
	z-index: 10;
	position: fixed;
	top: 42%;
	right: 9%;
	width: 69%;
	height: 15%;
}

article_index {
	position: fixed;
	top:5%;
	left:24%;
	width: 45%;
	height: 85%;
	padding-left: 25px;
	overflow: auto;
} 

aside { 
	
	position: fixed;
	top: 0;
	left: 5px;
	width: 23%;
}

footer {
	background-color: #F3F3CD;
	position: fixed;
	bottom: 0;
	left: 24%;
	right: 9%;
	height: 4%;
}

wappen {
	position: fixed;
	z-index: -5;
	right: 4%;
	bottom: 5%;
	width: 10%;
}

wappen_gross {
	position: fixed;
	z-index: -5;
	right: 6%;
	bottom: 5%;
	width: 25%;
}

galerie {
	position: fixed;
	top: 8%;
	right: 6%;
	width: 69%;
	height: 20%;
}

#footer_text {
	font-family: Arial Black;
	font-size: 0.7em;
	text-align: center;
	width: 100%;
}

#kontakt {
	width: 80%;
}

#schild {
	width: 25%;
}

}