@import url('text.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,400italic&subset=latin,latin-ext);

body {
    background-color: #4e87b8;
    background-image: url("https://baatz.at/fileadmin/_tpl/ursula.baatz/bilder/bg1.jpg");
    background-position: top center;
    background-repeat:no-repeat;
    background-attachement: fixed;
}
#kopf {
    /*background-image: url("https://baatz.at/fileadmin/_tpl/ursula.baatz/bilder/bg90p.png");
    margin-top: 120px;
    height: 60px;*/
    
}
.kopflinie {
    width: 100%;
    background-image: url("https://baatz.at/fileadmin/_tpl/ursula.baatz/bilder/bg90p.png");
    height: 64px;
    margin-top: 0px;
}
#fuss {
    height: 40px;
    background-image: url("https://baatz.at/fileadmin/_tpl/ursula.baatz/bilder/bg90p.png");
    border-top: 3px solid #fff;
}
#inhalt {
    background-image: url("https://baatz.at/fileadmin/_tpl/ursula.baatz/bilder/bg90p.png");
    margin-top:0;
    padding-bottom: 80px;
}
#mitte, #rechts {
    padding-top: 44px;
    padding-left: 30px;
    padding-right: 25px;
}
#navigation {
        text-align: right;
}
.navbar, html .ie .ie9 .navbar {
    background: #fff;
    opacity: 1;
    padding-left: 660px;
    margin-bottom:0;
    padding-bottom:0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    min-height: 30px
}



@media only screen and (max-width: 767px) { 
    .navbar { position: relative; border: none; }
    .navbar .column, .navbar .columns { min-height: 0; } 
}

.navbar.fixed { top: 0; left: 0; z-index: 99999; }
.navbar a.toggle { display: none; }

@media only screen and (max-width: 767px) { 
    .navbar a.toggle { top: 18%; right: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: white; background: #4a4d50; height: 20px; line-height: 19px; font-size: 30px; font-size: 1.7rem; }
  .navbar a.toggle:hover { background: #9d9d9d; }
  .navbar a.toggle:active, .navbar a.toggle.active { background: #3e4043; } }

.navbar ul { display: table; vertical-align: middle; margin: 0; float: none; }
@media only screen and (max-width: 767px) { 
    .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; max-height: 0; top: 30px; left: 0; overflow: hidden; text-align: center; background: #3e4043; }

   .navbar ul.active { height: auto; max-height: 600px; z-index: 999999; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 0 2px 2px #252728; -moz-box-shadow: 0 2px 2px #252728; box-shadow: 0 2px 2px #252728; } }

.navbar ul li { display: table-cell; text-align: center; padding-bottom: 0; margin: 0; height: 30px; line-height: 29px; }
@media only screen and (max-width: 767px) { .navbar ul li { display: block; position: relative; min-height: 30px; max-height: 320px; height: auto; width: 100%; border-right: 0 !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } }

.navbar ul li > a:link, .navbar ul li > a:visited{ display: block; padding: 0 16px; white-space: nowrap; color: #9d9d9d; text-shadow: none; height: 30px; line-height: 29px; font-size: 16px; font-size: 1rem; text-decoration: none;}

.navbar ul li > a:hover { display: block; padding: 0 16px; white-space: nowrap; color: #fff; text-shadow: none; height: 30px; line-height: 29px; font-size: 16px; font-size: 1rem; background-color: #9d9d9d; text-decoration: none;}

.navbar ul li .dropdown { width: auto; min-width: 0px; max-width: 320px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 767px) { .navbar ul li .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown { border-bottom: 1px solid #313436; }
  .navbar ul li.active .dropdown ul { position: relative; top: 0; background: #36393b; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: #3e4043; }
  .navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
  .navbar ul li.active .dropdown ul li a:hover { color: #d04526; } }
@media only screen and (min-width: 768px) and (max-width: 939px) { .navbar > ul > li > .btn a { padding: 0 10px 0 10px !important; }
  .navbar ul > li .dropdown ul li.active .dropdown { left: -320px; } }

.navbar li .dropdown ul > li a { display: block; padding: 0 20px; color: #9d9d9d; border-bottom: 1px solid #cccccc; text-shadow: none; height: 51px; line-height: 49px; }
.navbar li .dropdown ul > li a:hover {
  color: #d04526; 
  text-decoration: none;
}
.linksmitte {
    text-align: right;
    padding-top: 76px;
}

.menulinks_a a:link, .menulinks_a a:visited {
    display: block;
    padding: 5px 20px;
    padding-left: 10px;
    border-top: 3px solid #fff;
    /*border: 1px solid #f6f3ef;*/
    margin-top: 12px;
    /*border-radius: 4px;*/
    
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    color: #717e89;
    font-size: 1em;
    text-decoration: none;
}
.menulinks_a a:hover {
    display: block;
    padding: 5px 20px;
    padding-left: 10px;
    /*border: 1px solid #f6f3ef;*/
    border-top: 3px solid #fff;
    background-color: #9d9d9d;
    margin-top: 12px;
    /*border-radius: 4px;*/
    
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
}
.menulinks_b a:link, .menulinks_b a:visited{
    display: block;
    padding: 5px 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    color: #9d9d9d;
    font-size: 0.9em;
    margin-right: 26px;
    text-decoration: none;
}
.menulinks_b a:hover{
  text-decoration: none;
    display: block;
    padding: 5px 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 0.9em;
    background-color: #9d9d9d;
    margin-right: 26px;
}
p.menulinks_a, p.menulinks_b {
    margin:0;
}