/******** main.css ********/

* {
  margin: 0;
  padding: 0;
  text-align: left;
}

body {
  font-size: 100.01%;
  font-family: 'Verdana', Tahoma, Georgia, Arial;
  color: #333;
  text-align: center;
  background: #898076 url(../images/bg.gif);
}

#main {
  width: 750px;
  margin: 20px auto;
  text-align: left;
  font-size: 0.75em;
}

#top {
  background: #fff url(../images/top-bg.gif) 0 0 no-repeat;
  padding: 20px;
  position: relative
}

/******** a ********/

a {
  color: #c40008;
  text-decoration: underline;
}

a:hover {
  color: #666;
  text-decoration: none;
}

/******** logo ********/

#logo span {
  display: none;
}

#logo h1 {
  margin: 0;
}

#logo a {
  display: block;
  background: transparent url(../images/logo.gif) no-repeat;
  width: 548px;
  height: 78px;
}

#hotline {
  position:absolute;
  right: 20px;
  top: 30px;
  margin: 0;
  padding: 10px;
  border: solid 2px #e0e0e0;
  font-weight: bold;
  color: #c40008;
  text-transform: uppercase;
}

/******** navi ********/

#navi {
  padding: 0 10px 5px 20px;
  background: #fff;
  _height: 1px
}

#menu {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
  _height: 1px;
  line-height: 120%
}

#menu li {
  margin: 0;
  padding: 0;
  display: inline
}

#menu li a {
  display: block;
  float: left;
  width: 88px;
  height: 52px;
  padding: 3px 10px 0 10px;
  margin-right: 10px;
  background: #9c9e96 url(../images/menu.gif) 0 0 no-repeat;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

#menu li a#current {
  background: #c40008 url(../images/menu.gif) -216px 0 no-repeat; color:#fff;
}

#menu li#last a {
  margin-right:0
}

#menu li a:hover {
  background: #898076 url(../images/menu.gif) -108px 0 no-repeat;
}

.obal {
  _height: 1px;
  min-height: 1px
}

.obal:after {
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  clear: both
}

#banner {
  margin:0;
  margin-bottom:10px;
  padding:0;
  width:711px;
  height:150px;
  background:url(../images/banner.jpg) 0 0 no-repeat
}

/******** content box ********/

.content-box-top {
  width: 710px;
  height: 10px;
  background: #F5F0E1 url(../images/content-box-top.gif) 0 0 no-repeat;
}

.content-box {
  background: transparent url(../images/content-box.gif) 0 0 repeat-y;
  padding: 10px 20px;
  color: #645a32;
  min-height: 1px
}

.content-box-bottom {
  width: 710px;
  height: 10px;
  background: #F5F0E1 url(../images/content-box-bottom.gif) 0 100% no-repeat; margin-bottom:10px
}

#content-box-image {
  float:right;
  width:230px;
  height:200px;
  background:url(../images/content-box-image.jpg) 0 0 no-repeat;
  margin:0 10px; 
}

/******** typo ********/

h1, h2, h3, h4 {
  margin: 0 0 15px 0;
  padding: 0;
  color: #d81212;
  font-weight: lighter;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 130%;
  font-weight: bold;
  text-transform: uppercase;
}

h3 {
  font-size: 125%;
  font-weight: lighter;
  margin-left: -15px;
}

h4 {
  font-size: 110%;
}

p {
  margin: 5px 0 10px 0;
}

.strong {
  font-weight: bold;
}


 ul
{
list-style-type: none;
padding: 0;
margin: 0 0 20px 5px;
}

li
{
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .4em;
  padding-left: 1.2em;
  margin: 1.0em 0;
}



/******** untere box ********/

#box-top {
  width: 710px;
  height: 7px;
  background: url(../images/box-top.gif) 0 0 no-repeat
}

#box-bottom {
  width: 710px;
  height: 7px;
  background: url(../images/box-bottom.gif) bottom left no-repeat;
  clear: both
}

#box-bg {
  width: 710px;
  background: url(../images/box-bg.gif) 0 0 repeat-y
}


#box-tip {
  float: left;
  width: 375px;
  padding: 10px 20px;
  margin-right: 20px;
}

#box {
  float: left;
  padding: 10px 20px;
  width: 235px;
}

.box-left {
  float: left;
  padding: 10px 20px;
  margin-left: 100px;

}

.box-right {
  float: right;
  padding: 10px 20px;
  margin-right: 100px;
}

#box a {font-size: 85%;}

#bottom {
  clear: both;
  width: 750px;
  height: 80px;
  background: #4A4037 url(../images/bg-bottom.gif) 0 0 no-repeat;
  position: relative;
}

.bottom-txt {
  margin: 0;
  padding: 30px 0 0 20px;
  color: #fff
}


table {
  margin-left:auto;
  margin-right:auto;
}

span.mail {
  color: #c40008;
  text-decoration: underline;
  font-size: 85%;
  white-space:nowrap;
}

/******** misc ********/

img { border: 0;}
.small { font-size: 90%;}
.hide, hr {display: none;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}