/* CSS Document */
* { 
margin: 0;
padding: 0;
}

body {
	 text-align:center; 
	 background: url(../images/hintergrund.gif) repeat-x #e8e0d9;
}

#wrapper {
margin: 0 auto; /* wichtig! dient der Zentrierung */
width:800px;
height:500px;
text-align:left; 
}

/* topnavigation */

#topnavigation
{
height:84px;
width:100%;
margin:0px;
padding:0px;
background: url(../images/logo.jpg) no-repeat;
text-align: left;
font-size: 14px;
font-family: "Times New Roman", Times, Georgia, serif;
}

#topnavigation p
{
padding-left:15px;
padding-right:30px;
padding-top:22px;
margin:0px;
color: #818181;
letter-spacing: 1px;
font-weight: 500;
}

#topnavigation a {
text-decoration: none;
padding-right:15px;
color: #818181;
}

#topnavigation a:hover {
color: #a84623;
text-decoration: none;
}

#topnavigation .on {
color: #a84623;
}


/* navigaion */

#navigation
{
height:30px;
width:100%;
margin:0px;
padding:0px;
text-align: left;
float:left;
color: #818181;
font-size: 12px;
font-family: "Times New Roman", Times, Georgia, serif;
}

#navigation p
{
padding-left:15px;
padding-top:5px;
margin:0px;
color: #818181;
letter-spacing: 1px;
}

#navigation a {
text-decoration: none;
padding-right:15px;
color: #818181;
}

#navigation a:hover {
color: #a84623;
text-decoration: none;
}

#navigation .on {
color: #a84623;
}


/* buchnavi */

#buchnavi
{
	margin-left:107px;
	margin-top: 43px;
	padding:0px;
	position:absolute;
	text-align:left;
	color: #818181;
	font-size: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
	z-index: 1000;
	width: 679px;
}

#buchnavi p
{
padding-bottom:3px;
margin:0px;
color: #818181;
letter-spacing: 1px;
}

#buchnavi a {
text-decoration: none;
padding-right:15px;
color: #818181;
}

#buchnavi a:hover {
color: #a84623;
text-decoration: none;
}

#buchnavi .on {
color: #a84623;
}



/* bildnavi */

#bildnavi
{
	margin-left:255px;
	margin-top: 43px;
	padding:0px;
	position:absolute;
	text-align:left;
	color: #818181;
	font-size: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
	width: 400px;
}

#bildnavi p
{
padding-bottom:3px;
margin:0px;
color: #818181;
letter-spacing: 1px;
}

#bildnavi a {
text-decoration: none;
padding-right:15px;
color: #818181;
}

#bildnavi a:hover {
color: #a84623;
text-decoration: none;
}

#bildnavi .on {
color: #a84623;
}


/* titel */

#titel
{
height:366px;
width:770px;
margin-top:20px;
margin-left:15px;
margin-right:15px;
padding:0px;
text-align: left;
clear:both;
overflow:auto;
}

/* titeltext */

#titeltext {
font-size:17px;
color:#000;
font-family:Arial, Helvetica;
}

#titeltext p
{
line-height:25px;
margin:0px;
padding:0px;
}

#titeltext a {
text-decoration: none;
color: #8797bc;
}

#titeltext a:hover {
color: #fff;
text-decoration: none;
}

#titeltext .on {
color: #fff;
}


/* spalte-rechts */

#spalte-rechts {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:right;
width:218px;
}

#spalte-rechts p
{
line-height:16px;
margin:0px;
padding:0px;
}

#spalte-rechts a {
text-decoration: none;
color: #a84623;
}

#spalte-rechts a:hover {
color: #000;
text-decoration: underline;
}

#spalte-rechts .on {
color: #fff;
}


/* spalte-rechts2 */

#spalte-rechts2 {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:right;
width:118px;
}

#spalte-rechts2 p
{
line-height:16px;
margin:0px;
padding:0px;
}

#spalte-rechts2 a {
text-decoration: none;
color: #a84623;
}

#spalte-rechts2 a:hover {
color: #000;
text-decoration: underline;
}

#spalte-rechts2 .on {
color: #fff;
}

/* spalte-links */

#spalte-links {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:255px;
}

#spalte-links p
{
line-height:16px;
margin:0px;
padding:0px;
}

#spalte-links a {
text-decoration: none;
color: #a84623;
}

#spalte-links a:hover {
color: #000;
text-decoration: underline;
}

