/*v3*/

/*reset css*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,th, td, table, tbody {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

/* Typo - Allgemein */
a{color:#868789; text-decoration: none;}
a:focus { outline: none !important;}
a:hover{text-decoration:underline;} 
.active,
.li-active a { color: #861c29; }

.li-active ul li a { color: #868789; } 

img{border:none;}

p{}
h1{ font-weight: bold; text-transform: uppercase; font-size:1.0em; }
h2{}
.clear-float{clear: both;}

html, body { height: 100%; margin: 0; padding: 0;}
html {
overflow-y: scroll;
}
body{color:#000; font:0.65em/130% Verdana,Geneva,Arial,Helvetica,sans-serif;} /* 0.76em*/

#CONTAINER-ABSTAND { height: 50%; width: 1px; margin-bottom: -300px; float: left; }
#CONTAINER-WRAP{width: 960px; clear: left; position: relative; margin: auto auto; }
#CONTAINER-LOGO{width: 475px; height: 150px; float: left; text-align: left;}
#CONTAINER-CONTROL{ height:20px; width:60px; position:absolute; top:-6px; left: -12px; width:60px; z-index:999;}


#CONTAINER-NAVI{width: 475px; height: 150px; float: left; top:50px;}
#CODE-FOOTER{display: none; height: 0; width: 0; bottom: 0;}

/* Verlag - Navigation */
#ul-header-navi-verlag { position:relative; top:40px; list-style:none;}
#ul-header-navi-verlag li{ float:left; width:auto;}

/* verlag - Navigation */
#CONTAINER-NAVI ul { 
list-style:none; position:absolute; left:475px; top:63px;
}
#CONTAINER-NAVI ul#ul-header-navi-verlag { 
list-style:none; position:absolute; left:475px; top:33px;
}

#CONTAINER-NAVI ul li { height: 25px;}
#CONTAINER-NAVI ul li li { width: 130px; height: 0; right:30px; top:-16px; position:relative;float:right; 
display: none;}

#ul-header-navi-atelier-1 li{width: 290px;}

#CONTAINER-NAVI ul li.li-active li,
#CONTAINER-NAVI ul li li.li-active,
#CONTAINER-NAVI ul li:hover li { display: block;}

#CONTAINER-NAVI ul ul { list-style:none; position:relative; left:5px; top:0;}

/* Atelier - Navigation */
#CONTAINER-NAVI ul#ul-header-navi-atelier-1 { list-style:none; position:absolute; left:475px; top:63px;
width:500px;
}
#CONTAINER-NAVI ul#ul-header-navi-atelier-1 li { height: 25px;
width: 100%;
position: static;
}
#CONTAINER-NAVI ul#ul-header-navi-atelier-1 li li {
position: static;
display: none;
float: none;
}

#ul-header-navi-atelier-1 li{width: 290px;}


#CONTAINER-NAVI ul#ul-header-navi-atelier-1 ul { list-style:none; 
position: static;
width: auto;
display: inline;
}

#CONTAINER-NAVI ul#ul-header-navi-atelier-1 li li:before {
content:"\0020 \007c \0020 "; }

#CONTAINER-NAVI ul#ul-header-navi-atelier-1 li.li-active li,
#CONTAINER-NAVI ul#ul-header-navi-atelier-1 li li.li-active,
#CONTAINER-NAVI ul#ul-header-navi-atelier-1 li:hover li { 
display: inline;
width: auto;
color:gray;}

/* Pfeil zurück */
#js-back{height:20px; position:absolute; top:191px;width:20px;left: 25px;}
#js-back a {text-decoration: none;}
#js-back a:hover {color: #861c29;}
#uid1 #js-back, #uid2 #js-back, #uid10 #js-back, #uid17 #js-back, #uid18 #js-back, #uid19 #js-back{display: none;}



#CONTAINER-NAVI ul#dauer-navi {list-style:none; position: absolute; width: auto;top:138px;}
#CONTAINER-NAVI ul#dauer-navi li{text-align:left; width: auto; float:left; padding-right: 1px; color: gray;}

#CONTAINER-CONTENT{ width: 879px; /*margin-left:90px;*/ margin-left:44px; margin-top:50px;position: relative; height: auto; /*position:absolute; top:190px;*/ float:left; text-align:left; 
padding-bottom: 50px;
}

.singleview-leseprobe img{display:none;}



