<STYLE type=text/css>

HTML {HEIGHT: 100%;}
BODY {HEIGHT: 100%;	TEXT-ALIGN: center; PADDING: 0; MARGIN: 0;}
	
DIV#container                   {POSITION: relative; MARGIN: 0px auto; WIDTH: 900px;}
DIV#header                         {POSITION: relative; MARGIN: 0; padding: 0; WIDTH: 100%; HEIGHT: 100px;}
DIV#footer                         {POSITION: relative; MARGIN: 0; padding: 0; WIDTH: 100%; FLOAT: left; HEIGHT: 50px;}
DIV#header                         {background: url(../img/header.jpg) no-repeat}
DIV#footer                         {margin:0; background: url(../img/footer.jpg) no-repeat;}

DIV#middle                        {TEXT-ALIGN: left; margin-top:0px; min-height:700px;}

#left                                 {float:left; width:150px; padding:0px; background:#e0d0d0;}
#right                               {float:right; width:150px; padding:0px; background:#b0b0b0;}
#middle                             {margin:0px 150px;}

#left, 
#right, 
#middle                             {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper                           {overflow:hidden; background:#e0e0e0;}


DIV#textbody                    {margin: 0px; padding: 25px;}
DIV#socialnetwork          {position:absolute; bottom:5px;right:10px;}
DIV#werte                          {position:absolute; bottom:50px;right:45px;}
DIV#werte                          {position:absolute; bottom:50px;right:7px;}
DIV#bannerright              {margin-left: 5px; margin-top: 0px;}
DIV#mitgliedwerden        {position:absolute; bottom:0px;right:200px;}
DIV#kontaktbestaetigung   {position:absolute; bottom:0px;left:250px;}


ul.book {
	margin: 0; 
	padding: 0;
	margin-top: 5px;
	list-style: none;
	float: left;
	width: 343px;
	}

ul.book li {
	background: none !important;
	display: inline-block; 
	*display: inline; 
	width: 343px;
	height: 125px;
	margin: 0;
	margin-left: 10px;
	font-size: 9px !important;
	line-height: 10px !important;
	padding: 0 !important;
	}

ul.book li img{
	position: relative; 
	vertical-align: middle; 
	}
	
ul.book li a{ 
	display:inline-block; 
	*display:inline; 
	width:343px;
	padding:1px 0 !important;
	height:125px;
	background-image:url(../img/BookBanner.jpg);
	background-repeat:no-repeat;
	-webkit-transition:	all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in;	
	-o-transition: 		all 200ms ease-in;
	-ms-transition: 	all 200ms ease-in;	
	transition: 		all 200ms ease-in;
	}


ul.book li a.book1  { background-position:0px 0px; }
ul.book li a.book2  { background-position:0px -125px; }
ul.book li a.book3  { background-position:0px -250px; }

ul.book li a.book1:hover   { background-position:-343px 0px; }
ul.book li a.book2:hover   { background-position:-343px -125px; }
ul.book li a.book3:hover   { background-position:-343px -250px; }



</STYLE>
<!--[if lte IE 6]> 
   <style type="text/css"> 
   DIV#col1, DIV#col2, DIV#col3 { 
      height:100%; 
   } 
   </style> 
<![endif]-->


body {
		font:11pt/1.5 sans-serif;
		}

	

		
.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;		
}

