html,body,div,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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{position:relative;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0;outline:0;vertical-align:baseline} :focus {outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"»" "«"}html{font-size:100.01%}body{font-size:1em}.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cf{display:inline-block}.cf{display:block}strong{font-weight:bold}em{font-style:italic}
.invisible,.hidden_navi,.ti span,.tool-tip-text{position:absolute;left:-1000em;width:20em}
a{text-decoration:none;color:#fc4713}a:hover,a:focus{text-decoration:underline;color:#fc4713}
abbr{border-bottom:1px dotted #fc4713}
abbr:hover{cursor:help;border-bottom:1px solid #fc4713}
strong{font-weight:bold}
.printonly { display: none; }

html { min-height: 101%; }
body {
  position: absolute;
  width: 100%; min-height: 100%;
  font-family: Georgia, 'Lucida Grande', serif;
  color: #404040;
  font-size: 0.625em;
  line-height: 1.6em;
  background-color: #4a1801; background-image: url(../img/bg-page.jpg);
}
.content {
  width: 96em; 
  margin: 0 auto;
}
#page {
  background: url(../img/bg-ornament.gif);
  background-repeat: repeat-x;
  background-position: center 18px;
  min-height: 105em; min-width: 96em;
  width: 100%;
  overflow: hidden;
  padding: 0 0 235px 0;
  z-index: 40;
}

#page .content {
  width: 95em;
  padding: 36em 0 2em 1em;
  z-index: 30;  
}

#content {
  background: #fdf0bc;
  width:65em;
  padding: 3em 1em 0 4em;
  z-index: 50;
}
.tinymce {
  font-size: 1.4em;
  line-height: 1.4em;
}

h2 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
h2.ti { margin: 0 0 1em 0;}
h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

#content .container { padding: 0 0 2em 0; }

.tinymce a { font-style: italic; }

.tinymce .text {
  width: 29.3em;
  float: left;
}
.tinymce .right {
  width: 16.4em;
  float: right;
}

.text-right .text { width: 16.4em; }
.text-right .right { width: 27.1em; }

.text-double .text { width: 19.2em; }
.text-double .right { width: 19.2em; padding: 0 6.8em 0 0; }

