/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0;
	padding:0;
	background-color:#56493F;
	background-position:50% 0;
	background-repeat:no-repeat;
	
	/*background-image:url(/layout/background_baum.jpg);*/
}


/* Fixiert den Hintergrund - Seite scrollt über dem Hintergrundbild */
#background{position:absolute; z-index:1; width:100%; height:100%;}

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 

/* ================================================================ */




a {
text-decoration: none;
color: #B51010;
}
a:hover {
text-decoration: underline;
color: #B51010;
}

#wrap {
margin: 0px auto 0px auto;
width: 1013px;
/*width: 920px;*/
/*background: #fff;*/
padding: 0px;
border: 0px solid #cccccc;


}


/* - - - - -  - - - -  -  - - - - - */
/* Hauptnavigations-Bereich */

  ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
   /* border: 1px solid black; */
    /*background-color: silver; */
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.2em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 0.7em;
    text-decoration: none; font-weight: normal;
    color: #ffffff;
	font-size: 14px;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    color: #ffffff;
	text-decoration:underline;
  }






/* horizontales Menu */
#menu  {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 20px;
	width: 920px;
	text-align: right;
	z-index: 1;
	
}

#menu ul {
	float: left;
	text-align: center;
	position: relative;
	left: 20px;
	top: 0px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	list-style: none;
	margin: 0;
	padding-top: 10px;
	clear:right;
}


#menu li {
	display: inline;
}
#menu li a {
	float: left;
	display: block;
	padding: 2px 10px 2px 10px;	
	color: #ffffff;
	text-decoration: none;	
}
#menu li a:hover {
	color: #FFFFFF;
}
#menu li a#current  {
	color: #FFFFFF;
}


/* - - - - -  - - - -  -  - - - - - */
/* Hier beginnt der Content-Bereich */
#content {
	padding: 0px;
	/*background: #ffffff url(layout/bg_wrap.jpg) repeat-x;*/	
}



#content h4 {
	font: 30px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 1px;
}

#content h3 {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 1px;
}

#content h2 {
	font: 20px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 5px 0;
	color: #633;
}

#content a {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 1px;
	text-decoration:none;
}

#content a:hover {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 1px;
	text-decoration:none;
}


#content p {
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #633;
	margin-bottom: 10px;
}

#content ul {
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #633;
	margin-left:20px;
}

#content li {
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #633;
	margin-left:20px;
}

.td_optionen {
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #633;
}

/* Form Elemente */
#content form {
	margin:0px 0px;
	padding: 10px;
}
#content label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#content input {
	padding: 2px;
	border:1px solid #777;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
}
#content textarea {
	width:400px;
	padding:2px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #777;
	height:100px;
	display:block;
	color:#777;
}
#content input.button { 
	margin: 0; 
	font: bold 12px Arial, Sans-serif; 
	/* background: #FFF url(images/gradientbg.jpg) repeat-x; */
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}


/* Haupt Content-Bereich */



.rechts {
	margin-left: 10px;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 472px;
	
	
	
	/*background: #ffffff;*/
	/*background:  url(layout/bg_middle_trsp.png);*/
}


.rechts a {
	color: #ffffff;
	text-decoration:none;
	font: 30px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	text-align:right;
}

.rechts #nav {
	font: 35px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #ffffff;
	letter-spacing: 2px;
}

.rechts a:hover {
	color: #ffffff;
	text-decoration:underline;
	font: 40px 'Brush Script', Verdana, Arial, Helvetica, sans-serif;
}





/* start - table */
.rechts table {
	border-collapse: collapse;
	/*margin: 10px 15px;*/	
}
.rechts th strong {
	color: #fff;
}
.rechts th {
	background: #0099ff;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
.rechts tr {
	height: 30px;
}
.rechts td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}
.rechts td.first,th.first {
	border-left: 0px;
}

.rechts tr.row-1 {
	background: #B51010;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border: 1px solid #B51010;
	
}

.rechts tr.row-a {
	border-bottom: solid 1px #B51010;
}

/* end - table */






/* Linker Content-Bereich: z.B. für Navigation  */
.links {
	float: left;
	width: 400px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 80px;
	padding-left: 0px;
	/*background: #ffffff;*/
	text-align: center;
}

.links ul {
	padding-left: 5px;
	padding-top: 10px;
	list-style-type: none;
	color: #87888A;
}
.links ul li a {
	text-decoration: none;
	color: #87888A;
	font-size: 12px;
	
}
.links ul li a:hover {
	color: #B51010;
	font-size: 12px

}


.links a {
	text-align: left;
	margin-top: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	/*background-color:#6D2277;*/
	width: 192px;
	
}

.links a:hover {
	text-align: left;
	margin-top: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	/*background-color:#6D2277;*/
	width: 192px;
	
}

.links p {
	text-align: left;
	margin-top: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	/*background-color:#6D2277;*/
	width: 192px;
	
	padding-bottom: 4px;
	padding-left: 10px;
}



/* für Startseite */

/* Linker Content-Bereich: z.B. für Navigation  */
.links_start {
	float: left;
	width: 400px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 80px;
	
}



.links_start h1 {
	font: 30px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding-bottom: 4px;
	
	padding-top: 10px;
	color: #633;
	letter-spacing: 1px;
	color: #ffffff;
}

.links_start a {
	text-align: left;
	margin-top: 10px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	/*background-color:#6D2277;*/
	width: 192px;
	
}

.links_start a:hover {
	text-align: left;
	margin-top: 10px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	/*background-color:#6D2277;*/
	width: 192px;
	
}

.links_start p {
	text-align: left;
	margin-top: 10px;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 4px;
	
}

/* STARTSEITE ENDE */









