/* breite der gesamtkonstruktion in pixel */

#breite {width:100%}



/* breite der gesamtkonstruktion in prozent */

#breite_version2 {width:86%}



/* breite der linken spalte in pixel - fixe breite, nicht 30%, ging im IE nicht!*/

#navigation_breite {width:300px;margin:0px;padding:0px}



body

{margin-top: 20px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px; background-color: #383838;

}



/* überschriften im text */

h2{ color:#000;

margin-bottom:30px;

letter-spacing:2px;

font-family:georgia, arial, helvetica, verdana, tahoma, sans-serif;

font-size: 22px;

}



.haupt {

border:solid 1px #000;

}



/* farbige scrolleiste internet explorer ab vers.5.5 */

body

{scrollbar-arrow-color: #8A0808;

scrollbar-base-color: #2d2d2d;

scrollbar-highlight-color : #535353;

scrollbar-shadow-color : #535353;

SCROLLBAR-TRACK-COLOR: #202020;

}



/* pfeil in den navigations-leisten */

.pfeil {

font-size:20px;

color:#fff;

padding-left:5px;

padding-right:4px;

font-weight:bold;

}



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



#top1 {

height:40px;

background-color:#a60201;

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/leiste_schatten_ob.jpg');

background-repeat:repeat-x;

background-position:   50% 0%;

border-bottom:0px solid #000;}



#name {

font-family: georgia,arial,tahoma,verdana,helvetica, sans-serif;

font-size: 17px;line-height: 20px;

font-variant:small-caps;

letter-spacing:10px;

color:#000;

}



#top2 {

height:100%;

vertical-align:top;

text-align:center;

}



#logo {height:532px;

color:#800000;

background-color:#000;

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;

padding-top:0px;

padding-left:20px;

padding-bottom:10px;

background-image:url('images/t2.jpg');

background-repeat:no-repeat;

background-position: 100% 0%;

border-right:1px solid #000;

border-bottom:1px solid #000;

border-top:1px solid #000;

}



#nav {height:100%;padding: 0 0 0 0 ;

vertical-align:top;

background-color:#232323;

}



.navleiste {

text-align:left;

height:40px;

line-height:40px;

margin-left:0px;

background-color:#770101;

color:#000;

font-size: 16px;

font-family: arial,tahoma,verdana,helvetica, sans-serif;

border-bottom:1px solid #000;

border-top:1px solid #000;

background-image:url('images/leiste_schatten_beide.jpg');

background-repeat:repeat-x;

background-position:   50% 50%;

}



.navleistefirst {

text-align:left;

height:40px;

line-height:40px;

margin-left:0px;

background-color:#a60201;

color:#000;

font-size: 16px;

font-family: arial,tahoma,verdana,helvetica, sans-serif;

border-bottom:1px solid #000;

border-top:0px solid #000;

background-image:url('images/leiste_schatten_un.jpg');

background-repeat:repeat-x;

background-position:   50% 100%;

}





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



#textbox {

height:900px;

background-color:#666666;

text-align:justify;

font-size: 17px;line-height: 20px;

font-family: arial,tahoma,verdana,helvetica, sans-serif;

color:#000;

padding-top: 60px;

padding-bottom: 20px;

padding-left: 50px;

padding-right:50px;

letter-spacing:0px;

width:100%;

border-right:solid 1px #000;

}





#textbox_un {

height:40px;

background-color:#666666;

text-align:justify;

font-size: 17px;line-height: 20px;

font-family: arial,tahoma,verdana,helvetica, sans-serif;

color:#000;

letter-spacing:0px;

width:100%;

border-right:solid 1px #000;

border-bottom:solid 1px #000;

}





#nav_un {font-size: 11px;line-height: 20px;

font-family: arial,tahoma,verdana,helvetica, sans-serif;

color:#000;

height:40px;

line-height:40px;

background-color:#a60201;

text-align:center;

width:100%;

vertical-align:top;

padding-left:10px;

border-top:1px solid #000;

border-bottom:0px solid #000;

background-image:url('images/leiste_schatten_ob.jpg');

background-repeat:repeat-x;

background-position:   50% 0%;

}



#box1 {

font-size: 15px;line-height: 20px;

font-family: arial,tahoma,verdana,helvetica, sans-serif;

color:#000;

background-color:#555555;

text-align:left;

padding: 10 20 10 20;

}





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



#fuss {

height:60px;

color:#000;

background-color:#a60201;

font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;

font-size: 14px;line-height:20px;

text-align:center;

width:100%;

border-top:0px solid red;

background-image:url('images/leiste_schatten_un.jpg');

background-repeat:repeat-x;

background-position:   50% 100%;

}



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





#s1 {

background-image:url('images/1.jpg');

background-repeat:no-repeat;

background-position:   100% 0%;

height:22px;

line-height:22px;

width:22px

}



#s2 {

background-image:url('images/2.jpg');

background-repeat:repeat-x;

background-position:   0% 0%;

height:22px;

line-height:22px;

width:100%

}



#s3 {

background-image:url('images/3.jpg');

background-repeat:repeat-x;

background-position:   0% 0%;

height:22px;

line-height:22px;

width:22px

}



#s4 {

background-image:url('images/4.jpg');

background-repeat:repeat-y;

background-position:   100% 0%;

height:100%;

width:22px

}







#s6 {

background-image:url('images/6.jpg');

background-repeat:repeat-y;

background-position:   0% 0%;

height:100%;

width:22px

}



#s7 {

background-image:url('images/7.jpg');

background-repeat:no-repeat;

background-position:   100% 0%;

height:22px;

line-height:22px;

width:22px

}



#s8 {

background-image:url('images/8.jpg');

background-repeat:repeat-x;

background-position:   0% 0%;

height:22px;

line-height:22px;

width:100%

}



#s9 {

background-image:url('images/9.jpg');

background-repeat:no-repeat;

background-position:   0% 0%;

height:22px;

line-height:22px;

width:22px

}