.text-only .text {
  float: none;
  width: auto;
  padding: 0 3em 0 0;
}
.Highlight { color: #fc4713; font-style: italic; }
.Kleingedrucktes { font-family: Arial, Verdana, sans-serif; color: #666; font-size: .8em; }

span.hr {
  display: block;
  position: relative;
  clear: both;
  border: none;
  width: 62em; height: 2.5em;
  margin: 0 0;
  background: url(../img/bg-linie.gif) repeat-x left -7px #fbeeb7;
}
table {
  padding: 0 0 15px 0;
  background: url(../img/bg-linie.gif) repeat-x left bottom;
}


.images a { padding: 0 .5em 0 0; }
.images a img {
  border: 1px solid #fbeeb7;
}
.images a:hover img, .images a:focus img { border-color: #fc4713 }


.sitemap {
  font-size: 1.4em;
  line-height: 1.4em;
}
.sitemap li ul { padding: 0 0 0 1em; }
.sitemap li ul.articles { font-size: 0.8em; padding: 0; }
  
#rightcol {
  position: absolute;
  top: 19em; right: 0;
  display: block;
  width: 24em;
  overflow: hidden;
  z-index: 10;
}

.image {
  display: block;
  text-align: left;
}
.image_left { float: left; width: 14em; overflow: hidden; margin: 0 .5em 0 0; }
.image a, .image_left a, .image_right a {
  font-size: 0.8em;
  color: #404040;
  text-decoration: none;
}
.image a:hover, .image a:focus, .image_left a:hover, .image_left a:focus, .image_right a:hover, .image_right a:focus { color: #fc4713; }
.image a .text, .image_left a .text, .image_right a .text {
  font-family: Tahoma, Arial, sans_serif;
  font-style: normal;
  text-align: center;
  width: 100%; 
}

.newslist { padding: 0 0 2em 0; }
.newslist h2 {
  text-transform: none;
  font-weight: normal;
}
.newslist h2 a {
  font-style: normal;
  text-decoration: none;
  color: #404040;
  text-transform: uppercase;
  font-weight: bold;
}
.newslist h2 a:hover, .newslist h2 a:focus { color: #fc4713 }
#content .newslist .tinymce { padding: 0 0 1em 0; }

.news-pagination {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}
.news-pagination li {
  display: inline;
  padding: 0 .5em;
}
.park-news {
  clear: both;
  display: block;
  width: 21em; height: 12.5em;
  padding: 9.5em .5em 0 .5em;
  margin: 0 0 0 10px;
  overflow: hidden;
}

.park-news a.news-item {
  display: block;
  color: #404040;
  text-decoration: none;
  height: 7.5em;
  line-height: 1.8em;
  width: 100%;
  z-index: 20;
}
.park-news a.news-item:hover { color: #ff3c07; }
.news-item span {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;

}
.news-item span.date {
  font-size: 1.1em;
  font-weight: normal;
}

.tinymce ul { list-style-type: disc; }
.tinymce ol { list-style-type: decimal-leading-zero; position: inside; margin: 0; padding-left: 2.5em; }
.tinymce li { margin: 0 0 0 15px; }


.galerie-item {
  width: 10em;
  overflow: hidden;
  float: left;
  margin: 0 2em 2em 0;
}

.galerie-large {
  width: 20em;
  overflow: hidden;
  float: left;
  margin: 0 1em 2em 0;
}
.galerie-item .title { font-size: 1.2em; text-align: center; width: 100%; display: block; }

.park-news a.see-all {
  display: block;
  margin: .5em 0 0 0;
  opacity: .8;
  width: 100%; height: 3.5em;
  text-indent: -1000em;
  background: url(../img/bg-de-allenews.gif) no-repeat center;
  z-index: 20;
}
.park-news a.see-all:hover { opacity: 1; }

.park-news .bg { width: 22em; height: 22em; z-index: 10; }
.bg { position: absolute; top: 0; left: 0; }





.logo {
  display: block;
  position: absolute;
  width: 21em; height: 12em;
  top: 6em; left: 1.5em;
  text-indent: -1000em;
  background: url(../img/blank.gif);
  z-index: 60;
}


.header {
  z-index: 10;
  width: 140em; height: 43em;
  position: absolute;
  top: 0; left: 50%;
  margin-left: -70em;
  text-align: center;
}




#home #page .content { padding: 63em 0 2em 0; width: 96em;}
#home #content {
  margin: 0 auto;
  width: 96em;
  padding: 0;
  background: transparent;
}
#home .logo { display: none; }

.hp-teaser {
  display: block;
  width: 220px; height: 220px;
  overflow: hidden;
  padding: 10px;
  float: left;
}
.hp-teaser .teaser-tag {
  position: absolute;
  top: 0; left: 0;
}

#rightcol .hp-teaser {
  width: 22em;
  height: auto;
  float: none;
}
#rightcol .newslist { display: block;  position: relative; height: 22em; }



#home .header {
  width: 160em; height: 65em;
  margin-left: -80em;
}



#nav-level-1 {
  z-index: 20;
  position: absolute;
  top: 4.7em; right: 0;
  width: 70.6em; height: 15em;
}

#nav-level-1 li {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 14em; height: 12.5em;
}
#nav-level-1 li a {
  display: none;
  color: #2c1f14;
  font-size: 1.2em;
  line-height: 1.4em;  
  padding: 0 0.5em;
}
#nav-level-1 li li a:hover, #nav-level-1 li li a:focus, #nav-level-1 li li.rex-active a {
  background: #fbf1d3;
  text-decoration: none;
}

#nav-level-1 li.prior2 {
  left: 16.1em;
  width:14.5em; height: 14.5em;
}
#nav-level-1 li.prior2 li a { color: #fbf1d3; }
#nav-level-1 li.prior2 li a:hover, #nav-level-1 li.prior2 li a:focus, #nav-level-1 li.prior2 li.rex-active a { background: #382d1c; }

#nav-level-1 li.prior3 {
  left: 16em;
  width:14.5em; height: 14.5em;
}
#nav-level-1 li.prior3 li a { color: #2a3714; }
#nav-level-1 li.prior3 li a:hover, #nav-level-1 li.prior3 li a:focus, #nav-level-1 li.prior3 li.rex-active a { color: #fbf1d3; background: #af4015; }

#nav-level-1 li.prior3 {
  left: 32em;
}
#nav-level-1 li.prior4 {
  left: 48.1em;
  width: 20em; height: 4em;
}
#nav-level-1 li.prior4 li, #nav-level-1 li.prior4 li.prior3 { display: block; width: 100px; float: left; }
#nav-level-1 li.prior4 li a:hover, #nav-level-1 li.prior4 li a:focus, #nav-level-1 li.prior4 li.rex-active a { color: #fbf1d3; background: #db273c; }

