/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    color: #333;
    background: #3e3d40;
}
div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 133% }
h2 { font-size: 124%; }
h3 { font-size: 115%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }

a, a:link { 
    text-decoration: none;
    color: #3e3d40;
}
a:visited { color: #3e3d40;  }
a:hover { color: #a81c55;  text-decoration: none; }
a:active { color: #c33;  }


a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}

/*
.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}
*/

#page {
    width: 986px;
    margin:  0 auto 20px auto;
    padding-top:63px;

}



hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}


/* Special text formatting 
------------------------------------------------------------------------------- */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, {
	color: #3e3d40;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #topmenu h2, cite {
	text-decoration: none;
}

h2 a:hover, h3 a:hover {
	color: #aa0b45;
}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

/*weisser Bereich oberhalb des headers*/
#row {
  padding:28px 0 10px 0;
  background-color:#FFF;
  width:967px;
  margin:10px 0 0 10px;	
}

/* Header 
------------------------------------------------------------------------- */
#header { 
   
}

/* weisser Trenner	unterhalb des Header
------------------------------------------------------------------------- */
#balken1 {
	width:967px;
	margin:auto;
	padding:6px auto;
	background-color:white;
}



/* Sidebar 		und die Navigation  ist topmenu
------------------------------------------------------------------------- */
#sidebar {
	width:967px;
	background-repeat:repeat-x;
	margin:auto;
	padding:14px 0 15px 0; /* */
	background: url(images/menuBG.jpg);
}

#sidebar ul { position:relative; left: -15px; top: -17px; }


#topmenu li {
	float:left;
	/*color:  #3e3d40;*/
padding:12px 7px 12px 7px;
	width:auto;
	background: url(images/navBGinkl.jpg) no-repeat top right;
}

#topmenu h2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
  /*color: #3e3d40;*/
	font-size:12px;
	font-weight:bold;
	position:relative;
	left:-8px;
	top:-5px;
}

#topmenu li.active h2 a{
	/*color:#aa0b45;*/
	color: #aa0b45;
	font-weight:bold;
}

#topmenu li.last {
	width:auto;
	background: url(images/navBGohne.jpg) no-repeat top right;
}



/* Contentbereich
------------------------------------------------------------------------- */
/*container für center und teaser*/
#content {
 width: 967px;
 padding:0;
 margin:0;
 
 position:relative;
 top:-37px;
 font-size: 95%;
}

#center {
	float:left;
  width: 741px;
  margin: 0;
  padding:16px 0px 0px 0px;
  min-height:255px;
  background: url(images/contentBG.jpg) repeat-y top right;

}
#maininhalte {
	padding:0 16px 12px 16px;
	text-align:left;
	min-height:210px;
	
}

/*
*
*  TEASER  verwendet im Editor
*/
#teaser {
  width: 226px;
  float:right;
  padding:0;
	margin:0;
}
#teaserTxT {  /*Das Div mit dem Text innerhalb des Teasers -bei StandardTemplates*/
	margin:5px 0;
}
#teaserTxTBucher { /*Das Div mit dem Text innerhalb des Teasers bei BuchersBestes*/
	margin:5px 0;
	padding:10px 5px 2px 5px;
	text-align:justify;
}
.aktion, .bezeichnung, .stattpreis  {
	font-family:Arial, Verdana, Helvetica, sans-serif;
  color: #404042;
	text-align:left;
	padding-left:10px;
}
/*Die td in den 3 Zeilen selbst*/
.aktion {
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}
.bezeichnung {
	font-style:italic;
	font-weight:bold;	
	font-size:14px;
	padding-bottom:5px;
}
.stattpreis {
	font-style:normal;
	font-weight:normal;	
	font-size:12px;
}

/*
Brote
*/
#brote {
	position:relative;
	top:-12px;
}
#brote a, #brote a:link, #brote a:visited, #brote a:hover {
	font-family:Arial, Verdana, Helvetica, sans-serif;
  color: #3e3d40;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#brote div {
	margin:2px 0;
}
#brotcontainer  {
	/*position:relative; top: -5px; left: -5px;*/
	position:absolute; top: 180px; left: 180px; width:540px;  z-index:1000; display:block;

}
#brot1, #brot2, #brot3, #brot4, #brot5, #brot6,  #brot7, #brot8, #brot9{ 
	position:absolute; top: 180px; left: 180px; width:540px; visibility:hidden;  z-index:100;
}
#layerDiv {
	position:absolute; top: 180px; left: 180px; width:540px;
}
#brot1 .bild, #brot2 .bild, #brot3 .bild, #brot4 .bild, #brot5 .bild, #brot6 .bild, #brot7 .bild, #brot8 .bild, #brot9 .bild, #layerDiv .bild {
	float:left;
	width:230px;
}
#brot1 .text, #brot2 .text, #brot3 .text, #brot4 .text, #brot5 .text, #brot6 .text, #brot7 .text, #brot8 .text, #brot9 .text, #layerDiv .text{
	float:right;
	width:250px;

}


/*
Filialen
*/
 #filialdiv {
 		width:300px;
	float:right;
	position:absolute;
	left:410px;
	top:90px;
	 visibility:hidden;
}
#filialen div {
	margin:10px 0 10px 0;
	float:left;
	width:400px;
	position:relative;
	top:-35px;
}
#filialentext1, #filialentext2, #filialentext3, #filialentext4, #filialentext5   { 
	width:300px;
	float:right;
	position:absolute;
	left:410px;
	top:40px;
	 visibility:hidden;
}
.bilddiv  {
	text-align:center;
	margin:20px 0 10px 0;
} 

/* Footer  */
-------------------------------------------------------------------------

.banderole {
	position:relative;
	left:0;
	top:0px;
	background-color:#b5c505;
	float:left;
}
.f1 {
	width:741px;
	padding:0;
	margin:0;
	background: url(images/contentBG.jpg) repeat-y top right;
	text-align:left;
}
.f2 {
	width:741px;
	padding:10px 0 10px 0;
	margin:0;
	background: url(images/footer2.jpg) no-repeat top left;

}
.adresse {
	position:relative;
	top:-7px;
	padding-left:55px;
}
.banderolerest {
	width:226px;
	background-color:#b5c505;
	float:right;
	padding:3px 0 4px 0;
	position:relative;
	top:-36px;
}


#werbung {
	padding-right:0px; 
	text-align:right; 
	color:#FFF; 
	font-size:11px;
}
#werbung a, #werbung a:link, #werbung a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
} 
#werbung a:hover {
	text-decoration:none;
	color:#b5c503;
	font-size:11px;
}

img#mittig {
 margin:10px auto 10px auto;
}







/* Post (main content entries)
------------------------------------------------------------------------- */
.post {
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 14px;
    border-bottom: 1px solid #ddd;
}

.post h3 {
    margin-top: 0;
    color: #f63;
}
.post ul li {
	background: url(images/tictac_orange.gif) no-repeat 0 6px;
	margin-left: 0em;
}



/* Related Links 
------------------------------------------------------------------------- */
#navlist li { 
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}




/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}