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


/* breite der gesamtkonstruktion */
#breite  {
width : 880px;
}

/* breite der linken spalte */
#nav_breite {
width : 240px;
}


body {
margin-top : 20px;
margin-left : 0;
margin-right : 0;
margin-bottom : 20px;
background-color : #323232;
}

h2 {
color : #626262;
margin-bottom : 30px;
letter-spacing : 2px;
font-family : georgia, arial, helvetica, verdana, tahoma, sans-serif;
font-size : 22px;
}

#haupt {
border : 20px solid #363636;
}

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

#top1  {
height : 140px;
background-color : #454545;
color : #56686d;
width : 100%;
vertical-align : middle;
text-align : center;
font-family : georgia, arial, tahoma, verdana, helvetica, sans-serif;
font-size : 17px;
line-height : 20px;
padding-left : 20px;
background-image : url(images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-top : 1px solid red;
border-left : 1px solid #5a5556;
border-right : 1px solid #5a5556;
}

#top2 {
height : 80px;
background-color : #444444;
color : #56686d;
width : 100%;
vertical-align : top;
padding-left : 0;
border-bottom : 1px solid #000;
background-image : url(images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

#top3 {
	background-color : #3a3a3a;
	color : #7d7d7d;
	height: 100px;
	vertical-align : top;
	text-align : center;
	font-family : georgia, arial, helvetica, tahoma, verdana, sans-serif;
	font-size : 22px;
	line-height : 20px;
	font-variant : small-caps;
	vertical-align : top;
	text-align : left;
	background-repeat : no-repeat;
	background-position : 50% 50%;
	border-top : 1px solid #5a5556;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
}


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



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

.nav_ob {
	height : 45px;
	padding : 0 0 0 0;
	text-align : center;
	vertical-align : top;
	background-color : #454545;
	background-image : url(images/schatten_un.jpg);
	background-repeat : repeat-x;
	background-position : 50% 100%;
	border-bottom : 1px solid #000;
	margin : 0;
}

#nav_logo {
text-align : center;
vertical-align : middle;
height : 186px;
background-color : #444444;
color : #7d7d7d;
background-image : url(images/xname_logo.gif);
background-repeat : repeat-x;
background-position : 50% 50%;
}

.nav_un {
	height : 45px;
	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%;
	margin : 0;
}



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



/* ========== Fussbereich ========== */

#fuss_ob  {
height : 45px;
background-color : #282828;
width : 100%;
background-image : url(images/schatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-top : 1px solid #5a5556;
}

#fuss_mitte {
height : 20px;
color : #737373;
background-color : #282828;
font-family : georgia, arial, helvetica, tahoma, verdana, sans-serif;
font-size : 14px;
line-height : 20px;
text-align : center;
width : 100%;
vertical-align : middle;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

#fuss_un {
height : 45px;
background-color : #282828;
width : 100%;
vertical-align : middle;
text-align : center;
background-image : url(images/xschatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

/* ========== 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;
}