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

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

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

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

h1{ color:black;
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 5px black;
}

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

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



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

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


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

#top1 {
height:0px;
background-color:black;
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:red;
}



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

#logo {width:100%;height:290px;
background-color:#000;
background-image:url('images/fassade04.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/wein.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/leiter.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/Scheune.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
border:1px solid #363636;
}

#logo5 {width:100%;height:290px;
background-color:#000;
background-image:url('images/drums.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/steine.jpg');
background-repeat:no-repeat;
background-position: 50% 50%;
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;
}

/* linke Funktionsleiste */
#inboxli {
height:200px;
background-color:black;
background-image:url('images/ausserfunktionfv03.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: 0px;
padding-bottom:10px;
padding-left: 0px;
padding-right:0px;
vertical-align:top
}

#inboxtext {
height:10px;
background-color: black;
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/xxxfv04.jpg');
background-repeat:no-repeat;
background-position:   100% 50%;
}


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

x#fuss {
xheight:100px;
xcolor:#F2F2F2;
xbackground-color:grey;
xfont-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
xfont-size: 14px;line-height:20px;
xtext-align:center;
xborder-top:1px solid green;
xbackground-image:url('images/xxxxleiste_schatten_ob.jpg');
xbackground-repeat:repeat-x;
xbackground-position:    50% 0%;
xpadding-top:5px
}


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