html {height: 100.1%; font-size: 62.5%;}


body {

	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #ffffff;
	background: #000000;
}

* { margin: 0px; padding: 0px; border: 0px;}



/*Überschriften*/

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #9966ff;
	padding: 0.6em 0em 0.2em 0em ;
}
h1 {
	font-size: 2.2em;
	background: url(../Bilder/border.png) bottom repeat-x;
	padding-bottom: 0.2em; 
	margin: 0.1em 3.2em 0.4em 0;
}



h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.2em;}

/*Ende---Überschriften*/


p { margin-bottom: 0.4em; font-size: 1.2em; }


/*Link*/
a {
    font-weight: bold; 
	color: #9900ff;
}
a:link {}
a:visited {}
a:hover { color: #FF66CC;}
a:active {}

/*Ende-Link*/



div#header {height: 60px; text-align:center; padding-right: 10px;  }


div#header h1 {
	color:#dca900;
	font-weight: bold; 
	border: 0px; 
	padding-top: 0em;
	margin-top: 0.1em;
	margin-bottom: 0em;
		
}

/*Haupt---Navigation*/

div#nav {  height: 40px; font-family:Georgia, "Times New Roman", Times, serif; }

div#nav ul { height: 50px; margin: 20px 40px 5px 0px; background: url(../Bilder/ul.png) no-repeat; }

div#nav li {  display: inline;  height: 50px; background: url(../Bilder/li.gif) no-repeat top left; padding: 30px 0px 4px 6px;}

div#nav li a {

    padding: 8px 4px 6px 0px; 
	text-decoration: none; 
	color:#FFFFFF;
	text-transform: uppercase;
}

div#nav li a img{ padding: 10px 2px 1px 0px; }

div#nav li a:hover, 
body#home div#nav li.navhome a {  color:#9966ff; background: url(../Bilder/hover.png) repeat-x; padding: 10px 7px 4px 5px; }

    
	
	
/*Ende --- Haupt---Navigation*/


div#hexe {float:left; width: 1000px; height: 60px;  margin:0px 5px 5px 10px ;}


div#ad2 {float:left; width: 600px; height: 60px;  margin: 30px 5px 30px 70px ; 
}




/*Footer*/
div#mainnavi{
	
	color: #FFFFFF; 
	width: 220px;
	margin-top: 20px;
	
}

div#mainnavikat {
	
	color: #FFFFFF; 
	width: 800px;
	margin-top: 20px;
	
}


div#mainnavi h3 {padding: 10px;}


div#mainnavi p {padding: 5px 0px 0px 10px ;}


div#mainnavi ul li { list-style-type:none;
 padding: 5px 2px 5px 20px; 
 }

div#mainnavi a {
    text-decoration: none;
	color: #FFFFFF;
	font-size: 1.0em;
	padding: 10px 10px 10px 10px;

}



div#mainnavi a:hover { background: url(../Bilder/li.jpg) repeat-x; color:#9966ff;  border:#CCC;}

	
.gamenavi {
	float: left;
	width: 220px;

	
	
	
	background: url(../Bilder/verlauf.png) repeat-x; 
}


.gamenavi h4 {
text-align:center;
font-size: 1.1em;
padding: 6px 0px 10px 2px;
background: url(../Bilder/h4-game.png) no-repeat top left;


}
.gamenavi h4 img{
margin: 0px ;


}


/*Disclaimer*/
a.textalign {margin-left: 400px;  }




div#footer {

background-repeat:repeat-y;
height:100px;
margin:0 0 10px;
}

div#site-menu {
margin-left: 650px;
padding:30px 0;
}

div#site-menu li {
display:block;
float:left;
border-right:1px #ccc ridge;
padding:10px 15px;
}

/*Ende Footer*/
.defloat {
clear:both;
}



div#wrapper {
	width: 1005px; 
	margin: 20px auto; 
	text-align: left;
	background: url(../Bilder/index.jpg) no-repeat 90px -15px;

	
}

