@charset "utf-8";
/* CSS Document */
/*======================================================================================= GRUNDGERÜST */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}

*:focus {
	outline:none;
}

body {
	background-color:#000;
	font:11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#5e2801;
}

#container {
	position:relative;
	width:970px;
	margin:0 auto;
	background:url(../img/content_bg.jpg) 0 759px no-repeat;
}

#head {
	float:left;
	width:970px;
	height:340px;
	background-image:url(../img/header.jpg);
}

#links {
	position:relative;
	float:left;
	width:222px;
	height:1079px;
	background:url(../img/register_links.jpg) no-repeat;
}

#suche {
	position:absolute;
	top:340px;
	right:0;
	width:234px;
	height:121px;
	background-image:url(../img/suche.jpg);
}

#iefix {
	position:static;
}

#rechts {
 	position:absolute;
	top:461px;
	right:0;
	width:234px;
	height:976px;
	background-image:url(../img/register_rechts.jpg);
	z-index:30;
}

#inhalt, #inhalt2 {
	position:relative;
	float:left;
	width:514px;
	/*height:1404px;*/
	height:1095px;
	background:url(../img/content_top.jpg) no-repeat;
}

.biginhalt {
	height:1404px;
}

#inhalt.detail {
	background:url(../img/content_bg2.jpg) no-repeat;
}

#inhalt div {
	position:relative;
	margin-top:45px;
	padding-left: 40px;
	width:435px;
	height:auto;
}
#footer {
	position:relative;
	float:left;
	height:507px;
	width:970px;
	background:url(../img/footer.jpg) no-repeat;
}

	#footer div {
		position:absolute;	
		top:15px;
		left:265px;
	}
	
#banner {
	position:absolute;
	width:160px;
	height:600px;
	top:765px;
	left:30px;
}
.clear {
	clear:both;
}
/*======================================================================================= SEITE ANMELDEN */

#inhalt form {
	width:514px;
	height:911px;
	margin-left:-40px;
	margin-top:-10px;
	padding:24px 0 0 40px;
	background:url(../img/form_bg.jpg) no-repeat;
}

fieldset {
	border:0;
	margin-bottom:20px;
}


label {
	position:relative;
	float:left;	
	width:418px;
	margin-bottom:14px;
	font-weight:bold;
	font-size:0.95em;
}

label.abstand {
	margin-top:4px;
}

#inhalt input, #inhalt textarea,  #inhalt select {
	position:relative;
	float:right;
	width:268px;
	border:0;
	padding:5px;
	background-color:#e7d8b4;
}
#inhalt select {
	width:278px;
	padding:5px 0 5px 5px;
	height:31px;
	background-color:#e7d8b4;
}

#inhalt input {
	height:21px;
}

#inhalt textarea {
	height:130px;
}

#inhalt textarea#beschreibung {
	height:216px;
}

#inhalt input.anmelde-button {
	width:158px;
	height:31px;
	margin:31px 95px 0 0;
	background-image:url(../img/anmelde-button.jpg);
}

#inhalt input.anmelde-button:hover {
	background-image:url(../img/anmelde-button_a.jpg);
}

#footer textarea {
	position:relative;
	width:219px;
	height:52px;
	border:0;
	padding:5px;
	background-color:#e7d8b4;
}

#footer textarea.area1 {
	width:322px;	
}

/*======================================================================================= BUTTONS */
#head h1 {
	position:absolute;
	top:50px;
	left:380px;
}

#head h1 a {
	display:block;
	height:120px;
	width:340px;
	text-indent:-9999px;
	overflow:hidden;
}

#head a#home {
	position:absolute;
	top:283px;
	left:197px;
	background:url(../img/home.jpg) no-repeat;
	width:89px;
	height:51px;
	text-indent:-50px;
	overflow:hidden;
}

#head a#home:hover {
	background:url(../img/home_a.jpg) no-repeat;
}

#head a#anmelden {
	position:absolute;
	top:286px;
	left:308px;
	background:url(../img/seite-anmelden.jpg) no-repeat;
	width:126px;
	height:30px;
	text-indent:-150px;
	overflow:hidden;
}

