*{margin:0;padding:0;}
.nowrap{white-space:nowrap;}
body{
	font-family:"Myriad Pro","Lucida Sans",Arial,Helvetica,Tahoma,Verdana,sans-serif;
	background-repeat:repeat-x;
}
#printheader{
	display:none;
}
#canvas{
	width:775px;
	min-height:100%;
	height:100%;
	position:relative;
	margin:15px auto 0;
}
#header{
	overflow:visible;
	position:absolute;
	top:-42px;
	width:775px;
	height:70px;
	/*padding:0 0 0 100px; */
	background-repeat:no-repeat;
	background-position:0 -260px;
}
#mittelbox{
	float:right;
}
#logo{
	display:block;
	overflow:hidden;
	float:left;
	height:95px;
	width:100px;
	margin:-5px 0 0 0;
	background-repeat:no-repeat;
	background-position:-295px -113px;
}
#logo:hover{
	background-position:-409px -113px;
	z-index:5;
}
#logo:active{
	background-position:-523px -113px;
}
#claim{
	background-repeat:no-repeat;
	background-position:-360px 0;
	width:135px;
	height:25px;
	text-indent:-10000px;
	overflow:hidden;
}
#firmenname{
	background-repeat:no-repeat;
	background-position:-410px -210px;
	height:45px;
	width:277px;
	text-indent:-10000px;
	overflow:hidden;
}
#suchbox{
	width:350px;
	height:70px;
	float:right;
}
#suchrand_l{
	width:15px;
	height:29px;
	background-repeat:no-repeat;
	background-position:-190px 0;
	float:right;
	margin-top:10px;
}
#s{
	padding-top:5px;
	height:24px;
	border:0;
	float:right;
	margin:10px 0 0 0;
	color:#fff;
	background-color:#a6a6a6;
	background-repeat:repeat-x;
}
#suchrand_r{
	width:15px;
	height:29px;
	background-repeat:no-repeat;
	background-position:-210px 0;
	float:right;
	margin-top:10px;
}
#suchbutton{
	float:right;
	border:0 none;
	height:63px;
	width:78px;
	background-repeat:no-repeat;
	background-position:-535px -40px;
	background-color:transparent;
	cursor:pointer;
	margin-top:1px;
}
#suchbutton:hover{
	background-position:-615px -40px;
}
#suchbutton:active{
	background-position:-695px -40px;
}
.screenreader{
	visibility:hidden;
}
#kontaktbox{
	float:right;
	margin:4px 0 0 0;
}
#telefonnummer{
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:-80px 0;
	height:23px;
	width:101px;
	overflow:hidden;
	text-indent:-10000px;
	margin:-1px 10px 0 0;
}
#kontaktlink{
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:0 -230px;
	height:23px;
	width:100px;
	overflow:hidden;
	text-indent:-10000px;
	z-index:5;
}
#kontaktlink:hover{
	background-position:-99px -230px;
}
#kontaktlink:active{
	background-position:-198px -230px;
}
#zum-kontaktformular{
	width:100px;
	height:45px;
	background-repeat:no-repeat;
	background-position:-610px -330px;
	padding-right:100px;
	margin-top:5px;
}
.page_title{
	margin:0 0 10px 10px;
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:0 7px;
}

#hmenu{ /* die negativen positionierungswerte sind murks. weg damit! */
	position:absolute;
	left:8px;
	width:100%;
	top:27px;
}
#hmenu ul{
	margin: 0;
	padding:0;
}
#hmenu li{
	list-style:none;
	float:left;
}
#wer,#was,#sortiment,#buechergilde,#veranstaltungen,#rundbrief{
	display:block;
	float:left;
	text-indent:-10000px;
	background-repeat:no-repeat;
	height:25px;
}
#wer{
	width:83px;
	background-position:0 -73px;
	}
#wer:hover,.wer-active {
	width:83px;
	height:34px !important;
	background-position:0 -40px !important;
	}
#was{
	width:110px;
	background-position:-83px -73px;
	}
#was:hover,.was-active{
	width:110px;
	height:34px !important;
	background-position:-83px -40px !important;
}
#sortiment{
	width:100px;
	background-position:-190px -73px;
}
#sortiment:hover, .sortiment-active{
	background-position:-190px -40px !important;
	height:34px !important;
}
#buechergilde{
	width:79px;
	background-position:-289px -73px;
}
#buechergilde:hover,.buechergilde-active{
	width:79px;
	height:34px !important;
	background-position:-289px -40px !important;
}
#veranstaltungen{
	width:101px;
	background-position:-366px -73px;
}
#veranstaltungen:hover,.veranstaltungen-active{
	width:101px;
	height:34px !important;
	background-position:-366px -40px !important;
}
#rundbrief{
	width:81px;
	background-position:-466px -73px;
}
#rundbrief:hover,.rundbrief-active{
	width:81px;
	height:34px !important;
	background-position:-466px -40px !important;
}
/* 
 * bei horizontal aufgebautem sprite ginge auch das hier: 
 * 
 * #hmenu li a:hover{
 * background-position:-10px;
 * }
 */
	

