@charset "utf-8";
/* CSS Document */
/**
 * @author      David Gutsche
 * @email       mail@gutplus.net
 * @copyright   David Gutsche
 *
 * @kunde     Tarologie
 *
 * Copyright (C) 2015 Birgit Gaude
 *
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/

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


html  {
	/***background: url(../images/hgr_muster.jpg);***/
	background-attachment:fixed;
	height: 100.2%; }


body  { 
	background-color: #FFF;
	}



/* - GRUNDGERÜST
----------------------------------------------------------------------------*/


/*-----------Hintergrund-----------------------------------------------------------*/

#wrapper {width: 640px; 
		margin: 0 auto;
		z-index: -100;
		}
		

#sterne_links {
   	width: 150px; height: 100px;
	background: url(../images/sterne_links.png);
	background-repeat:no-repeat;
	position:fixed;
	margin-top: 50px;
	margin-left: -250px;
	z-index: 100;
   }

#sterne_rechts {
   	width: 110px; height: 80px;
	background: url(../images/sterne_rechts.png);
	background-repeat:no-repeat;
	position:fixed;
	margin-top: 30px;
	margin-left: 800px;
	z-index: 100;
   }
      
/*-----------Kopf-----------------------------------------------------------*/

#header { width: 640px; height: 440px;
		}


#navi {
	width: 260px;
	/*background-color:#666;*/
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 217px;
	}

#stern_navi {
   	width: 15px; height: 15px;
	background: url(../images/navi_stern.png);
	margin-left: -30px;
	margin-top: -24px;
	position:relative;
	z-index: -100;
   }


#headerbild {width: 500px; height: 440px;
		background: url(../images/narr_im_tierkreis.png);
		background-repeat:no-repeat;
		position:relative;
		margin-left: 140px;
		z-index: 1;
		}
		
		
#backlink a {
	width: 180px; height: 180px;
	position: fixed;
	margin-top: 30px;
	display:block;
	background: none;
	}

/*-----------Content-----------------------------------------------------------*/

#content {
	border-top: #009ee3 solid 3px;
	padding-top: 30px;
	width: 610px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	}

/*-----------  footer  -----------------------------------------------------------*/


#priester {
	background: url(../images/Hohepriester.png);
	width: 360px;
	height: 275px;
	position:absolute;
	z-index: 100;
	}

#footer_priester{
	margin-top: 150px;
	width: 640px;
	height: 130px;
	clear: both;
	border-top: #009ee3 solid 3px;
	}


#footer {
	width: 640px;
	height: 130px;
	clear: both;
	border-top: #009ee3 solid 3px;
	}



/* ************************* Typografie *****************************
*****************************************************************/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.5em;
	color: #000;
	}


p{ margin-bottom: 25px;	}


.p_note { color: #F00; }


h1 {
	color: #009ee0;
	font-weight:bold;
	font-size: 1.2em;
	line-height: 1.4em;
    height: 70px;
	letter-spacing: 0.1em;
	}


h2{
}

h3{
}



/**- Links -**/

#navi a { 
}


a { text-decoration: none;
    color: #0085a1;
}

a:hover { text-decoration: underline; }





/**------- Aufzählung-------**/

#content li{
	list-style:none;
	line-height: 2.4em;
    padding-left: 20px;
    background-image:url(../images/bullet_stern.png);
    background-repeat:no-repeat;
    background-position:left center;
} 


/**------- Navigation header-------**/


.navi a { background-color: #60c3d9;
		padding-bottom: 5px;
		}


.navi {
	list-style: none;
	padding-left: 15px;
	letter-spacing: 0.2em;
	}


.navi li a{
	width: 235px;
	height: 17px;
	text-decoration: none;
	color: #FFF;
	float:left;
	padding-left: 10px;
	padding-top: 1px;
	margin-bottom: 7px;
	z-index: -1;
	}


.navi li a:hover{
	background-color: #0085a1;
	}


#home #navHome a, #tarot #navTarot a, #astrologie #navAstrologie a, #kontakt #navKontakt a {
	font-weight: bold;
	color: #FFF;
	background-color: #0085a1;
	}



/**------- Navigation footer-------**/

.navi_footer {
	list-style: none;
	letter-spacing: 0.1em;
	padding-top: 8px;
	}


.navi_footer li a{
	text-decoration: none;
	color: #009ee0;
	float:right;
	padding-left:25px;
    z-index: 200;
	background-color:#FFF;
	}


.navi_footer li a:hover{
	text-decoration:underline;
	}


#datenschutz #navDatenschutz a, #impressum #navImpressum a {
	font-weight: bold;
	text-decoration:underline;
	}