/* Master CSS fuer Buchhandlung Samtleben */

* { border: 0; margin: 0; padding: 0; font-family: Helvetica,Verdana,Arial, sans-serif; font-size: 12px; line-height: 17px; }
body { background: #fff; color: #000; }

#container { width: 1000px; margin: 0 auto; }
a:link, a:visited, a:focus, a:hover, a:active { text-decoration: none; color: #B6131F; font-size: 12px; }


/* Kopf der Seite */

#oben { height: 103px; }
#oben img { margin-top: 22px; float: left; }
#oben table { margin-top: 38px; float: right; }
#oben td { font-size: 11px; line-height: 13px; }
#oben a:link, #oben a:visited, #oben a:focus, #oben a:hover,#oben a:active { text-decoration: none; color: #000; font-size: 12px; }  


#navigation { height: 30px; }
#suche { background: url(../images/elem/bg_suche.gif) no-repeat; width: 227px; height: 30px; float: left; }
#suche form { margin: 5px auto auto 17px; font-size: 11px; }
#suche form .feld { width: 148px; height: 15px; padding: 2px; }
#suche form #button { width: 25px; height: 17px; border: 1px solid #999; margin-top: 1px; }

#navigation ul { list-style-type: none; height: 30px; }
#navigation li { float: left; }


/* Content Bereich */

#content { }

#kopf-suchen { background: url(../images/elem/hd_suchen.jpg) no-repeat; height: 132px; width: 996px;}

#kopf-empfehlungen { background: url(../images/elem/hd_empfehlungen.jpg) no-repeat; height: 450px; width: 996px; }
#kopf-empfehlungen img { margin: 15px auto auto 15px; }

#kopf-signierte { background: url(../images/elem/hd_signierte.jpg) no-repeat; height: 450px; width: 996px; }
#kopf-signierte img { margin: 15px auto auto 15px; }

#kopf-kontakt { background: url(../images/elem/hd_kontakt.jpg) no-repeat; height: 450px; width: 996px; }
#kopf-kontakt img { margin: 15px auto auto 15px; }

#kopf-impressum { background: url(../images/elem/hd_impressum.jpg) no-repeat; height: 165px; width: 996px; }
#kopf-agb { background: url(../images/elem/hd_agb.jpg) no-repeat; height: 165px; width: 996px; }


/* Startseite */

#datum { margin: 22px auto 0 20px; font-size: 16px; height: 32px; }
#tipps { width: 296px; height: 788px; border: 1px solid #ccc; margin-left: 2px; padding-top: 15px; background: #fff url(../images/elem/bg_tipps.gif) no-repeat; }
#tippsLive { overflow: hidden; width: 296px; border: 1px solid #ccc; margin-left: 0px; padding-top: 15px; }

.tippTitel { font-weight: bold; width: 150px; }
.tippBeschreibung { margin: 15px 0 35px 20px; }
.tippBeschreibung img { position: relative; top: 2px; }


/* Empfehlungen */

.empfehlung { margin: 0 auto 30px 8px; }
.emAutor { font-weight: bold; float: left; margin-right: 6px; }
.emTitel { font-weight: bold; color: #B6131F; }
.clearer { clear: both; }
.emDaten { width: 800px; font-size: 10px; margin-bottom: 15px; }
.emBeschreibung { width: 800px; }
.emCover { width: 130px; }
.emLinks a:link, .emLinks a:visited, .emLinks a:hover, .emLinks a:active { color: #B6131F; text-decoration: none; }


/* Signierte Bücher */

.buch { margin: 0 auto 20px 30px; }
.autor { font-weight: bold; float: left; margin-right: 6px; }
.titel { font-weight: bold; color: #B6131F; }
.clearer { clear: both; }
.beschreibung { width: 600px; }

 
/* Kontakt */

#spalte1 { width: 560px; float: left; }
#spalte1 p { height: 70px; width: 500px; margin: 25px auto 0 30px; }

#spalte2 { width: 395px; float: left; margin-left: 20px; }
#spalte2 p { height: 102px; margin: 25px auto 0 auto; }

#kontaktform label { display:block; }
#kontaktform input { border: 1px solid #808080; height: 20px; padding: 2px; }
.form-gesamt { width: 526px; }
.form-halb { width: 250px; }
.form-plz { width: 115px; }
.form-stadt { width: 387px; }
#kontaktform #nachricht { width: 395px; height: 165px; border: 1px solid #808080; padding: 2px; }
#loeschen { background: #CCCCCC; float: left; margin-top: 20px; width: 140px; }
#submit { background: #B6131F; font-weight: bold; color: #fff; float: right; margin-top: 20px; width: 140px; }


/* Footer */

#footer { width: 1000px; margin: 30px auto 30px auto; padding-left: 30px; height: 40px; clear: both; }
#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active { text-decoration: none; color: #ccc; }