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






/*  ============== Background-color: #383838 =============*/

/* breite der gesamtkonstruktion in prozent - index.html*/
breite {width:95%}

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

/*  ============== Background-color: #383838 ==========================*/

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


/*  ============== Überschrift ==========================*/
h2{ color:#dddddd;
margin-bottom:30px;
letter-spacing:2px;
font-family:verdana, georgia, arial, helvetica, verdana, tahoma, sans-serif;
font-size: 44px;
}

/* 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: verdana, georgia, arial, tahoma, helvetica, sans-serif;
font-size: 17px;line-height: 20px;
padding-left:20px;
background-image:url(Body/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;
}

#topQSL {
height:1000px;
vertical-align:center;
text-align:center;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}

#Seiteninhalt {
height:1000px;
background-color:#cccccc;
vertical-align:center;
text-align:center;
border-top:solid 10px #000;
border-bottom:solid 10px #000;
}

#topQSL400 {
height:400px;
vertical-align:middle;
text-align:center;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}



#top2 {
height:403px;
vertical-align:middle;
text-align:center;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}




/* ===================== nicht verwendet
#logo {
background-color:#2e2e2e;
color:#F7F7F7;
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/qsl.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(Body/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(Body/leiste_schatten_ob.jpg);
background-repeat:repeat-x;
background-position:  50%  0%;
}

/* =============== top4 ist eine Kopie von top3====================*/

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

/* ========== Textblock 100c ========== */

/* ====== ID  Variante =======*/
/* =======Textcenter===== */
/* ==== 10 Pixel Rand ====*/
/* ==== 100% Breite ====*/

#textbox100c{
height:10px;
text-align:center;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:100%;
}

/* ==== CLASS  Variante ====*/
/* =======Text center===== */
/* ==== 10 Pixel Rand ====*/
/* ==== 100% Breite ====*/

.textbox100c{
height:10px;
text-align:center;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:100%;
}

/* ========== Textblock 100b ========== */

/* ====== ID  Variante =======*/
/* =====Text Blocksatz===== */
/* ==== 10 Pixel Rand ====*/
/* =======100% Breite===== */

#textbox100b{
height:10px;
text-align:justify;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:100%;
}

/* ==== CLASS Variante ====*/
/* =====Text Blocksatz===== */
/* ==== 10 Pixel Rand ====*/
/* =======100% Breite===== */

.textbox100b{
height:10px;
text-align:justify;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:100%;
}

/* ========== Textblock 33c ========== */

/* =====Text= Blocksatz===== */
/* ====== ID  Variante =======*/
/* ==== 10 Pixel Rand ====*/
/* ==== 100% Breite ====*/

#textbox33c{
height:10px;
text-align:center;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:33%;
}

/* =====Text= Blocksatz===== */
/* ==== CLASS Variante ====*/
/* ==== 10 Pixel Rand ====*/
/* ==== 33% Breite ====*/

.textbox33c{
height:10px;
text-align:center;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:33%;
}

/* ========== Textblock 33b ========== */

/* =====Text= Blocksatz===== */
/* ====== ID  Variante =======*/
/* ==== 10 Pixel Rand ====*/
/* ==== 33% Breite ====*/

#textbox33b{
height:10px;
text-align:justify;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:33%;
}
/* =====Text= Blocksatz===== */
/* ==== CLASS Variante ====*/
/* ==== 10 Pixel Rand ====*/
/* ==== 33% Breite ====*/

.textbox33b{
height:10px;
text-align:justify;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:33%;
}

/* ========== Textblock 33btop ========== */

/* =====Text= Blocksatz Valign top===== */
/* ====== ID  Variante =======*/
/* ==== 10 Pixel Rand ====*/
/* ==== 33% Breite ====*/

#textbox33btop{
height:10px;
text-align:justify;
vertical-align: top;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:33%;
}
/* =====Text= Blocksatz Valign top;===== */
/* ==== CLASS Variante ====*/
/* ==== 10 Pixel Rand ====*/
/* ==== 33% Breite ====*/

.textbox33btop{
height:10px;
text-align:justify;
vertical-align: top;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
letter-spacing:0px;
width:33%;
}






/* ==================================================*/

#textbox_disclaimer{
height:10px;
text-align:justify;
font-size: 20px;line-height: 24px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#afafaf;
padding-top: 60px;
padding-bottom: 50px;
padding-left: 50px;
padding-right:50px;
letter-spacing:0px;
}

#textbox_index {
height:400px;
background-color:#252525;
text-align:justify;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#adadad;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 60px;
padding-right:60px;
letter-spacing:0px;
width:100%;
vertical-align:top;background-image:url(Body/fv2.jpg);
background-repeat:repeat-x;
background-position:  50%  50%;
}


#textbox {
height:900px;
background-color:#252525;
text-align:justify;
font-size: 22px;line-height: 25px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color:#adadad;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 60px;
padding-right:60px;
letter-spacing:0px;
width:100%;
vertical-align:top;background-image:url(Body/fv2.jpg);
background-repeat:repeat-x;
background-position:  50%  50%;
}

#none{
height:1px;
background-color:#252525;
text-align:justify;
font-size: 17px;line-height: 20px;
font-family: verdana, arial,tahoma, helvetica, sans-serif;
color:#7d7d7d;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
letter-spacing:0px;
width:100%;
vertical-align:top;background-image:url(Body/fv2.jpg);
background-repeat:repeat-x;
background-position:  50%  50%;
}
/* ========== Bilder mit Schatten ========== */
/* Weicher Schatten */
#imgshadow {
box-shadow:8px 8px 8px #666 white;
}
/* ========== Fussbereich ========== */
#fuss {
height:140px;
color:#252525;
background-color:#535353;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 28px;line-height:28px;
text-align:center;
width:100%;
border-top:solid 1px #000;
background-image:url(Body/leiste_schatten_un.jpg);
background-repeat:repeat-x;
background-position:  50% 100%;
}
/* ========== Schatten um Hauptbereich ========== */
#s1 {
background-image:url(Body/1.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
height:22px;
line-height:22px;
width:22px;
}
#s2 {
background-image:url(Body/2.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:100%;
}
#s3 {
background-image:url(Body/3.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:22px;
}
#s4 {
background-image:url(Body/4.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;
height:100%;
width:22px;
}
#s6 {
background-image:url(Body/6.jpg);
background-repeat:repeat-y;
background-position:  0% 0%;
height:100%;
width:22px;
}
#s7 {
background-image:url(Body/7.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
height:22px;
line-height:22px;
width:22px;
}
#s8 {
background-image:url(Body/8.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:100%;
}
#s9 {
background-image:url(Body/9.jpg);
background-repeat:no-repeat;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:22px;
}