/* CSS Document */
/* blau #4e70ac 
orange #FF9900
zartes grau #f8f8f8 */
body
{
background: #F9F9F7 url(../images/hg.gif) repeat-x;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.8em;
 text-align:center;
}

h1 {font-size:1.4em;color:#999999;margin-bottom:1.6em;margin-top:0.0em;}
h2 {font-size:1.4em;color:#FFFFFF;margin-top:40px; position:relative;}
h3 {font-size:1.0em;color:#FFFFFF;position:relative;background-color:#4e70ac;display:inline;padding:0.2em;font-stretch:ultra-expanded; font-variant:small-caps;}
h4{font-size:1.1em; color:#4e70ac;margin-top:0.8em;margin-bottom:0.0em; font-stretch:ultra-expanded; font-variant:small-caps;}
h5{
font-size:1.2em; color:#4370ac; background-image:url(../images/hg_menu.gif); background-repeat:repeat-x;
}
p {margin-top:4px; text-align:justify;}

/*
a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:bold;
  color:#4e70ac;
  font-size:12px;
}
a:active, a:hover
{
  color:#ff9200;
}
a.menu:link, a.menu:visited
{
  color:#ff9200;
}
a.menu:active, a.menu:hover
{
  color:#eeeeee;
}*/

/* Das Menü */
#menu { 
padding-top:150px;
padding-left:8px;
font-size:1.0em;
font-weight: normal;
height:1.2em;
margin-top:0px;
  }
#menu #current {
  background:url(../images/hover.png) repeat-x bottom;
  padding-left: 12px;
  padding-right: 12px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  }
#menu #last a { margin-right: 0; }

#menu a {
background:url(../images/hg_menu.gif) repeat-x bottom;
  float: left;
  color: #666666;
  padding-top: 4px;
  height: 18px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  }
#menu a:hover {
  background: url(../images/hover.png) repeat-x bottom;
  padding-left: 11px;
  padding-right: 11px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  }
a .t_geklickt {
  background: url(../images/hover.png) repeat-x bottom;
  }
#menu li { display: inline; margin: 0; text-align: center; }
#menu ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }


/* Der Inhalt */
#content {
min-height:600px;
width:913px;
margin-top:-6px;
margin-left:-1px;
background:url(../images/hg_footer.gif) repeat-x bottom;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
/*border-top:4px solid #FF9900;*/
background-color:#FFFFFF;
padding:28px 8px 8px 8px;
color:#666666;
}
/* Footer */
#footer a {
background:url(../images/hg_menu.gif) repeat-x bottom;
  float: left;
  color: #666666;
  padding-top: 4px;
  height: 18px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  }
#footer a:hover {
  background: url(../images/hover.png) repeat-x bottom;
  padding-left: 11px;
  padding-right: 11px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  }
#footer li { display: inline; margin: 0; text-align: center; }
#footer ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }

.klein{
font-size:0.8em;
}
.link_ohne{
color:#4e70ac;
font-weight:bold;
text-decoration:none;}
.link, .link:active{
color:#4e70ac;
font-weight:bold;
text-decoration:underline;
}
.link:hover, .link_ohne:hover{
color:#FF9900;
text-decoration:underline;
}
.img_uhr{
width:140px; height:174px;float:left;margin-top:-310px;
border:1px #999999 solid;
}
/*---------Formulare--------------*/
.kontakt table{
border:none;
}
.kontakt td{
border:none;
}
.kontakt textarea{
width:80%;
height:90px;
}
.box input{
text-align:left;
width:10%;
margin:0px;
}
.red{
color:#FF0000;
font-weight:bold;
}
.button{
width:100px;
background:url(../images/hg_menu.gif) repeat-x bottom;
height:22px;
}
.button:hover {
  background: url(../images/hover.png) repeat-x bottom;
}
/*--------HG von Preistabelle---------*/
.preise{ 
width:100%;
background-color:#FFFFCC;
}
.hg_dunkler{
background-color:#FFFF66;
}

/*-------rechter Teil mit Tarifen---------------*/
#tarife{
float:right;width:460px;margin-left:1.6em;border-left:thin #999999 dotted;  padding-left:4px;padding-right:4px;
}
#start, #tarif_xs, #tarif_s, #tarif_xl, #test{
float:right; width:460px;height:460px; overflow:auto;margin-left:1.6em;border-left:thin #999999 dotted; padding-left:4px;padding-right:4px;
background:url(../images/hg_tarif.gif) no-repeat bottom right ;
}
#tarif_xs, #tarif_s, #tarif_xl, #test{
visibility:hidden;border-bottom:thin #999999 dotted;  margin-top:-460px;
}