@charset "utf-8";
/* CSS Document */

html {min-height: 100%;}

* {
	padding: 0; margin:0; 
}



body {
	background: #fff;
	color: #666;
	font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}


a {color: #333333; text-decoration:none; font-weight:normal; font-size:1em}
a.hover {text-decoration:none}


h1 {font: normal 1.6em Verdana, Arial, Helvetica, sans-serif;color:#666666; margin:25px 0px 9px 5px;}
h2 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 12px 0px 8px 0px;}


.clear {clear: both; font-size: 0px; width:1px; margin:0px; height:1px; color:#FFFFFF}

div.wrapper {width:903px; margin:0px;}
div.head {float:left; background-image:url(../pix/bg-head.png); width:685px; height:160px;}
div.headtext {margin:40px 15px 0px 20px; font-size:1.5em; color:#666666; line-height:1.4em; width:530px;}
div.headtextcontent {margin:100px 15px 0px 20px; font-size:1.5em; color:#666; line-height:1.4em; width:530px}
div.linie {width:880px; border-bottom:#CCCCCC 1px dotted; height:10px; margin-left:23px;}
div.linie1 {width:880px; border-bottom:#CCCCCC 1px dotted; height:30px; margin-left:23px;}
div.linie2 {width:660px; border-bottom:#CCCCCC 1px dotted; height:1px; margin:15px 0px 25px 0px; float:left}
div.impressum {float:right; width:130px;}
div.logo {float:left; width:250px;margin-left:23px;}

div.gruen {width:23px;float:left}
div.grau {float:left; background-image:url(../pix/grau.png); width:195px; height:160px}
div.left {float:left}
div.space23 {width:23px;float:left}
div.gruen1 {float:left; margin-top:-1px; background-color:#ecf1c7}
div.contentall {background:url('../pix/bg-content.png') repeat; width:903px; float:left}
div.address {margin:10px 0px 0px 25px; float:left;font-size:0.8em; letter-spacing:0.04em; }
div.seitwert {margin:10px 0px 0px 42px; float:left; width:170px;}

.book-image-gr {border:#cccccc 1px solid; background-color:#FFFFFF; width:208px}
.book-gr  {margin:6px}
.bildschatten-gr {background: url(../pix/bildschatten.png) no-repeat bottom right ; width:208px; padding: 0px 0px 9px 0px; float:left; margin:20px 0px 0px 19px;} 

ul#nav
{margin:5px 0px 0px 8px; /* Für den IE */
padding:5px 0px 0px 8px; /* Für alle anderen Browser */
font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
width:170px; list-style:none;
}
ul#nav li 
{margin-bottom:2px}

 ul#nav  li a:link {
    color: #666; text-decoration:none;display:block; width:100%; font-weight:bold }
 ul#nav  li a:visited {
    color: #666;  text-decoration:none;display:block; width:100%; font-weight:bold}
 ul#nav  li a:hover {
    color: #333; text-decoration:none;display:block; width:100%; font-weight:bold}
ul#nav  li a:focus {
    color: #666; text-decoration:none;display:block; width:100%; font-weight:bold}	
 ul#nav  li a:active {
    color: #666; text-decoration:none;display:block; width:100%; font-weight:bold}
	
  ul#nav li ul

{margin:7px 0px 7px 5px; font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;list-style:none;}

 ul#nav  li a li:link {
    color: #666; text-decoration:none;display:block; width:100%; font-weight:bold }
 ul#nav  li a li:visited {
    color: #666;  text-decoration:none;display:block; width:100%; font-weight:bold}
 ul#nav  li a li:hover {
    color: #333; text-decoration:none;display:block; width:100%; font-weight:bold}
ul#nav  li a li:focus {
    color: #666; text-decoration:none;display:block; width:100%; font-weight:bold}	
 ul#nav  li a li:active {
    color: #666; text-decoration:none;display:block; width:100%; font-weight:bold}
	
.fog {color:#333}


div.pfad {margin:10px 0px 30px 20px; font-size:0.9em; color:#999; width:660px; float:left; height:15px; border-bottom:dotted 1px #CCCCCC}
div.pfad a {font-size:0.9em; color:#666}
div.content {width:660px; float:left; margin:10px 0px 10px 20px}
div.content p {margin-bottom:9px}
div.content-tem p {margin-bottom:9px}
div.content h1 {font-size:1.3em; margin:0px 0px 7px 0px; font-weight:bold}
div.content h2 {font-size:1.1em; margin:0px 0px 4px 0px; font-weight:bold}
div.content-tem {float:left; width:660px; margin:10px 0px 0px 0px}

div.image {float:left; width:213px;}
div.text {float:left; width:65%; margin:0px 0px 10px 10px}
div.text p {margin-bottom:9px; line-height:1.8em}
div.link {width:165px; float:left; margin:10px 5px 5px 0px}

div.image-buch {float:left; width:78px;}
div.preis {font-weight:bold; color:#cc0000}
div.text-buch {float:left; width:550px; margin:5px 0px 0px 20px; font-size:0.85em; line-height:1.8em; font-weight:normal; color:#666}
div.text-buch h2 {font-size:1.1em; margin:5px 0px 4px 0px; font-weight:bold}
div.link-artikel {float:right; margin:0px 100px 0px 0px;}

div.seite {margin:10px 0px 30px 20px; font-size:0.9em; color:#333; width:660px; float:left; height:15px;}
div.seite a {font-size:1em; color:#333}

.agb {list-style:decimal; padding-left:40px}


div.tab {clear:left; padding-top:10px}
.formname {float:left; width:100px;}
.form1 {float:left; width:200px; }
.form {width:250px; border:#ccc 1px solid}
.checkbox {float:left; width:23px; }
.form3 {float:left; width:390px; margin-top:-5px}



/* Footer */
    div#footer a {
        text-decoration: none; color:#999999;
    }
	
	 div#footer strong {
        text-decoration: none; color:#999999;
    }

    
    div#footer a:hover {
        text-decoration: underline;
    }

div#footer {
  margi
	width: 100%;
	background: #fff;
	
	
}

    div#footer div.slot {
        width: 190px;
        float: left;
        
    }
	

    div.slot p {
        font: normal normal normal 0.9em  Verdana,Arial, sans-serif;
        color: #ccc;
    }

    div.slot strong {
        display: block;
        font-weight: bold;
    }

    div.slot a {
        color: inherit;
        display: block; color:#ccc; font: normal normal normal 0.9em  Verdana,Arial, sans-serif;
    }
	
 div#footer div.slot1 {
        width: 40px;
        float: left;
 }