#navigation a:hover,
#navigation a.left:hover,
#navigation a.right:hover {
	text-decoration: none !important;
}

/* Formulare */
input{border:1px solid #868789; margin:5px 0; width:232px; color:#861C29;}
label{}
textarea{color:#861C29; font-family:verdana; /*font-size:12px;*/ font-size:1.0em; height:100px; margin-bottom:15px; width:232px;}
input:focus, textarea:focus {border:1px solid #861C29 !important;}

#uid2 input{width:120px;}

/* Bestellung */
#bestellformular{margin-left:300px; width:380px; margin-top: 15px;}
#form-bestellformular{border:1px solid #861C29;padding:5px;}
#bestellformular p{}
#bestellformular .isbn,
#bestellformular .preis {
border-color: #fff;
}
#bestellformular .anzahl{width: 20px; }
#bestellformular .vorname{width:100px;}
#bestellformular .name{width:100px;}
#bestellformular .strasse{ width: 72px;}
#bestellformular .plz{width: 42px;}
#bestellformular .ort{width:72px;}
#bestellformular .email{width:140px;}
#bestellformular hr{/*height:1px; background-color:#eee;*/ border:0;}
#bestellformular input{border-color: #eee;}

/* Buecher - Allgemeines */
.tx-sfbooks-pi1 .cover { float: left; }
.tx-sfbooks-pi1{/*float:left;*/ margin-left:45px;}
.tx-sfbooks-pi1-searchbox{ float:left; width:600px; }
.tx-sfbooks-pi1-browsebox{font-size:10px; line-height:12px;}

.sort-number, .sort-title, .sort-author{padding-left: 25px;}

/* Listview */
.listview{ border-bottom: 1px dotted #861c29; margin-bottom:15px; width: 880px;}
.listview-float{float:left; }
.listview-sort{border-bottom: 1px dotted #861c29; border-top: 1px dotted #861c29; line-height:25px; margin-bottom:40px; font-size:0.76em;width: 880px;}
.listview .book{margin-bottom:10px; border-bottom: 1px dotted #861c29; }
.listview .cover{padding:10px;}
.listview .cover img{ width:100px; height:164px; }
.listview .description{padding:10px;width:500px;}
.listview .number{padding:10px; width:200px;}
.listview .title{padding:10px; width:700px;}
.listview .author{padding:10px; width:200px;}
.listview .isbn{padding:10px; width:200px; display: block;}
.listview .extras{padding:10px; width:500px; margin-left:120px;clear:both;}

/* Singleview */
.tx-sfbooks-pi1 .singleview {overflow: visible; width: 700px;}
.singleview .back{left:-20px;position:relative;width:45px; top: 10px;}
.singleview-float {float:left;}
.singleview .number{}
.singleview .cover {width:250px; height:400px; margin-right: 50px;}
.singleview .title{font-weight: bold; margin-bottom:15px;}
.singleview .subtitle{}
.singleview .serie{}
.singleview .author{}
.singleview .location{}
.singleview .isbn{}
.singleview .description{margin-top: 20px;}
.singleview .infos{border: 1px solid red; width:200px;}
.singleview .extras_label{border: 1px solid red;width:200px;}
.singleview .cover img{border: 1px solid #861C29;}

.aktionen{padding:15px 0; margin-left:266px;text-transform: uppercase;}

.leseprobe{width:100px; height:15px; display:none; float:left;}
.bestellen{width:100px; height:15px; float:left;}

/* RTE */
.ce-rechts{float:right; position:relative; /*right:94px;*/ right:47px; top: 0; width:400px;}
.ce-links{width:380px; float:left; position:relative; left: 35px; /*left:80px;*/}

#uid5 .ce-presse-cover{float: left; margin-right:25px;}
.ce-presse-cover {margin-bottom:35px; max-width:380px;}
.ce-presse-cover img{}

.csc-default {}
div.csc-textpic-intext-right div.csc-textpic-imagewrap{float: none;}
div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap{margin: 0 !important;}
div.csc-textpic-center div.csc-textpic-imagewrap {margin:0;}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:15px 0 0 6px;}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
margin-left:0px;
}

/* Feintuning 04.02.2010 Stefan */
#c7, #c15{margin-left: 36px;}

/* VERLAG */
.listview .cover img {
height:auto;
max-width:120px;
}