/* --- css www.hedwig-recks. --- de*/


a:link
{
color: #000;
/*color:#999;*/
text-decoration:none;
font-weight:normal;
border: none;
}


a:visited
{
color: #666666;
/*color:#336666;*/
text-decoration:none;
font-weight:normal;
}


a:hover
{
color:#cc3333;
/*background-color:#fff;*/
text-decoration:none;
font-weight:bold;
}

a:active
{
color:/*#666666*/#669966;
text-decoration:none;
font-weight:bold;
}

/* --- a content ---*/


a.content:link
{
color:#333333;
/*background-color: #ffffcc;*/
text-decoration:none;
font-weight:normal;
border-bottom:1px dotted #cc3333;
}

a.content:visited
{
color:#666666;
background-color: #eeecec;
text-decoration:none;
font-weight:normal;
}

a.content:hover
{
color:#cc3333;
background-color:#ffffcc;
text-decoration:none;
font-weight: normal;
/*font-weight:bold;*/
}

a.content:active
{
color:#333333;
text-decoration:none;
font-weight:normal;
}

/*a content ende*/

/*a aufzaehlung */
a.li:link
{
color:#666;
/*background-color: #ffffcc;*/
text-decoration:none;
font-weight:normal;
border-bottom:1px dotted #cc3333;
line-height:250%;
}

a.li:visited
{
color:#666666;
background-color: #eeecec;
text-decoration:none;
font-weight:normal;
}

a.li:hover
{
color:#cc3333;
background-color:#ffffcc;
text-decoration:none;
font-weight: normal;
/*font-weight:bold;*/
}

a.li:active
{
color:#333333;
text-decoration:none;
font-weight:normal;
}








:link:focus, .menu:link:focus
{
-moz-outline:0px dotted;
outline:0px dotted;
text-decoration: none;
}

/* ---body--- */

body
{
background: url(img/dot_high.jpg) fixed;
padding:0px;
margin:0px;
}

#frame1
{
width: 950px;
height: 650px;
padding:0px;
margin-left: 50px;
/*margin-left: 165px;*/
margin-right: auto;
margin-top: 75px;
margin-bottom: 50px;
background-color:#fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
position: absolute;
z-index: 20;
}


#frame1_content
{
width: 950px;
height: 800px;
padding:0px;
margin-left: 50px;
/*margin-left: 165px;*/
margin-right: auto;
margin-top: 75px;
margin-bottom: 50px;
background-color:#fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
position: absolute;
z-index: 20;
}

/*für Kurzgeschichte*/
#frame1_lesen
{
width: 950px;
height: 5000px;
padding:0px;
margin-left: 50px;
/*margin-left: 165px;*/
margin-right: auto;
margin-top: 75px;
margin-bottom: 50px;
background-color:#fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
position: absolute;
z-index: 20;
}


/*für texte2*/
#frame1_lesen2
{
width: 950px;
height: 1200px;
padding:0px;
margin-left: 50px;
/*margin-left: 165px;*/
margin-right: auto;
margin-top: 75px;
margin-bottom: 50px;
background-color:#fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
position: absolute;
z-index: 20;
}




#frame1_texte2
{
width: 950px;
height: 980px;
padding:0px;
margin-left: 50px;
margin-right: auto;
margin-top: 75px;
margin-bottom: 50px;
background-color:#fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
position: absolute;
z-index: 20;
}


#frame1_spiele
{
width: 950px;
height: 1700px;
padding:0px;
margin-left: 50px;
margin-right: auto;
margin-top: 75px;
margin-bottom: 50px;
background-color:#fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
position: absolute;
z-index: 20;
}


#frame1_start
{
width: 940px;
height:800px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-right: 1px solid #870000;
border-bottom: 1px solid #870000;
border-left: 1px solid #870000;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
}

#frame1_detail
{
width: 600px;
height:800px;
padding:10px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#fff;
/*border-right: 1px solid #870000;
border-bottom: 1px solid #870000;
border-left: 1px solid #870000;*/
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:0.7em;
}

#layer2     /*bild startseite */
{
position:absolute;
top: -50px;
margin-left: 550px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
z-index: 3;
}

#layer3     /*bilder rechts content seiten */
{
position:absolute;
margin-left: 640px;
margin-right: auto;
margin-top: 35px;
margin-bottom: auto;
width: 250px;
z-index: 1; /*20*/
}

