/* CSS Document */

/** eMail-Formular Fehlermeldungen: BEGIN */

div#error {
	font-family : Arial, Helvetica, sans-serif;	
    font-size:13px;
    line-height:20px;
    color:#89b915;
}

div#error ul {
	margin-top:0px;
}

div#error li {
    color:#333;
}


/** eMail-Formular Fehlermeldungen: END */

html,body {
     margin:0px auto;
     padding:0px;
     width:100%;
     height:100%;
     background:#ffffff;
     color:#cccccc;
     text-align:center;
     font-size:1px;
	 }
#boxheader {
     margin:0px auto;
     padding:0px;
     width:840px;
     height:183px;
     text-align:center;
     font-size:1px;
     background-image: url(bilder/line.jpg);
     overflow:hidden;
	 }
#boxunderheader {
     margin:0px auto;
     padding:0px;
     width:840px;
     height:48px;
     text-align:center;
     background:#fefacd;
     color:#ffffff;
     background-image: url(bilder/header_02.jpg);
     background-repeat:repeat-y;
     overflow:hidden;
	 }
#underheaderlinks {
     margin:0px auto;
     padding:0px;
     color:#ffffff;
     overflow:hidden;
     float:left;
	 }
#boxcontent {
     margin:0px auto;
     padding:0px;
     width:840px;
     text-align:center;
     background-image: url(bilder/line.jpg);
     background-repeat:repeat-y;
     overflow:hidden;
	 }
.abstandlinks {
/*platzhalter um grafiken zu plazieren*/
     margin:0px auto;
     padding:0;
     width:23px;
     height:23px;
     float:left;
	 }
#inhalt {
/*texte und inhalte, kontents*/
     margin:10px;
     padding:0px;
     width:495px;
     font-family : Arial, Helvetica, sans-serif;
    float:left;
     text-align:left;

	 }
#inhalt2 img{
border-width:0;
margin-left:10px;
margin-bottom:0px;
float:right;
}
#grafik{
/*bilder grafiken in diesem div*/
     margin:0px;
     padding:0px;
     text-align:center;
	 }
#buch {
/*buch grafik + links*/
     margin:0px;
	 margin-bottom:5px;
     padding:0px;
	 padding-left:220px;
     float:left;
     text-align:left;
	 height:279px;
	 background-image: url(bilder/buch.jpg);
	 background-repeat:no-repeat;
	 }
#buch2 {
/*buch grafik + links*/
     margin:0px;
	 margin-bottom:5px;
     padding:0px;
	 padding-left:220px;
     float:left;
     text-align:left;
	 height:279px;
	 background-image: url(bilder/coverread.jpg);
	 background-repeat:no-repeat;
	 }
#buch_div {
/*buch grafik + links*/
     margin:0px;
	 margin-bottom:5px;
     padding:0px;
     float:left;
     text-align:left;

	 width:500px;

	 }
#buch_div_l {
/*buch grafik + links*/
     margin:0px;
	 margin-bottom:5px;
     padding:0px;
     float:left;
     text-align:left;

	 width:240px;
}

#bestell {
/*bestell grafik*/
     margin:0px;
	 margin-top:130px;
     padding:0px;
}


	 
	 
	#boxfooter {
/*footer*/
     margin:0px auto;
     padding:0px;
     width:840px;
     height:50px;
     background-image: url(bilder/line3.jpg);
     background-repeat:repeat-y;
     overflow:hidden;
	 text-align:left;
	 }
#footerlink {
     text-align:left;
	 margin:0px auto;
     padding-left:40px;
	 padding-top:0px;
     }	 	 
#tabsJ {
/*buttons und menue unter dem header*/
     float:right;
     line-height:normal;
     font:10px Verdana,Arial, Helvetica, sans-serif;
     margin: 0px;
     padding: 18px 35px 0px 0px;
      }
