/* CSS Document */

body {padding: 0;
      margin: 0 auto;
      font-family: "palatino linotype",palatino,serif;
      font-size: 14px;
      letter-spacing: 1.2pt;
      text-align: center;
      font-weight: normal;
      color: #cc9966;
      background: #140b07;}


#container {width: 768px;
            margin: 0 auto;
            text-align: left;}

#top {width: 768px; height: 71px;
      background: url(img/menu/menu_01.jpg) no-repeat;}

#menu_left{width: 397px; height:258px; float: left;}

#menu_items {width: 281px;
             height:258px;
             float: left;}

menu_item_1 {width: 139px; height: 133px; float: right;}
menu_item_2 {width: 142px; height: 133px; float: right;}
menu_item_3 {width: 139px; height: 125px; float: right;}
menu_item_4 {width: 142px; height: 125px; float: right;}
.clearboth {clear: both;}

#menu_right{width: 90px; height:258px;
            float: left;
            background: url(img/menu/menu_06.jpg) no-repeat;}

#content {background: #3e1f12 url(img/bg-top.jpg) top no-repeat;
          width: 768px;
          height: auto;}

.content_hack {padding: 85px 30px 0px 30px;}

#content_bottom {width: 768px; height: 85px; padding: 0;
                 background: url(img/bg-bottom.jpg) no-repeat;}

#footer {width: 768px; height: 20px;
font-family: "palatino linotype", palatino, serif;
font-style: italic;
font-size: 10px;
letter-spacing: 2pt;
text-align: center;
color: #cc6633;}

.tarife {width: 400px;}
.tarife_hack {margin: 10px;
              padding: 20px;
              border: 4px double #5C3D30;
              font-family: "palatino linotype",palatino,serif;
              font-size: 14px;
              text-transform: uppercase;}



/*----------------CONTACT FORM-----------------*/

td.contact {width: 280px; height: 205px; background: url(img/contact.jpg) no-repeat;}

.form {padding: 5px 0 0 5px; font-size: 13px;font-weight: bold;}

.button{background: #FFFFFF;
        color: #CC6633;
        border: 2px solid #CC6633;
        font-family: "palatino linotype",palatino,serif;
        font-weight: bold;
        letter-spacing: 1.2pt;
        font-weight: bold;
        text-decoration: none;
        padding: 3px 5px;}

.button:hover{background: #CC6633; color: #FFFFFF;}

.button:focus {color: #000000;}

p#contact {padding-top: 60px; text-align: center; color: #000000; font: bold 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; letter-spacing: 1pt;}

.form_input {width: 220px;}		

/*--------------LINKS---------------*/

a:link, a:visited {color: #cc6633;
                   text-decoration: none;}

a:hover {color: #F6824F;}

a.a:link, a.a:visited {color: #cc6633;
                       text-decoration: none;
                       border-bottom: 1px dotted #cc6633;}

a.a:hover {border-bottom: 1px solid #cc6633;}

a.w:link, a.w:visited {color: #cc6633;
                       text-decoration: underline;}

a.w:hover {color: #cc9966;
           text-decoration: none;}


/*--------------TEXT---------------*/

h1 {font-family: "palatino linotype",palatino,serif;
font-size: 24px;
font-weight: bold;
letter-spacing: 6.2pt;
color: #cc6633;
text-align: center;
font-style: italic;}

h2{font-family: georgia,serif;
font-size: 20px;
font-style: italic;
letter-spacing: 1.8pt;}

p.mic {font-size: 12px;
       font-family: Tahoma, Arial, Helvetica, sans serif;}

.bold {font-weight: bold;}

.text {width: 768px; background: gray; color: #fff;}
.text_hack {padding: 30px; border: 20px solid #000;}

.pachet {font-family: "palatino linotype",palatino,serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 6.2pt;
color: #cc6633;}


/*--------------DIVERSE---------------*/

a img {border: 0;}

a {outline: 0;}

.img {float: left; padding-right: 20px; padding-bottom: 20px;}
.galerie {padding: 10px; margin: 20px; border: 1px solid #5C3D30;}
A:hover .galerie {padding: 10px; border: 1px solid #8E6F62;}