#nav-level-1 li li,
#nav-level-1 li li.prior2,
#nav-level-1 li li.prior3,
#nav-level-1 li li.prior4 {
  position: relative;
  top: auto; left: auto;
  width: auto; height: auto;
}
#nav-level-1 li li a { display: block; }

#nav-level-1 .prior1 { }

#nav-level-2 {
  position: absolute;
  top: -1.5em;
  width: 65em; height: 4.5em;
  padding: 0 0 0 0;
  overflow: hidden;
}
#nav-level-2 li, #nav-level-2 ul { display: inline; }
#nav-level-2 li ul { padding: 0 0 0 0; }
#nav-level-2 li a {  color: #fc4713; font-size: 1.2em; font-weight: bold; padding: 0 .5em; border-left: 1px solid #404040; }
#nav-level-2 li a:focus, #nav-level-2 li a:hover, #nav-level-2 li.rex-active a { color: #404040; }
#nav-level-2 li.rex-active li a { font-weight: normal; color: #fc4713; padding: 0 .5em; }
#nav-level-2 li.rex-active li.rex-active a { text-decoration: underline; }
#nav-level-2 li li li { display: none; }
#nav-level-2 li.rex-navi-first a { padding: 0 0.5em 0 0; border-left: none; }



.page-pagination a:hover span, .page-pagination a:focus span { text-indent: -100%; }
.page-pagination {
  position: absolute;
  top: 0em; right: 0;
  width: 22.5em;
  height: 3.5em;
  display: block;
  text-align: right;
  /* background: url(../img/bg-linie.gif) repeat-x left -7px #fbeeb7; */
}
.page-pagination a {
  font-size: 1.2em;
  padding: 0 .25em;
  font-weight: bold;
  color: #fc4713;
}
.page-pagination a:hover { color: #404040; }

/*
.page-pagination a.previous { width: 80px; left: 0;}
.page-pagination a.overview { width: 80px; left: 50%; margin-left: -25px;  text-align: center; }
.page-pagination a.next { width: 80px; right: 0; text-align: right; }
.page-pagination span.hr { position: absolute; z-index: 10; bottom: 0; height: 5px; width: 100%; }
*/

form li {
  display: block;
  padding: 0 0 .5em 0;
  font-size: 1.4em;
}
label {
  display: block;
  float: left;
  width: 16.4em;
  font-size: 1em;
}
input, select, textarea {
  font-family: Georgia, 'Lucida Grande', serif;
  font-size: 1em;
  color: #404040;
  background: #fff;
  border: 1px solid #404040;
  padding: .25em .5em;
  width: 26.5em;
  display: block;
  float: left;
}
input:focus, select:focus, textarea:focus {
  border: 1px solid #fc4713;
  background: #ffede8;
  color: #000;
}
textarea {
  padding: .25em .25em .25em .5em;
  width: 26.75em; height: 10em;
}
select {
  padding: .25em .25em .25em .5em;
  width: 27.7em;
}
input.checkbox {
  width: auto;
  padding: 0;
  margin: .25em .5em 0 16.4em;
}
form span.radio, form span.multiselect {
  display: block;
  width: 27.7em;
  float: left;
}
form span.radio input, form span.multiselect input {
  width: auto; padding: 0;
  margin: .1em .5em 0 0;
}
form span.radio span, form span.multiselect span { display: block; width: 100%; }

input.submit {
  border: 1px solid #fc4713;
  background: #fc4713;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0 16.4em;
  width: 27.7em;
  cursor: pointer;
  padding: .25em .5em 0.1em .5em;
}
input.submit:hover, input.submit:focus {
  border: 1px solid #c6380f;
  background: #c6380f;
}
input.hidden { display: none; }

form input.warning, form textarea.warning, form select.warning { border: 1px solid #c6380f; }
form .warning_msg {
  font-family: Tahoma, Arial, sans-serif;
  color: #c6380f;
  font-size: 0.7em;
  line-height: 1em;
  padding: .25em 0 0 0;
  display: block;
}
.form_thankyou, .form_error {
  font-size: 1.4em;
  display: block;
  padding: 0 0 1em 0;
}
.form_error {
  padding: .5em;
  background: #f2cb99;
  border: 1px solid #da0000;
}


/* Comments */
#content .comments {
  padding: 0;
}
.comments .list {
  background: url(../img/bg-linie.gif) repeat-x left top;
  padding: 3em 0 3em 0;
}
.comments .list h3 {
  padding: 0 0 1em 0;
}
.comments .form {
  background: url(../img/bg-linie.gif) repeat-x left top;
  padding: 3em 0 2em 0;
}
.comments form {
  width: 41em;
  float: left;
}
.comments .explanation {
  width: 16em;
  float: left;
  background: url(../img/btn-help.gif) no-repeat top left;
  padding: 0 0 0 1.5em;
  font-size: 1.1em;
}

.comments form li.hidden { display: none;}
.comments form input, .comments form textarea { display: block; float: none; }
.comments form label { display: none; }

.comments form li.calc { width: 16.5em; float: left; padding: .5em 0 .5em 0; }
.comments form li.calc label {
  display: block; width: 8em; padding: .25em 1em 0 1em;
  background: url(../img/btn-help.gif) no-repeat top left;
}
.comments form li.calc label .req { display: none; }
.comments form li.calc input { width: 3em; }

.comments form li.submit { padding: .5em 0 0 0; width: 12em; float: left; }
.comments form li.submit input { width: 11.2em; margin: 0; }

.comments form li.username, .comments form li.email { width: 13.5em; margin: 0 1em 0 0; float: left; }
.comments form li.username input, .comments form li.email input { width: 12em; }
.comments form li.title { clear: both; float: none; }

.comments div.comment {
  display: block;
  border-bottom: 1px dotted #404040;
  padding: 1em 0;
  font-size: 1.2em;
}
.comments div.comment h4 { font-weight: bold;  }
.comments div.comment .date { font-weight: normal; padding: 0 0 0 .5em; }
.comments div.comment p.comment { padding: .5em 0 0 0; line-height: 1.6em;}

.comments a.btn-show-all {
  float: right;
  display: block;
  width: 160px; height: 30px;
  background: url(../img/btn-show-all.gif) no-repeat 0 -30px;
  text-indent: -1000em;
  top: -1px;
  border-left: 5px solid #fdf0bc;
}
.comments a.btn-show-all:hover, .comments a.btn-show-all:focus { background-position: 0 0; }


.search {
  font-size: 1.4em;
  line-height: 1.4em;
}
.search .form_message { display: block; padding: 0 0 .5em 0;}
.search form .formlist {
  font-size: .7em;
  padding: 1em 0;
}
.search .messages {
  background: url(../img/bg-linie.gif) repeat-x left bottom;
  padding: 0 0 2em 0;
}
.search .messages .form_error { font-size: 1em; }
.search .results {
  background: url(../img/bg-linie.gif) repeat-x left top;
  padding: 1em 0 2em 0;
}
.search .results .result {
  display: block;
  border-bottom: 1px dotted #404040;
  padding: 1em 0; 
}
.search .pagination { text-align: center; }
.search .pagination button {
  display: inline;
  text-shadow: none;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  color: #fc4713;
}
.search .pagination span { padding: 0 .25em; }

.search .pagination button:hover { color: #404040; }

#searchbox {
  font-size: 1em;
  background: url(../img/bg-search.png) no-repeat top left;
  width: 220px; height: 40px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 13.5em; left: 73.5em;
  z-index: 70;
}
#searchbox label { display: none; }
#searchbox li {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 5px; left: 5px;
  width: 170px; height: 23px;
}
#searchbox input.query {
  margin: 0; width: 100%; height: 100%;
  background: #fff;
  border: none;
}
#searchbox li.submit {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0; right: 0; left: auto;
  width: 40px; height: 40px;
}
#searchbox input.submit {
  margin: 0; width: 100%; height: 100%;
  text-indent: -1000em;
  background: transparent;
  border: none;
}
#searchbox li.hidden { display: none; }



