body {
	background-color: #FFF3CE;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:0px;
	scrollbar-arrow-color:#393939;
	scrollbar-track-color:#FFF3CE;
	scrollbar-shadow-color:#E0E0E0;
	scrollbar-face-color:#FF9445;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#BDBDBD;
	scrollbar-3dlight-color:#BDBDBD;
	background-image: url(kartenlegen/hg.gif);
	background-repeat: repeat;
}
/* ----------container zentriert das layout-------------- */
#layerbox {
	width: 950px;
	padding:0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 558px;
	border: 1px solid #333333;
} 

/* ----------Header for logo-------------- */
#header {
	background-color:#FFCC00;
	padding: 0px;
	margin: 0px;
	height: 78px;
	background-repeat: repeat-x;
}
/* ----------Navigation----------------- */

#navigation {
	height:22px;
	text-align:center;
	background-color:#FF9445;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	line-height: 20px;
	background-image: url(kartenlegen/hg-balken.gif);
	background-repeat: repeat-x;
} 
#navigation a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
	color:#563E10;
	text-decoration: none;
	}
#navigation a:hover {	
	font-weight:600;
	color:#D43434;
	text-decoration: underline;
	}
#navigation a:active {
	font-weight:normal;
	color:#000000;
	} 
/* -------------- Contentbox -------------------------*/
#contentbox {
	width:950px;
	height:435px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#contentbox a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#563E10;
	text-decoration: underline;
	}
#contentbox a:hover {	
	font-weight:normal;
	color:#D43434;
	text-decoration: none;
	}
#contentbox a:active {
	font-weight:normal;
	color:#000000;
	}
/* --------------Linksbox------------- */
/*#linksbox, #rechtsbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}*/
#linksbox {
	width:198px;
	float:left;
	position:relative;
	height: 420px;
	background-color: #FFD044;
	border-right: 1px solid #333333;
	text-align: center;
	padding-top:15px;
	background-image: url(kartenlegen/hg-links.gif);
	background-repeat: repeat-y;
 }
#linksbox a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#563E10;
	text-decoration: underline;
	}
#linksbox a:hover {	
	font-weight:bold;
	color:#D43434;
	text-decoration: none;
	}
#linksbox a:active {
	font-weight:normal;
	color:#000000;
	}
/*--------------------------rechtsbox --------------------------*/
#rechtsbox {
	width:198px;
	float:right;
	position:relative;
	height: 420px;
	background-color: #FFD044;
	border-left: 1px solid #333333;
	text-align: center;
	padding-top:15px;
	background-image: url(kartenlegen/hg-rechts.gif);
	background-repeat: repeat-y;
 }
#rechtsbox a {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:198px;
	height:30px;
	line-height:30px;
	margin-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#563E10;
	text-decoration: none;
	background-image: url(kartenlegen/button-rechts.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#rechtsbox a:hover {
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(kartenlegen/button-rechts2.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#rechtsbox a:active {
	font-weight:normal;
	color:#000000;
	} 
 
 #linksheadline a {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:198px;
	height:30px;
	line-height:30px;
	margin-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#563E10;
	text-decoration: none;
	background-image: url(kartenlegen/button-links.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#linksheadline a:hover {
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(kartenlegen/button-links2.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#linksheadline a:active {
	font-weight:normal;
	color:#000000;
	}

#werbung a {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:198px;
	height:50px;
	margin-bottom: 5px;
	}
#werbung a:hover {
	}
#werbung a:active {

	} 
/*--------------------------freieberaterbox --------------------------*/
#freieberaterbox, #besetzteberaterbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	margin-left:10px;
	margin-right:auto;
	width:173px;
	height:135px;
	text-align:left;
	margin-top: 5px;
	background: url(kartenlegen/tarot-berater_back.gif) no-repeat;
	padding-left: 5px;
	padding-top: 5px;
	padding-right:5px;
	}
#freieberaterbox a, #besetzteberaterbox a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:600;
	color:#563E10;
	text-decoration: none;
	}
#freieberaterbox a:hover, #besetzteberaterbox a:hover {	
	font-weight:600;
	color:#D43434;
	text-decoration: underline;
	}
#freieberaterbox a:active, #besetzteberaterbox a:active {
	font-weight:normal;
	color:#000000;
	}
/* -----------------Inhalt--------------------- */ 
#content{
	position: relative;
	float:left;
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	width:526px;
	height:425px;
	margin: 0px;
	overflow:auto;
	background-color: #FFF3CE;
	background-image: url(kartenlegen/hg.gif);
	background-repeat: repeat;
	background-attachment: fixed;
}

/*  ----------------footer---------------------- */ 
#footer {
	height:20px;
	padding:0px;
	margin:0px;
	background-color: #FF9445;
	border-top: 1px solid #333333;
	background-image: url(kartenlegen/hg-balken.gif);
	background-repeat: repeat-x;
	}
#footernavi {
	float:left;
	width:600px;
	text-align: center;
	line-height:20px;
	}
#footernavi a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	}
#footernavi a:hover {	
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline;
	}
#footernavi a:active {
	font-weight:normal;
	color:#000000;
	}
/* ---------------- copyright ----------------*/
#copyright {
	height:22px;
	width:100%;
	text-align:right;
	line-height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#000000;
	}
/* ---------------- uhrzeit ----------------*/
#uhrzeit {
	height:22px;
	width:170px;
	text-align:left;
	line-height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#000000;
	float: left;
	}
/*--------------------------Kontaktform --------------------------*/
.kontaktform {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #604A1E;
	width: 200px;
}
.kontaktform2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #604A1E;
	width: 430px;
	height: 80px;
}
.delete {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #604A1E;
	width: 80px;
	height: 20px;
	background: transparent;
}
/*--------------------------Flagge --------------------------*/
.flagge {
	height: auto;
	width: 30px;
	margin-right: 5px;
}
/*----------------------- Texteformatierung -------------------*/
.text11px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
.text12px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
.redtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration: underline;
	color:#FF0000;
}
/*----------------------- beraterbox -------------------*/
#beraterbox {
	width:454px;
	height:auto;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #333333;
	background-color:#FFD044;
	}

