body {
background:#FFFFFF url(./warmblut_brand.png) repeat scroll 0%;
color:#333333;
font-size:small;
margin:0pt;
padding:0pt;
text-align:center;
}

#wrap {
background:#edeffa none repeat scroll 0%;
margin:1em auto;
padding:0pt;
text-align:left;
width:820px;
border:1px solid #CCCCAA;
}

#innerwrap {
margin:0px 15px;
padding:0px 0px;
width:810px;
}

#content {
padding: 0.2em 1em 2em;
clear: both;
}

#logobar {
padding:0.5em 1em;
}

#logobar img {
padding: 0.5em 0em;
}

#mainNavOuter {
clear:both;
font-family:helvetica,arial,sans-serif;
width:100%;
}

#mainNav {
background-image:url(./toolbar.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
width:100%;
}

#mainNavOuter div#rightedge {
background-image:url(./toolbar_right.png);
background-position:right top;
background-repeat:no-repeat;
width:20px;
}

#mainNav ul {
float:left;
font-weight:bold;
list-style-type:none;
margin:0px;
padding:0pt;
width:800px;
}

#mainNav ul li {
float:left;
margin:0pt;
padding:0pt;
}

#mainNav ul li a {
color:#000000;
display:block;
float:left;
font-size:85%;
padding:7px 15px 5px;
text-decoration:none;
}

/* aktive Kategorie */
li#selected a {
color:#FFFFFF;
padding-bottom:5px;
}

li#selected a#one {
background-image:url(./entry_left.png);
background-position:left top;
background-repeat:no-repeat;
padding-right:0px;
padding-left:0px;
}

li#selected a#two {
background-color:#e2c23e;
background-image:url(./line.png);
background-position:top;
background-repeat:repeat-x;
padding-right:0px;
padding-left:0px;
}

li#selected a#three {
background-image:url(./entry_right.png);
background-position:right top;
background-repeat:no-repeat;
padding-right:0px;
padding-left:0px;
}
/* Zweite Zeile */

ul#secNavList {
background-image:url(./subtoolbar.png);
background-position:left top;
background-repeat:repeat-x;
float:left;
list-style-type:none;
margin:0px;
padding:0px;
width:800px;
}

ul#secNavList li {
color:#000000;
display:block;
float:left;
font-size:85%;
padding:4px 10px 5px;
text-decoration:none;
}

ul#secNavList li#active a {
text-decoration:underline;
}


ul#secNavList a {
color:#000000;
text-decoration:none;
}

h1.headline {
display:block;
font-family:serif;
}

form#kontakt {
border:1px solid #CCCCAA;
width:65%;
margin:auto;
}

/* Inhalte */

div#content h1, h2, h3, h4 {
font-family:sans-serif;
font-style:italic;
}

div#content p {
margin-left:2em;
margin-right:1em;
font-family:serif;
}

div#content ul {
margin-left:2.2em;
margin-right:1em;
font-family:serif;
}

div#content table {
margin-left:2.2em;
margin-right:1em;
font-family:serif;
}

/* Neuigkeiten */
div#content p.date {
font-size:1.1em;
font-family:sans-serif;
font-weight:bold;
}

/* Ferientermine */
table#ferien {
border-style:none;
float:right;
padding:0.2em 1em;
text-align:center;
}

table#ferien tr.durchgang {
font-family:sans-serif;
background-color:#CFCFCF;
}

table#ferien tr.saison {
border-style:none;
background-color:#BABABA;
}

tr.durchgang td {
font-family:sans-serif;
background-color:#CFCFCF;
padding:0.2em 0.5em;
}

tr.saison td {
border-style:none;
background-color:#BABABA;
}

/* JAOS Gallery
*******************************************************************************/
#jaos {
margin:0 auto;
}

.jaosg_galerie {
text-align:center; 
vertical-align:middle; 
padding:5px;
}

.jaosg_thumbnail {
margin:5px;
/* float: left; 
height: 80px; */
width: 200px;
text-align: left;
vertical-align:middle;
}

.jaosg_thumbnail img {
 border: 1px solid black;
 padding: 1px;
}

.jaosg_nav {
text-align: center;
}

.jaosg_bild {
text-align: center;
}

.jaosg_bildbeschreibung {
text-align: justify;
}

.warn {
 color: #FF0000;
 font-weight: bold;
}

.hinweis {
 font-style: italic;
 font-size: smaller;
 color: #555555;
}

img.zentriert {
 margin: 1em auto 1em auto;
 display: block;
}

img.zentriert {
 margin: 1em auto 1em auto;
 display: block;
}

dl.zentriert {
 margin: 1em auto 1em auto;
 display: block;
}

dl.zentriert dd {
 margin-left: 0.1em;
 font-size: smaller;
}

.floatingPicLeft {
  clear:both;
  float:left;
  padding-left:0.3em;
  padding-right:1em;
}

.floatingPicLeft dd {
  margin-left: 0.1em;
  font-size: smaller;
}

.floatingPicRight {
  clear:both;
  float:right;
  padding-right:0.3em;
  padding-left:1em;
}

.floatingPicRight dd {
  margin-left: 0.1em;
  font-size: smaller;
}