form li.hidden { display: none; }

#footer {
  z-index: 60;
  position: absolute; bottom: 0;
  width: 100%;
  background-repeat: repeat-x;
  background-position: 0 bottom;
  background-image: url(../img/bg-footer.jpg);
  height: 235px;
  overflow: hidden;
}
.footer {
  width: 100%;
  padding: 25px 0 0 0;
}

.footer li {
  display: block;
  float: left;
  width: 220px; height: 115px;
  margin: 0 10px;
}
.footer li a {
  display: block;
  width: 100%; height: 100%;  
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../img/bg-btn-footer.gif);
  text-indent: -1000em;
  display: none;
}
.footer li.rex-navi-47 a { display: block; background-position: 0 0; }
.footer li.rex-navi-47 a:hover, .footer li.rex-navi-47 a:focus { background-position: 0 -115px; }
.footer li.rex-navi-15 a { display: block; background-position: -220px 0; }
.footer li.rex-navi-15 a:hover, .footer li.rex-navi-15 a:focus { background-position: -220px -115px; }
.footer li.rex-navi-32 a { display: block; background-position: -440px 0; }
.footer li.rex-navi-32 a:hover, .footer li.rex-navi-32 a:focus { background-position: -440px -115px; }
.footer li.rex-navi-29 a { display: block; background-position: -660px 0; }
.footer li.rex-navi-29 a:hover, .footer li.rex-navi-29 a:focus { background-position: -660px -115px; }