#layer3_beesha     /*bilder content seiten */
{
position:absolute;
margin-left: 680px;
margin-right: auto;
margin-top: 150px;
margin-bottom: auto;
z-index: 20;
}


/*backup 100313
#layer3_beesha     /*bilder content seiten
{
position:absolute;
margin-left: 711px;
margin-right: auto;
margin-top: 200px;
margin-bottom: auto;
z-index: 20;
}

  */




#layer3_texte2     /*bilder content seiten */
{
position:absolute;
margin-left: 640px;
margin-right: auto;
margin-top: 35px;
margin-bottom: auto;
width: 200px;
height: 200px;
z-index: 20;
}


#layer_texe2testimonial
{
position:absolute;
margin-left: 0px;
margin-right: auto;
margin-top: 0px;
margin-bottom: auto;
width: 600px;
height: 15px;
z-index: 0;
}


#layer4     /*birgit schmidt-hurtienne, ma  redaktion/lektorat/korrektorat von texten & tönen */
{
position:absolute;
top: 25px;
left:730px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding-left:0px;
z-index: 20;
}


#layer5     /*bild schote krumm content seiten */
{
position:absolute;
margin-left: 600;
margin-right: auto;
margin-top: -40;
/*margin-top: -12;*/
margin-bottom: 0;
padding-left:10px;
width:235px;
height:300px;
z-index: 3;

}


#layer6     /* texte.html link zu lektoratsbeitrag von julia */
{
position:absolute;
margin-left: -180px;
margin-right: auto;
margin-top: 570px;
margin-bottom: auto;
width: 1400px;
height:20px;
z-index: 3;

}

/* backup layer 6
#layer6     /* texte.html link zu lektoratsbeitrag von julia
{
position:absolute;
background-color: #fff;
border-top: 1px dotted #666;
border-right: 1px dotted #666;
border-bottom: 1px dotted #666;
border-left: 1px dotted #666;
font-family: Verdana, Futura, Helvetica, sans-serif;
font-color: #000;
margin-left: 620;
margin-right: auto;
margin-top: -60px;
margin-bottom: 0;
padding: 8px 8px 8px 8px;
width: 200px;
height:100px;
z-index: 3;

}
*/


#layer_spiele
 {
position:absolute;
margin-left: 610px;
margin-right: auto;
margin-top: 200px;
margin-bottom: auto;
width: 250px;
height: 250px;
z-index: 1; /*20*/
}

#layer_spieleindex
 {
position:absolute;
margin-left: 625px;
margin-right: auto;
margin-top: 100px;
margin-bottom: auto;
width: 250px;
height: 250px;
z-index: 1; /*20*/
}



#frame2
{
width: 950px;
height: 450px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
border-top: 0;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:1em;
}

#frame2_start
{
width: 858px;
height: 650px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color:#80A9C5;
border-top: 0;
border-left: 1px solid #4a5e5f;
border-right: 1px solid #4a5e5f;
border-bottom: 1px solid #4a5e5f;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:1em;
}

#frame2_detail
{
width: 858px;
height: 1220px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-color: #fffff;
border-top: 0;
border-left: 1px solid #003333;
border-right: 1px solid #003333;
border-bottom: 1px solid #003333;
font-family: Verdana, Futura, Helvetica, sans-serif;
color: #666666;
font-size:1em;
}

#containernavi
{
/*margin-top: 100px;*/
font-color: #000;
margin-top: 100px;
margin-left: 0px;
width:200px;
height:540px;
/*height: 100%; */
border-left: solid 200px #fff;
background:#ffffff;
position: absolute;
z-index: 1;

}

#containernavi_detail
{
margin-top: 0px;
width:200px;
height:100%;
border-left: solid 200px #fff;
}

/* ---header--- */

#headerbild
{
background-image: url(img/beesha_logo_test_2.jpg);
background-repeat: no-repeat;
background-color: #fff;
color: #000;
width: 317px;
height: 162px;
margin: 0 auto;
z-index: 1;
position: absolute;
margin-top: -50px;
margin-left: 200px;
z-index: 3;
}

#headerbild a:link,
#headerbild a:visited,
#headerbild a:hover,
#headerbild a:active
{
display: block;
width: 317px;
height: 162px;
color: #000;
background-color: transparent;
margin: 0 auto;
}

.invis
{
display: none;
}

/* ---navi--- */

