@charset "utf-8";
/************************************/
/* löwenzahn verlag                 */
/* relaunch 2010                    */
/* agindo 24.11.2010. pd            */
/************************************/

/************************************/
/* tags                             */
/************************************/
*{
	padding:0;
	margin:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#5B5B5B;
	background:#FFF;
	text-align:center;
}
img{
	border:none;
}
html, body.start {
	height:100%;
}
object{
	display:block;
}
/************************************/
/* haupt id's                       */
/************************************/
#loewSite{
	width:960px;
	margin:0 auto;
	padding:0 0 21px;
	text-align:left;
}
#loewMain{
	clear:both;
}
#loewHeader{
	position:relative;
	height:64px;
	overflow:hidden;
}
#loewFooter{
	clear:both;
	/*padding:15px 0;*/
	margin:0 0 0 179px;
	border:0 solid #D4D4D4;
	border-width:1px 0 0;
	position:relative;
}
.start #loewFooter{
	border-width:0;
	margin:0;
}
/************************************/
/* Header                           */
/************************************/
#loewLogo{
	margin:18px 0 0;
}
#loewTeaser{
	margin:0 0 0 1px;
	height:370px;
	width:780px;
	float:left;
	overflow:hidden;
}
/************************************/
/* MetaMenu                         */
/************************************/
.loewMetaMenu{
	position:absolute;
	right:0;
	top:23px;
}
#loewFooter .loewMetaMenu{
	top:5px;
	right:-7px;
}
.loewMetaMenu ul{
	list-style-type:none;
}
.loewMetaMenu ul li{
	float:left;
	height:24px;
	min-width:15px;
	padding:0;
	background:url(/img/sep_meta.png) no-repeat 0 7px;
}
.loewMetaMenu ul li:first-child, .loewMetaMenu ul.header li{
	background:none;
}
.loewMetaMenu ul li p{
	padding:0 7px;
	line-height:24px;
	font-size:11px;
}
.loewMetaMenu ul li p a{
	display:block;
}
.loewMetaMenu ul.footer li p a{
	color:#7A7A7A;
	font-weight:normal;
}
/************************************/
/* verlagsmenue                     */
/************************************/
#loewFooter ul.verlage{
	position:absolute;
	left:0;
	top:4px;
	list-style-type:none;
}
.folge #loewFooter ul.verlage{
	left:-181px;
}
#loewFooter ul.verlage li{
	padding:0;
	margin:0;
	float:left;
	width:118px;
	list-style-type:none;
}
#loewFooter ul.verlage a{
	background:url(/img/bg_verlage.png) no-repeat 0 40px;
	padding:9px;
	height:22px;
	display:block;
}
#loewFooter ul.verlage a:hover{
	background-position:0 0;
}

/************************************/
/* MainMenu                         */
/************************************/
#loewMainMenu{
	clear:both;
	margin:-1px 0 0;
}
#loewMainMenu ul{
	list-style-type:none;
}
#loewMainMenu ul li{
	margin:1px 0 0;
	background:url(/img/bg_main_lev1.png) repeat-x top left;
}
#loewMainMenu ul ul li{
	background:#DAD4AC;
}
/************************************/
/* Breadcrumbs                      */
/************************************/
#stdvBreadCrumb{
	margin:0 0 20px;
}
#stdvBreadCrumb p{
	padding:0;
	font-size:11px;
	line-height:18px;
}
#stdvBreadCrumb a{
	height:18px;
	display:block;
	color:#5B5B5B;
}
#stdvBreadCrumb a:hover{
	color:#638F19;
	text-decoration:none;
}
#stdvBreadCrumb ul{
	list-style-type:none;
}
#stdvBreadCrumb ul li{
	float:left;
	min-width:10px;
}
#stdvBreadCrumb ul li.crumb{
	padding:0 0 0 12px;
	background:url(/img/sep_crumb.png) no-repeat 3px 6px;
}
/************************************/
/* Seiteninhalt                     */
/************************************/
#loewCont{
	border:0 solid #638F19;
	border-width:5px 0 0;
	background:#F6F6E6;
	float:left;
	width:741px;
	position:relative;
	padding:18px 20px 0;
}
.start #loewCont{
	clear:both;
	float:none;
	border-width:0;
	margin:10px 0 0;
	padding:6px;
	width:auto;
}
.start #loewCont .box{
	padding:15px 25px 0;
	background:#FFF url(/img/bg_startbox.png) repeat-y 0 0;
	border:1px solid #FFF;
}
.start #loewCont .box img{
	padding:1px;
	background:#FFF;
	border:1px solid #FFF;
}
.box .rezept{
	padding:0 20px 0 0;
	border:0 solid #DBDBCE;
	border-width:0 1px 0 0;
	float:left;
	width:265px;
}
.box .aktuell{
	padding:0 20px;
	float:left;
	width:369px;
}
.box .about{
	padding:10px 0 0 20px;
	float:left;
	width:181px;
}
.infobox{
	border:0 solid #D4D4D4;
	border-width:1px 0 0;
	padding:10px 0 0;
}
.about .infobox:first-child{
	border-width:0;
	padding:0;
}
/* Buch Infos **********************/
#hayCont .isbn{
	border:0 solid #D4D4D4;
	border-width:1px 0 0;
	padding:1em 0 0;
}

