* {
margin : 0;
padding : 0;
}
a, a:active, a img, li a:active img {
text-decoration : none;
border : 0;
}
body {
background-color : #fff;
}

#box1 {
position : relative;
left : -500px;
top : 100px;
height : 475px;
width : 500px;
border-left : 1px solid #cccccc;
background-color : #edf0f1;
z-index : 3;
}

#box2 {
position : relative;
left : 887px;
top : -375px;
height : 475px;
width : 500px;
border-right : 1px solid #cccccc;
background-color : #edf0f1;
z-index : 2;
}

#schwebebox {
margin : -310px 0 0 -444px;
background-color : #fff;
position : absolute;
left : 50%;
top : 50%;
height : 600px;
width : 887px;
overflow: visible;
visibility: visible; 
z-index : 1;
display: block;
}

h1, h2, h3, h4, h5 {
font-family : DIN Regular, DIN Medium, Arial Rounded, Helvetica, HelveticaNeue, Arial, Helvetica, sans_serif;
font-weight : bold;
}

h1 {
font-size : 1.5em;
}
h2 {
font-size : 1.3em;
}

h3 {
font-size : 1.2em;
}

h4, h5 {
font-size : 0.9em;
color : #4e5d67;
}

.nowrap{
white-space: nowrap;
}
adresse {
}
#logo {
	position : absolute;
	top : 10px;
	left : 432px;
	width : 363px;
	z-index : 10;
	height : 25px;
	visibility: visible;
	display: block:
}



#content {
position : absolute;
top : 100px;
left : 0;
width : 887px;
height : 475px;
background-color : #edf0f1;
z-index : 4;
color : #4e5d67;
font-size : 75%; 
line-height : 160%;
}

#content a {
color : #4e5d67;
text-decoration : none;
}
#content a:hover {
color : #a2a3a5;
text-decoration : none;
border : 0;
}

#content .bildunten {
position: absolute; 
top: 250px;
left: 0;
}

#links {
position : absolute;
left : 0px;
top : 0px;
width : 360px;
height : 341px;
z-index : 7;
}

#links blockquote{
margin-top: 30px;
background: url(../bilder/gif/intro_zitat.gif) no-repeat;
z-index:5;
text-indent: -999em;  
display: block; 
height: 100px
}

#links h1 {
font-size : 160%;
margin : 40px 0 10px 0;
font-weight : normal;
color : #4e5d67;
text-transform: uppercase;
line-height: 120%;
word-spacing: -0.02em;
}
#links h2 {
font-size : 140%;
margin : 40px 0 10px 0;
font-weight : normal;
color : #4e5d67;
text-transform: uppercase;
line-height: 120%;
}

#links p, #links table, #mitte, #links li {
font-family : Arial, Helvetica, sans-serif;
margin : 17px 0;
letter-spacing: -0.001em;
word-spacing: 0.02em;
}

#links p.vieltext {
line-height : 140%;
margin: 17px 0 0 0;
}

#links p.zusatz {
margin: -2px 0 0 0;
font-style: italic;
font-size: 75%;
}


#links p.nzwischen{
line-height : 160%;
margin: 17px 0 0 0;
}

#links p.sehrvieltext,  #links td, #links p.zwischen {
line-height : 130%;
margin: 15px 0 0 0;
font-size: 90%;
}

#links table{
margin: 15px 3px 0 0px;
padding: 0;
}

#links td{
width: 185px;
margin: 0px;
padding: 0px;
}

#links p.unten {
position: absolute; 
bottom: -20px;
}

#links p.zwischen, #links ul {
font-weight: bold;
margin: 7px 0 -15px 0;
}

#links p.nzwischen {
font-family : Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 10px 0 -17px 0;
}
#links th {
padding: 25px 25px 17px 0;
vertical-align: top;
}

#links table {
margin-bottom: 0px;
}

