/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:0.9em/1.231 georgia,helvetica,clean,sans-serif;}
table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,
tt{font-family:monospace;line-height:1.2em;}
/* CSS RESET */


body {
        background:#8b6c57;
        color:#fff;
}

a {
        text-decoration:none;
                color:#c7b0ad;
}
a:hover {
        text-decoration: underline;
                color:#b9412c;
                font-style:italic;
}
#wrap {
        width:1300px;
        text-align:left;
        margin:0 auto;
}


#social {display: block; position: absolute; top:10px; left:10px; width: 292px, height:auto; z-index:20;}


 /* upper body including header & 1st text*/

#bgtop { background:url(images/content.jpg); height:837px}
.head { position:relative; top:0px; left:400px; width:500px; padding:30px 0px 0px 0px}
.pictop { position:absolute; top:0px; right:100px;}

.texttop { position:relative; top:100px; left:310px; width:620px;}

  /* lenghtening middle*/

 #bgmiddle { background:url(images/extend.jpg)repeat-y;}
   .textmid { position:relative; left:200px; width:900px; color:#36111a; padding:5px; line-height:1.5em;}
   .textmid a { text-decoration:none; color:#591919;}


 /*footer*/

 #bgfoot {background:url(images/footer.jpg); height:351px; background-repeat:no-repeat;}
      .textend { position:relative; padding-top:130px; left:200px; width:900px;}


      /*sidemenu*/

#side {background:transparent; border-left: 1px dotted #d05747; width:180px; height:350px; position:absolute; top:400px;
right:120px; padding:30px 5px 0px 20px; }

.menu h2 {font-size:21px; color:#d88a45; padding:20px 0px 20px 0px;}
.menu ul {line-height:20px;}
.menu li {line-height:20px; color:#FFFFFF; }






 /*font formatting for matty* paddings:1=oben, 2=rechts, 3=unten, 4=links interpretiert.*/



#text {line-height:1.5em; padding:10px; width:530px;}
#text .ind {text-indent:3em;}
#text h2 {font-size:30px; color:#d88a45;}
#text h3 {font-size:1.1em; color:#fc802e;}
#text a {color:#d2bab7;}
#text a:hover { text-decoration: underline; color:#b9412c; font-style:italic; }
#text .dark { color:#38121c;}
#text .dark a:link { color:#854c38;}
#text .dark a:hover { color:#9b2644;}
ul {line-height:20px;}
p {padding:20px 0px 20px 0px;}


#text img .left {text-align:left; float:left; padding:0;  }
#text img .right {float:right; padding:0; }





 /* matty form */


.field { position:relative; height:20px; border:1px solid #bfa78b; background:transparent url(images/field.png); padding:5px; }
.note {  position:relative; border:1px solid #bfa78b; background:transparent url(images/field.png);padding:5px; }
.para {line-height:1em;}
.buttgo { background: url(images/go.png) no-repeat; width:120px; height:30px; cursor:hand;border:1px solid #33121b;}
.buttcl { background:url(images/cl.png) no-repeat; width:120px; height:30px; cursor:hand;border:1px solid #33121b;}