/* Navi CSS =================================================== */
a.navi, a.navi01, a.navi02, a.navi03, a.navi04, a.navi05, a.navi06 {position:absolute;
display:inline;
white-space:nowrap;
overflow:hidden;
width:130px;
text-align:left;
height:40px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
padding-top:2px;
padding-left:3px;
margin-left:0px;
text-decoration:none;
}

a.navi01:link, a.navi01:visited { background:url(../img/bgs/navilink01.gif) left top no-repeat; }       
a.navi01:hover, a.navi01:active { background:url(../img/bgs/navihover01.gif) left top no-repeat; z-index:100; }
a.navi02:link, a.navi02:visited { background:url(../img/bgs/navilink02.gif) left top no-repeat; }       
a.navi02:hover, a.navi02:active { background:url(../img/bgs/navihover02.gif) left top no-repeat; z-index:100; }
a.navi03:link, a.navi03:visited { background:url(../img/bgs/navilink03.gif) left top no-repeat; }       
a.navi03:hover, a.navi03:active { background:url(../img/bgs/navihover03.gif) left top no-repeat; z-index:100; }
a.navi04:link, a.navi04:visited { background:url(../img/bgs/navilink04.gif) left top no-repeat; }       
a.navi04:hover, a.navi04:active { background:url(../img/bgs/navihover04.gif) left top no-repeat; z-index:100; }
a.navi05:link, a.navi05:visited { background:url(../img/bgs/navilink05.gif) left top no-repeat; }       
a.navi05:hover, a.navi05:active { background:url(../img/bgs/navihover05.gif) left top no-repeat; z-index:100; }
a.navi06:link, a.navi06:visited { background:url(../img/bgs/navilink06.gif) left top no-repeat; }       
a.navi06:hover, a.navi06:active { background:url(../img/bgs/navihover06.gif) left top no-repeat; z-index:100; }

.navi01 { position:absolute; top:0px; left:180px; z-index:5; }
.navi02 { position:absolute; top:0px; left:300px; z-index:6; }
.navi03 { position:absolute; top:0px; left:420px; z-index:7; }
.navi04 { position:absolute; top:0px; left:540px; z-index:8; }
.navi05 { position:absolute; top:0px; left:660px; z-index:9; }
.navi06 { position:absolute; top:0px; left:780px; z-index:10; }

#dropdown01 { position:absolute; top:20px; left:180px; width:200px; z-index:100; visibility:hidden; }
#dropdown02 { position:absolute; top:20px; left:300px; width:200px; z-index:100; visibility:hidden; }
#dropdown03 { position:absolute; top:20px; left:420px; width:200px; z-index:100; visibility:hidden; }
#dropdown04 { position:absolute; top:20px; left:540px; width:200px; z-index:100; visibility:hidden; }
#dropdown05 { position:absolute; top:20px; left:660px; width:200px; z-index:100; visibility:hidden; }
#dropdown06 { position:absolute; top:20px; left:780px; width:200px; z-index:100; visibility:hidden; }

.drop {
background-color:#ffe17f;
display:block;
white-space:nowrap;
overflow:hidden;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
letter-spacing:1px;
padding:3px;
text-align:left;
color:#3c3c3c;
border-left:1px solid #9a742b;
border-right:1px solid #9a742b;
border-bottom:1px solid #ffcb05;
border-top:1px solid #ffe17f;
z-index:100;
}

.droplast {
background-color:#ffe17f;
display:block;
white-space:nowrap;
overflow:hidden;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
letter-spacing:1px;
padding:3px;
text-align:left;
color:#3c3c3c;
border-left:1px solid #9a742b;
border-right:1px solid #9a742b;
border-bottom:1px solid #9a742b;
border-top:1px solid #ffe17f;
z-index:100;
}

.dropgif {
background:url(../img/bgs/navipath.gif) left top no-repeat;
display:block;
width:200px;
height:20px;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:1px solid #9a742b;
z-index:100;
}