#naviindex
{
font-color: #000;
/*font-color:508995;*/
font-family: Verdana, Futura, Helvetica, sans-serif;
font-size:11px;
background-color:#c1d6d6;
float:left;
position:relative;
margin-left:-190px;
margin-right:0px;
margin-top:50px;
line-height:200%;
padding-left:20px;
}


#navi
{
/*font-color:#000;*/
/*font-color:#99999;*/
font-family: Verdana, Futura, Helvetica, sans-serif;
font-size:11px;
background-color:#fff;
float:left;
position:relative;
margin-left:-190px;
margin-right:0px;
margin-top:50px;
line-height:200%;
padding-left:10px;
height: 490px;
}

.menu
{
background-color:#fff;
color:#870000;
font-family:Verdana, Futura,Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:bold;
line-height:30px;
text-decoration:none;
}

/* ---main: texte und bilder--- */

/*Unterklasse_detail ist für Seite therapieangebote_detail.html = Seite mit langem Text */

#main
{
background-color:#ffffff;
position:absolute;
width:450px;
height:490px;
/*height:100%;*/
float:left;
border-left: 1px dotted #cc3333;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
margin-bottom:10px;
padding:10px;
}

#main_content
{
background-color:#ffffff;
position:absolute;
width:450px;
height:650px;
/*height:100%;*/
float:left;
border-left: 1px dotted #cc3333;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
margin-bottom:10px;
padding:10px;
}

#main_texte2
{
background-color:#ffffff;
position:absolute;
width:550px;
height:830px;
/*height:100%;*/
float:left;
border-left: 1px dotted #cc3333;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
margin-bottom:10px;
padding:10px;
}

/* für Kurzgeschichte*/
#main_lesen
{
background-color:#ffffff;
position:absolute;
width:550px;
height:4700px;
/*height:100%;*/
float:left;
border-left: 1px dotted #cc3333;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
margin-bottom:10px;
padding:10px;
}


#main_toene
{
background-color:#ffffff;
position:absolute;
width:580px;
height:830px;
/*height:100%;*/
float:left;
border-left: 1px dotted #cc3333;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
margin-bottom:10px;
padding:10px;
z-index: 3px;
}



#main_spiele
{
background-color:#ffffff;
position:absolute;
width:580px;
height:1100px;
/*height:100%;*/
float:left;
border-left: 1px dotted #cc3333;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
/*margin-bottom:10px;*/
padding:10px;
z-index: 3px;
}

#main_detail
{
background-color:#fff;
width:838px;
height:1200px;
float:left;
border-left: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:10px;
padding:10px;
}

#mainindex
{
background-color:#fff;
width:637px;
height:630px;
float:left;
border-left: 1px dotted #870000;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:10px;
padding:10px;
}


#layer1    /* js zurueck */
{
position:absolute;
top:715px;
float:left;
z-index: 1;
border: 0;
}

#layer1_detail    /* js zurueck */
{
position:absolute;
top:1300px;
float:left;
z-index: 1;
border: 0;
}






/* ---fußzeile--- */

#foot
{
position:absolute;
top:355px;
margin-left: 500px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:315px;
height:210px;
padding:0px;
background:#fff;
z-index: 3;
}

#foot_content
{
position:absolute;
top:505px;
margin-left: 500px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:315px;
height:210px;
padding:0px;
background:#fff;
z-index: 3;
}

#foot_texte2
{
position:absolute;
top:685px;
margin-left: 502px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:315px;
height:210px;
padding:0px;
background:#fff;
z-index: 0;
}


#foot_spiele
{
position:absolute;
top:1405px;
margin-left: 502px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:315px;
height:210px;
padding:0px;
background:#fff;
z-index: 0;
}


#foot_lesen
{
position:absolute;
top:4708px;
margin-left: 502px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:315px;
height:210px;
padding:0px;
background:#fff;
z-index: 0;
}

#foot_lesen2 /*für texte2*/
{
position:absolute;
top:905px;
margin-left: 502px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:315px;
height:210px;
padding:0px;
background:#fff;
z-index: 0;
}



#foot2
{
position:absolute;
top:750px;
margin-left: 0px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:400px;
height:100px;
padding:10px;
background:#ffffff;
border-top: 1px dotted #cc3333;
z-index: 1;
}

/*
#foot2
{
position:absolute;
top:630px;
margin-left: 0px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width:400px;
height:100px;
padding:10px;
background:#ffffff;
border-top: 1px dotted #cc3333;
z-index: 1;
}
*/


