/* Stylesheet für jadepferd.de */



/* ==================================================
   1. Kalibrierung und allgemeine Styles
   ================================================== */

* { padding: 0; margin: 0; }

body {
	color: #4c4b3d;
	background-color: #f5f2e9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 {
	font-size: 24px;
	color: #8e8c7e;
	font-weight: BOLD;
	font-family: "Times New Roman", Times, serif;
}

h2 {
	font-size: 14px;
	color: #bd0926;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

h3 {
	font-size: 18px;
	color: #8e8c7e;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	line-height: 150%;
}

h4 {
	font-size: 10px;
	color: #bd0926;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.impressum {
	color: #b2b09c; 
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}

a { 
text-decoration: none; 
outline: none; }
a:link { color: #b2b09c; }
a:visited { color: #b2b09c; }

a:hover, a:focus {
color: #bd0926;
}

a:active {
color: #bd0926; 
}


.fliesstext{
color: #4c4b3d;
line-height: 20px;
}

.daten{
	color: #4c4b3d;
	line-height: 20px;
	padding: 0 0 0 300px;
}

.liste{
	color: #4c4b3d;
	line-height: 20px;
	text-align: center;
}

.impressum {
	color: #4c4b3d;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 140%;
}

.impressum a:link { color: #4c4b3d; }
.impressum a:hover, a:focus { color: #bd0926; }
.impressum a:active { color: #bd0926; }


/* ==================================================
   2. Styles für die Layoutbereiche
   ================================================== */

#wrapper {
	color: #4c4b3d;
	background-color: #f5f2e9;
	width: 939px;
	height: 615px;
	margin: 20px auto 0 auto;
	padding: 19px 20px 16px 19px;
}

	#startseite #wrapper {
	background-image: url(images/start.jpg);
	background-repeat: no-repeat;
	}

	#jadepferd #wrapper {
	background-image: url(images/jadepferd.jpg);
	background-repeat: no-repeat;
	}

	#leseprobe #wrapper {
	background-image: url(images/leseprobe.jpg);
	background-repeat: no-repeat;
	}

	#buchdetails #wrapper {
	background-image: url(images/buchdetails.jpg);
	background-repeat: no-repeat;
	}

	#karten #wrapper,
	#karten02 #wrapper,
	#foto #wrapper,
	#foto02 #wrapper,
	#foto03 #wrapper,
	#foto04 #wrapper,
	#foto05 #wrapper,
	#foto06 #wrapper,
	#foto07 #wrapper,
	#foto08 #wrapper,
	#foto09 #wrapper,
	#foto10 #wrapper,
	#foto11 #wrapper,
	#foto12 #wrapper,
	#foto13 #wrapper,
	#foto14 #wrapper,
	#foto15 #wrapper,
	#foto16 #wrapper,
	#foto17 #wrapper,
	#foto18 #wrapper,
	#foto19 #wrapper,
	#foto20 #wrapper,
	#foto21 #wrapper,
	#foto22 #wrapper,
	#foto23 #wrapper,
	#foto24 #wrapper,
	#foto25 #wrapper,
	#foto26 #wrapper,
	#foto27 #wrapper {
	background-image: url(images/fotos.jpg);
	background-repeat: no-repeat;
	}

	#wahres #wrapper {
	background-image: url(images/wahres.jpg);
	background-repeat: no-repeat;
	}

	#literatur #wrapper {
	background-image: url(images/literatur.jpg);
	background-repeat: no-repeat;
	}

	#autorin #wrapper {
	background-image: url(images/autorin.jpg);
	background-repeat: no-repeat;
	}

	#projekte #wrapper {
	background-image: url(images/projekte.jpg);
	background-repeat: no-repeat;
	}

	#presse #wrapper {
	background-image: url(images/presse.jpg);
	background-repeat: no-repeat;
	}

	#impressum #wrapper {
	background-image: url(images/impressum.jpg);
	background-repeat: no-repeat;
	}

	#autorin_lang #wrapper {
	background-image: url(images/autorin_lang.jpg);
	background-repeat: no-repeat;
	}

	#hintergrund_lang #wrapper {
	background-image: url(images/hintergrund_lang.jpg);
	background-repeat: no-repeat;
	}

	#literatur_lang #wrapper {
	background-image: url(images/literatur_lang.jpg);
	background-repeat: no-repeat;
	}

	#leseprobe_lang #wrapper {
	background-image: url(images/leseprobe_lang.jpg);
	background-repeat: no-repeat;
	}


#content {
	color: #4c4b3d;
	width: 900px;
	height: 580px;
}


#kopfbereich {
	color: #4c4b3d;
	background-repeat: repeat-y;
	height: 11px;
	vertical-align: top;
}


