/* ========== Allgemeine Einstellungen ========== */



/* breite der gesamtkonstruktion in pixel - index.html*/
#breite {width:920px}

/* breite der gesamtkonstruktion in prozent - index2.html */
#breite_version2 {width:1024px}

/* breite der gesamtkonstruktion in prozent - index2.html */
#breite_version2a {width:720px}

/* arvo-700 - latin */
@font-face 
{
	font-family: 'Arvo';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/arvo-v10-latin-700.eot); /* IE9 Compat Modes */
	src: local('Arvo Bold'), local('Arvo-Bold'),
		 url(fonts/arvo-v10-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		 url(fonts/arvo-v10-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
		 url(fonts/arvo-v10-latin-700.woff) format('woff'), /* Modern Browsers */
		 url(fonts/arvo-v10-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
		 url(fonts/arvo-v10-latin-700.svg#Arvo) format('svg'); /* Legacy iOS */
}


body
{
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	margin-bottom: 20px; 
	background-color: #494949; 
	opacity: 93%;
	overflow-y:scroll; 
	background-image:url(images/Adler2.jpg); 
	background-attachment: fixed; 
	background-repeat: no-repeat;
	background-size: cover;
}

h1
{
	color:#bebebe;
	margin-bottom:30px;
	letter-spacing:2px;
	font-family:arvo;
	font-size: 28px;
}

h2
{ 
	color:#bebebe;
	margin-bottom:30px;
	letter-spacing:2px;
	font-family:arvo;
	font-size: 22px;
}

h3, h4, h5, b, strong, ma
{
	color: bebebe
}

hr
{
	border-color: gray;
}

#haupt 
{
	border:solid 1px #000
}

/* farbige scrolleiste internet explorer ab vers.5.5 */
body
{
	scrollbar-arrow-color: #535353;
	scrollbar-base-color: #2d2d2d;
	scrollbar-highlight-color : #535353;
	scrollbar-shadow-color : #535353;
	SCROLLBAR-TRACK-COLOR: #202020;
}




/* ========== Kopfbereich ========== */

#top1
{
	height:40px;
	background-color:#454545;
	color:#56686D;
	width:100%;
	vertical-align:center;
	text-align:center;
	font-family: georgia,arial,tahoma,verdana,helvetica, sans-serif;
	font-size: 27px;line-height: 20px;
	padding-left:20px;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
}

#name_rw 
{
	font-family: georgia,arial,tahoma,verdana,helvetica, sans-serif;
	font-size: 17px;line-height: 20px;
	font-variant:small-caps;
	letter-spacing:10px;
	color:#7d7d7d;
}

#top2 
{
	height:60px;
	background-color:#454545;
	color:#56686D;
	width:100%;
	vertical-align:middle;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}


#top3 
{
	background-color:#454545;
	color:#7d7d7d;
	height:109px;
	vertical-align:middle;
	text-align:center;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;line-height: 20px;
	font-variant:small-caps;
	vertical-align:bottom;
	text-align:right;
	background-image:url(images/logo1.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;

}

#top4 
{
	background-color:#454545;
	color:#7d7d7d;
	height:160px;
	vertical-align:middle;
	text-align:center;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;line-height: 20px;
	font-variant:small-caps;
	vertical-align:bottom;
	text-align:right;
	background-image:url(images/logo1.jpg);
	background-repeat:no-repeat;
	background-position: 69% 50%;

}

#top4a
{
	background-color:#454545;
	color:#7d7d7d;
	height:160px;
	vertical-align:middle;
	text-align:center;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;line-height: 20px;
	font-variant:small-caps;
	vertical-align:bottom;
	text-align:right;
	background-image:url(images/logo.png);
	background-size:35% 85%;
	background-repeat:no-repeat;
	background-position: 69% 50%;

}

/* ========== Mittelbereich ========== */



#nav 
{
	padding: 0 0 0 0 ;
	text-align:center;
	vertical-align:top;
	background-color:#454545;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	border-top:solid 1px #5A5556;
	border-left:solid 1px #5A5556;
	border-bottom:solid 1px #000;
}

#nav2 
{
	padding: 0 0 0 0 ;
	text-align:center;
	vertical-align:top;
	background-color:#454545;
	background-repeat:repeat-x;
	background-position:  50% 0%;
	/* border-top:solid 1px #5A5556; */
	/* border-left:solid 1px #5A5556; */
	/* border-bottom:solid 1px #000; */
}

/* breite der linken spalte in pixel */
#nav_breite 
{
	width:200px;
}

#textbox 
{
	height:475px;
	background-color:#454545;
	text-align:justify;
	font-size: 15px;line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#8f8f8f;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right:30px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-image:url(images/schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	/* border-top:solid 1px #5A5556;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000; */
}

#textbox2 
{
	height:300px;
	background-color:#454545;
	text-align:justify;
	font-size: 15px;line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#8f8f8f;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right:30px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-repeat:repeat-x;
	background-position:  50% 0%;
	/* border-bottom:solid 1px #000;
	border-right:solid 1px #000; */
}

#textbox3
{
	height:300px;
	background-color:#454545;
	/* text-align:justify; */
	font-size: 15px;line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#8f8f8f;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right:30px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-repeat:repeat-x;
	background-position:  50% 0%;
	/* border-bottom:solid 1px #000;
	border-right:solid 1px #000; */
}

#spalte2
{
	-moz-column-width: 250px;
	-moz-column-count: 2; 
	-moz-column-gap: 25px;
	-webkit-column-width: 250px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-width: 250px;
	column-count: 2;
	column-gap: 25px;
}

#spalte3
{
	-moz-column-width: 250px;
	-moz-column-count: 3; 
	-moz-column-gap: 25px;
	-webkit-column-width: 250px;
	-webkit-column-count: 3;
	-webkit-column-gap: 25px;
	column-width: 250px;
	column-count: 3;
	column-gap: 25px;
}
.spalte2
{
	-moz-column-width: 250px;
	-moz-column-count: 2; 
	-moz-column-gap: 50px;
	-webkit-column-width: 250px;
	-webkit-column-count: 2; 
	-webkit-column-gap: 50px;
	column-width: 250px;
	column-count: 2; 
	column-gap: 25px;
}
	
.spalte3
{
	-moz-column-width: 250px;
	-moz-column-count: 3; 
	-moz-column-gap: 25px;
	-webkit-column-width: 250px;
	-webkit-column-count: 3;
	-webkit-column-gap: 25px;
	column-width: 250px;
	column-count: 3;
	column-gap: 25px;
}


#Button a
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e2d2e), color-stop(1, #595959) );
	background:-moz-linear-gradient( center top, #2e2d2e 5%, #595959 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2e', endColorstr='#595959');
	background-color:#2e2d2e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#8e8e8e;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}

#Button a:hover
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #595959), color-stop(1, #2e2d2e) );
	background:-moz-linear-gradient( center top, #595959 5%, #2e2d2e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#2e2d2e');
	background-color:#595959;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#8e8e8e;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}

#Button a:active
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e2d2e), color-stop(1, #595959) );
	background:-moz-linear-gradient( center top, #2e2d2e 5%, #595959 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2e', endColorstr='#595959');
	background-color:#2e2d2e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#8e8e8e;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	position:relative;
	top:1px;
}

.Button a
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e2d2e), color-stop(1, #595959) );
	background:-moz-linear-gradient( center top, #2e2d2e 5%, #595959 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2e', endColorstr='#595959');
	background-color:#2e2d2e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#8e8e8e;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}

.Button a:hover
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #595959), color-stop(1, #2e2d2e) );
	background:-moz-linear-gradient( center top, #595959 5%, #2e2d2e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#2e2d2e');
	background-color:#595959;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#8e8e8e;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}

.Button a:active
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e2d2e), color-stop(1, #595959) );
	background:-moz-linear-gradient( center top, #2e2d2e 5%, #595959 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2e', endColorstr='#595959');
	background-color:#2e2d2e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#8e8e8e;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	position:relative;
	top:1px;
}

/* ========== Fussbereich - in fuss_mitte steht der text========== */

#fuss_ob 
{
	height:0px;
	background-color:#454545;
	width:100%;
	border-top:solid 1px #5A5556
}

#fuss_mitte 
{
	height:40px;
	color:#7d7d7d;
	background-color:#454545;
	font-family:arial;
	font-size:12px;
	line-height:20px;
	text-align:center;
	width:100%;
	vertical-align:middle;
}

#fuss_un 
{
	height:5px;
	background-color:#454545;
	width:100%;
	vertical-align:middle;
	text-align:center;
	background-image:url(images/schatten_un.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
}

/* ========== Schatten um Hauptbereich ========== */

#s1 {
background-image:url(images/s1.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
height:22px;
line-height:22px;
width:22px;
}

#s2 
{
	background-image:url(images/s2.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:100%;
}

#s3 
{
	background-image:url(images/s3.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s4 
{
	background-image:url(images/s4.jpg);
	background-repeat:repeat-y;
	background-position:  100% 0%;
	height:100%;
	width:22px;
}

#s4back 
{
	background-image:url(images/s4back.jpg);
	background-repeat:repeat-y;
	background-position:  100% 0%;
	height:100%;
	width:22px;
	vertical-align:top
}


#s6 
{
	background-image:url(images/s6.jpg);
	background-repeat:repeat-y;
	background-position:  0% 0%;
	height:100%;
	width:22px;
}

#s6back 
{
	background-image:url(images/s6back.jpg);
	background-repeat:repeat-y;
	background-position:  0% 0%;
	height:100%;
	width:22px;
	vertical-align:top
}


#s7 
{
	background-image:url(images/s7.jpg);
	background-repeat:no-repeat;
	background-position:  100% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s8 
{
	background-image:url(images/s8.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:100%;
}

#s9 
{
	background-image:url(images/s9.jpg);
	background-repeat:no-repeat;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}