p
{
font-family:Verdana,sans-serif;
width:495px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.toene
{
font-family:Verdana,sans-serif;
width:550px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.li
{
font-family:Verdana,sans-serif;
width:550px;
padding: 0px 0px 20px;
margin:0px;
font-size:1.2em;
line-height:2.5em;
}


p.index
{
font-family:Verdana,sans-serif;
width:750px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.small
{
font-family:Verdana,sans-serif;
font-size: 10px;
font-color:#fff;
width:600px;
padding: 0px 0px 0px;
margin:0px;
line-height:100%;
}

p.foot
{
font-family:Verdana,sans-serif;
color:#999999;
width:600px;
padding: 0px 0px 20px;
margin:0px;
line-height:100%;
font-size: 0.75em;
}

p.table
{
font-family:Verdana,sans-serif;
width:200px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

p.detail
{
font-family:Verdana,sans-serif;
width:800px;
padding: 0px 0px 20px;
margin:0px;
line-height:150%;
}

/* ---textformatierung--- */

h1
{
color:#666666;
font-family: Tahoma, Futura, Helvetica, sans-serif;
font-size:15px;
font-weight:750;
font-style:normal;
background: #fff;
padding:10px 0px 15px;
margin:0px
}

h4  /*h1 startseite*/
{
color:#870000;
font-family: Tahoma, Futura, Helvetica, sans-serif;
font-size:15px;
font-weight:750;
font-style:normal;
background: #fff;
padding:0px 0px 10px;
margin:0px
}


h2
{
color:#cc3333;
background:#fff;
font-size:1em;
font-weight:505;
padding: 10px 10px 10px;
/*padding: 5px 10px;*/
margin:0px;
}


h3  /* =h1 mit roter Schrift für die Startseite*/
{
color:#870000;
font-family: Tahoma, Futura, Helvetica, sans-serif;
font-size:15px;
font-weight:750;
font-style:normal;
background: #fff;
padding:10px 0px 20px;
margin:0px
}

strong
{
font-weight: bold;
color: #666666;
background:#fff;
}

b
{
color:#666666;
background:#fff;
}


li
{
font-color:#336666;

}

ul
{
list-style-position:outside;
list-style-type:disc;
color:#666666;
text-align: left;
line-height:150%;
/*line-height:170%;*/
padding: 0px 30px 10px 30px;
margin: 0px;
}


/* hoverbox */

.hoverbox
{
cursor: default;
list-style: none;
position:absolute;
top:230px;
left:0px;
margin-left: 0px;
width:800px;
}

.hoverbox li
{
background: #fff;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverbox img   /*imgsmall*/
{
background: #fff;
border-color:#000;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 100px;
position:relative;
z-index:10;
}


.hoverbox a
{
cursor: default;
}

.hoverbox a .preview
{
display: none;
z-index:20;
position:relative;
/*        position:above;*/
}

.hoverbox a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
left:-45px;
z-index:30;
}



.hoverbox .preview   /*imglarge*/
{
border-color: #000;
width: 222px;
height: 222px;
position:above;
z-index:20;
}

p.design /* Bildunterschriften hoverbox*/
{
font-family:Verdana,sans-serif;
color:#666666;
width:100px;
padding: 2px 0px 2px;
margin:0px;
line-height:100%;
text-align:center;
}



/* --- hoverbox schote startseite --- */

/*version 1.2*/

.hoverboxc
{
cursor:default;
list-style:none;
position:absolute;
top:-30px;
margin-left:500px;
z-index:50;
}

/* backup version 1.0

.hoverboxc
{
cursor: default;
list-style: none;
position:absolute;
top:150px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/

.hoverboxc li
{
background: transparent;
border: none     /*aussen*/

display: inline;
float: left;
/*margin: 3px;
padding: 3px;*/
position:relative;
}

.hoverboxc img   /*imgsmall*/
{
background: transparent;
border: none;
/*border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;*/
vertical-align: top;
width: 208px;
height: 640px;
position:relative;
z-index:10;
}

.hoverboxc a
{
cursor: default;
}

.hoverboxc a .preview
{
display: none;
z-index:50;
position: relative;
/*position:absolute;*/
/**/
width: 160px;
height: 137px;
}

.hoverboxc a:hover .preview /*position imglarge*/
{
background: transparent;
display: block;
position: relative;
top: -300px;
margin-left: 120px;
/*right:-45px;*/
z-index:50;
}


.hoverboxc .preview   /*imglarge*/
{
background: transparent;
width: 160px;
height: 137px;
position:above;
z-index:50;
}

/* hoverboxc1 praktische infos*/

.hoverboxc1
{
cursor:default;
list-style:none;
position:absolute;
top:180px;
margin-left:500px;
z-index:50;
}


/* backup version 1.0

.hoverboxc
{
cursor: default;
list-style: none;
position:absolute;
top:150px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/

.hoverboxc1 li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc1 img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
/*width: 140px;
height: 100px;*/
position:relative;
z-index:10;
}

.hoverboxc1 a
{
cursor: default;
}

.hoverboxc1 a .preview
{
display: none;
z-index:50;
position:absolute;
}

.hoverboxc1 a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxc1 .preview   /*imglarge*/
{
border-color: #870000;
width: 420px;
height: 300px;
position:above;
z-index:50;
}

/*therapieangebote bild unten*/

.hoverboxc2
{
cursor:default;
list-style:none;
position:absolute;
top:380px;
margin-left:500px;
z-index:40;
}

/* backup version 1.0

.hoverboxc
{
cursor: default;
list-style: none;
position:absolute;
top:150px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/

.hoverboxc2 li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc2 img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
/*width: 140px;
height: 100px;*/
position:relative;
z-index:10;
}

.hoverboxc2 a
{
cursor: default;
}

.hoverboxc2 a .preview
{
        display: none;
        z-index:50;
        position:absolute;
}

.hoverboxc2 a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxc2 .preview   /*imglarge*/
{
border-color: #870000;
width: 420px;
height: 300px;
position:above;
z-index:50;
}


/* --- hoverbox content image hochkant*/

/*version 1.2*/
.hoverboxc_h
{
cursor:default;
list-style:none;
position:absolute;
top:150px;
left:930px;
z-index:50;
}


/* backup version 1.0
.hoverboxc_h
{
cursor: default;
list-style: none;
position:absolute;
top:350px;
right:100px;
z-index:1;

/*left:400px;
width:400px;
}
*/


.hoverboxc_h li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc_h img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 150px;
height: 210px;
position:relative;
z-index:1;
}