.drop:link, .droplast:link, .drop:visited, .droplast:visited {
background-color:#ffe17f;
color:#3c3c3c;
padding-left:2px;
font-weight:bold;
z-index:100;
}
.drop:hover, .droplast:hover, .drop:active, .droplast:active {
background:url(../img/bgs/pfeil_item.gif) left center no-repeat;
background-color:#ffe17f;
color:#000000;
font-weight:bold;
border-left:1px solid #9a742b;
border-right:1px solid #d2ac2b;
border-bottom:1px solid #d2ac2b;
border-top:1px solid #ffeebd;
padding-left:15px;
z-index:100;
}

/* Ende Navi CSS =============================================*/

body {
background-color:#ffeebd;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
}

body#fotoshow {
background:url('../img/bgs/bg_main.jpg') left top no-repeat;
background-color:#ffeebd;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
}	

#hoch {
position:fixed;
border:none;
top:144px;
right:183px;
z-index:98;
position:expression("absolute");
top:expression(parseInt(document.body.scrollTop +44));
}

#hoch_form {
position:fixed;
border:none;
top:77px;
right:10px;
z-index:98;
position:expression("absolute");
top:expression(parseInt(document.body.scrollTop +77));
}

/* Allgemeines Seitenlayout ============================================================*/	
#header_left {
background: url(../img/bgs/bg_head_left.jpg) left top no-repeat;
position:absolute;
top:0px;
left:0px;
width:180px;
height:100px;
margin:0px;
padding:0px;
}

#header {
background: url(../img/bgs/bg_head.jpg) left top no-repeat;
height:100px;
left:180px;
margin-left:180px;
}

#linkeSeite {
background: url(../img/bgs/bg_linkeseite.jpg) left top no-repeat; 
position:absolute;
top:100px;
left:0px;
width:180px;
margin:0px;
padding:0px;
}

#rechteSeite { 
position:absolute;
top:100px;
right:0px;
width:180px;
margin:0px;
padding:0px;
}

#content { 
position:absolute;
background: url(../img/bgs/bg_main.jpg) left top no-repeat;
top:100px;
left:180px;
right:180px;
padding-top:40px;
}

#kitabild {
width:190px;
height:330px;
float:left;
margin-right:10px;
margin-bottom:10px;
margin-left:0px;
margin-top:10px;
}

#kitalogo {
position:absolute;
top:10px;
right:20px;
z-index:4;
}

h1, h2, h3, p, ul, ol, table {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
line-height:1.2em;
}

ul, ol {
list-style-type:disc;
}

li {
text-align:left;
font-weight:normal;
font-style:normal;
line-height:1.1em;
color:#3c3c3c;
list-style-type:disc;
}

.boxen {
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
color:#000000;
text-align:left;
}

h4 {    /* für die UnterÜberschriften in der Info-Box rechts */
line-height:1em;
text-decoration:underline;
color:#000000;
margin:0px;
padding-top:5px;
padding-right:0px;
padding-bottom:2px;
padding-left:0px;
font-size:11px;
font-weight:normal;
}

div#linkenavi {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
line-height:1.2em;
width:155px;
margin-left:15px;
margin-top:330px;
margin-right:10px;
}	

h1 {
font-weight:bold;
text-align:left;
font-style:normal;
font-size:120%;
line-height:1.2em;
color:#000000;
border-left:#CCFF00 solid 20px;
padding-left:18px;
margin-left:4px;
margin-right:20px;
margin-top:12px;
margin-bottom:10px;
}

h2 {
font-weight:bold;
text-align:left;
font-style:normal;
font-size:110%;
line-height:1.1em;
color:#000000;
border-left:#CCFF00 solid 14px;
padding-left:32px;
margin-left:4px;
margin-right:20px;
margin-top:9px;
margin-bottom:8px;
}

h3 {
font-weight:bold;
text-align:left;
font-style:normal;
font-size:100%;
line-height:1em;
color:#000000;
border-left:#CCFF00 solid 10px;
padding-left:5px;
margin-left:5px;
margin-right:20px;
margin-top:6px;
margin-bottom:6px;
}

