/* Oktober 2005 Copyright vektorrausch - Digitale Medien, Kiel */
/* CSS fuer " Buchhandlung Erichsen & Niehrenheim, Kiel" */

/* Standard - CSS */

/* Struktur */

* {
    margin:0;
    padding:0;
}

body {
    width:100%;
    height:100%;
    font-size: xx-small;
    color: #000;
    font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
    background: url(../layout/body_bg.gif) left top repeat-x;
}

input {
   border: solid #000 1px;
	cursor: pointer;
}          

#phpcart table input {
	height: 1.8em;
	vertical-align:middle;
   border: solid #000 1px;
	cursor: pointer;
	margin-left:1em;
}

#phpcart table {
	width:100%;
	line-height:2em; 
}	

#phpcart td {
	padding-left:5px;
}

#header select {
    border: none;
    background-color:#B3A08A;
    color:#fff;
    font-size:1em;
    line-height: 1em;
    width:8em;
}
  
#header {
    display:block;
    text-align:right;         
    width:100%;
    height:1.8em;
    background:#897053 url(../layout/wood.jpg) bottom left repeat-x;
    font-size:1.3em;
    line-height:2.0em;
    color:#fff;
    padding:2px 0;
}         

#main {
    display:block;
}

#left {
    float:left;
    width:20%;
    margin:0 2%;
    display:inline;
}

#logo {
    height:10em;
    margin:3.5em 0 1em 1em;
    background: url(../layout/Logo.gif) top left no-repeat;
} 

#menu {
    color:#715B43;
    background:#E6E1D8;
} 

#content {
    float:left;
    width:51%;
    display:inline;
}

#phpcart {
	 float:left;
    width:71%;
    display:inline;
}

#right {
    float:left;
    width:20%;
    margin:0 0 0 2%;
    display:inline;  
}

#footer {
    clear:left;
    display:block;
    width:51%;
    margin-left:24%;
    margin-right:23%;
    border-top:solid #756A53 1px;
}

#cartfooter {
	 clear:left;
    display:block;
    width:71%;
	 height:3em;
    margin-left:24%;
    border-top:solid #756A53 1px;
}

/* Unterstruktur */

.block {
    display:block;
    width:100%;
    min-height:180px;
    padding: 2em 0 2em;
}

.block2 {
    display:block;
    width:100%;
    height:190px;    
}

.block3 {
    display:block;
    width:100%;
    height:auto;
    margin:3em 0;
}

.feld, .feld2 {
    margin: 0 0 1.4em 0;      
    background:#F2EFEB;
    font-size: 1.4em;
    border:solid #DED9CF 1px;
}

.feldrot {
    margin: 0 0 1.4em 0;
	padding-bottom: 1.6em;
    background:#F2EFEB url(../layout/eBook.jpg) top right no-repeat;
    font-size: 1.4em;
    border:solid #EBC2C2 1px;    
}

.feldrot strong {
	font-size: 1.3em;
}

.feldrot a {
	padding-left: 20px;
	background: url(../layout/arrow.gif) center left no-repeat;
}

#right h3 {
    font-size:1.0em;
    color:#52462C;
    padding:0.5em 0 0.3em 1em;
    border-bottom:solid #DED9CF 1px;
    background: url(../layout/subactiv.gif) bottom repeat-x;
}

.formfeld, .formfeldu {
    width:9em;
    height:1.3em;
    color: #666;
    border: none;
    background:#f6f6f6;
    padding-left:0.5em;
    margin:0 0 0.5em 1em;
    font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
}

.formfeldu {
    margin:0 0 1em 1em;
}

.formdrop {
    display:inline;
    height:0.8em;
    font-size: 0.8em;
    padding-left: 5px;
    line-height:0.8em;
    font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    margin:0 2em 0 0;
}

.button1 {
  height: 18px;
  width: 18px;
  background-image:url(../layout/arrow.gif);
  background-repeat: no-repeat;
  border: none;
  margin:0 0 0.8em 0.5em;
  cursor: pointer;
}

.button2 {
    font-size: 1.2em;
    font-weight: bold;
	 cursor: pointer;
}

.button3 {
    margin-left:2em;
    font-size: 1em;
    font-weight:lighter;
}

.buchbild {
    display: block;
    width: 110px;
    float: left;
    margin:0; padding:0;
}

.bildre {
    float:right;
    margin:10px 5px 10px 10px;
}    

/* Typo */


#title {
    height:7.5em;
    margin:3.5em 0 0 0;
}

#content h2, #phpcart h2 {
    font-size: 1.9em;
    font-weight: lighter;  
    color:#756A53;
    border-bottom: solid #756A53 1px;
}

.fliess, .fliesscont {
    font-size: 1.4em;
    line-height: 1.5em;
}

.fliessohne {
	display:block;
   font-size: 1.4em;
   line-height: 1.5em;
   margin:15px 0 0 0px;	 	
}              

.fliesscont {
    margin:20px 0 0 130px;
} 

.fliesshead {
    margin:0px 0 0 130px;
    font-size:1.6em;
    font-weight:bold;
}

.fliessrot {
    font-size:1.1em;
    font-weight:bold;
    font-style:italic;
    color:#000;
}

.underline {
	text-decoration: underline;
}

div#rahmen {
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	border: 1px solid #000;
}


 a.fliess:link, a.fliess:visited, #right dd a:link, #right dd a:visited {
    color:#000;
    text-decoration: none;
    font-size:1.0em;
}

a.fliess:hover, #right dd a:hover {
    color:#D03C3C;
}

#phpcart a:link, #phpcart a:visited {
    color:#000;
    font-size:1.0em;
	 font-weight: bold;	
}