/************************************/
/* teaser                           */
/************************************/
#loewTeaser .box{
	float:left;
	position:relative;
}
#loewTeaser .box.bigpic{
	width:236px;
}
#loewTeaser .box.claim{
	width:310px;
	height:370px;
	background:#638F19;
	margin:0 2px;
}
#loewTeaser .box.smallpic{
	width:230px;
	margin:0 0 2px;
}
#loewTeaser .box img{
	display:block;
}
.thema{
	position:absolute;
	text-align:center;
}
.bigpic .thema{
	top:100px;
	width:236px;
}
.smallpic .thema{
	top:20px;
	width:230px;
}
#loewTeaser .thema p{
	background:#638F19;
	padding:0;
	font-size:16px;
	line-height:30px;
	display:inline-block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#loewTeaser .thema p a{
	line-height:30px;
	padding:0 18px;
	display:block;
}
#loewTeaser .thema p a:hover{
	text-decoration:none;
}
/************************************/
/* Listenansichten                  */
/************************************/
ul.buchliste{
	list-style-type:none;
	margin:0 -20px;
	width:781px;
}
ul.buchliste li{
	padding:18px 20px 0;
	border:0 solid #DBDBCE;
	border-width:1px 0 0;
	position:relative;
}
ul.buchliste li:first-child{
	border-width:0;
	padding:0 20px;
}
.buchliste .thmb{
	width:100px;
	margin:0 15px 0 0;
	position:relative;
}
.buchliste .thmb img{
	display:block;
}
.buchliste .desc{
	width:625px;
}
.buchliste .neu .stoerer, .buchliste.neu .stoerer{
	position:absolute;
	left:1px;
	/*bottom:8px;*/
	bottom:0;
	width:49px;
	height:49px;
	background:url(/img/neu.png) no-repeat;
}
.buchdetail .thmb{
	width:180px;
	margin:0 20px 0 0;
	position:relative;
}
.buchdetail .desc{
	width:515px;
	padding:0 10px 0 0;
}
.buchdetail .info{
	width:180px;
	margin:-12px -14px 0 0;
	padding:5px 20px 1em;
	background:#FFF;
	float:right;
}
.buchdetail .desc li{
	margin:0 0 0 20px;
	padding:2px 0;
}
.buchdetail .info .box{
    border-color: #D4D4D4;
    border-style: solid;
    border-width: 0 0 1px;
    margin:1em 0 0;
    padding:0 0 1em;
}
.buchdetail .info .box.trolly{
	border-width:0;
	padding:0;
	margin:-5px -20px 0;
}
.buchdetail .info .box.addthis{
	border-width:0;
	padding:0;
}
ul.kontaktliste{
	list-style-type:none;
}
ul.kontaktliste li{
	padding:2px 0;
}
ul.kontaktliste ul{
	list-style-type:none;
}
ul.kontaktliste ul ul{
	list-style-type:none;
	margin:0 0 12px;
}


