/*=======================================================
Stand: Maerz 2010
datei: bildschirm.css
datum: 3.3.2010
Autor: T.Trölsch
Aufbau: 1.Kalibrierung und allg. Styles
		2.Styles für Layoutbereiche
		3.sonstige Styles
========================================*/

/*=================================
	1.Kalibrierung und allg. Styles
====================================*/
/*Allgemeine Selektoren*/

body
{ /* Gestaltet das HTML-Element mit dem namen body */
	Background-color:#000000; /*Hintergrundfarbe*/
	font-family: Arial,Helvetica, sans-serif;}
	
	
/*==== kopf===*/
	
/*====  wrapper===*/
	
#wrapper{
	position:relative;
	width:1300px; 
	height:1150px;
	background-image:url(img/hg_jong.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper1{
	position:relative;
	width:1100px; 
	height:1200px;
	background-image:url(img/start.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper2{
	position:relative;
	width:1300px; 
	height:1150px;
	background-image:url(img/HG-magie.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper3{
	position:relative;
	width:1300px; 
	height:1150px;
	background-image:url(img/HG-kontakt.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper4{
	position:relative;
	width:1300px; 
	height:1150px;
	background-image:url(img/jonglage_kinder.jpg);
	margin-right: auto;/*walkacts*/}
	
#wrapper5{
	position:relative;
	width:1100px; 
	height:1700px;
	background-image:url(img/HG-vita.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper6{
	position:relative;
	width:1150px; 
	height:1200px;
	background-image:url(img/HG-presse.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper7{
	position:relative;
	width:1100px; 
	height:700px;
	background-image:url(img/HG-faq.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
#wrapper8{
	position:relative;
	width:1100px; 
	height:800px;
	background-image:url(img/HG-galerie.jpg);
	margin-right: auto;/*Abstand rechts*/}

#wrapper9{
	position:relative;
	width:1300px; 
	height:1200px;
	background-image:url(img/HG-impressum.jpg);
	margin-right: auto;/*Abstand rechts*/}

#wrapper10{
	position:relative;
	width:1100px; 
	height:750px;
	background-image:url(img/HG-video.jpg);
	margin-right: auto;/*Abstand rechts*/}

#wrapper11{
	position:relative;
	width:1100px; 
	height:730px;
	background-image:url(img/HG-gal.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
	#wrapper12{
	position:relative;
	width:1100px; 
	height:800px;
	background-image:url(img/HG-links.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
	#wrapper13{
	position:relative;
	width:1100px; 
	height:800px;
	background-image:url(img/HG-jong1.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
	#wrapper14{
	position:relative;
	width:1100px;
	height:1700px; 
	background-image:url(img/zauberer1.jpg);
	margin-right: auto;/*Abstand rechts*/}


#wrapper15{
	position:relative;
	width:1100px;
	height:1700px; 
	background-image:url(img/zauberer2.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
	#wrapper16{
	position:relative;
	width:1100px;
	height:1700px; 
	background-image:url(img/zauberer3.jpg);
	margin-right: auto;/*Abstand rechts*/}
	
	
	
	#wrapper17{
	position:relative;
	width:1100px;
	height:1700px; 
	Background-color:#000000; /*Hintergrundfarbe*/
	margin-right: auto;/*Abstand rechts*/}


/*==== Ende wrapper===*/


/*==== Boxen===*/
#box1{
    position:absolute;
    top: 0;
    left: 125px;
    width:300px;
    height:350px;
    background-color:#000033;
    padding: 10px;
    margin: 10px;
    margin-top:180px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}    
    
#box2{
     position:absolute;
      top: 0;
     width:300px;
     height:350px;
     background-color:#000033;
     padding: 10px;
     margin: 10px;
     margin-left: 550px;
         margin-top:180px;

         -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    #box3{
     position:absolute;
     top: 180px;
     width:500px;
     height:390px;
     background-color:black;
     padding: 10px;
     padding-bottom: 5px;
     border: 0px solid black;
     margin: 0px;
     margin-left: 140px;
     -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
     #box4{
     position:absolute;
     left: 80px;
     width:500px;
     height:500px;
     padding-bottom: 150px;
     }
   
     /*====ende  Boxen===*/
   
/*====Textbereich===*/
    
  #textbereich{
   position:absolute;
   left: 250px;
   width:350px;
   height:100px;
   padding-top:140px;}  
   
   #textbereich1{
   position:absolute;
   left: 140px;
   width:430px;
   height:400px;
   padding-top:90px;} 
   
   #textbereich1a{
   position:absolute;
   left: 140px;
   width:700px;
   height:400px;
   padding-top:90px;} 

  #textbereich1b{
   position:absolute;
   left: 120px;
   width:700px;
   height:400px;
   padding-top:100px;} 
   
   #textbereich2{
   position:absolute;
   left: 540px;
   width:350px;
   height:100px;
   padding-top:140px;} 
   
   #textbereich3{
   position:absolute;
   left: 600px;
   width:300px;
   height:100px;
   padding-top:150px;} 
   
   
   
   #textbereich4{
   position:absolute;
   left: 310px;
   width:300px;
   height:100px;
   padding-top:490px;}
   
  
   #textbereich5{
   position:absolute;
   left: 145px;
   width:410px;
   height:400px;
   padding-top:130px;} 
   
   #textbereich5a{
   position:absolute;
   left: 145px;
   width:450px;
   height:400px;
   padding-top:130px;} 


 #textbereich5b{
   position:absolute;
   left: 145px;
   width:750px;
   padding-top:30px;} 
   
   #textbereich6{
   position:absolute;
   left: 145px;
   width:650px;
   height:400px;
   padding-top:110px;}
   
   #textbereich7{
   position:absolute;
   left: 540px;
   width:200px;
   height:100px;
   padding-top:145px;} 

    #textbereich8{
   position:absolute;
   left: 605px;
   padding-top:80px;} 
   
    #textbereich9{
  position:absolute;
   left: 115px;
   width:750px;
   height:300px;
   top:800px;} 
   
