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







/* breite der gesamtkonstruktion in prozent - index.html*/

#breite {width:82%}



/* breite der gesamtkonstruktion in pixel - index2.html */

#breite_version2 {width:900px}







body



{margin-top: 20px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px;        background-color:#000000 ;  background-image:url(images/boot.jpg);

}



h2{ color:#7d7d7d;

margin-bottom:30px;

letter-spacing:2px;

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

font-size: 22px;

}







/* 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:140px;

background-color:#535353;

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%;

}



#name {

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

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

font-variant:small-caps;

letter-spacing:10px;

color:#fff;

}



#top2 {

height:389px;

vertical-align:middle;

text-align:center;

border-top:solid 1px #000;

border-bottom:solid 1px #000;

}



#logo {

color:#F7F7F7;

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:20px;

padding-left:20px;

padding-right:0px;

padding-bottom:20px;

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

background-repeat:no-repeat;

background-position: 100% 0%;

border-right:solid 1px #000;

}



#nav {padding: 0 0 0 20 ;

text-align:center;

vertical-align:middle;

background-color:#232323;

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

background-repeat:repeat-x;

background-position:  50% 0%;

}



#top3 {

height:80px;

background-color:#535353;

color:#56686D;

width:100%;

vertical-align:middle;

padding-left:0px;

border-bottom:solid 1px #000;

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

background-repeat:repeat-x;

background-position:  50%  0%;

}



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



#textbox {

height:900px;

background-color:#252525;

text-align:justify;

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

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

color:#7d7d7d;

padding-top: 60px;

padding-bottom: 60px;

padding-left: 60px;

padding-right:60px;

letter-spacing:0px;

width:100%;

vertical-align:top;background-image:url(images/fv2.jpg);

background-repeat:repeat-x;

background-position:  50%  50%;

}













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



#fuss {

height:100px;

color:#252525;

background-color:#535353;

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

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

text-align:center;

width:100%;

border-top:solid 1px #000;

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;

}