/************************************/
/* linke Randspalte                 */
/************************************/
#loewLeftBar{
	float:left;
	width:178px;
	margin:0 1px 0 0;
}
/************************************/
/* rechte Randspalte                */
/************************************/
#stdvRightBar{
	float:right;
	width:220px;
	padding:0 0 0 10px;
	margin:30px 0 0;
	border:0 solid #D4D4D4;
	border-width:0 0 0 1px;
}
#stdvRightBar .box{
	border:0 solid #D4D4D4;
	border-width:1px 0 0;
	padding:1em 0 0;
}
#stdvRightBar .box:first-child{
	border-width:0;
	padding:0;
}

/************************************/
/* TYPO                             */
/************************************/
#loewSite h1, #loewSite h1 a{
	font-size:17px;
	font-weight:normal;
	color:#638F19;
	padding:0 0 0.2em;
}
#loewSite h2, #loewSite h2 a{
	font-size:16px;
	font-weight:bold;
	color:#638F19;
	padding:0 0 1em;
	text-decoration:none;
}
#loewSite h3, #loewSite h3 a{
	font-size:14px;
	font-weight:bold;
	color:#638F19;
	padding:0 0 1em;
	text-decoration:none;
}
#loewSite h4, #loewSite h4 a{
	font-size:12px;
	font-weight:bold;
	color:#737373;
	padding:1.5em 0 0.3em;
}
#loewSite #loewTeaser h1{
	color:#FFF;
	font-size:33px;
	font-weight:bold;
	margin:30px 0 0 20px;
	padding:0 0 0.7em;
	line-height:20px;
}
#loewSite #loewTeaser h1 span{
	font-weight:normal;
	font-size:22px;
}
#loewSite h2 span, #loewSite h3 span, #loewSite h4 span{
	font-size:12px;
	font-weight:normal;
	color:#5B5B5B;
	display:block;
}
#loewSite .buchliste h2{
	padding:0 0 .3em;
}
.start #loewSite .box h2{
	font-size:16px;
	font-weight:normal;
	color:#3B3B3B;
	padding:0 0 1em;
	text-decoration:none;
	text-transform:uppercase;
}
#loewSite .kontaktliste h4,
#loewSite .infobox h4{
	padding:0 0 0.3em;
}
a, a.a{
	cursor:pointer;
	color:#638F19;
	font-weight:bold;
	text-decoration:none;
}
a.small{
	width:auto;
	font-size:11px;
}
a:hover{
	color:#638F19;
	text-decoration:underline;
}
/*a.trolly, .trolly a{
	background:url(/img/bg_trolly.png) no-repeat 0 0;
	padding:0 0 0 26px;
	line-height:24px;
	display:block;
}
*/
.header a.trolly{
	margin:0 60px 0 20px;
	background:url(/img/bg_trolly_meta.png) no-repeat 0 0;
	padding:0 0 0 26px;
	line-height:24px;
	display:block;
}

.action p{
	margin:0 0 5px;
	padding:0;
	line-height:20px;
}
p.trolly{
	height:38px;
	line-height:38px;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#FFF;
	overflow:hidden;
}
.trolly a{
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 64px;
	line-height:38px;
	display:block;
	background:url(/img/bg_trolly.png) no-repeat 0 0;
}
.trolly a:hover{
	background-position:0 -38px;
	text-decoration:none;
}
.trolly a.introlly{
	background-position:0 -76px;
	padding:0 0 0 34px;
}
.trolly a.introlly:hover{
	background-position:0 -114px;
}
p.trolly a.introlly span{
	background:url(/img/bg_wklink.png) no-repeat right 1px;
	padding:0 24px 0 0;
}



p.rechts {
    text-align: right;
}


