body
{
margin: 30px;
background-color: #fc0;
font-family: Arial, Verdana, Helvetica;
font-size: 100%;
}

#container
{
background: #FFFFFF;
background: url(../bilder_1/hg_3.jpg);
width: 930px;
margin: 0 auto 0 auto;
}

#Kopf 
{
position: relative;
font-family: Arial, Verdana, Helvetica;
font-size: 1em;
max-height: 290px;
margin: 0px;
}

#Kopf img
{
position: relative;
padding: 25px 10px 3px 40px;
}

#k1
{
border-top: 2px solid #ee1d25;
padding: 10px 10px 10px 20px;
margin: 7px 20px 0px 20px;
font: bold 1em Arial, Verdana, Helvetica sans-serif;
}

#k2
{
position: absolute;
top: 25px;
right: 30px;
}

#k2 span
{
position: relative;
font-size: 1.2em;
font-weight: bold;
}

.Abstand 
{
position: relative;
background-color: #ffcc00;
height: 8px;
width: 100%;
}
/* Ende Devinitionbereich "Kopf" */


/* nachfolgend box1-box4 "Runde Ecken" fuer Kopf und Hauptfeld*/
.box1
{
background:url(../bilder_1/rund_1.gif) top left no-repeat;
}

.box2
{
background: url(../bilder_1/rund_2.gif) top right no-repeat;
}

.box3
{
background: url(../bilder_1/rund_3.gif) bottom right no-repeat;
}
.box4
{
background: url(../bilder_1/rund_4.gif) bottom left no-repeat;
}

#Hauptfeld /* beinhaltet Navig. u. HF1 (Seiteninhalt)*/ 
{
font: 0.95em Arial, Verdana, Helvetica sans-serif;
margin: 0px;
padding: 20px 20px 20px 20px;
}

a
{
color: black;
text-decoration: none; /* fuer alle Links */
}

#HF1
{
width: 688px;
float: left;
margin: 0px 0px 20px -2px;
padding: 0px 0px 0px 20px;
border-left: 2px solid #ee1d25;
}

#links_top /* "nach oben" */
{
width: 7em;
margin: 0 0 0 33%;
}

p.top /* "nach oben" */
{
border-top: 1px solid #ee1d25;
border-bottom: 1px solid #ee1d25;
text-align:center;
padding: 0.2em 0 0.4em 0;
margin: 3em 0em 5em 0em;
width: 9em;
font: bold 0.7em verdana, sans-serif;
}

#links_top a:hover
{ 
color: #00b;
}

#t_u._k a:hover
{ 
color: #00b;
}

/*Anfang back to Therapie- u. Kursangebote*/
#tuk
{
width: 7em;
margin: 0 0 0 24%;
}

p.tuk 
{
border-top: 1px solid #ee1d25;
border-bottom: 1px solid #ee1d25;
text-align:center;
padding: 0.2em 0 0.4em 0;
margin: 6em 0em 5em 0em;
width: 25em;
font: bold 0.7em verdana, sans-serif;
}

#tuk a:hover
{ 
color: #00b;
}
/*Ende back to Therapie- u. Kursangebote*/

.float_stop
{
clear:both;
}

/* Anfang Style fuer Navigation  */
#nav1
{
position: relative;
z-index: 100;
float: left;
margin: 0em;
padding: 0em;
list-style: none;
width: 175px;
text-align:right;
border-right: 2px solid #ee1d25;
font: bold 0.8em verdana, sans-serif;
letter-spacing:0.06em;

}

#nav1 li
{
margin: 0 15px 0 0;
padding: 6px 4px 6px 0px;
list-style: none;
border-bottom: 1px solid #ee1d25;
}

#nav1 a
{
margin: 0;
padding: 0;
display:block;
}

#nav1 a:hover
{ 
width: auto;
}

#nav1 a span
{
display:none;
}

#nav1 a:hover span
{
background-color:#fc0;
display:block;
margin: -1em 0px 0px 0px;
padding: 0;
font-size:0.86em;
letter-spacing:0em;
font-weight:normal;
text-align:left;
color:#000;
position: absolute;
left: 164px;
width: 148px;
}

/* nachfolgend v1-v4 "Runde Ecken" fuer "a:hover span"*/
.v1
{
background:url(../bilder_1/rund_i_1.jpg) top left no-repeat;
}

.v2
{
background: url(../bilder_1/rund_i_2.jpg) top right no-repeat;
}

.v3
{
background: url(../bilder_1/rund_i_3.jpg) bottom right no-repeat;
}

.v4
{
background: url(../bilder_1/rund_i_4.jpg) bottom left no-repeat;
padding: 8px;
}

#nav1 #leer_oben
{
height: 1em;
border-bottom:none;
}

#nav1 #leer_unten
{
height: 5em;
border-bottom:none;
}