#head a#anmelden:hover {
	background:url(../img/seite-anmelden_a.jpg) no-repeat;
}

#head a#zu-stregato {
	position:absolute;
	top:284px;
	left:588px;
	background:url(../img/zurueck-zu-stregato.jpg) no-repeat;
	width:170px;
	height:40px;
	text-indent:-170px;
	overflow:hidden;
}

#head a#zu-stregato:hover {
	background:url(../img/zurueck-zu-stregato_a.jpg) no-repeat;
}

#footer a#agbs {
	position:absolute;
	top:420px;
	left:460px;
	width:81px;
	height:22px;
	background:url(../img/agbs.jpg) no-repeat;
	text-indent:-160px;
	overflow:hidden;
}

#footer a#agbs:hover {
	background:url(../img/agbs_a.jpg) no-repeat;
}

#footer a#impressum {
	position:absolute;
	top:420px;
	left:545px;
	width:124px;
	height:24px;
	background:url(../img/impressum.jpg) no-repeat;
	text-indent:-160px;
	overflow:hidden;
}

#footer a#impressum:hover {
	background:url(../img/impressum_a.jpg) no-repeat;
}

/*======================================================================================= LINKS */
a { 
	color:#c75300;
	text-decoration:none;
}

a:hover, a.active {
	text-decoration:underline;
}

/*======================================================================================= SUCHE */
#suche div {
	margin:12px 0 0 45px;	
	width:130px;
}

#suche div h2 {
	background:url(../img/suchen.jpg) no-repeat;
	text-indent:-160px;
	overflow:hidden;
}

#suche div input {
	border:1px solid #000;
	background-color:#e2dbaa;
	padding:3px;
	margin-bottom:5px;
	width:125px;
}

#suche div input.btn_suche {
	float:right;
	width:71px;
	height:28px;
	background-image:url(../img/btn_starten.jpg);
	border:0;
}

#suche div input.btn_suche:hover {
	background-image:url(../img/btn_starten_a.jpg);
}

/*======================================================================================= TEXT */

#inhalt h1 {
	margin-bottom:50px;	
	color:#dfb38c;
}

#inhalt h2 {
	background:url(../img/h2.png) no-repeat;
	width:479px;
	height:32px;
	margin:0 0 10px -42px;
	padding:12px 0 0 42px;
	color:#dfb38c;
	font-size:1.2em;
	behavior: url(media/core/iepngfix.htc); 
}

p {
	margin: 0 0 20px 0;	
}

.klein {
	font-size:0.8em;	
}

#footer b {
	color:#dfb38c;
}
/*======================================================================================= SIDEBAR NEUE WEBSITES */
#links ul {
	position:absolute;
	top:50px;
	left:25px;
	list-style:none;
}

#links ul li {
	width:185px;
	height:37px;
}

#links ul li a {
	display:block;
	width:185px;
	height:37px;
	overflow:hidden;
	text-transform:uppercase;
	font-size:0.85em;
	color:#3f0900;
	font-weight:bold;
	text-indent:-250px;
	behavior: url(media/core/iepngfix.htc); 
}
#links ul li.buchklein, #links ul li a.buchklein {
	height:32px;
	padding-left:10px;
}

#links ul li.buchgross, #links ul li a.buchgross {
	height:40px;
	padding-top:2px;
	padding-left:0;
}

#links ul li.buch2, #links ul li a.buch2 {
	padding-left:5px;
}

#links ul li.buch3, #links ul li a.buch3 {
	padding-left:20px; 
}
#links ul li.buch4, #links ul li a.buch4 {
	padding-left:13px; 
}
#links ul li.buch5, #links ul li a.buch5 {
	padding-left:2px; 
}

/*======================================================================================= SIDEBAR KATEGORIEN */
#rechts ul {
	position:absolute;
	top:3px;
	left:20px;
	list-style:none;
}

#rechts ul li {
	width:185px;
	height:37px;
}