/* Menü für die Detailbeschreibung */
			
			.language {
				float: left;
				font: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #FFF;
				margin: 0px;
				padding-left: 10px;
				padding-top: 10px;
				padding-bottom: 0px;				
				display: inline;
				
			}
			
			.language a {				
				font-size: 12px;
				padding-left: 0px;	
				color: #87888A;				
				text-decoration: none;		
			}
			.language a:hover {
				color: #B51010;				
			}




		/* Suchformular */
			.right#suchformular {
				float:left;
				padding: 0;
				background:#FFFFFF;
				border: 0px;
			}
			
			.right input#suchformular {
				
				border:1px solid #777;
				font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
				color:#333;
			}
			
			.right input.button#suchformular { 
				
				font: bold 0.6em Verdana, Arial, Helvetica, sans-serif; 
				background: #cccccc; 
				
				color: #333;	
				border: 1px solid #DADADA;	
			}

		/* Suchformular ENDE */


/* Fusszeile */

#footer {
	clear: left;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	margin-bottom: 10px;
	margin-top: 20px;
	letter-spacing: 1px;
}
#footer a { 
	color: #ffffff; 
	text-decoration: underline;
	font-size: 11px;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-size: 11px;
}

#footer a#current  {
	color: #ffffff;
	text-decoration: underline;
	font-size: 11px;
	
}

/* Fusszeile ENDE */



.buch_offen {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	width: 800px;
	height:591px;
	
	background:  url(layout/buch_offen.png);
}

.buch_links {
	margin-left: 60px;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 0px;
	float: left;
	width: 310px;
	height:535px;
	/*border-style:dotted;*/
}


.buch_links h1 {
	font: 30px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 2px;
	margin-bottom:10px;
}


.buch_links h2 {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	
	padding-top: 10px;
	color: #633;
	line-height: 16px;
	margin-bottom: 15px; 
	letter-spacing: 2px;
	
}

.buch_links h3 {
	font: 15px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	
	padding: 0px 0 0px 0;
	color: #633;
	letter-spacing: 2px;
	margin-bottom: 10px; 
}

.buch_links a {
	color: #666;
	text-decoration:none;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}

.buch_links #nav {
	font: 20px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 1px;
}

.buch_links a:hover {
	color: #666;
	text-decoration:none;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}

.buch_links img {	
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;
}


.buch_links ol,ul {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	margin-left: 17px;
	line-height: 16px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
	padding-bottom: 0px;

		
}

.buch_links li {
	font: 12px Verdana, Arial, Helvetica, sans-serif;	
	color: #633;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 15px;
	margin-left: 50px;
	padding-left:0px;

	
}

.buch_links p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 100;
	line-height: 18px;
	color: #633;
	text-align:justify;
}

.buch_links b {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.buch_links strong {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
}



.buch_rechts {
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	float: left;
	width: 350px;
	height:535px;
	/*border-style:dotted;*/
}

.buch_rechts h1 {
	font: 30px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	letter-spacing: 2px;
}

.buch_rechts h2 {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	
	padding-top: 10px;
	color: #633;
	line-height: 16px;
	margin-bottom: 20px; 
	letter-spacing: 2px;
	
}

.buch_rechts p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 100;
	line-height: 16px;
	color: #633;
}

.buch_rechts b {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.buch_rechts strong {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
}



.buch_rechts_artikel {
	margin-left: 5px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	width: 200px;
	height:400px;
	/*border-style:dotted;*/
	overflow:hidden;
}

.buch_rechts_artikel h1 {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #fff;
	letter-spacing: 2px;
}

.buch_rechts_artikel h2 {
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	
	padding-top: 10px;
	color: #633;
	line-height: 16px;
	margin-bottom: 15px; 
	letter-spacing: 2px;
	
}

.buch_rechts_artikel a {
	color: #ffffff;
	text-decoration:none;
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif; 
	text-align:right;
}


.buch_rechts_artikel a:hover {
	color: #ffffff;
	text-decoration:underline;
	font: 25px 'Brush Script', Verdana, Arial, Helvetica, sans-serif;
}


/* Produkt-Kategorien */

div#p_kategorie {
	
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:56px;
	padding: 0px;
	width: 900px;
	
	background:  url(layout/buch_offen.png);
	border-style:dotted;
}


#content .a_link_button {
	
	margin-top: 10px;
	margin-bottom: 10px;
	width: 115px;
	text-decoration: none;	
	background-color:#FFF;	
	letter-spacing: 0px;	
	padding: 2px;
	border:1px solid #777;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	
}

#content .a_link_button:hover {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 115px;
	text-decoration: none;	
	background-color:#FFF;	
	letter-spacing: 0px;	
	padding: 2px;
	border:1px solid #777;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}


#content #nav {
	margin-top:10px;
	margin-bottom:10px;
}

#content #nav a{
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	
}

#content #nav a:hover {
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	padding: 0px 0 10px 0;
	color: #633;
	
	text-decoration:underline;
}

#content #nav .button a{
	
	margin-top: 10px;
	margin-bottom: 10px;
	width: 115px;
	text-decoration: none;	
	background-color:#FFF;	
	letter-spacing: 0px;	
	padding: 2px;
	border:1px solid #777;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	
}

.a_link_butt  a{
	
	margin-top: 10px;
	margin-bottom: 10px;
	width: 115px;
	text-decoration: none;	
	background-color:#FFF;	
	letter-spacing: 0px;	
	padding: 2px;
	border:1px solid #777;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	
}

.a_link_butt:hover {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 115px;
	text-decoration: none;	
	background-color:#FFF;	
	letter-spacing: 0px;	
	padding: 2px;
	border:1px solid #777;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}