#textbereich9a{
  position:absolute;
   left: 115px;
   width:780px;
   height:300px;
   top:770px;} 
   
   #textbereich9b{
  position:absolute;
   left: 115px;
   width:780px;
   height:300px;
   top:810px;} 
   
   
    #textbereich9c{
  position:absolute;
   left: 115px;
   width:780px;
   height:300px;
   top:920px;} 


  #textbereich10{
  position:absolute;
  left: 150px;
  width:700px;
  height:200px;
  top:800px;} 

  #textbereich11{
  position:absolute;
  left: 110px;
  width:800px;
  top:80px;} 
  
  
  #textbereich12{
   position:absolute;
   left: 100px;
   width:800px;
   padding-top:50px;}
   
   #textbereich13{
  position:absolute;
   left: 115px;
   width:450px;
   height:320px;
   top:1280px;} 


 /*==== Ende Textbereich===*/  
  
   #navibereich2{
   position:absolute;
   left: 58px;
   width:140px;
   height:600px;
   margin-top: 160px;}
   
   
   #navibereich3{
   position:absolute;
   left: 0px;
   width:140px;
   height:10px;
   margin-top: 720px;}

   
/*==== Ende navi===*/ 
 
/*==== Scroll Referenz===*/ 


div#referenz {
background-color:#000000;
position:absolute;
left:600px;
top: 190px;
height: 372px;
overflow: auto;
padding: 5px 10px 10px 20px;
width: 250px;
}

 /*==== Ende Scroll Referenz===*/ 


  /*====  Ende Navigation/ Links===*/

 a.hover:link, a.hover:visited, a.hover:hover, a.hover:active {
  display:inline;
  width:150px;
  height:50px;center no-repeat;
  background:url(start.jpg);  }
a.hover:hover {
  background:url(start_over.jpg)}
  



  
  
p {color:white;font-family:arial, sans-serif; font-size:14px;}
h1 {font-family:lucida Grande, sans-serif; color:#87ceFa;font-size:25px;}
h2 { font-family:lucida Grande, sans-serif; color:#87ceFa;font-size:22px;}
h3 { color:	#87ceFa; font-size:15px; font-family:arial,sans-serif;}
<!--a{text-decoration:none; font-size:16px; font-family:arial,sans-serif;}
a:link { color:#87ceFa;}
a:visited { color:#87ceFa; }
a:active { color:red; }
a:hover {color:	#191970;}

a.navi{color:#fff;text-decoration:none; font-size:12px; font-family:arial,sans-serif;}
a.navi:link { color:#fff; }
a.navi:visited { color:#fff; }
a.navi:active { color:red; }
a.navi:hover {color:#669966;}

a.navi1{text-decoration:none; font-size:15px;color:	#eee8aa; font-family:arial,sans-serif;}
a.navi aus:{ color:grey; }
a.navi aus:active {grey;}
a.navi aus:hover {color:#669966;}





/*====  ende Navigation/ Links===*/
#kopfbereich{
    clear: both;
    width: 955px;
    color: #000000;
	background-color: #003300;
	margin-top: 50px;/*Abstand rechts*/
	margin-left: 20px;/*Abstand rechts*/
	padding-bottom: 0px; }


/*======Fussbereich======*/

#fussbereich{
    clear: both;
    width: 955px;
    color: #808080;
	background-color: white;
	margin-top: 0px;/*Abstand rechts*/
	margin-left: 80px;/*Abstand rechts*/
	padding-top: 30px;
	padding-bottom: 20px; }
	/*======Fussbereich======*/


/*==== Navigation===*/

ul#nav_1 {
list-style: none;
}

ul#nav_1, ul#nav_1 li {
height: 33px;
}

ul#nav_1 {
margin: 20px 0 0 35px;

}

ul#nav_1 li {
float: left;
}
/*====magie===*/

ul#nav_1 #magie, ul#nav_1 #magie_an{
background-image:url(img/navi1.jpg);
width:118px;
}

ul#nav_1 #magie :focus, ul#nav_1 #magie:hover, ul#nav_1 #magie:active {
background-image: url(img/navi1a.jpg);
}

ul#nav_1 #magie_an {
background-image: url(img/navi1b.jpg);
}
/*====jonglage===*/
ul#nav_1 #jonglage, ul#nav_1 #jonglage_an {
background-image:url(img/navi2.jpg);
width:106px;
}

ul#nav-1 #jonglage :focus, ul#nav_1 #jonglage :hover, ul#nav_1 #jonglage :active{
background-image: url(img/navi2a.jpg);
}

ul#nav_1 #jonglage_an {
background-image: url(img/navi2b.jpg);
}