#tabsJ ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
#tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabsJ a {
      float:left;
      background:url(bilder/tableftJ.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
#tabsJ a span {
      float:left;
      display:block;
      background:url(bilder/tabrightJ.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#89b915;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
    /* End IE5-Mac hack */
#tabsJ a:hover span {
      color:#03662f
      }
#tabsJ a:hover {
      background-position:0% -42px;
      }
#tabsJ a:hover span {
      background-position:100% -42px;
      }
.button {
/*buttons im footer*/
	color : #fefacd;
	font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
	padding-right: 45px;
	padding-top: 0px;
	}
.button a {
	color :#fefacd;
	text-decoration: none;
	}
.button a:hover {
	color : #59080b;
	}
#nav{
    padding-top:10px;
	margin:0px;
	padding-left:10px;
	}
#nav li{
/*floaten der buttons, abstaende setzen*/
    float:right;
    list-style-type: none;
    display:block;
    padding-right:15px;
	padding-top:0px;
	}
#navlinks{
/*link zu buch dateien*/
	margin:0px;
	padding-left:55px;
	float:left;
    list-style-type: none;
    display:block;
	}
.style1 {
/*ueberschrift gross */
    color: #9f070d; 
    font-weight:bold; 
    font-size:16px; 
    margin:0px; 
	}
.style2{ 
/*liste , aufzaehlungen*/
    color: #666666;
    font-size:11px;
    line-height:20px;
	padding:0px;
	margin:0px;
	margin-left:15px;
	
	}
	
.style2 li{ 
padding:0px;
margin:0px;
	}
	
.style2 a {
/*links im aufzählungen*/
	color : #d2696b;
	font-weight:bold;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style2 a:hover {
	color : #9f070d;
	font-weight:bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style3{ 
/*text normal*/
    color: #666666;
    font-size:11px;
    line-height:18px;
	margin-bottom:15px;
	margin-top:15px;
	}
.style3 a {
/*links im normalen text*/
	color : #9f070d;
	text-decoration: none;
	font-weight:bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style3 a:hover {
	color : #d2696b;
	font-weight:bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}

.style3a{ 
/*text normal bold*/
    color: #40413c;
    font-size:11px;
    line-height:18px;
	font-weight:bold;
	margin-bottom:15px;
	}

.style4 {
/*-- copy zeichen*/
font-size: 12px;
font-weight:bold;
}

.style5 {
/*ueberschrift gross 2 */
    color: #666666; 
    font-weight:bold; 
    font-size:11px; 
    margin:0px;
	padding-top:20px;
	line-height:15px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	}
.style5a {
/*ueberschrift gross 2 grau*/
    font-weight:bold; 
    font-size:11px; 
    margin:0px;
	line-height:25px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom:15px;
	}
.style6{ 
/*liste, zahlen, aufzaehlungen*/
    color: #666666;
    font-size:11px;
    line-height:20px;
	padding:0px;
	margin-left:22px;
	margin-bottom:15px;
	list-style-type:decimal;
	}
	
.style6 li{ 
padding:0px;
margin:0px;
	}
.style7{ 
/*text normal  für bestellformular etc*/
    color: #666666;
    font-size:11px;
	margin:0px;
	padding:0px;
}
.style7 a {
/*links im normalen text*/
	color : #9f070d;
	text-decoration: none;
	font-weight:bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style7 a:hover {
	color : #d2696b;
	font-weight:bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style8{
/*button dateien zum buch*/
font-size:11px;
font-weight:bold
}
.style9{
/*weisser text als platzhalter*/
color: #ffffff;
}
	.style10{ 
/*text center*/
    color: #666666;
    font-size:14px;
    text-align:center;
	margin-bottom:15px;
	}
	.style11{ 
/*link www im menu*/
    color: #666666;
    font-size:11px;
    line-height:18px;
	margin-bottom:15px;
	margin-top:15px;
	}
.style11 a {
/*links www im menu*/
	color : #d2696b;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style11 a:hover {
	color : #9f070d;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style12{ 
/*text normal rot*/
    color: #d2696b;
    font-size:11px;
    line-height:18px;
	margin-bottom:15px;
	margin-top:15px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}
.style13 {
/*überschrift fett rot*/
	color: #9F070D;
	font-weight: bold;
	font-size:12px;
}
	
	
.links {
/*buttons links als auflistung*/
	color : #d2696b;
	font-size : 10px;
	line-height: 13px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
	padding-right: 45px;
	font-weight:bold;
	margin-bottom:15px;
	}
.links a {
	color : #89b915;
	text-decoration: none;
	}
.links a:hover {
	color : #03663f;
	}
	
#menu {
/*menue links*/
   margin:0px auto;
   padding:0px;
   text-align:center;
   float:left;
   width:270px;
   height:410px;
   background-image: url(bilder/menu.jpg);
   }
#menu11 {
	width: 223px;
	font:10px Verdana,Arial, Helvetica, sans-serif;
	float:left;
	padding-left:30px;
	padding-top:125px;
	margin:0px;
	}
#menu11 li a {
	height: 25px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	padding-left:10px;
	}	
#menu11 li a:link, #menu11 li a:visited {
	color: #d2696b;
	display: block;
	background:  url(bilder/menuleiste.jpg);
	padding: 5px 0 0 10px;
	}
#menu11 li a:hover {
	color: #a3070d;
	background:  url(bilder/menuleiste.jpg) 0 -25px;
	padding: 5px 0 0 10px;
	}
