* {
padding: 0;
margin: 0;
}
html, body {
height:100%;
}
html {
background-color: #C5C2B3;
}
body {
font-family: "Trebuchet MS", "Arial", sans-serif;
font-size: 100%;
line-height: 1.125em;
font-weight: bold;
width: 951px;
background-color: #2A7092;
}
a:link, a:visited {
text-decoration: none;
color: #fff;
outline: none;
}
a:hover, a:active {
color: #C5C2B3;
}
a.current:link, a.current:visited, 
a.current:hover, a.current:active {
color: #C5C2B3;
}
#content a {
font-style: italic;
}
#content a:hover, #content a:active {
color: #2A7092;
}
#content a.current {
color: #2A7092;
}
#content a.external {
color: #2A7092;
}
#content a.external:visited {
color: #2A7092;
}
#content a.external:hover {
color: #fff;
}
#content a.external:active {
color: #fff;
}
h1 {
width: 388px;
height: 40px;
margin: 14px 0 39px 70px;
}
h1 a {
display: block;
width: 100%; /* Der IE braucht eine explizite Breitenangabe*/
height: 100%;
}
h2, h3, h4, h5, p, label, legend {
color: #235065;
}
h2 {
font-size: 1.125em;
margin-left: 1.556em;
margin-bottom: .5em; /*Abstand zu hr (Bug im IE, besser eigenen hr mit Hilfe von div bauen?*/
width: 50%;
}
h3, .archiv h4 {
font-size: 1em;
margin-top: 1.25em;
margin-left: 1.75em;
}
h3.first {
margin-top: .9em;
}
.archiv h3 {
margin-bottom: 1em;
}
h4, .archiv h5 {
margin-top: 0;
margin-left: 2em;
font-size: .875em;
}
p {
font-size: 0.875em;
padding: 1em 1em 0 2em;
}
p#imprint {
margin-top: .7em;
}
p#booking {
margin-top: .6em;
}
p.legend {
font-size: 1em;
padding-left: 0;
padding-top: 0;
margin-bottom: .5em;
}
em {
font-size: 1em;
font-style: normal;
}
hr {
width: 35%;
height: 1.2em;
color: #2A7092;
border: none;
background-color: #2A7092; /*FF*/
text-align: left;
}
hr.linie {
height: 3px;
margin-left: 1.75em;
margin-top: 1.5em;
width: 213px;
color:#2A7092;
background-color: #2A7092;
}
img {
border: none;
}
img.landedo {
position: absolute;
bottom: 1.2em;
right: 0;
}
#container {
position: absolute;
width: 951px;
min-height: 700px;
background-color: #2A7092;
background-image: url(../images/kinder1.gif);
background-position: 0px 125px;
background-repeat: no-repeat;
}
#logo {
position: absolute;
top: 0;
left: 481px;
height: 148px;
width: 470px;
background-image: url(../images/logo.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
#navigation {
width: 750px;
margin-top: 106px;
margin-left: 108px;
background-color: #C5C2B3;
padding-bottom: 1em;
}
#navigation ul {
list-style: none;
font-size: 1em;
background-color: #2A7092;
padding: 0 .5em 0 1em;
}
#navigation ul li {
display:inline;
padding-right: 1em;
line-height: 1.5em;
background-color: #2A7092;
}
ul#nav-main { /*horizontal*/
/*Hack für IE. Verhindert, dass sich die div "#navigation" so weit ausdehnt,
dass sie die Liste "ul#main-nav" umschliesst*/
position: relative;
margin-right: -1000px;
height: 1%;
/*Hack Ende*/
float: left;
display: inline; /* Hack für den IE Double-Margin-Bug */
margin-top: 42px;
margin-bottom: .3em;
margin-left: 1.75em;
width: 810px;
}
ul#nav-secondary { /*horizontal*/
float: left;
margin-left: 0;
padding-left:  2.8em;
}
ul#nav-tertiary { /*horizontal*/
clear: left;
float: left;
display: inline;  /* Hack für den IE Double-Margin-Bug */
margin-top: .3em;
margin-left: 2.2em;
}
#content {
width: 750px;
margin-left: 108px;
padding: 2em 0;
background-color: #C5C2B3;
}
#content h3 a {
font-style: normal;
}
#content h3 a:hover {
color: #235065;
}
#main {
float: left;
width: 55%;
padding-bottom: 1.25em;
}
#main ul {
list-style: none;
color: #235065;
font-size: 0.875em;
margin-top: 1em;
margin-left: .95em;
padding-left: .95em;
}
#main ul ul {
font-size: 1em;
list-style-type: disc;
margin: 0 0 1em 0.75em;
}
#main ul.agb {
list-style-type: disc;
margin: 1em 3.5em;
}
#main ul.num {
list-style-type: decimal;
margin: 1em 3.5em;
}
#main ul.referenz {
list-style-type: disc;
margin-top: 1em;
margin-left: 2em;
}
#main ul.links {
color: #2A7092;
}
#main ul a, #sidebar ul a {
font-style: normal;
}
#sidebar {
float: right;
width: 40%;
border-bottom: 1.2em solid #2A7092;
margin-bottom: .75em;
}
#sidebar.topmarg {
margin-top: 3em;
}
#sidebar img {
float: right;
margin-top: 6em;
}
#sidebar h3 {
margin-left: 0;
}
#sidebar p {
padding-left: 0;
margin-right: 2em;
}
#sidebar ul {
list-style-type: disc;
color: #fff;
font-size: .875em;
margin: 1em .75em .25em .75em;
padding-left: .5em;
}
#sidebar ul.agb {
list-style: decimal;
margin-left: 1.5em;
padding-left: .7em;
}
#gallery {
position: relative;
float: right;
width: 40%;
margin-bottom: .75em;
height: 18em;
}
#gallery-nav {
clear: right;
position: absolute; 
bottom: 0; 
width: 100%;
height: 1.2em;
padding-left: .25em;
background-color: #2A7092;
}
#gallery-nav img {
float: none;
margin-top: 3px;
}
p#imgsub {
float: right;
margin: 0 .25em 0 0;
padding: 0;
color: #C5C2B3;
}
* html p#imgsub {
margin: .125em .15em 0 0;
}
#sex {
width: 10.75em;
}
#sex p {
float: right;
padding: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.clear {
clear: both;
}
.invisible {
visibility: hidden;
}
.warning {
margin: 5px 0 0 0;
padding: 0;
font-size: .75em;
color: #A05E2D; /* Orange*/
}
.termin {
margin-bottom: 0;
}
.indent {
padding-left: 1.5em;
}
.hint {
color: #235065;
font-size: .875em;
margin-left: 4px;
}
.textright {
text-align: right;
}
form {
margin: 1em 0 0 1.75em;
}
fieldset {
margin-bottom: 1.5em;
border: none;
}
form div {
margin-top: .5em;
}
label {
vertical-align: top;
font-size: .875em;
}
input, textarea, select  {
color: #fff;
font-weight: bold;
background-color: #2A7092;
border: none;
padding: .1em;
}
input.radio {
margin-right: .5em;
background: transparent;
}
textarea {
overflow: auto;
}
select#abholungsort {
width: 234px;
}
input.text {
width: 231px;
}
input.short {
width: 50px;
}
input.medium {
width: 166px;
}
input.datum {
width: 95px;
}
input.plz {
width: 55px;
margin-right: 3px;
}
textarea {
width: 300px;
}
#copy, #agb {
float: right;
width: auto;
background: #fff;
color: #000;
}
* html #copy, * html #agb {
background: transparent;
}
#divagb, #divcopy {
width: 302px;
}
#divsubmit input {
margin-top: 1em;
font-weight: bold;
width: auto;
padding: .05em .2em;
}
noscript {
font-size: .75em;
}
.admin #main {
float: none;
width: auto;
}
.admin #main p {
width: 55%;
}
.admin #main p.editor {
font-size: .75em;
padding: 0;
}
.admin #border {
float: right;
margin-top: -1.3em;
width: 35%;
height: 1.2em;
background-color: #2A7092;
}
.admin table {
border-collapse: collapse;
margin: 0 1.75em;
color: #235065;
}
.admin caption {
margin-top: .75em;
padding-top: .25em;
padding-bottom: .75em;
text-align: left;
}
.admin caption a {
float: right;
}
.admin th {
padding: .2em;
border-top: 1px solid #235065;
border-bottom: 1px solid #235065;
}
.admin tr {
font-size: 0.875em;
}
.admin td {
vertical-align: top;
padding: .2em;
border-bottom: 1px solid #235065;
}
.admin .textright {
padding-right: .5em;
}
.admin form {
margin: 2em 0 0 1.75em;
}
.admin label, .admin .radio {
float: none;
}
.admin label.und {
width: 30px; 
}
.admin label.bis {
width: 30px;
margin-left: 12px;
}
.admin textarea, .admin input.text {
width: 300px;
}
.admin input.medium {
width: 235px;
}
.admin select {
width: 302px;
}