div#wrapperastrology {
	width: 1200px; 
	margin: 20px auto; 
	text-align: left;
	background: url(../Bilder/astrology.jpg) no-repeat 90px -15px;

	
}

div#wrapperlove {
	width: 1200px;
	margin: 20px auto; 
	text-align: left;
	background: url(../Bilder/love.jpg) no-repeat 90px -15px;

	
}

div#wrapperoracle {
	width: 1200px; 
	margin: 20px auto; 
	text-align: left;
	background: url(../Bilder/oracle.jpg) no-repeat 90px -15px;

	
}

div#wrappertarot {
	width: 1200px;
	margin: 20px auto; 
	text-align: left;
	background: url(../Bilder/tarot.jpg) no-repeat 90px -15px;

	
}



/*Kugel Flashspiele Content*/

div#wrapcontent { width:1200px; background: url(../Bilder/content.jpg) no-repeat 5px 255px;}

.lila a {color: #9966ff;}

div#adnavi {float: left; width: 400px;  margin-top: 50px;}

div#sensennavi {float: right;  width: 160px; height: 600px; margin-top: 30px; }


div#admenue {float: right; width: 320px; padding-top: 10px;  margin-top: 120px; }


div#flash {float: left; width: 400; height: 300px; margin:180px 5px 0px 120px; padding-bottom:10px; }


div#social  { float:left; margin: 10px 10px 0px 275px;  height: 30px; width: 150px; padding-top: 40px; }


div#adinnen  {float: left;  width: 468px; height: 15px; margin: 25px 10px 10px 90px; padding-top: 5px; }


div#maintext { float: left;  width: 640px; height: 800px; padding: 5px 3px 5px 5px; background: url(../Bilder/text-kugel-back.png) no-repeat 0px 110px;}

div#linkad { float: left; padding: 5px 10px 5px 3px;}



div#unterkugel { float: left;  width: 600px;  padding: 5px; margin: 0px 50px 20px 20px;  }


div#adcontent { float: left; width: 468px; height: 60px;  margin: 10px 150px 5px 110px;  }


/*Ende Flashspiele*/




/*IE 6 und IE 7 Drecksarbeit speziell für kugelcontent*/

* html h1 { margin: 0.8em 0 0.4em 0; }

*+html h1 { margin: 0.1em 0 0.4em 0; }


	
* html div#nav li a:hover, 
body#home div#nav li.navhome a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/button.png', sizingMethod='scale'); background: none;}

*+html div#nav li a:hover, 
body#home div#nav li.navhome a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/button.png', sizingMethod='scale'); background: none;}


* html div#ad2 {margin: 20px 5px 5px 40px; }

*+html div#ad2 {margin: 40px 5px 5px 70px; }

* html div#admenue {  margin-top: 0px; }
*+html div#admenue {  margin-top: 40px; }

* html div#maintext { margin-top: 130px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Bilder/text-kugel-back.png' ); background: none;}

*+html div#maintext {background: url(../Bilder/text-kugel-back.png) no-repeat 0px 130px;}


* html div#flash { margin: 80px 0px 0px 70px; }

*+html div#flash { margin: 195px 0px 0px 115px; }

* html div#social  { margin-left: 130px; }


* html div#adinnen  {  margin-left: 50px;  }



* html div#admenue {float: right; width: 320px; padding-top: 10px; }




* html .textcontent h2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/h2.png', sizingMethod='scale'); background: none;}


* html .textcontent p { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/verlauf.png', sizingMethod='scale'); background: none;}



* html div#menu ul { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/h3-menu.png', sizingMethod='scale'); background: none;}


	
* html #menu  a:hover
 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/button.png', sizingMethod='scale'); background: none;}


	
* html div#footer a:hover 	 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/button.png', sizingMethod='scale'); background: none;}
	


* html .gamenavi { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/verlauf.png', sizingMethod='scale'); background: none;}



* html .gamenavi h4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Bilder/h4-footer.png', sizingMethod='scale'); background: none;}



/* Ende IE 6 und IE 7 Drecksarbeit*/