#content{
	min-height:470px;
	height:100%;
	margin:57px 10px 0 10px; /* ??? so liegt das genau an der unterkante an. was brauchen wir ueberhaupt? auch die positionierung des hmenu geht damit inne dutten.*/
	padding:75px 12px 100px 12px;
}
#contentshade_l{
	min-height:100%;
	background-repeat:repeat-y;
}
#contentshade_r{
	min-height:100%;
	background-repeat:repeat-y;
	background-position:right;
}
#frontfoto{
	width:470px;
	height:312px;
	background-repeat:no-repeat;
	text-align:center;
	margin:3.5em auto 0;
}
#oeffnungszeiten{
	margin:0 auto;
}
#oeffnungszeiten{
	margin:1em 0 0 0;
	text-align:center;
	font-size:10.5pt;
}
#frontlinks{
	text-align:center;
	overflow:hidden;
	padding:0 38px;
}
#frontlinks ul{
	text-align:center;
}
#frontlinks li{
	list-style:none;
	float:left;
	margin:.9em;
	overflow:hidden;
}
#frontlinks a{
	padding:10px 0 0 0;
	color:white;
	text-decoration:none;
	display:block;
	width:101px;
	height:66px;
	background-repeat:no-repeat;
	font-size:13px;
	background-position:-629px -109px;
}
.post{
	font-size:10.5pt;
	padding:0 15px 0 5px;
	margin:0 0 10px 0;
}
.post p{
	margin:14px 0;
}
.post li{
	margin:15px 14px;
}
.alignright{
	border:0;
	float:right;
	margin:1.5em 1em;
}
.alignleft{
	border:0;
	float:left;
	margin:1.5em 1em;
}
#footer-wrapper{
	position:fixed;	
	bottom:0;
}
#footer_l{
	height:27px;
	/* width:775px; */
	width:767px;
	background-repeat:no-repeat;
	margin:0 0 0 4px;
	background-position:-763px 0;
}
#footer_r{
	background-repeat:no-repeat;
	background-position:755px 0;
	width:767px;
	height:27px;
}
#footer{
	overflow:hidden;
	width:743px;
	height:27px;
	margin:0 12px;
	
	background-repeat:repeat-x;
}
#footer ul{margin:5px 0 0 0;display:block;border:0 none;float:left;position:relative;left:50%;}
#footer li{
	display:block;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	right:65%;
	list-style:none;
	width:73px;
	height:22px;
	overflow:hidden;
	text-indent:-10000px;
}
#footer ul li a{
	display:block;
	margin:0;
	padding:0;
}
#impressum{
	background-repeat:no-repeat;
	background-position:0 -110px;
	width:73px;
	height:22px;
}
#impressum:hover{background-position:-73px -110px;}
#impressum:active{background-position:-146px -110px;}
#agb{
	background-repeat:no-repeat;
	background-position:0 -140px;
	width:73px;
	height:22px;
}
#agb:hover{background-position:-73px -140px;}
#agb:active{background-position:-146px -140px;}
#versand{
	background-repeat:no-repeat;
	background-position:0 -170px;
	width:73px;
	height:22px;
}
#versand:hover{background-position:-73px -170px;}
#versand:active{background-position:-146px -170px;}
#suchhilfe-button{
	width:38em;
	margin:2em auto 0;
}
#suchhilfe-image{
	width:31px;
	height:31px;
	float:right;
	margin-top:-.5em;
}
#suchhilfe-image:hover{
	cursor:pointer;
}
#suchhilfe{
	width:630px;
	margin:33px;
	padding:1em;
	border:1px solid black;
}
.suchhilfe-beispiel{
	margin:.4em;
}
.suche-starten{
	width:136px;
	height:21px;
}
.in-warenkorb-legen{
	width:94px;
	height:96px;
	background-position:0 -21px;
}
.zum-warenkorb{
	width:136px;
	height:22px;
	background-position:0 -119px;
}
.weiter-im-bestellvorgang{
	width:161px;
	height:20px;
	background-position:0 -140px;
}
.bestellen{
	width:82px;
	height:20px;
	background-position:0 -160px;
}
/* front */
#sidebar{
	height:320px;
	width:320px;
	position:absolute;
	top:150px;
	right:-120px;
}
#sidebar img{
	border:0;
	background-repeat:no-repeat;
	background-position:-15px -213px;	
}
#sidebar img:hover{
	background-position:-15px 213px;	
}
/* suche */
#vlbserp{border:1px solid #ce0000;width:650px;height:1200px;color:black;background-color:white; padding:7px 0 22px 7px; margin:33px;}
/* wer-wir-sind */
	.mitarbeiterbox{
		color:white;
		background-color:#7d7a73;
		overflow:hidden;
		margin:1.3em 0 2em;
		padding:1.5em 4em 1.3em;
		font-size:10.5pt;
	}
	.mitarbeiterbox h2{
		font-size:13pt;
		margin-bottom:0.6em;
		font-weight:bold;
	}
	.mitarbeiterbox-left{
		margin-top:2.2em;
		width:46%;
		height:100%;
		float:left;
	}
	.mitarbeiterbox-right{
		width:52%;
		height:100%;
		float:right;
	}
/* veranstaltungen */
#naechste_veranstaltungen{
	border-bottom:1px solid #ce0000;
	border-top:1px solid #ce0000;
	margin:17px 15px 0 0;
	padding:10px 0;
}
#naechste_veranstaltungen abbr{text-decoration:none;}

.widgettitle{display:none;}
.vevent{list-style:none;}
.vevent img{display:none;}
/* buechergilde */
#buechergilde-logo{
	/* width:296px; */
	width:229px;
	/* height:56px; */
	height:86px;
	background-repeat:no-repeat;
	margin-left:30px;
}
/* debugging helpers (to be removed) */
.showoutlines{
	outline:1px solid blue;
}
#outlinebutton{
	position:absolute;
	bottom:0;
}
#helperbutton{
	position:absolute;
	bottom:15px;
}
.info { position: absolute; } .hiddeninfo { display: none; }
/* end of debugging helpers */

/* jquery-lightbox */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	color:#000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	color:#000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666;
	background-color:#fff; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}