#links td  {
padding-right: : 20px;
vertical-align: top;
}
#links td.vielplatz  {
padding: 20px;
vertical-align: top;
}

#links li {
list-style-image: url("../bilder/gif/ordner.gif");
margin: 15px 0 5px 25px;
}




#mitte {
margin: 0;
position : absolute;
left : 432px;
top : 0;
width : 455px;
height : 341px;
z-index : 2;
}
#mitte.unten {
margin: 341px 0 0 0;
text-indent: -999em;
}
#mitte img.vita {
margin-top: 40px;
}
#rechts {
position : absolute;
left : 794px;
top : 0;
width : 92px;
height : 341px;
z-index : 3;
}

#bildleiste {
position : absolute;
left : 0;
top : 396px;
height : 79px;
z-index : 4;
width : 400px;
border: 0px; 
}

#bildleiste li {
float : left;
display : block;
margin-right : 18px;
list-style-type : none;
width : 107px;
}

#bildleiste a, bildleiste a:active {
border: 0px;
}

#seiten {
position : absolute;
right : 455px;
top : 392px;
z-index : 7;
}
#seiten ul {
list-style : none;
font-family : DIN medium, DIN, Arial Rounded, Arial, Helvetica, sans-serif;
font-size : 100%;
}
#seiten li {
float : right;
margin-left : 7px;
width : 5px;
}
#seiten a {
display : block;
color : #a2a3a5;
font-weight : bold;
}
#seiten li, #seiten a:hover {
display : block;
color : #4e5d67;
font-weight : bold;
}
/*


#seiten ul.download{
border: 0;
margin: 40px 0 0 40px ;
display: block; 
}
*/
#copyright {
background : url(../bilder/gif/copyright.gif) no-repeat;
position : absolute;
left : 432px;
display: block; 
width: 160px;
height : 16px;
}

#flashcontent p{
margin-top: 40px;
width: 375px;
font-family : Arial, Helvetica, sans-serif;
font-size: 100%;
color: #990000;
}

#download {
position : absolute;
left : 431px;
top: 392px;
display: block; 
}
#download .claim{
margin-top: -160px;
}


/******************************************/
/* haupt-navigation oben */
/******************************************/
#nav {
position : absolute;
top : 73px;
left : 0;
width : 432px;
list-style-type : none;
z-index : 11;
}
#nav li {
float : left;
padding-right : 25px;
height : 18px;
overflow : hidden;
display : block;
}
#nav li, #nav li a {
display : inline;
text-indent : -999em;
}
#nav li a:hover {
text-indent : -999em;
}
#nav li.n1 a {
display : block;
width : 16px;
height : 36px;
background : url(../bilder/gif/home.gif) no-repeat;
}
#nav li.n2 a {
display : block;
width : 67px;
height : 36px;
background : url(../bilder/gif/malkurse.gif) no-repeat;
}
#nav li.n3 a {
display : block;
width : 39px;
height : 36px;
background : url(../bilder/gif/engel.gif) no-repeat;
}
#nav li.n4 a {
display : block;
width : 49px;
height : 36px;
background : url(../bilder/gif/galerie.gif) no-repeat;
}
#nav li.n5 a {
display : block;
width : 25px;
height : 36px;
background : url(../bilder/gif/vita.gif) no-repeat;
}
#nav li.n6 a {
display : block;
width : 19px;
height : 36px;
background : url(../bilder/gif/shop.gif) no-repeat;
}
#nav li.n1 a:hover {
display : block;
width : 16px;
background-position : 0 -19px;
}
#nav li.n2 a:hover {
display : block;
width : 67px;
background-position : 0 -19px;
}
#nav li.n3 a:hover {
display : block;
width : 39px;
background-position : 0 -19px;
}
#nav li.n4 a:hover {
display : block;
width : 49px;
background-position : 0 -19px;
}
#nav li.n5 a:hover {
display : block;
width : 25px;
background-position : 0 -19px;
}
#nav li.n6 a:hover {
display : block;
width : 19px;
background-position : 0 -19px;
}
#nav li.selfn1 {
display : block;
width : 16px;
height : 36px;
background : url(../bilder/gif/home.gif) no-repeat 0 -19px;
}
#nav li.selfn2 {
display : block;
width : 67px;
height : 36px;
background : url(../bilder/gif/malkurse.gif) no-repeat 0 -19px;
}
#nav li.selfn3 {
display : block;
width : 39px;
height : 36px;
background : url(../bilder/gif/engel.gif) no-repeat 0 -19px;
}
#nav li.selfn4 {
display : block;
width : 49px;
height : 36px;
background : url(../bilder/gif/galerie.gif) no-repeat 0 -19px;
}
#nav li.selfn5 {
display : block;
width : 25px;
height : 36px;
background : url(../bilder/gif/vita.gif) no-repeat 0 -19px;
}
#nav li.selfn6 {
display : block;
width : 19px;
height : 36px;
background : url(../bilder/gif/shop.gif) no-repeat 0 -19px;
}