#rechts ul li a {
	display:block;
	width:185px;
	height:37px;
	overflow:hidden;
	text-indent:-250px;
}

#rechts ul li a.astrologie-und-horoskope {
	background:url(../img/buttons/astrologie-und-horoskope.gif) 0 -6px no-repeat;
}
#rechts ul li a.astrologie-und-horoskope:hover {
	background-position:0 -43px;
}

#rechts ul li a.beratungsportale {
	background:url(../img/buttons/beratungsportale.gif) 0 -6px no-repeat;
}
#rechts ul li a.beratungsportale:hover {
	background-position:0 -43px;
}

#rechts ul li a.beruehmte-wahrsager {
	background:url(../img/buttons/beruehmte-wahrsager.gif) 0 -3px no-repeat;
}
#rechts ul li a.beruehmte-wahrsager:hover {
	background-position:0 -40px;
}

#rechts ul li a.channeling {
	background:url(../img/buttons/channeling.gif) -15px -9px no-repeat;
}
#rechts ul li a.channeling:hover {
	background-position:-15px -46px;
}

#rechts ul li a.esoterik-allgemein {
	background:url(../img/buttons/esoterik-allgemein.gif) 0 -10px no-repeat;
}
#rechts ul li a.esoterik-allgemein:hover {
	background-position:0 -47px;
}

#rechts ul li a.esoterik-blogs {
	background:url(../img/buttons/esoterik-blogs.gif) -5px -10px no-repeat;
}
#rechts ul li a.esoterik-blogs:hover {
	background-position:-5px -47px;
}

#rechts ul li a.esoterik-foren {
	background:url(../img/buttons/esoterik-foren.gif) 3px -7px no-repeat;
}
#rechts ul li a.esoterik-foren:hover {
	background-position:3px -44px;
}

#rechts ul li a.esoterik-shops {
	background:url(../img/buttons/esoterik-shops.gif) 15px -5px no-repeat;
}
#rechts ul li a.esoterik-shops:hover {
	background-position:15px -42px;
}

#rechts ul li a.esoterikverzeichnisse {
	background:url(../img/buttons/esoterikverzeichnisse.gif) 8px -5px no-repeat;
}
#rechts ul li a.esoterikverzeichnisse:hover {
	background-position:8px -42px;
}

#rechts ul li a.heilung-und-heilen {
	background:url(../img/buttons/heilung-und-heilen.gif) 7px -5px no-repeat;
}
#rechts ul li a.heilung-und-heilen:hover {
	background-position:7px -42px;
}

#rechts ul li a.hellsehen {
	background:url(../img/buttons/hellsehen.gif) 8px -5px no-repeat;
}
#rechts ul li a.hellsehen:hover {
	background-position:8px -42px;
}

#rechts ul li a.kartenlegen {
	background:url(../img/buttons/kartenlegen.gif) 15px -5px no-repeat;
}
#rechts ul li a.kartenlegen:hover {
	background-position:15px -42px;
}

#rechts ul li a.lebensberatung {
	background:url(../img/buttons/lebensberatung.gif) 13px -5px no-repeat;
}
#rechts ul li a.lebensberatung:hover {
	background-position:13px -42px;
}

#rechts ul li a.magie {
	background:url(../img/buttons/magie.gif) -13px -5px no-repeat;
}
#rechts ul li a.magie:hover {
	background-position:-13px -42px;
}

#rechts ul li a.okkultismus {
	background:url(../img/buttons/okkultismus.gif) no-repeat;
}
#rechts ul li a.okkultismus:hover {
	background-position:0 -37px;
}

#rechts ul li a.orakel {
	background:url(../img/buttons/orakel.gif) no-repeat;
}
#rechts ul li a.orakel:hover {
	background-position:0 -37px;
}

#rechts ul li a.partnerboersen {
	background:url(../img/buttons/partnerboersen.gif) 5px 0 no-repeat;
}
#rechts ul li a.partnerboersen:hover {
	background-position:5px -37px;
}