p{
	padding:0 0 1.5em;
	line-height:1.5em;
}
#loewTeaser p{
	padding:0 20px;
	line-height:2em;
	color:#FFF;
}
#loewTeaser p a{
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}
#loewTeaser p a:hover{
	text-decoration:underline;
}
p span.date{
	display:block;
}
p span.preis{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#638F19;
}
p.buch{
	padding:0 0 0.2em;
}
p.buch a{
	color:#858788;
}
p.buch a:hover{
	color:#BD2716;
	text-decoration:none;
}
#hayRightBar p.buch{
	line-height:1.3em;
	padding:0 0 1.5em;
}
.isbn p{
	font-size:11px;
	color:#000;
}
.isbn p span.link{
	font-family:"Courier New", Courier, monospace;
	display:block;
}
.autorportrait p{
	line-height:normal;
	padding:0;
}
#hayBooksList p{
	padding:1.3em 0 0;
}

.buchliste p.success{
	position:absolute;
	right:20px;
	bottom:20px;
	width:340px;
}
p.success{
	padding: 2px 4px 2px 22px;
	background:#638F19 url(/img/icon_success.png) no-repeat 3px 4px;
	color:#FFF;
	font-weight:bold;
}







p.button{
}
p.button a{
	padding:0 10px;
	line-height:20px;
	height:20px;
	display:inline-block;
	border:1px solid #AD9961;
}
p.button a:hover{
	text-decoration:none;
}
.anfrage p.button{
	margin:0 0 0 85px;
}
div.date p{
	color:#8A8A8A;
	font-weight:bold;
}
span.autor{
	font-style:italic;
}
#loewMainMenu p{
	padding:0;
}
#loewMainMenu a{
	display:block;
	font-weight:normal;
	font-size:16px;
	line-height:31px;
	color:#FFF;
	text-transform:uppercase;
	padding:0 10px;
}
#loewMainMenu a:hover{
	text-decoration:none;
}
#loewMainMenu ul ul a{
	font-size:12px;
	line-height:24px;
	color:#000;
	text-transform:none;
}
#loewMainMenu ul ul a:hover{
	background:#F6F6E6;
}
#loewMainMenu ul ul .current a{
	background:#638F19;
}




.booksnav p{
	line-height:62px;
	height:62px;
	padding:0;
}
#loewFooter p.copy{
	padding:26px 0 0;
	font-size:11px;
	text-align:right;
}
/************************************/
/* allg. klassen                    */
/************************************/
.clearfloat {
	clear:both;
    height:0;
    font-size:1px;
    line-height:0;
	margin:0;
	padding:0;
}
.desc, .thmb, .lefty{
	float:left;
	min-width:10px;
}
.righty{
	float:right;
	min-width:10px;
}
div.error{
	border:#521418 1px solid;
	width:50%;
}
div.error p{
	border:#9D262D 2px solid;
	border-color:#e73743 #a92931 #521418;
	background:#9D262D;
	padding:1em;
	color:#FFF;
	font-weight:bold;
}
/************************************/
/* Formulare                        */
/************************************/
div.form{
}
.form div.formSect{
	padding:0 0 10px;
	margin:0 0 12px;
	border:0 solid #FFF;
	border-width:0 0 1px;
}
.form div.formItem{
	padding:5px 0;
	display:block;
}
.form div.formBase{
	padding:5px 0 30px 125px;
	display:block;
}
.formSect fieldset{
	padding:0 10px;
	border:1px solid #D4D4D4;
}
.formSect fieldset legend{
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#5B5B5B;
}
.form div.formItem.indent{
	padding:5px 0 5px 125px;;
}
.form .lefty{
	width:310px;
}
.form .righty{
	width:324px;
}
.text, .select, .textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6E6F70;
	padding:2px;
	border:1px solid #D4D4D4;
}
.select{
	height:18px;
	padding:0;
}
.select option{
	padding:0 3px;
}
.textarea{
	width:320px;
	height:180px;
}
.anfrage .textarea.mail{
	height:75px;
}
.wider{
	width:230px;
}
.wide{
	width:192px;
}
.reg{
	width:168px;
}
.small{
	width:90px;
}
.smaller{
	width:60px;
	margin:0 8px 0 0;
}
.narr{
	width:40px;
}
.checkbox{
	margin:0 4px 0 0;
}
label{
	cursor:pointer;
	font-size:1em;
}
label.label{
	display:inline-block;
	width:125px;
}
#loewHeader input.text{
	color:#7A7A7A;
	font-weight:bold;
}
label.labeltop{
	display:block;
	width:auto;
	margin:4px 0;
}
label.radiogewinn{
	margin:0 0 0 20px;
	width:500px;
	display:inline-block;
}
div.gewinncenter{
	margin:0 0 0 127px;
}
.gewinn{
	vertical-align:top;
}
fieldset label.radio{
	line-height:20px;
	display: block;
}
span.trenner{
	display:inline-block;
	padding:0 4px 0 6px;
}
span.info{
	display:block;
	font-size:10px;
	padding:2px 0 0 125px;
}