#menu11 ul {
/*buttons menu links*/
	margin: 0;
	padding: 0;
	text-align:left;
	width: 223px;
	}
#menu11 li{
    list-style-type: none;
	padding:0px;
	margin:0px;
	}
#grafiklink {
/*css html grafik buttons*/
     margin:0px;
     text-align:center;
     padding-top:340px;
	 padding-left:15px;
	 }
.boxbilder {
/*texte und inhalte, kontents*/
     margin:0px;
     padding:0px;
	 padding-top:35px;
     text-align:center;
	 }
img{
border-width:0;
}
#formular{
/*formular container*/
     margin:0px;
     padding:0px;
	 text-align:left;
	 }
p{
/*p formatierung*/
     margin:0px;
     padding:0px;
	 }
label, select, input { 
/* Alle Labels UND Formularelemente auswählen */ 
     display: block; 
     float: left;
     width: 300px; /* Breite.*/
     font-family : Verdana, Arial, Helvetica, sans-serif;
	 color: #666666;
     font-size:11px;
	 } 
form br { /* Alle Zeilenumbrüche in Formularen auswählen */ 
     clear: left; /* das floating der labels und inputs aufheben */ 
} 
.nachricht{
/*nachrichtenfeld*/
     margin:0px;
     padding:0px;
     height: 100px;
     width: 302px; /* Breite.*/
	 }
.submit{
/*button versenden/ löschen feld*/
     margin:0px;
     margin-right:2px;
     padding:0px;
     font-family : Verdana, Arial, Helvetica, sans-serif;
	 color: #fefacd;
     font-size:11px;
     width: 100px;
	 border:none;
     background:#c20409;
}
.platz{
/*platz*/
     margin:0px;
     padding:0px;
     height: 20px;
	 width: 300px;
	 font-family : Verdana, Arial, Helvetica, sans-serif;
	 color: #666666;
      font-size:11px;
	 text-align:right;
	 }
.boxx{
/*checkbox formatierung*/
     margin:0px;
     padding:0px;
     float:left;
	 height: 20px;

	 }
.checkbox{
/*checkbox formatierung*/
     margin:0px;
	 margin-right:10px;
     padding:0px;
     float:left;
	 width:15px;
	 height:15px;
	 border:none;
	 }

.agb1{
     margin:0px;
     padding:0px;
	 padding-top:2px;

	 background:#cccccc;
	 font-family :Verdana, Arial, Helvetica, sans-serif;
	 color: #666666;
	 font-size:12px;
	 height: 20px;
	
}
.agb2{
     margin:0px;
     padding:0px;
	 padding-top:10px;
     font:10px Verdana, Arial, Helvetica, sans-serif;
	 color: #666666;
}