.text {
font-size:11px;
text-align:justify;
font-weight:normal;
font-style:normal;
line-height:1.2em;
margin-left:50px;
margin-right:26px;
color:#3c3c3c;
}

/*Ende Allgemeines Seitenlayout ============================================================*/	


/* Boxen an den Seiten ============================================================*/	
#infoboxh {
background-color:#ffcb05;
position:absolute;
top:310px;
right:10px;
width:170px;
height:20px;
margin-left:10px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:0px;
text-align:center;
}

#infoboxc {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:normal;
color:#3c3c3c;
background-color:#ffe17f;
position:absolute;
top:330px;
right:10px;
width:170px;
}

#scrollcontainer {
position:absolute; 
top:10px; 
width:170px; 
right:10px;
border:0px;
padding:0px;
z-index:70;
}

#scrolltop {
position:absolute;
top:90px;
right:10px;
width:170px;
margin-left:0px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:0px;
text-align:center;
}

#scrollhead {
background-color:#ffcb05;
position:absolute;
top:95px;
right:10px;
width:170px;
height:15px;
margin-left:0px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:0px;
text-align:center;
}

#scrollbottom {
position:absolute;
top:267px;
right:10px;
width:170px;
margin-left:0px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-align:center;
}

/*Ende Boxen an den Seiten ============================================================*/	


/* Links allgemein und Untermenü links ============================================================*/
a {
color:#9a742b;
text-decoration:none;
}

a:link, {
color:#9a742b;
text-decoration:none;
}

a:visited {
color:#9a742b;
text-decoration:none;
}

a:hover, a:active {
color:#000000;
text-decoration:none;
}

/* Navi linke Seite */

a.item_top {
background:url(../img/bgs/navitop.gif) left top no-repeat;
display:block;
white-space:nowrap;
overflow:hidden;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
letter-spacing:1px;
padding:3px;
text-align:left;
color:#3c3c3c;
}

a.item_bottom {
background:url(../img/bgs/navibottom.gif) left top no-repeat;
display:block;
white-space:nowrap;
overflow:hidden;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
letter-spacing:1px;
padding:3px;
text-align:left;
padding-left:15px;
color:#3c3c3c;
}

a.item_self, a.item {
background-color:#ffe17f;
display:block;
white-space:nowrap;
overflow:hidden;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
letter-spacing:1px;
padding:3px;
text-align:left;
color:#3c3c3c;
border-left:1px solid #ffcb05;
border-right:1px solid #ffcb05;
border-bottom:1px solid #ffcb05;
border-top:1px solid #ffe17f;
}

a.item_top:link, a.item_top:visited, a.item_bottom:link, a.item_bottom:visited {
color:#000000;
}

a.item:link, a.item:visited, a.item_self:link, a.item_self:visited, a.item:active, a.item_self:active  {
background-color:#ffe17f;
color:#3c3c3c;
padding-left:2px;
font-weight:bold;
}

a.item:hover, a.item_self:hover  {
background:url(../img/bgs/pfeil_item.gif) left center no-repeat;
background-color:#ffe17f;
color:#000000;
font-weight:bold;
border-left:1px solid #ffeebd;
border-right:1px solid #d2ac2b;
border-bottom:1px solid #d2ac2b;
border-top:1px solid #ffeebd;
padding-left:15px;
}	
/*Ende Untermenü links ============================================================*/

/*Downloads ============================================================*/
#downloadtdlinks	{
width:60px;
height:30px;
padding-left:0px;
text-align:left;
vertical-align:top;
}

#downloadtdmitte	{
margin-right:0px;
width:380px;
padding:0px;
text-align:justify;
vertical-align:top;
}

#trennlinie {
border-bottom:1px solid #e7c55e;
text-align:right;
}

#trennreihe {
text-align:right;
}

#readerbild {
margin-top:0px;
}
/*Ende Downloads ============================================================*/

/* Formular ============================================================*/	
#betreuungtdlinks	{
width:250px;
padding-right:20px;
text-align:left;
vertical-align:top;
background-color:#fffde9;
border-bottom:1px solid #ffeebd;
}

