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

/* breite der gesamtkonstruktion
-hier andere beliebige werte in px (z.b.1100px) oder in  prozent (z.b. 90%) */
#breite {width:90%}

/* breite der linken spalte
 - hier beliebig andere px-werte */
#inboxlibreite {width:260px;}

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

h1{ color:#a8a8a8;
margin-bottom:60px;
letter-spacing:4px;
font-family:georgia, arial, helvetica, verdana, tahoma, sans-serif;
font-size: 23px;
}

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

blockquote {text-align:left;color:#A8A8A8;font-family:georgia;font-style:italic;font-size:18px;line-height: 23px; }

ul.liste1 {list-style-image:url('images/pfeil.png');color:#a8a8a8}

/* rahmen um die seite */
#haupt {
border:solid 1px #363636;
}

/* kleine quadrate */
.kaestchen {
background-color:#000;border:solid 1px #F0F0F0
}

.smallnumber {color:#E8E8E8;font-style:normal;font-family:georgia, arial, helvetica, verdana, tahoma, sans-serif;font-size:28px}



.rundung_un {
height:10px;
background-color:#646464;
color:#56686D;
width:100%;
vertical-align:middle;
background-image:url('images/leiste_schatten_un.jpg');
background-repeat:repeat-x;
background-position:   0% 100%;
border-bottom:1px solid black;
}

.rundung_ob{
height:10px;
background-color:#646464;
color:#56686D;
width:100%;
vertical-align:middle;
background-image:url('images/leiste_schatten_ob.jpg');
background-repeat:repeat-x;
background-position:   0% 0%;
border-top:1px solid black;
}


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

#top1 {
height:12px;
background-color:#646464;
color:#000;
width:100%;
vertical-align:top;
text-align:right;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
font-size: 17px;line-height: 20px;
padding-right:20px;
}

#name {
font-family: arial,tahoma,verdana,helvetica, sans-serif;
font-size: 17px;line-height: 20px;
letter-spacing:10px;
color:#000;
}



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

#logo {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#logo2 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo2.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#logo3 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo3.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#logo4 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo4.jpg');
background-repeat:no-repeat;
background-position: 50% 100%;
border:1px solid #363636;
}

#logo5 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo5.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#logo6 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo6.jpg');
background-repeat:no-repeat;
background-position: 0% 100%;
border:1px solid #363636;
}

#logo7 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo7.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#logo8 {width:100%;height:290px;
background-color:#000;
background-image:url('images/logo8.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#inboxli {
height:1000px;
background-color:#1b1b1b;
background-image:url('images/fv03.jpg');
background-repeat:no-repeat;
background-position:   100% 0%;
text-align:center;
font-size: 17px;line-height: 20px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
color:#7d7d7d;
padding-top: 40px;
padding-bottom:20px;
padding-left: 0px;
padding-right:0px;
vertical-align:top
}

#inboxtext {
height:1150px;
background-color:#252525;
text-align:justify;
font-size: 17px;line-height: 24px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
color:#7D7D7D;
padding-top: 20px;
padding-bottom: 80px;
padding-left: 20px;
padding-right:20px;
letter-spacing:0px;
width:100%;
vertical-align:top;
background-image:url('images/fv04.jpg');
background-repeat:no-repeat;
background-position:   100% 50%;
}


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

#fuss {
height:100px;
color:#F2F2F2;
background-color:#ababa7;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 14px;line-height:20px;
text-align:center;
border-top:1px solid #000;
background-image:url('images/leiste_schatten_ob.jpg');
background-repeat:repeat-x;
background-position:   50% 0%;
padding-top:40px
}


#fussname {
border:solid 0px #00526C;text-align:center;padding:10px;
color:#000;
}