.hoverboxc_h a
{
cursor: default;
}

.hoverboxc_h a .preview
{
display: none;
z-index:20;
position:absolute;
}

.hoverboxc_h a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:20;
}


.hoverboxc_h .preview   /*imglarge*/
{
border-color: #870000;
width: 300px;
height: 420px;
position:above;
z-index:20;
}

/*hoverbox profil*/

.hoverboxc_p
{
cursor: default;
list-style: none;
position:absolute;
top:180px;
margin-left:550px;
z-index:1;
}

.hoverboxc_p li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxc_p img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 150px;
height: 210px;
position:relative;
z-index:1;
}

.hoverboxc_p a
{
cursor: default;
}

.hoverboxc_p a .preview
{
display: none;
z-index:20;
position:absolute;
}

.hoverboxc_p a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:20;
}


.hoverboxc_p .preview   /*imglarge*/
{
border-color: #870000;
width: 300px;
height: 420px;
position:above;
z-index:20;
}

/*ende hoverbox profil*/

/*hoverbox anfahrt*/

/*version 1.2 */

.hoverboxd
{
cursor: default;
list-style: none;
position:absolute;
top:450px;
margin-left:500px;
z-index:50;
}

/* backup version 1.0
.hoverboxd
{
cursor: default;
list-style: none;
position:absolute;
top:350px;
right:100px;
z-index:50;

/*left:400px;
width:400px;
}
*/


.hoverboxd li
{
background: #80A9C5;
border-color: #fff;     /*aussen*/
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 3px;
position:relative;
}

.hoverboxd img   /*imgsmall*/
{
background: #fff;
border-color:#508995;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 210px;
height: 150px;
position:relative;
z-index:10;
}

.hoverboxd a
{
cursor: default;
}

.hoverboxd a .preview
{
display: none;
z-index:50;
position:absolute;
}

.hoverboxd a:hover .preview /*position imglarge*/
{
display: block;
position: absolute;
top: -33px;
right:-45px;
z-index:50;
}


.hoverboxd .preview   /*imglarge*/
{
border-color: #870000;
width: 600px;
height: 300px;
position:above;
z-index:50;
}

/*ende hoverbox anfahrt*/