/*====messe===*/

ul#nav_1 #messe, ul#nav_1 #messe_an {
background: url(img/navi3.jpg);
width:167px;
}

ul#nav_1 #messe :focus, ul#nav_1 #messe :hover, ul#nav_-1 #messe :active {
background: url(img/navi3a.jpg);
}

ul#nav_1 #messe_an {
background: url(img/navi3b.jpg);
}

/*====galerie===*/

ul#nav_1 #galerie, ul#nav_1 #galerie_an {
background: url(img/navi4.jpg);
width:90px;
}


ul#nav_1 #galerie :focus, ul#nav_1 #galerie :hover, ul#nav_1 #galerie :active {
background: url(img/navi4a.jpg);
}

ul#nav_1 #galerie_an {
background: url(img/navi4b.jpg);
}

/*====referenz===*/

ul#nav_1 #referenzen, ul#nav_1 #referenzen_an {
background: url(img/navi5.jpg);
width: 119px;
}

ul#nav_1 #referenzen :focus, ul#nav_1 #referenzen :hover, ul#nav_1 #referenzen :active {
background: url(img/navi5a.jpg);
}

ul#nav_1 #referenzen_an {
background: url(img/navi5b.jpg);
}

/*====presse===*/

ul#nav_1 #presse, ul#nav_1 #presse_an {
background: url(img/navi6.jpg);
width:86px;
}

ul#nav_1 #presse :focus, ul#nav_1 #presse :hover, ul#nav_1 #presse :active {
background: url(img/navi6a.jpg);
}

ul#nav_1 #presse_an {
background: url(img/navi6b.jpg);
}

/*====faq===*/

ul#nav_1 #faq, ul#nav_1 #faq_an {
background: url(img/navi7.jpg);
width:63px;
}

ul#nav_1 #faq :focus, ul#nav_1 #faq :hover, ul#nav_1 #faq :active{
background: url(img/navi7a.jpg);
}

ul#nav_1 #faq_an {
background: url(img/navi7b.jpg);
}

/*====kontakt===*/

ul#nav_1 #kontakt, ul#nav_1 #kontakt_an {
background: url(img/navi8.jpg);
width:108px;
}

ul#nav_1 #kontakt :focus, ul#nav_1 #kontakt :hover, ul#nav_1 #kontakt :active {
background: url(img/navi8a.jpg);
}

ul#nav_1 #kontakt_an {
background: url(img/navi8b.jpg);
}



ul#nav_1 a, ul#nav_2 li a, ul#nav_2 li span {
display: block;
text-decoration: none;
}

ul#nav_1 a {
height: 100%;
text-indent: -999em;
}


ul#foto, div.foto {
position: relative;
left: 50px;
top: 90px;
width: 664px;
}

ul#foto {
list-style: none;
}

li#bild-1,li#bild-2,li#bild-3,li#bild-4,li#bild-5,li#bild-6,li#bild-7,li#bild-8,
li#bild-9,li#bild-10,li#bild-11,li#bild-12,li#bild-13,li#bild-14,li#bild-15, li#bild-16{
float: left;
margin: 16px 16px 0 0;

}

li a {
display: block;
height: 100px;
}



li#bild-1 a {
background: url(img/bild-1-kl.jpg);
width: 150px;

}
li#bild-1 a:hover {
background-image:url(img/bild-1a-kl.jpg);
} 

li#bild-2 a {
background: url(img/bild-2-kl.jpg);
width: 150px;
}
li#bild-2 a:hover {
background-image:url(img/bild-2a-kl.jpg);
}

li#bild-3 a {
background: url(img/bild-3-kl.jpg);
width: 150px;
}
li#bild-3 a:hover {
background-image:url(img/bild-3a-kl.jpg);
}

