body, html

{max-width:100%; width:100%; height:80%; max-height:100%; padding:0; margin:0; border:0; font-family:verdana; font-size:0.9em; color:#574a3b; background:#fcfbf9; image-border:none;}

:link:focus, :visited:focus { -moz-outline: 0px dotted WindowText; }

/*concerning head area */
#head {float:left; background:url(../img/header.jpg) no-repeat; width:100%; height:453px; margin:0; padding:0;}

#texttop {padding:160px 0px 0px 320px;}
#texttop a { font-family:times new roman; font-size:1.4em; color:#ad7e4f; font-variant:small-caps; text-decoration:none; }
#texttop a .hovera { background:transparent;}
#texttop a:hover  { font-family:times new roman; font-size:1.4em; color:#6d5125; font-variant:small-caps; font-weight:bold; }
#texttop a:hover .hovera  {color:#c0430b; font-weight:bold; }

#texttop p {width:300px; }



/*concerning content area
TIPP:
Bei mehreren Angaben werden die Angaben intern nach der angenommenen Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts und links und die dritte den Abstand für unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links.*/

#content {float:left; background:url(../img/footer.jpg) no-repeat; width:100%; height:455px; margin:0;}

#text {position:absolute; top:420px; left:60px;  }

/* contentregelung mit verschiedenen backgrounds als Klassen*/
#textcont   {position:absolute; top:357px; left:34px; }
#textcont .graf {background:url(../img/graf_back.jpg) no-repeat; padding:0 100px 0 240px; width:70%; height:411px; display:block; }
#textcont .lay {background:url(../img/lay_back.jpg) no-repeat; padding:0 100px 0 240px; width:70%; height:411px; display:block; }

#textcont .cms {background:url(../img/cms_back.jpg) no-repeat; padding:0 100px 0 240px; width:70%; height:411px; display:block; }
#textcont .spez {background:url(../img/spez_back.jpg) no-repeat; padding:0 100px 0 240px; width:70%; height:411px; display:block; }



/*----------- Gallery ----------------*/

#gallery {position:relative; width:520px; background:transparent; min-height:348px;}
#thumbs {width:130px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #574a3b;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd; background:url(../img/thumback.jpg) no-repeat;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:130px; top:0; border:1px solid #6d5125;}

/* Galery*/


blockquote {
        width:220px;
        padding: 0 0 0 25px;
        background: url(../img/quote.gif) no-repeat;
        font: italic small Georgia, "Times New Roman", Times, serif;
        line-height: 1.6em;
        text-indent:3em;}

.rem {font-size:1em; font-variant:small-caps; font-weight:bold; color:#835423;}

#textlink {padding:0;}
#textlink a { font-family:times new roman; font-size:1.1em; color:#694623; font-variant:small-caps; text-decoration:none; line-height:2em; }
#textlink a .hovera { background:transparent;}
#textlink a:hover  { font-family:times new roman; font-size:1.1em; color:#6d5125; font-variant:small-caps; font-weight:bold; }
#textlink a:hover .hovera  {color:#c0430b; font-weight:bold; }