/************************************/
/* warenkorb                        */
/************************************/
.vinfo{
	margin:2em 0 0;
	padding:2em 0 0;
	border:0 solid #FFF;
	border-width:1px 0 0;
}
table.artikel{
	margin:0 0 40px;
	width:100%;
	border-collapse:collapse;
	padding:0;
}
table.artikel th{
	height:25px;
	line-height:25px;
	text-align:left;
	border:1px solid #F0F0F0;
	border-width:0 0 1px;
	padding:0 0 0 3px;
}
table.artikel th.preis, table.artikel th.menge{
	padding:5px 5px 5px 0;
	width:90px;
	text-align:right;
}
table.artikel th.menge{
	width:50px;
}
table.artikel td{
	height:40px;
	text-align:left;
	vertical-align:top;
	border:1px solid #FFF;
	border-width:0 0 1px;
	padding:20px 5px 5px;
	font-size:10px;
}
table.artikel th.ind{
	width:20px;
}
table.artikel td.menge{
	text-align:right;
}
table.artikel td.preis{
	text-align:right;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}
table.artikel td.del{
	padding:17px 0 0;
	width:30px;
}
table.artikel tr.summe{
	color:#000;
}
table.artikel tr.summe td{
	height:20px;
	line-height:18px;
	text-align:right;
	border-width:0;
	padding:5px 5px 0;
	font-size:12px;
}
/************************************/
/* pager                            */
/************************************/
p.pager{
	text-align:center;
	font-weight:bold;
}
p.pager a{
	display:inline-block;
	padding:0 4px;
	font-weight:normal;
}
p.pager a.jump{
	padding:0 20px;
}
p.pager span{
	display:inline-block;
	color:#638F19;
	padding:0 4px;
}

/************************************/
/* Error & Co.                      */
/************************************/
.errorMessageBox, .successMessageBox{
	list-style-type:none;
	background:#EEC9C9 url(/img/icon_8tung.png) no-repeat 5px 4px;
	padding:4px 6px 2px 25px;
	border:1px solid #A80A09;
	margin:0 0 10px;
}
.errorMessageBox li, .successMessageBox li{
	padding:0 0 4px;
}
.successMessageBox{
	background:#e5efb8 url(/img/icon_success.png) no-repeat 5px 4px;
	border-color:#687B0F;
}
#wartung{
	position:absolute;
	top:0;
	left:0;
	width:960px;
	background:url(/img/bg_wartung.png);
}
#wartung p{
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 20px;
	line-height:24px;
	border:1px solid #880000;
}

/************************************/
/* Ajax Spinner                     */
/************************************/
.spHolder{
	position:relative;
}
.spinner{
	position:absolute;
	width:16px;
	height:16px;
	top:1px;
	right:-20px;
	/*background:url(/img/spinner.gif) no-repeat 0 0;*/
}

/************************************/
/* overrides                        */
/************************************/
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
#sb-player.html{
	background:#FFF;
}
#sb-player.html a{
	padding:0 15px;
}

/************************************/
/* Button ergänzt durch MH			*/
/************************************/


/* BUTTONS */

.buttons {
	margin: 20px 0 50px 0;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}



/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}