/* Developer: Raphael Klein - http://austrianmultimedia.at/    */




/* @group undo defaults margins and paddings */
/* INIT */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, , span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;    
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* -------------------------------------  @end INIT */

/* ------------------------------------- Main Parts */
body {
  color: #353535;
  background-color:#ccc;
  font: normal 90% 'PT Sans', Helvetica, Verdana, sans-serif;

  line-height: 1.6em;
  margin:0px;
}
header {
  margin:0px 0px 20px 0px;
  height:125px;
}
header img{
  border:none;
  margin: 10px 10px 30px 0px;
}
nav {
  background-color:#fff;
  height:44px;
  /*border-top: 1px dashed #848b0c;
  border-bottom: 1px dashed #848b0c;*/
}
section {
  margin: 0px 10px 0px 0px;
}
section img {
  margin: 0px 20px 10px 0px;
  padding: 4px 4px 4px 4px;
  border: 1px solid #848b0c;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -opera-border-radius: 0px 10px 10px 0px;
  -khtml-border-radius: 0px 10px 10px 0px;
}
section p {

}
footer {
  margin: 40px 0px 30px 0px;
  text-align:center;
  font-size:0.8em;
}
footer a {
  text-decoration:none;
}
footer img {
  border:none;
  width:35px;
}
footer #footerCenter {
  margin-left:auto; 
  margin-right:auto;
}
#hinauf {
  height:15px;
  background-color:#9ebd3c;
}


/* ------------------------------------- Fonts */
h1, h2, h3, h4 {
  color:#a5874a;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
}

h1 {
  font-size: 1.5em;
  margin: 1em 0;
}
h2 {
  font-size: 1.3em;
  margin: 1em 0;
}
h3 {
  color: #9ebd3c;
}

/* --------------------------------------------------  */
/* ------------------------------------- Tags */
a {
  text-decoration:underline;
  color:#a5874a;
}
a:hover {
  text-decoration:underline;
  color:#000;
}
hr {
  width:80%;
  color: #ccc;
}
ul {
  list-style-image: url("../bilder/system/dot.png");
}
ul.in {
  list-style-image: url("../bilder/system/dot_small.png");
  list-style-position:inside;
}
a.tooltip {

}
a.tooltip:hover {
  position:relative;
  cursor: pointer;
}
a.tooltip em {
  visibility: hidden;
  position:absolute;
  top:2em;
  left:1em;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #a5874a;
  background:#fff;
  padding: 0px 5px 0px 5px;
  color: #848b0c;
  font-size: 1em;
}
a.tooltip:hover em {
  visibility: visible;
}
a.infos {
  text-decoration: none;
  color: #a5874a;
  cursor: pointer;
}
a.infos:hover {
  position:relative;
  color:#9a0f46;
}
a.infos em {
  visibility: hidden;
  position:absolute;
  top:1.3em;
  left:2.5em;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #a5874a;
  background:#fff;
  padding: 0px 5px 0px 5px;
  color: #a5874a;
}
a.infos:hover em {
  visibility: visible;
}

a.clean {
  text-decoration: none;
  
}




/* ------------------------------------- Forms */
label {
    float: left;
    clear: left;
    width: 120px;
}
#errorTel, #errorEmail{
  display:none;
  color:red;
  margin-top:-10px;
  margin-left:120px;
}
input {
  font-size:1.0em;
  height:1.2em;
  width:19em; 
  padding-bottom:5px;
  -webkit-transition: all 0.3s;
  margin-bottom: 10px;
}
input.required {
    border-right-color: red;
}
input:focus {
  
}
input.error {
  border: solid 1px #960a06;
  box-shadow: 0 0 4px #f9a89f;
}
input.valid {
  border: solid 1px #598C28;
  box-shadow: 0 0 4px #7FC666;
}
input[type=submit] {
  width:12em;
  height:40px;
}
textarea {
  font-size:1.0em;
  height:12em;
  width:19em;
  margin-bottom:10px;
  line-height:1.7em;
}
textarea.required {
  border-right-color: red;
}
textarea.error {
  border: solid 1px #960a06;
  box-shadow: 0 0 4px #f9a89f;
}
textarea.valid {
  border: solid 1px #598C28;
  box-shadow: 0 0 4px #7FC666;
}

input.login {
  font-size:1.0em;
  height:1.2em;
  width:12em;
  vertical-align:bottom;
  margin-left:5px;
  margin-right:5px;
}
.needsfilled {
  border: 1px solid red;
  color:gray;
}
#ajax-message {
  text-align:left;
}
#error {
  display:none;
}


/* ------------------------------------- TABs */
#tab1 {
  width:0.3em;
  display:block;
  float: left;
}
#tab4 {
  width:8.7em;
  display:block;
  float:left; 
}
#tab5 {
  width:9em;
  display:block;
  float:left;
}
#tab6 {
  width:10em;
  display:block;
  float:left;
}

/* ------------------------------------- Formats */
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.high img {
  max-width:120px;
}
.floatLeft {
  float:left;
}
.floatRight {
  float:right;
}
.backRed {
  background-color:red;
}
.backGreen {
 background-color:darkgreen; 
}
.big {
  font-size: 1.8em;
  padding: 13px 0px 10px 13px;
}
.activeDayOfWeek {
  border-left: 2px solid ##9ebd3c;
}
.clean {
  text-decoration: none;
  color:#000;
}


