/* ========== 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 : middle;
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 : 200px;
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 : top;
text-align : left;
background-image : url(images/logo.jpg);
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 : #454545;
text-align : justify;
font-size : 15px;
line-height : 20px;
font-family : arial, tahoma, verdana, helvetica, sans-serif;
color : #8f8f8f;
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;
}