#spalte-links .on {
color: #fff;
}



/* spalte-mitte */

#spalte-mitte {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
margin-left:10px;
float:left;
width:255px;
}

#spalte-mitte p
{
line-height:16px;
margin:0px;
padding:0px;
}

#spalte-mitte a {
text-decoration: none;
color: #a84623;
}

#spalte-mitte a:hover {
color: #000;
text-decoration: underline;
}

#spalte-mitte .on {
color: #fff;
}





/* spalte0 */

#spalte0 {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:225px;
}

#spalte0 p
{
line-height:16px;
margin:0px;
padding-bottom:10px;
}

#spalte0 a {
text-decoration: none;
color: #a84623;
}

#spalte0 a:hover {
color: #000;
text-decoration: underline;
}

#spalte0 .on {
color: #fff;
}



/* spalte1 */

#spalte1 {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:245px;
}

#spalte1 p
{
line-height:16px;
margin:0px;
padding-bottom:10px;
}

#spalte1 a {
text-decoration: none;
color: #a84623;
}

#spalte1 a:hover {
color: #000;
text-decoration: underline;
}

#spalte1 .on {
color: #fff;
}


/* spalte2 */

#spalte2 {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
margin-left:15px;
float:left;
width:245px;
}

#spalte2 p
{
line-height:16px;
margin:0px;
padding-bottom:10px;
}

#spalte2 a {
text-decoration: none;
color: #a84623;
}

#spalte2 a:hover {
color: #000;
text-decoration: underline;
}

#spalte2 .on {
color: #fff;
}


/* spalte3 */

#spalte3 {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:right;
width:245px;
}

#spalte3 p
{
line-height:16px;
margin:0px;
padding-bottom:10px;
}

#spalte3 a {
text-decoration: none;
color: #a84623;
}

#spalte3 a:hover {
color: #000;
text-decoration: underline;
}

#spalte3 .on {
color: #fff;
}


/* buch */

#buch {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:440px;
margin-left: 85px;
}

#buch p
{
line-height:16px;
margin:0px;
padding:0px;
}

#buch img
{
border:none;
margin-right:25px;
margin-bottom: 25px;
}

#buch a {
text-decoration: none;
color: #a84623;
}

#buch a:hover {
color: #000;
text-decoration: underline;
}

#buch .on {
color: #009ee0;
}


/* buchmittel */

#buchmittel {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:540px;
margin-left: 85px;
}

#buchmittel p
{
line-height:16px;
margin:0px;
padding:0px;
}

#buchmittel img
{
border:none;
margin-right:25px;
}

#buchmittel a {
text-decoration: none;
color: #a84623;
}

#buchmittel a:hover {
color: #000;
text-decoration: underline;
}

#buchmittel .on {
color: #009ee0;
}




/* buchbreit */

#buchbreit {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:680px;
margin-left: 85px;
}

#buchbreit p
{
line-height:16px;
margin:0px;
padding:0px;
}

#buchbreit img
{
border:none;
margin-right:25px;
}

#buchbreit a {
text-decoration: none;
color: #a84623;
}

#buchbreit a:hover {
color: #000;
text-decoration: underline;
}

#buchbreit .on {
color: #009ee0;
}


/* bild */

#bild {
font-size:12px;
color:#000;
font-family:Arial, Helvetica;
float:left;
width:440px;
margin-left: 15px;
}

#bild p
{
line-height:16px;
margin:0px;
padding:0px;
}

#bild img
{
border:none;
margin-right:25px;
margin-bottom: 15px;
}

#bild a {
text-decoration: none;
color: #a84623;
}

#bild a:hover {
color: #000;
text-decoration: underline;
}

#bild .on {
color: #009ee0;
}


#umbruch {
clear:both;
}



/*------------------------------ Form ------------------------------*/

input {
	font-size: 11px;
	font-family:Arial, Helvetica;
	color: #000;
	border: 1px solid #a09e9e;
	margin-bottom: 6px;
	padding: 1px;
	}

input:focus {
    background-color: #fcded3;
}

textarea {
	font-size: 11px;
	color: #000;
	border: 1px solid #a09e9e;
	margin-bottom: 6px;
	padding: 2px;
	}
	
textarea:focus {
    background-color: #fcded3;
}
	
select {
	font-family:Arial, Helvetica;
	color: #000;
	border: 1px solid #a09e9e;
	margin: 0 px;
	padding: 0 px;
	}
	
select:focus {
    background-color: #fcded3;
}