/******************************************/
/* neben-navigation im streifen */
/******************************************/

#nebennavi a:focus {
border : 0;
text-decoration : none;
}
#nebennavi {
margin: 0;
position : absolute;
left : 683px;
top : 0px;
width : 111px;
height : 475px;
z-index : 1;
background-color : #fff;
}
#nebennavi ul {
list-style-type : none;
margin : 361px 0 5px 0px;
}
#nebennavi li {
display : block;
width : 111px;
height : 20px;
overflow : hidden;
background: transparent;
}
#nebennavi li a {
margin: 0 -12px 0 12px;
display : block;
text-indent : -999em;
overflow : hidden;
}
#nebennavi li a:hover {
display : block;
text-indent : -999em;
}
#nebennavi li.m1 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/kursangebot.gif) no-repeat;
}
#nebennavi li.m2 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/kursfarben.gif) no-repeat;
}
#nebennavi li.m3 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/termine.gif) no-repeat;
}
#nebennavi li.m4 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/anmeldung.gif) no-repeat;
}
#nebennavi li.m5 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/checkliste.gif) no-repeat;
}
#nebennavi li.e1 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/uebersicht.gif) no-repeat;
}
#nebennavi li.e2 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/dein_engel.gif) no-repeat;
}
#nebennavi li.e3 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/anleitung.gif) no-repeat;
}
#nebennavi li.e4 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/shop2.gif) no-repeat;
}
#nebennavi li.v1 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/ausbildung.gif) no-repeat;
}
#nebennavi li.v2 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/beruf.gif) no-repeat;
}
#nebennavi li.v3 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/foerderung.gif) no-repeat;
}
#nebennavi li.v4 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/spezielles.gif) no-repeat;
}
#nebennavi li.v5 a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/ausstellung.gif) no-repeat;
}
#nebennavi li.m1 a:hover {
background-position : -110px 0;
}
#nebennavi li.m2 a:hover {
background-position : -110px 0;
}
#nebennavi li.m3 a:hover {
background-position : -110px 0;
}
#nebennavi li.m4 a:hover {
background-position : -110px 0;
}
#nebennavi li.m5 a:hover {
background-position : -110px 0;
}
#nebennavi li.e1 a:hover {
background-position : -110px 0;
}
#nebennavi li.e2 a:hover {
background-position : -110px 0;
}
#nebennavi li.e3 a:hover {
background-position : -110px 0;
}
#nebennavi li.e4 a:hover {
background-position : -110px 0;
}
#nebennavi li.v1 a:hover {
background-position : -110px 0;
}
#nebennavi li.v2 a:hover {
background-position : -110px 0;
}
#nebennavi li.v3 a:hover {
background-position : -110px 0;
}
#nebennavi li.v4 a:hover {
background-position : -110px 0;
}
#nebennavi li.v5 a:hover {
background-position : -110px 0;
}
#nebennavi li.m1self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/kursangebot.gif) no-repeat -110px 0;
}
#nebennavi li.m2self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/kursfarben.gif) no-repeat -110px 0;
}
#nebennavi li.m3self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/termine.gif) no-repeat -110px 0;
}
#nebennavi li.m4self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/anmeldung.gif) no-repeat -110px 0;
}
#nebennavi li.m5self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/checkliste.gif) no-repeat -110px 0;
}
#nebennavi li.e1self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/uebersicht.gif) no-repeat -110px 0;
}
#nebennavi li.e2self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/dein_engel.gif) no-repeat -110px 0;
}
#nebennavi li.e3self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/anleitung.gif) no-repeat -110px 0;
}
#nebennavi li.e4self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/shop2.gif) no-repeat -110px 0;
}
#nebennavi li.v1self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/ausbildung.gif) no-repeat -110px 0;
}
#nebennavi li.v2self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/beruf.gif) no-repeat -110px 0;
}
#nebennavi li.v3self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/foerderung.gif) no-repeat -110px 0;
}
#nebennavi li.v4self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/spezielles.gif) no-repeat -110px 0;
}
#nebennavi li.v5self a {
display : block;
width : 111px;
height : 18px;
background : url(../bilder/gif/ausstellung.gif) no-repeat -110px 0;
}
/* navigation im footer */
#foot {
position : absolute;
top : 582px;
left : 0;
height : 16px;
width : 887px;
z-index: 99;
}
#foot ul {
list-style-type : none;
}
#foot li {
float : left;
padding-right : 25px;
height : 16px;
overflow : hidden;
display : inline;
}
#foot li, #foot li a {
text-indent : -999em; display : inline;
}
#foot li a:hover {
text-indent : -999em; display : inline;
}
#foot li.f1 a {
display : block;
width : 46px;
height : 35px;
background : url(../bilder/gif/kontakt.gif) no-repeat;
}
#foot li.f2 a {
display : block;
width : 70px;
height : 35px;
background : url(../bilder/gif/impressum.gif) no-repeat;
}
#foot li.f3 a {
display : block;
width : 23px;
height : 35px;
background : url(../bilder/gif/agb.gif) no-repeat;
}
#foot li.f4 a {
display : block;
width : 59px;
height : 35px;
background : url(../bilder/gif/download.gif) no-repeat;
}
#foot li.f5 a {
display : block;
width : 49px;
height : 35px;
background : url(../bilder/gif/sitemap.gif) no-repeat;
}
#foot li.f1 a:hover {
display : block;
width : 46px;
background-position : 0 -19px;
}
#foot li.f2 a:hover {
display : block;
width : 70px;
background-position : 0 -19px;
}
#foot li.f3 a:hover {
display : block;
width : 23px;
background-position : 0 -19px;
}
#foot li.f4 a:hover {
display : block;
width : 59px;
background-position : 0 -19px;
}
#foot li.f5 a:hover {
display : block;
width : 49px;
background-position : 0 -19px;
}
#foot li.f1self {
display : block;
width : 46px;
height : 35px;
background : url(../bilder/gif/kontakt.gif) no-repeat 0 -19px;
}
#foot li.f2self {
display : block;
width : 70px;
height : 35px;
background : url(../bilder/gif/impressum.gif) no-repeat 0 -19px;
}
#foot li.f3self {
display : block;
width : 23px;
height : 35px;
background : url(../bilder/gif/agb.gif) no-repeat 0 -19px;
}
#foot li.f4self {
display : block;
width : 59px;
height : 35px;
background : url(../bilder/gif/download.gif) no-repeat 0 -19px;
}
#foot li.f5self {
display : block;
width : 49px;
height : 35px;
background : url(../bilder/gif/sitemap.gif) no-repeat 0 -19px;
}