#rechts ul li a.pendeln {
	background:url(../img/buttons/pendeln.gif) 10px 0 no-repeat;
}
#rechts ul li a.pendeln:hover {
	background-position:10px -37px;
}

#rechts ul li a.reiki {
	background:url(../img/buttons/reiki.gif) 5px -3px no-repeat;
}
#rechts ul li a.reiki:hover {
	background-position:5px -40px;
}

#rechts ul li a.schamanismus {
	background:url(../img/buttons/schamanismus.gif) -25px -2px no-repeat;
}
#rechts ul li a.schamanismus:hover {
	background-position:-25px -39px;
}

#rechts ul li a.seminare-kurse {
	background:url(../img/buttons/seminare-kurse.gif) 0 -2px no-repeat;
}
#rechts ul li a.seminare-kurse:hover {
	background-position:0 -39px;
}

#rechts ul li a.tarot {
	background:url(../img/buttons/tarot.gif) -18px -2px no-repeat;
}
#rechts ul li a.tarot:hover {
	background-position:-18px -39px;
}

#rechts ul li a.traumdeutung {
	background:url(../img/buttons/traumdeutung.gif) -10px -2px no-repeat;
}
#rechts ul li a.traumdeutung:hover {
	background-position:-10px -39px;
}

#rechts ul li a.wahrsagen {
	background:url(../img/buttons/wahrsagen.gif) -10px 0 no-repeat;
}
#rechts ul li a.wahrsagen:hover {
	background-position:-10px -37px;
}

#rechts ul li a.wunschbestellung {
	background:url(../img/buttons/wunschbestellung.gif) 0 2px no-repeat;
}
#rechts ul li a.wunschbestellung:hover {
	background-position:0 -35px;
}

#rechts ul li a.zauberei {
	background:url(../img/buttons/zauberei.gif) 0 3px no-repeat;
}
#rechts ul li a.zauberei:hover {
	background-position:0 -34px;
}

/*======================================================================================= KATEGORIEN UEBERSICHT */

#inhalt .papierchen {
	position:relative;
	height:190px;
	width:439;
	background:url(../img/papierchen.png) no-repeat;
	overflow:hidden;
	margin-top:5px;
	behavior: url(media/core/iepngfix.htc); 
}

#inhalt .papierchen_top {
	position:relative;
	height:190px;
	width:439;
	background:url(../img/papierchen_top.png) no-repeat;
	overflow:hidden;
	margin-top:5px;
	behavior: url(media/core/iepngfix.htc); 
}


#inhalt .papierchen a img, #inhalt .papierchen_top a img {
	float:left;
	width:180px;
	height:120px;
	margin:33px 0 0 -5px;
	border:2px solid transparent;
}
#inhalt .papierchen:hover a img, #inhalt .papierchen_top:hover a img {
	border:2px solid;
}

		* html #inhalt .papierchen a img, * html #inhalt .papierchen_top a img {
			border:0;
		}
		* html #inhalt .papierchen:hover a img, * html #inhalt .papierchen_top:hover a img {
			border:0;
		}

#inhalt .papierchen h2, #inhalt .papierchen_top h2 {
	padding:0;
	margin:5px 0 4px 0;
	width:auto;
	height:auto;
	background:none;
}

#inhalt .papierchen h2 img, #inhalt .papierchen_top h2 img {
	behavior: url(media/core/iepngfix.htc); 
}

#inhalt .papierchen .text, #inhalt .papierchen_top .text {
	float:left;
	width:170px;
	height:130px;
	margin:30px 0 0 20px;
	padding:0;
}

#inhalt .bild {
	position:relative;
	float:right;
	width:150px;
	height:390px;
	padding:0;
	margin:0;
}

#inhalt .bild img {
	float:right;
	border:0;
}

#inhalt div #raabe {
	position:absolute;
	top:165px;
	left:400px;
	height:81px;
	width:115px;
	background:url(../img/raabe.png) no-repeat;
	z-index:50;
	behavior: url(media/core/iepngfix.htc); 
}