#navibereich {
	color: #b2b09c;
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	height: 36px;
	margin: 13px 0 0 0;
	}

	#navibereich ul { margin-bottom: 0; }

	#navibereich li {
	display: inline;
	list-style-type: none;
	}

	#navibereich a { 
	color: #b2b09c;
	font-family: Times, "Times New Roman", serif; 
	font-size: 14px; 
	}

	#navibereich a:hover,
	#navibereich a:focus,
	#jadepferd #navi01 a,
	#leseprobe #navi02 a,
	#buchdetails #navi03 a,
	#foto #navi04 a,
	#foto02 #navi04 a,
	#foto03 #navi04 a,
	#foto04 #navi04 a,
	#foto05 #navi04 a,
	#foto06 #navi04 a,
	#foto07 #navi04 a,
	#foto08 #navi04 a,
	#foto09 #navi04 a,
	#foto10 #navi04 a,
	#foto11 #navi04 a,
	#foto12 #navi04 a,
	#foto13 #navi04 a,
	#foto14 #navi04 a,
	#foto15 #navi04 a,
	#foto16 #navi04 a,
	#foto17 #navi04 a,
	#foto18 #navi04 a,
	#foto19 #navi04 a,
	#foto20 #navi04 a,
	#foto21 #navi04 a,
	#foto22 #navi04 a,
	#foto23 #navi04 a,
	#foto24 #navi04 a,
	#foto25 #navi04 a,
	#foto26 #navi04 a,
	#foto27 #navi04 a,
	#wahres #navi05 a,
	#karten #navi06 a,
	#karten02 #navi06 a,
	#literatur #navi07 a,
	#autorin #navi08 a,
	#projekte #navi09 a,
	#presse #navi10 a {
	color: #bd0926;
	}

	
#textbereich {
	margin: 0 150px 0 150px;
	height: 486px;
	width: 600px;
}

	#spalte01 {
	width: 600px;
	}

	#spalte02 {
	width: 600px;
	}

	#spalte03 {
	width: 600px;
	text-align: center;
	margin-top: 30px;
	}

	#spalte03 a { 
	color: #4c4b3d;
	font-family: Times, "Times New Roman", serif; 
	font-size: 14px; 
	}


	#spalte05 {
	float: left;
	width: 300px;
	}

	#spalte06 {
	float: right;
	width: 300px;
	}

    #spalte05 #buttons a{
	margin: 0 12px 0 0;
	height: 75px;
	width: 75px;
}



#bildbereich{
	width: 900px;
	height: 486px;
}

	#fotos{
		width: 900px;
		height: 415px;
	}

	#titel{
		width: 900px;
		height: 40px;
		padding-top: 20px;
	}


#subnavi {
	width: 900px;
}

	#subnavi div {
	float: left;
	}

	#subnavi #links01 {
	width: 58px;
	text-align: left;
	}
	#subnavi #links02 {
	width: 92px;
	text-align: left;
	padding-top: 5px;
	}

	#subnavi #mitte {
	width: 600px;
	text-align: center;
	padding-top: 5px;
	}

	#subnavi #rechts02 {
	width: 92px;
	text-align: right;
	padding-top: 5px;
	}

	#subnavi #rechts01 {
	width: 58px;
	text-align: right;
	}

	#subnavi ul { margin-bottom: 0; }

	#subnavi li {
	display: inline;
	list-style-type: none;
	}

	#subnavi a { 
	color: #4c4b3d;
	font-family: Times, "Times New Roman", serif; 
	font-size: 14px; 
	}

	#subnavi a:hover,
	#subnavi a:focus {
	color: #bd0926;
	}

	#subnavi #mitte a {
	color: #4c4b3d;
	font-family: Times, "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	}

	#subnavi #mitte a:hover,
	#subnavi #mitte a:focus,
	#karten #china a,
	#karten02 #xinjiang a,
	#foto #bild01 a,
	#foto02 #bild02 a,
	#foto03 #bild03 a,
	#foto04 #bild04 a,
	#foto05 #bild05 a,
	#foto06 #bild06 a,
	#foto07 #bild07 a,
	#foto08 #bild08 a,
	#foto09 #bild09 a,
	#foto10 #bild10 a,
	#foto11 #bild11 a,
	#foto12 #bild12 a,
	#foto13 #bild13 a,
	#foto14 #bild14 a,
	#foto15 #bild15 a,
	#foto16 #bild16 a,
	#foto17 #bild17 a,
	#foto18 #bild18 a,
	#foto19 #bild19 a,
	#foto20 #bild20 a,
	#foto21 #bild21 a,
	#foto22 #bild22 a,
	#foto23 #bild23 a,
	#foto24 #bild24 a,
	#foto25 #bild25 a,
	#foto26 #bild26 a,
	#foto27 #bild27 a {
	color: #bd0926;
	}


#fussbereich {
	margin: 10px 40px 0 20px;
	text-align: right;
}

	#fussbereich a {
	color: #b2b09c; 
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	}

	#fussbereich a:hover,
	#fussbereich a:focus {
	color: #bd0926;
	}



/* ==================================================
   3. Sonstige Styles
   ================================================== */