#fuss
{
padding: 0px 20px 0px 20px;
}
#fuss a:hover
{
color: #ee1d25;
}
#fuss_o div
{
margin: 0 1% 0 1%;
padding: 9px 0px 9px 0px;
float: left;
}
#L1
{
width: 18%;
}
#L2
{
text-align:center;
width: 23%;
}
#L3
{
width: 23%;
text-align:center;
}
#L4
{
width: 28%;
text-align:right;
}
#fuss_u
{
border-top: 2px solid #ee1d25;
}
#fuss_u, #fuss_o
{
font: bold 0.8em verdana, sans-serif;
letter-spacing:0.06em;
}
#mail_l, #mail_r
{
padding: 1% 1% 1% 1%;
width: 48%;
float: left;
}
#mail_r
{
text-align:right;
}

.copy
{
font: 0.75em verdana, sans-serif;
float: right;
}

h1 /* Ersetzt h4 */
{
font: bold 1.25em verdana, sans-serif; /* ergoseite 1.5em */
margin:0 0 -0.3em 0;
}

h1.angebot
{
font: bold 1.1em verdana, sans-serif; /* lerntherapieseite 1.25 em */
margin:3em 0 1.5em 0;
}

h5 {
font: bold 1.2em sans-serif; color: #CC0000; /* ergoseite 1em */
margin: 2em 0 -0.3em 0;
}

#L4
{
float: right;
position: relative;
font: bold 1em verdana, sans-serif;
letter-spacing:0.06em;
}


#L4 span 
{
display: none
} 

#L4 a:hover span 
{
display: block;
z-index: 88;
position: absolute;
bottom: 5em;
right: -1em;
color: #000;
width: 270%;
padding: 6px 6px 6px 6px;
background-color:#ffcc00;
font: 0.75em verdana, sans-serif;
text-align:justify;
}


/* Anfang Devi. Mittelfeld - Startseite */  

#box10  /*Willkommen*/
{
border: 0px solid;
position: relative;
top: 10px;
left: 100px;
width: 280px;
font: bold 120% Arial, Verdana, Helvetica sans-serif;
color: #00b;
z-index: 1;
}
#box11, #box12, #box13, #box14, #box15, #box16, #box17, #box18, #box19, #box20, #box21, #box22, #box23
{
border: 0px solid;
margin: 2px;
padding: 2px;
font: bold 85% Arial, Verdana, Helvetica sans-serif;
color: #000;
}
#box11 /*Mann*/
{
position: relative;
top: 70px;
left: 50px;
float: left;
}
#box12 /*Frau-Kind*/
{
position: relative;
top: -40px;
left: 340px;
float: left;
}
#box13 /*Rundgang*/
{
position: relative;
top: 50px;
left: 0px;
float: left;
width: 180px;
}
#box14  /* Rollstuhl */
{
position: relative;
top: 130px;
left: -100px;
float: left;
}
#box15  /* Informieren.. */
{
position: relative;
top: 110px;
left: -60px;
float: left;
width: 210px;
}
#box16 /* junge-kopfstand */
{
position: relative;
top: 180px;
left: -220px;
float: left;
}
#box17 /* Kurs- u. Seminarangebot */
{
position: relative;
top: 40px;
left: 30px;
float: left;
width: 200px;
}

#box18 /* Literatur */
{
position: relative;
top: 180px;
left: -10px;
float: left;
width: 200px;
}

#box19 /* Erfahren... */
{
position: relative;
top: 65px;
left: -90px;
float: left;
width: 210px;
}

#box20 /* Junge-Springseil */
{
position: relative;
top: 20px;
left: -70px;
float: left;
}

#box21 /*Junge-PC*/
{
position: relative;
top: 40px;
left: 420px;
float: left;
}

#box22 /* Schaukeln */
{
position: relative;
top: 10px;
left: -30px;
float: left;
}

#box23 /* www.lerntheapie-mb.de */
{
position: relative;
top: 140px;
left: 50px;
float: left;
width: 350px;
}

#leer
{
border: 0px solid;
position: relative;
top: 0px;
right: 0px;
float: left;
width: 1px;
height: 570px;
}

/* Anfang info */
.ort_info
{
float: left;
position: relative;
left: 15.2em;
font: 0.75em verdana, sans-serif;
color: #00b;
}

.ort_info span 
{
         display: none
} 

.ort_info:hover span 
{
display: block;
z-index: 88;
position: absolute;
bottom: 2em;
left: 0em;
color: #000;
width: 580%;
padding: 6px 6px 6px 6px;
background-color:#ffcc00;
border: 1px solid #000000;
text-align:justify;
}
 
/* Ende info */

/* Ende Devi. Mittelfeld - Startseite */

/* Anfang Devi. Literatur-Seiten */
#Bild_b
{
float: left;
margin: 3em;
}

#BT1
{
float: right;
margin: 3em 2em 0em 0em;
font-size:1.1em;
width: 45%;
}

.back
{
border-top: 1px solid #ee1d25;
border-bottom: 1px solid #ee1d25;
text-align:center;
padding: 0.3em 0 0.4em 0;
margin: 5em 0em 5em 0em;
width: 15em;
font: bold 0.7em verdana, sans-serif;
}

.back a:hover
{
color:#000099; 
}

#BT2
{
font-size:1em;
margin: 0em 3em 0em 3em;
}

#bq
{
font-size:0.7em;
margin: 1em 0em 0em 4em;
}

/* Ende Devi. Literatur-Seiten */


.block
{
text-align: justify;
}