#phpcart a:hover {
    color:#D03C3C;	
}

 #content a:link, #content a:visited {
    color:#000;
    text-decoration:none;
}

#content a:hover {
    color:#D03C3C;
}

#content p {
    /*margin-top:1.2em;     */
    margin-bottom:1.2em;
}

#content dl {
    margin:0; 
    padding:0;
    font-size:1.1em;
    line-height:1em;
}

#content ul {
    margin:1em 2em;
}	  

#content li {
    margin:0.5em 0;
}

#content ul a:link, #content ul a:visited, #content dl a:link, #content dl a:visited {
    color:#000;
    text-decoration:none;
}

#content ul a:hover, #content dl a:hover {
    color:#D03C3C;
}
  
/* rechter Bereich */

#zitat {
    height:7em;
    margin:3em 0 0 0;
    font-size:1.4em;
}

dl.text, dl.textrot {
    font-size: 1em;
    margin:0;
    padding-bottom:1em;
    
}

.preis {
    margin:20px 0 0 130px;
    font-size:1.4em;
    font-weight:bold;
}

.angebot {
    float:left;
    width:50px;
    height:50px;
    padding:1em 0 1em 10px;
}

dl.text dt {
    color:#52462C;
    font-size: 1.0em;
    font-weight:bold;
    padding:0.5em 0 0.3em 1em;
    border-bottom:solid #DED9CF 1px;
    background: url(../layout/subactiv.gif) bottom repeat-x;
}

dl.text dt.rot {
    color:#D03C3C;
    font-size: 1.0em;
    font-weight:bold;
    padding:0.5em 0 0.3em 1em;
    border-bottom:solid #DC9696 1px;
    background: url(../layout/subactivrot.gif) bottom repeat-x;
}

dl.text dd, dl.text dd.rot {
    line-height: 1.2em;
    font-size:1em;
    padding:0.5em 0 0 1em;
}

dl.text dd.space, dl.text dd.space {
    line-height:0.1em;
}

dl.text dd a:link {
    color: #000;
    text-decoration: none;
}

dl.text dd a:hover {
    color: #CC3333;
}

.textrot {
    display:block;
    font-weight:bold;
    font-size:1em;
    color:#D03C3C;
    padding:0 1em 1em 0;
    margin-left:80px;
    margin-top:1em;
}


#zitat.zeichen {
    padding-left:25px;
    background: url(../layout/quote_open.gif) top left no-repeat;
}

#zitat.zeichen blockquote {
    padding-right:25px;
    background: url(../layout/quote_close.gif) bottom right no-repeat;
}
         
/* Hauptmenue und Banner links */

#menu ul {
    font-size: 1.4em;
    text-decoration:none;
    list-style:none;
    font-weight:bold;
    color:#52462C;
}      
#menu ul li span {
    background: url(../layout/menuactiv.gif) bottom repeat-x;
}


#menu ul li a, #menu ul li span {
    display:block;
    height:2.6em;
    line-height: 2.6em;
    border-bottom: 1px solid #D4CFC4;
    padding-left:1em;
}
#menu ul li.last a,#menu ul li.last span {
    height:2.5em; 
    border-bottom:none;
    margin-bottom:3em;
}
#menu ul li a {
    color:#52462C;
    text-decoration: none;
    font-weight:lighter;
}
#menu ul li a:hover {
    color:#D03C3C;
    background: url(../layout/menuactiv.gif) bottom repeat-x;
}      

#banner {
    clear:left;
    display:block;
    height:5em;
    margin:2em 0 0 1em;    
    font-size: 1.4em;
}

#banner p {
    margin:0.4em 0;
}

.gilde a{
    font-size:2em;
    color:#D03C3C;
    font-family: "Times New Roman", Times, serif;
    text-decoration:none;
}

/* Header */    

#switcher {
    display:inline;
    width:10%;
} 

#sizer {
    display:inline;
    width:10%;
    margin-right:0.5em;
}

#sizer a:link, #sizer a:visited {
    color:#fff;
    text-decoration: none;
}

#sizer a:hover {
    color:#E09292;
}


/* Footer */

#subnavi {
    color:#756A53;
    list-style:none;
    font-size:1.2em;
    line-height:3em;
}

#subnavi li {
    display:inline;
    margin:0 0.3em 0 0.3em;
}             

#subnavi li a:link, #subnavi li a:visited {
    color:#756A53;
    text-decoration:none;
}  

#subnavi li a:hover {
    color:#D03C3C;
    text-decoration:none;
} 

hr, .invis, .invis2  {
    display:none;
    color:#fff;
}


/* Gutschein - Seite, Formularfelder */

#content dl {
    margin-bottom:4em;
    
} 
                
#content dd {
    font-size:1.2em;
    margin:1em 0 1em 2em;
} 

label {
    float:left;
    width:9em;
    margin-right:24px; 
    font-size:1.2em;
} 

.meinbibl, .meinbibl2 {
    width:10em;
    border:solid #888 1px;
    background-color:#ebebeb;
    color:#000;
}

.klfeld {
    width:3em;
    border:solid #888 1px;
    background-color:#ebebeb;
    color:#000;
}

.meinbibl2 {
        cursor: pointer;
}


/* Styles f�r den Admin-Bereich (15.11.2005, Leif Kopto) */
.admin_fliess {
   text-decoration:none;
   font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
   color:#000000;
   font-size: 12px;}

.admin_headline {
   text-decoration:none;
   font-weight: bold;
   font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
   color:#756A53;
   font-size: 14px;}

a.admin_link:link, a.admin_link:visited { text-decoration:none; color: #000000;}
a.admin_link:hover, a.admin_link:active { text-decoration:none; color: #D03C3C;}

.admin_textklein {
   text-decoration:none;
   font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
   color:#000000;
   font-size: 10px;
}