li#bild-4 a {
background: url(img/bild-4-kl.jpg);
width: 150px;
}
li#bild-4 a:hover {
background-image:url(img/bild-4a-kl.jpg);
}

li#bild-5 a {
background: url(img/bild-5-kl.jpg);
width: 150px;

}
li#bild-5 a:hover {
background-image:url(img/bild-5a-kl.jpg);
}

li#bild-6 a {
background: url(img/bild-6-kl.jpg);
width: 150px;

}
li#bild-6 a:hover {
background-image:url(img/bild-6a-kl.jpg);
}

li#bild-7 a {
background: url(img/bild-7-kl.jpg);
width: 150px;
}
li#bild-7 a:hover {
background-image:url(img/bild-7a-kl.jpg);
}


li#bild-8 a {
background: url(img/bild-8-kl.jpg);
width: 150px;
}
li#bild-8 a:hover {
background-image:url(img/bild-8a-kl.jpg);
}

li#bild-9 a {
background: url(img/bild-9-kl.jpg);
width: 150px;
}
li#bild-9 a:hover {
background-image:url(img/bild-9a-kl.jpg);
}

li#bild-10 a {
background: url(img/bild-11-kl.jpg);
width: 150px;
}
li#bild-10 a:hover {
background-image:url(img/bild-11a-kl.jpg);
}

li#bild-11 a {
background: url(img/bild-13-kl.jpg);
width: 150px;
}
li#bild-11 a:hover {
background-image:url(img/bild-13a-kl.jpg);
}

li#bild-12 a {
background: url(img/bild-10-kl.jpg);
width: 150px;
}
li#bild-12 a:hover {
background-image:url(img/bild-10a-kl.jpg);
}

li#bild-13 a {
background: url(img/bild-16-kl.jpg);
width: 150px;
}
li#bild-13 a:hover {
background-image:url(img/bild-16a-kl.jpg);
}

li#bild-14 a {
background: url(img/bild-15-kl.jpg);
width: 150px;
}
li#bild-14 a:hover {
background-image:url(img/bild-15a-kl.jpg);
}

li#bild-15 a {
background: url(img/bild-14-kl.jpg);
width: 150px;
}
li#bild-15 a:hover {
background-image:url(img/bild-14a-kl.jpg);
}
li#bild-16 a {
background: url(img/bild-12-kl.jpg);
width: 150px;
}
li#bild-16 a:hover {
background-image:url(img/bild-12a-kl.jpg);
}


#formular 
{
color:red;
}

a.link12 {
position:absolute;
top:0px;
left:0px;
width:203px;
height:54px;
border:0px solid #000000;
background-image:url(img/houdini.png);
}

a.link12:hover {
background-image:url(img/houdini1.png);
}

a.link13 {
position:absolute;
top:40px;
left:0px;
width:260px;
height:54px;
border:0px solid #000000;
background-image:url(img/bosco.png);
}

a.link13:hover {
background-image:url(img/bosco1.png);
}


a.link14 {
position:absolute;
top:80px;
left:0px;
width:203px;
height:54px;
border:0px solid #000000;
background-image:url(img/cagliostro.png);
}

a.link14:hover {
background-image:url(img/cagliostro1.png);
}

a.link15{
position:absolute;
top:790px;
left:0px;
width:203px;
height:54px;
border:0px solid #000000;
background-image:url(img/houdini.png);
}

a.link15:hover {
background-image:url(img/houdini1.png);
}


a.link16 {
position:absolute;
top:735px;
left:0px;
width:245px;
height:54px;
border:0px solid #000000;
background-image:url(img/bosco.png);
}

a.link16:hover {
background-image:url(img/bosco1.png);
}

a.link17 {
position:absolute;
top:840px;
left:0px;
width:203px;
height:54px;
border:0px solid #000000;
background-image:url(img/cagliostro.png);
}

a.link17:hover {
background-image:url(img/cagliostro1.png);
}

a.link18 {
position:absolute;
top:1200px;
left:0px;
width:203px;
height:54px;
border:0px solid #000000;
background-image:url(img/cagliostro.png);
}

a.link18:hover {
background-image:url(img/cagliostro1.png);
}

a.link19 {
position:absolute;
top:1150px;
left:0px;
width:245px;
height:54px;
border:0px solid #000000;
background-image:url(img/bosco.png);
}

a.link19:hover {
background-image:url(img/bosco1.png);
}

.footer {
}
.footer_resize {

	padding:50px 10px;
	width:900px;
	background:black;
	line-height:1.0em;
	color:#8e8e8e;
}
.footer_resize p {
	margin:10px 0;
	padding:0;
	line-height:2.5;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#424242;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#3f3f3f;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}




/*=================================
	ENDE
====================================*/