/*   

  swWebdesign.de Stefan Willautzkat
  Am Weidegrund 10
  82194 Gröbenzell

  info@swWebdesign.de
  www.swWebdesign.de

*/

html {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 100%;
}

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 100%;
  font: normal 70.2%/133% Verdana, Geneva, Helvetica, Arial, sans-serif;
  color: #787878;
}

.clearBoth {
  clear: both;
}

.line {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  height: 1px;
  display: block;
  border-bottom: 1px solid #86BE1F;
}

h1 {
  font-size: 1.4em;
  color: #FFFFFF;
  background-color: #6EAB23;
  display: block;
}

h2 {
  font-size: 1.6em;
  color: #6EAB23;
}

h3 {
  font-size: 1.4em;
  color: #6EAB23;
}

h4 {
  font-size: 1.2em;
  color: #6EAB23;
}

h5 {
  font-size: 1.0em;
  color: #6EAB23;
}

a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
  color: #86BE1F;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

#mainVolume {
  position: relative;
  margin: 0 auto;
  width: 977px;
  height: auto!important;
  height: 100%;
  min-height: 100%;
  background-image: url(../images/layout/bg.gif);
  background-repeat: repeat-y;
}

#header {
  margin: 0 1px 0 1px;
  padding: 0 0 0 0;
  width: 975px;
  height: 130px;
}

#gridVolume {
  margin: 0 1px 50px 1px;
  padding: 0 0 0 0;
  width: 975px;
}

#grid {
  margin: 20px 0 20px 0;
  padding: 20px 10px 20px 20px;
  float: left;
  width: 344px;
  min-height: 700px;
  height: auto !important;
  height: 700px; /* IE6 Fix */
  background-image: url(../images/layout/bg_grid.gif);
  background-repeat: repeat-y;
}

#gridLeft {
  margin: 20px 0 20px 0;
  padding: 20px 10px 20px 20px;
  float: left;
  width: 344px;
  min-height: 700px;
  height: auto !important;
  height: 700px; /* IE6 Fix */
  background-image: url(../images/layout/bg_grid.gif);
  background-repeat: repeat-y;
}

#gridRight {
  margin: 20px 0 20px 0;
  padding: 20px 10px 20px 20px;
  float: left;
  width: 344px;
  min-height: 700px;
  height: auto !important;
  height: 700px; /* IE6 Fix */
  background-image: url(../images/layout/bg_grid.gif);
  background-repeat: repeat-y;
}

#oneGrid {
  margin: 20px 0 20px 0;
  padding: 20px 10px 20px 20px;
  float: left;
  width: 718px;
  min-height: 700px;
  height: auto !important;
  height: 700px; /* IE6 Fix */
  background-image: url(../images/layout/bg_grid.gif);
  background-repeat: repeat-y;
}

#gridVolume h1 {
  margin: 0 0 15px 0;
  padding: 7px 7px 7px 7px;
  display: block;
}

#gridVolume h2, h3, h4, h5 {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
}

#gridVolume p {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  line-height: 1.6em;
  text-align: justify;
}

#gridVolume ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 15px;
}

#gridVolume ul li {
  margin: 0 0 0 25px;
  padding: 0 0 5px 0;
}

.tableSpecial {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  width: 100%;
}

#gridVolume img {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
}

#gridVolume a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
  color: #86BE1F;
  text-decoration: underline;
}

#gridVolume a:hover {
  text-decoration: underline;
}

#gridVolume .description {
  margin: 5px 0 15px 0;
  padding: 0 0 0 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #787878;
}

#right {
  margin: 20px 10px 20px 10px;
  padding: 0 0 0 0;
  float: left;
  width: 207px;
}

#footerVolume {
  position: absolute;
  width: 100%;
  bottom: 0;
}

#footer {
  margin: 0 1px 0 1px;
  padding: 10px 237px 10px 10px;
  width: 728px;
  text-align: right;
}

/* 

  Navigation 
  
*/

#navi {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#navi ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}

#navi ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top: none;
  border-bottom: 2px solid #ffffff;
}

#navi ul li ul  {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top: 2px solid #ffffff;
  border-bottom: none;
}

#navi ul li ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top: none;
  border-bottom: none;
}

#navi ul li ul li ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

#navi ul li ul li ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top: none;
  border-bottom: none;
}

#navi a {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}

/* 

Navi Level 1 

*/

#navi ul li a {
  padding: 7px 7px 7px 7px;
  color: #ffffff;
  background-color: #787878;
  text-decoration: none;
}

#navi ul li a:hover {
  background-color: #6EAB23;
  text-decoration: none;
}

#navi ul li a.selected {
  background-color: #6EAB23;
}

#navi ul li a.focused {
  background-color: #6EAB23;
}

/* 

Navi Level 2 

*/

#navi ul li ul li a {
  padding: 7px 7px 7px 17px;
  color: #ffffff;
  background-color: #959595;
  text-decoration: none;
}

#navi ul li ul li a:hover {
  background-color: #6EAB23;
  text-decoration: none;
}

#navi ul li ul li a.selected {
  background-color: #6EAB23;
  text-decoration: none;
}

#navi ul li ul li a.focused {
  background-color: #6EAB23;
  text-decoration: none;
}

/*

Lightbox

*/

#cboxContent #cboxLoadedContent {
  background: none repeat scroll 0 0 #FFFFFF!important;
  padding: 15px!important;
  border: 1px dotted #86BE1F!important;
}

.headline {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  font-weight: bold;
}

/*

Newsletter Button

*/

#rightTab {
  left: 0;
  position: fixed;
  top: 20%;
}

#rightTab a.feedback {
    height: 268px;
}

#rightTab a.feedback:hover {
    background-position: -30px 0;
}

#rightTab a {
    background: url("../images/layout/newsletter-tab.png") no-repeat scroll 0 0 transparent;
    display: block;
    width: 30px;
}

/*

vCard

*/

.vcard-container {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top: 1px solid #787878;
}

.vcard {
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #787878;
}

.adr {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
}

/* 

Formhandler 

*/

.Tx-Formhandler table {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
  width: 450px;
}

.Tx-Formhandler table tbody tr td table tbody tr td {
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}

.Tx-Formhandler tbody {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.Tx-Formhandler tr {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.Tx-Formhandler td {
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
}

.Tx-Formhandler .TypInput {
  width: 220px;
  height: 20px;
}

.Tx-Formhandler .TypTextarea {
  width: 443px;
  height: 112px;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.Tx-Formhandler .TypSelect {
  height: 20px;
  width: 222px;
}

.Tx-Formhandler .TypSubmit {
  float: right;
}

.Tx-Formhandler .error {
  border: 1px solid #880000;
}

.Tx-Formhandler .errorSpecial {
   color: #880000;
}

.Tx-Formhandler .errorVolume {
  color: 1px solid #880000;
  display: inline;
}

.Tx-Formhandler .errormessage {
  color: #880000;
}

.Tx-Formhandler .head {
  font-weight: bold;
}

.Tx-Formhandler a {
  position: relative;
  margin: 0;
  padding: 0;
  text-decoration: none!important;
  font-weight: normal!important;
}

.Tx-Formhandler a:hover {
  text-decoration: none;
}