/* ------------------------------------------- Elemente */
 /* ------------------------------------ Menu */
#menu {
  margin-left: 120px;
  margin-bottom: 20px;
}
.menuItem {
  display:inline;
  margin: 5px 10px 5px 10px;
  padding: 5px 10px 5px 10px;
  /*border-right: 1px solid #848b0c;
  border-left: 1px solid #848b0c;*/
  border: 1px solid #848b0c;
  -moz-border-radius: 0px 10px 0px 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  -opera-border-radius: 0px 10px 0px 0px;
  -khtml-border-radius: 0px 10px 0px 0px;
  behavior:url('/border-radius.htc');
}
.menuItem a {
  text-decoration:none;
  color:#000;
}
.menuItem a:hover {
  text-decoration:none;
  color:#fff; 
}
.menuItem:hover {
  border-bottom: 1px solid #848b0c;
  color:#fff;
  background-color: #848b0c;
}
.menuItem:active {
  color:#9a0f46;
  background-color: #848b0c;
}
.menuItem img {
  
}
#menu #splitter {
  margin: 0px 0px 0px 0px;
  color: #3dc0fb;
  letter-spacing:0.3em;
}

#aDay {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  border: 1px solid #9a0f46; /* für IE */
  border: 1px solid rgba(154, 15, 70, 0.2); 
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -opera-border-radius: 0px 10px 10px 0px;
  -khtml-border-radius: 0px 10px 10px 0px;
  behavior:url('/border-radius.htc');
}
/* --------------------------------------------------  */
/* ------------------------------------ Schild */

#schild {
  margin: 20px 0px 0px 20px;
}
#schild img {
  width:220px;
}
#schild span { 
  width:125px;
  color:#fff;
  position:absolute;
  top:30px;
  left:24px;
  text-align:center;
}

/* --------------------------------------------------  */
#aBox {
  padding: 10px 15px 0px 15px;
  margin: 0px 15px 0px 0px;

  border: 1px solid #9a0f46; /* für IE */
  border: 1px solid rgba(154, 15, 70, 0.2); 
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -opera-border-radius: 0px 10px 10px 0px;
  -khtml-border-radius: 0px 10px 10px 0px;
  behavior:url('/border-radius.htc');
}

#infoBox {
  border: 1px solid #9ebd3c;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -opera-border-radius: 0px 10px 10px 0px;
  -khtml-border-radius: 0px 10px 10px 0px;
  behavior:url('/border-radius.htc');
  padding: 0;
  margin: 20px 10px 40px 20px;

  width:80%;
}
#infoBox img {
  float: left;
  width:40px;
  position: relative;
  left: -20px;
  top: -23px;
  border: 1px solid #848b0c;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -opera-border-radius: 0px 10px 10px 0px;
  -khtml-border-radius: 0px 10px 10px 0px;
}
#infoBox h4 {
  margin:0px;
  border-radius: 0px 7px 0px 0px;
  padding: 3px 3px 3px 3px;
  color:#fff;
  background-color:#9ebd3c;
  font-weight: bold;
}

#leistungen #untertitel{
  margin-top: -15px;
}
#infoBox #Montag, #Dienstag, #Mittwoch, #Donnerstag, #Freitag, #Samstag, #Sonntag {
  font-size:0.8em;
  padding: 0px 3px 3px 13px; 

}

#infoBox p {
  padding: 0px 3px 3px 13px; 
}



/* ------------------------------- IMG MouseOver ------------------- */
.person {
  display: inline-block;
  margin-bottom: 20px;
}
.person #details {
  display: none;
  z-index: 1;
  padding: 5px 15px 5px 5px;
}
.person #personH{
  position: absolute;
  top: 0; 
  left: 0;
  display: none;
}​


/* ------------------------------------- Openstreetmap Karte */
#OSMMap {
  display:block;
  clear:left;
  margin: 40px 0px 40px 0px;
}

#OSMMap iframe {
  padding: 4px 4px 4px 4px;
  border: 1px solid #848b0c;
  width:500px;
  height:250px;
}

#infoBox #OSMMap iframe {
  padding: 4px 4px 4px 4px;
  border: none;
  width: 90%;
  height: 250px;
}
#infoBox #OSMMap {
  display:block;
  clear:left;
  margin: 10px 0px 10px 0px;
}
/* --------------------------------------------------  */
#creditsURL {
  display: none;
}

#dateTime {
  display:block;
  position:absolute;
  top:-5px;
  left:440px;
  width:111px;
  height:40px;
  border-radius: 0px 0px 10px 10px;
  padding: 3px 3px 3px 3px;
  color:#fff;
  border: 2px solid #fff;
  background-color:#9a0f46;
  font-size: 0.7em;
  text-align: center;
  -moz-box-shadow:    2px 2px 0px 0px #9a0f46;
  -webkit-box-shadow: 2px 2px 0px 0px #9a0f46;
  box-shadow:         2px 2px 0px 0px #9a0f46;
  behavior:url('/border-radius.htc');

  2px 2px 0px 0px black
}
#dateTime h3 {
    font-size: 1.8em;
    margin-top: -4px;
}