#betreuungtdmitte	{
width:180px;
padding:0px;
text-align:left;
margin-right:0px;
background-color:#fffde9;
border-bottom:1px solid #ffeebd;
}

#anfragetdlinks	{
width:250px;
padding-right:20px;
text-align:right;
}

#anfragetdmitte	{
margin-right:0px;
width:180px;
padding:0px;
text-align:left;
}

#anfragetdrechts {
width:10px;
text-align:right;
margin:0px;
}

#anfrage {
left:250px;
position:absolute;
text-align:right;
right:40px; 
top:85px;
width:440px;
}

#einrichtungswahl1 {
padding:0px;
padding-left:2px;
width:70px;
text-align:left;
margin:0px;
vertical-align:top;
background-color:#fffde9;
border-bottom:1px solid #ffeebd;
}

#einrichtungswahl2 {
padding:0px;
width:360px;
text-align:left;
margin:0px;
vertical-align:top;
background-color:#fffde9;
border-bottom:1px solid #ffeebd;
}

.ewahx {
font-size:12px;
background-color:#FFFFFF;
}

.ewahy {
font-size:12px;
background-color:#ffeebd;
}

input {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:9px;
margin-left:0px;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
}

textarea {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:9px;
margin-top:1px;
margin-bottom:1px;
margin-right:0px;
}

#button {
background-color:#ffe17f;
height:17px;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:9px;
font-weight:normal;
text-decoration:none;
letter-spacing:0px;
padding:0px;
margin:0px;
text-align:center;
vertical-align:middle;
color:#3c3c3c;
border-left:1px solid #ffe17f;
border-right:1px solid #9a742b;
border-bottom:1px solid #9a742b;
border-top:1px solid #ffe17f;
z-index:100;
}

#button:link, #button:visited {
background-color:#ffe17f;
color:#3c3c3c;
padding:0px;
z-index:100;
}
#button:hover, #button:active {
background-color:#ffe17f;
color:#000000;
border-left:1px solid #d2ac2b;
border-right:1px solid #ffe17f;
border-bottom:1px solid #ffe17f;
border-top:1px solid #d2ac2b;
padding-bottom:2px;
z-index:100;
}	
/* Ende Formular ============================================================*/


/* Fotos ============================================================*/
#btnPrev  {
position:relative; position:expression("absolute"); top:expression(parseInt(document.body.scrollTop +75));
position:relative; position:expression("absolute"); left:expression(parseInt(document.body.scrollTop +0));
top:0px;
left:0px;
margin-top:10px;
cursor:pointer;
}

#btnPrev:hover, #btnPrev:active {
top:+2px;
cursor:pointer;	
}

#btnPlay {
position:relative; position:expression("absolute"); top:expression(parseInt(document.body.scrollTop +75));
position:relative; position:expression("absolute"); left:expression(parseInt(document.body.scrollTop +40));
top:0px;
left:6px;
margin-top:10px;
cursor:pointer;
}

#btnPlay:hover, #btnPlay:active {
top:+2px;
cursor:pointer;	
}

#btnNext {
position:relative; position:expression("absolute"); top:expression(parseInt(document.body.scrollTop +75));
position:relative; position:expression("absolute"); left:expression(parseInt(document.body.scrollTop +80));
top:0px;
left:12px;
margin-top:10px;
cursor:pointer;
}

#btnNext:hover, #btnNext:active {
top:+2px;
cursor:pointer;	
}

#fotolink {
padding-left:2px;
}

#buttons {
position:absolute; position:expression("absolute"); bottom:expression(parseInt(document.body.scrollTop +69));
width:150px;
left:50px;
bottom:30px;
z-index:100;
vertical-align:bottom;
} 

#beschreibung {
position:absolute; position:expression("absolute"); left:expression(parseInt(document.body.scrollTop +204));
text-align:left;
width:500px;
padding:0px;
margin:0px;
left:224px;
top:80px;
z-index:98;
} 

#bilder {
position:absolute;
bottom:40px;
right:22px;
} 

/* Ende Diashow ============================================================*/