/********************************************
   AUTHOR:                  Andreas Hügle
   WEBSITE:                   http://www.TTC-Heimbach.de/
   TEMPLATE NAME:         TTC Heimbach
   TEMPLATE CODE:         S-0008
   VERSION:                1.0
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* {
        padding: 0; margin: 0;
}
body {
        margin: 0;         padding: 0;
        font: normal .70em/1.6em Verdana, Tahoma, sans-serif;
        color: #000000;
        background: #840000 url(../_data/back.png) repeat;
        text-align: center;
}
/* links */
a {
        color: #590100;
        background-color: inherit;
        text-decoration: none;
        font-weight: bold;
}
a:hover {
        color: #590100;
        background-color: inherit;
        text-decoration: underline;
}


/* headers */
h1, h2, h3 {
        font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;
        color: #000000;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;}
h3 { font-size: 1.3em; font-weight: bold; }

p, h1, h2, h3 {
        margin: 0;
        padding: 10px 15px;
}

ul, ol {
        margin: 10px 30px;
        padding: 0 15px;
        color: #000000;
}

/* images */
img {
        border: 3px solid #555;
}
img.no-border {
        border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {
  border: 3px solid #555;
}
a:hover img {
  border: 3px solid #CCC !important; /* IE fix*/
  border: 3px solid #555;
}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #ffff00;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
        margin: 15px;
         padding: 0 0 0 20px;
          background: #cccccc;
        font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;
}

/* form elements */
form {
        margin: 10px 20px;
        padding: 0;
        background: #ffffff;
}
label {
        display:block;
        font-weight:bold;
        margin:5px 0;
}
input {
        padding: 2px;
        border:1px solid #000;
        font: normal 1em Verdana, sans-serif;
        color:#000;
}
textarea {
        width: 250px;
        padding:2px;
        font: normal 1em Verdana, sans-serif;
        border:1px solid #000;
        height:100px;
        display:block;
        color:#000000;
}
input.button {
        margin: 0;
        font: bold 1em Arial, Sans-serif;
        border: 1px solid #fff;
        background: #FFF;
        padding: 2px 3px;
        color: #333;
}

.inputsuche
{
color:#841717;
background-color:#cccccc;
border: 1px inset #000000;
}

.inputkontakt
{
color:#000000;
background-color:#ffffff;
border: 1px inset #000000;
/*color:#841717;
background-color:#cccccc;
border: 1px inset #000000;*/
}

/***********************
          LAYOUT
************************/
#wrap {
        background: #ffffff;
        margin: 20px auto 0 auto;
        text-align: left;
          border-color: #444;
        border-style: solid;
        border-width: 1px 1px 5px 1px;
}
#wrap, #footer-wrap {
        width: 780px;
}

/* header */
#header {
        position: relative;
        height: 125px;
        background: #ff0000 url(../_data/topimage.jpg) repeat-x 0% 100%;
        border-bottom: 5px solid #444;
}
#header h1#logo {
        position: absolute;
        top: 30px; left: 150px;
        margin: 0; padding: 0;
        font: bolder 50px 'Trebuchet MS', Arial, Sans-serif;
        letter-spacing: -2px;
}
#header h2#slogan {
        position: absolute;
        top: 50px; left: 65px;
        color: #FFF;
        text-indent: 0px;
        font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif;
        text-transform: none;
}

/* content-wrap */
#content-wrap {
        clear: both;
        margin: 0; padding: 0;
}

/* box */
.box {
        margin: 10px 15px;
        border: 1px solid #000000;
        background-color: #ffffff;
}

/* main */
#main {
        margin: 0 0 0 200px;
        padding-top: 0px;
}
#main .box {
        margin-left: 0;
}

/* sidebar */
#sidebar {
        float: left;
        width: 200px;
        margin: 0;
        padding-top: 5px;
        background: #ffffff /* url(../_data/back.png) repeat */;
}
#sidebar ul.sidemenu {
        margin: 0 30px 10 20px; padding: 0;
        background: #ffffff;
        /*border: 1px solid #000000;        */
}
#sidebar ul.sidemenu li {
        display: inline;
        list-style: circle;
}
#sidebar ul.sidemenu li a {
  display: block;
  padding: 5px 5px 5px 15px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
#sidebar ul.sidemenu li a:hover {
  margin-left: 15px;
  color: #ffffff;
  background: #590100;
}

#sidebar ul.sidemenu #current a {
  margin-left:15px;
  color: #ffffff;
  background: #840000;
}
#sidebar ul.sidemenu2 {
        margin: 0 30px 0 35px; padding: 0;
        background: #ffffff;
        /* border: 1px solid #000000;        */
}
#sidebar ul.sidemenu2 li {
        display: inline;
        list-style: circle;
}
#sidebar ul.sidemenu2 li a {
  display: block;
  padding: 5px 10px 5px 15px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
#sidebar ul.sidemenu2 li a:hover {
  margin-left: 20px;
  color: #ffffff;
  background: #590100;
}

#sidebar ul.sidemenu2 #current a {
  margin-left:20px;
  color: #ffffff;
  background: #840000;
}

/* Footer */
#footer-wrap {
        clear: both;
        color: #FFF;
        background: #000;
        margin: 0 auto;
        padding: 0;
        font-size: 88%;
}
#footer-wrap a {
        text-decoration: none;
        font-weight: bold;
        color: #FFF;
}
#footer-wrap .footer-left{
        float: left;
        width: 65%;
        padding-bottom: 20px;
}
#footer-wrap .footer-right{
        float: right;
        width: 30%;
        padding-bottom: 20px;
}

/* menu tabs */
#header ul {
        position: absolute;
        top: 90px; right: 20px;
        margin:0; padding: 0;
           list-style:none;
        font: bold 1.3em  'Trebuchet MS', Tahoma, verdana,  sans-serif;
        height: 2.3em;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
        float: left;
           margin:0;
           padding:3px 10px 2px 10px;
           text-decoration:none;
        color: #ffffff;
}
#header a:hover {
        border-top: 5px solid #ffffff;
}
#header #current a {
           color: #ffffff;
        border-top: 5px solid #ffffff;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {        float: right; }
.align-left  {        text-align: left; }
.align-right {        text-align: right; }

/* additional classes */
.clear {        clear: both; }
.gray  {        color: #A0A0A0; }
.black {        color: #000000;        }
.comments {
        text-align: right;
        padding: 7px 15px;
        margin: 20px 15px 15px 15px;
        background: #cccccc;
}