#essentials {
  padding: 65px 0 0 10px;
}
.bookmarks { font-size: 1.2em; display: none; }
.essentials { display: inline; padding: 0 0 0 25px;}
.essentials li {
  display: inline;
  border-left: 1px solid #f6e073;
  padding: 0 10px;
}
.essentials li.rex-first { border-left: none; }
.essentials li a {
  color: #f6e073;
  font-size: 1.2em;
}
a.teamnawrot {
  position: absolute;
  right: 10px; top: 65px;
  color: #673e01;
  text-transform: uppercase; 
  text-decoration: none; 
}

body.beige { background-color: #e2c182; background-image: url(../img/bg-page-beige.jpg); }
body.beige #page { background-image: url(../img/bg-ornament-beige.gif); }
body.beige .footer li a { background-image: url(../img/bg-btn-footer-beige.gif); }
body.beige #footer { background-image: url(../img/bg-footer-beige.jpg); }

body.blau  { background-color: #0d3a3f; background-image: url(../img/bg-page-blau.jpg); }
body.blau #page { background-image: url(../img/bg-ornament-blau.gif); }
body.blau .footer li a { background-image: url(../img/bg-btn-footer-blau.gif); }
body.blau #footer { background-image: url(../img/bg-footer-blau.jpg); }

body.grau  { background-color: #322716; background-image: url(../img/bg-page-grau.jpg); }
body.grau #page { background-image: url(../img/bg-ornament-grau.gif); }
body.grau .footer li a { background-image: url(../img/bg-btn-footer-grau.gif); }
body.grau #footer { background-image: url(../img/bg-footer-grau.jpg); }

body.gruen { background-color: #15531a; background-image: url(../img/bg-page-gruen.jpg); }
body.gruen #page { background-image: url(../img/bg-ornament-gruen.gif); }
body.gruen .footer li a { background-image: url(../img/bg-btn-footer-gruen.gif); }
body.gruen #footer { background-image: url(../img/bg-footer-gruen.jpg); }

body.braun { background-color: #492d08; background-image: url(../img/bg-page-braun.jpg); }
body.braun #page { background-image: url(../img/bg-ornament-braun.gif); }
body.braun .footer li a { background-image: url(../img/bg-btn-footer-braun.gif); }
body.braun #footer { background-image: url(../img/bg-footer-braun.jpg); }

body.petrol{ background-color: #183a3a; background-image: url(../img/bg-page-petrol.jpg); }
body.petrol #page { background-image: url(../img/bg-ornament-petrol.gif); }
body.petrol .footer li a { background-image: url(../img/bg-btn-footer-petrol.gif); }
body.petrol #footer { background-image: url(../img/bg-footer-petrol.jpg); }

body.purpur { background-color: #701223; background-image: url(../img/bg-page-purpur.jpg); }
body.purpur #page { background-image: url(../img/bg-ornament-purpur.gif); }
body.purpur .footer li a { background-image: url(../img/bg-btn-footer-purpur.gif); }
body.purpur #footer { background-image: url(../img/bg-footer-purpur.jpg); }

body.rot   { background-color: #651d10; background-image: url(../img/bg-page-rot.jpg); }
body.rot #page { background-image: url(../img/bg-ornament-rot.gif); }
body.rot .footer li a { background-image: url(../img/bg-btn-footer-rot.gif); }
body.rot #footer { background-image: url(../img/bg-footer-rot.jpg); }

body.gelb   { background-color: #e5a70a; background-image: url(../img/bg-page-gelb.jpg); }
body.gelb #page { background-image: url(../img/bg-ornament-gelb.gif); }
body.gelb .footer li a { background-image: url(../img/bg-btn-footer-gelb.gif); }
body.gelb #footer { background-image: url(../img/bg-footer-gelb.jpg); }

*+html .footer { width: 101%; }
*+html #home #content { width: 97em; }

* html #footer .content { width: 99em; }
* html #home #content { width: 97em; }
* html img  { behavior: url(files/skin_serengetipark/css/iepngfix.htc) }