/* --------baeckerei-coelven.de- STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi
	7.headlines
	8.show-layer
	 */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	line-height:1.5em;
	list-style-type:none;
	margin: 0px;
	padding: 0px;	}

:focus {outline: 0;}

html, body{
	font-family: "Trebuchet MS", Tahoma;
	background: url(../images/bg.jpg) #f7e6c4 repeat-x;
	color:#333;
	font-size:0.9em;}
	
html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR:#c00;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;}
	
hr{display:none;}

p{	margin:10px 0 15px 0;	
	text-align:justify;
	font-size:1.1em;}
	
h2{	padding-bottom:10px;
	font-size: 0.001em;
	text-indent:-4000px;}

h3{	font-size:1.2em;
	font-weight: bold;
	margin-bottom:25px;}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:1007px;
	position:relative;}
		
#header{
	background: url(../images/bg-header.jpg);
	height:349px;
	position:relative;	
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;}
	
#header h1 a{
	display: block;
	font-size: 0.001em;
	height:202px;
	left:13px;
	overflow: hidden;
	position:absolute;
	text-decoration: none;
	top:12px;
	width:342px;}
	
#header h1 a:hover{
	background: url(../images/logo2.jpg)no-repeat;
	z-index: 1;}

#oeffnungszeiten{font-size: 0.001em; text-indent:-4000px; color: #c00;}

#content{
	background: url(../images/bg-content.jpg) repeat-x bottom center #fff;
	margin-left:254px;
	padding:0px 30px 10px 30px;
	min-height:350px;
	width:672px;}	
*html #content{height:350px;}

#boxleft{width:320px;}

#boxright{
	width:320px; 
	left:640px;
	top:384px;
	position:absolute;}	
	
#contentbox{width:640px;}
	
#footer{
	background: url(../images/bg-footer.jpg) no-repeat;
	height:199px;
	margin-top:0px;
	color:#f7e6c4;}	
	
#mailkontakt{
	width:246px;
	height:18px;
	display:block;
	z-index:20;	
	background:url(../images/bg-navi.jpg);
	margin:117px 0 0 631px;}
	
#mailkontakt ul{ list-style-type:none;}	
#mailkontakt li  {display:block; text-indent:-4000px;}
#mailkontakt li a, #navi li a:hover {display:block; padding:0px; text-decoration:none;}

#email01 a {background: url(../images/email01.jpg) no-repeat; height:18px;}
#email01 a:hover { background: url(../images/email02.jpg) no-repeat;}
#email01-aktiv a {background: url(../images/email02.jpg) no-repeat;}

#adressbox{	font-size: 0.001em;
	text-indent:-4000px;}	
	
#footer-aussen{
	background: url(../images/bg-footer-aussen.jpg)  repeat-x;
	height:199px;
	margin-top:-199px;}	

/*------------------3.links------------------*/

a { text-decoration:underline;color:#c00;}
a:hover { text-decoration:none; color:#333;}

/*------------------4.content------------------*/
.liste{	
	
	margin:5px 0 5px 0px;
	padding-left:25px; }
		
.liste li{
	font-size:1.1em;
	list-style-image: url(../images/arrow.gif); 
	margin:5px 30px 3px 0px;}	
	
.red{color:#c00;}
	
.imgborder{border:3px solid #c00; background:#fff; padding:1px; margin:0 10px 5px 0;}
.imgnoborder{border:none; margin-right:5px;}

.left{float:left; margin: 5px 20px 5px 0;}
.right{float:right; margin: 5px 0 5px 20px;}

.pdf{background:url(../images/pdf.gif) no-repeat; padding-left:25px; height:25px;}

.back{margin-left:600px; font-size:0.9em; margin-top:15px;}
.back a{background:#f7e6c4; padding:3px; text-decoration:none;}
.back a:hover{background:#f0d19b; }
/*------------------5.navi----------------*/	
#navi{
	width:195px;
	height:358px;
	display:block;
	z-index:20;
	left:38px;
	top:349px;
	background:url(../images/bg-navi.jpg);
	position:absolute;}
	
#navi ul{ list-style-type:none;}	
#navi li  {display:block; text-indent:-4000px;}
#navi li a, #navi li a:hover {display:block; padding:0px;text-decoration:none;}

#start a {background: url(../images/navi/start01.jpg) no-repeat; height:22px; margin-top:13px;}
#start a:hover { background: url(../images/navi/start02.jpg) no-repeat;}
#start-aktiv a {background: url(../images/navi/start02.jpg) no-repeat;}

#geschichte a {background: url(../images/navi/geschichte01.jpg) no-repeat; height:24px;}
#geschichte a:hover { background: url(../images/navi/geschichte02.jpg) no-repeat;}
#geschichte-aktiv a {background: url(../images/navi/geschichte02.jpg) no-repeat;}

#aktuelles a {background: url(../images/navi/aktuelles01.jpg) no-repeat; height:21px;}
#aktuelles a:hover { background: url(../images/navi/aktuelles02.jpg) no-repeat;}
#aktuelles-aktiv a {background: url(../images/navi/aktuelles02.jpg) no-repeat;}

.sortiment01{background: url(../images/navi/sortiment.jpg) no-repeat;}

#brote a {background: url(../images/navi/brote01.jpg) no-repeat; height:22px;}
#brote a:hover { background: url(../images/navi/brote02.jpg) no-repeat;}
#brote-aktiv a {background: url(../images/navi/brote02.jpg) no-repeat;}

#broetchen a {background: url(../images/navi/broetchen01.jpg) no-repeat; height:22px;}
#broetchen a:hover { background: url(../images/navi/broetchen02.jpg) no-repeat;}
#broetchen-aktiv a {background: url(../images/navi/broetchen02.jpg) no-repeat;}

#bio a {background: url(../images/navi/bio01.jpg) no-repeat; height:22px;}
#bio a:hover { background: url(../images/navi/bio02.jpg) no-repeat;}
#bio-aktiv a {background: url(../images/navi/bio02.jpg) no-repeat;}

#kuchen a {background: url(../images/navi/kuchen01.jpg) no-repeat; height:22px;}
#kuchen a:hover { background: url(../images/navi/kuchen02.jpg) no-repeat;}
#kuchen-aktiv a {background: url(../images/navi/kuchen02.jpg) no-repeat;}

#torten a {background: url(../images/navi/torten01.jpg) no-repeat; height:22px;}
#torten a:hover { background: url(../images/navi/torten02.jpg) no-repeat;}
#torten-aktiv a {background: url(../images/navi/torten02.jpg) no-repeat;}

#plaetzchen a {background: url(../images/navi/plaetzchen01.jpg) no-repeat; height:23px;}
#plaetzchen a:hover { background: url(../images/navi/plaetzchen02.jpg) no-repeat;}
#plaetzchen-aktiv a {background: url(../images/navi/plaetzchen02.jpg) no-repeat;}

#backstube a {background: url(../images/navi/backstube01.jpg) no-repeat; height:24px; margin-top:21px;}
#backstube a:hover { background: url(../images/navi/backstube02.jpg) no-repeat;}
#backstube-aktiv a {background: url(../images/navi/backstube02.jpg) no-repeat;}

#stehcafe a {background: url(../images/navi/stehcafe01.jpg) no-repeat; height:20px;}
#stehcafe a:hover { background: url(../images/navi/stehcafe02.jpg) no-repeat;}
#stehcafe-aktiv a {background: url(../images/navi/stehcafe02.jpg) no-repeat;}

#service a {background: url(../images/navi/service01.jpg) no-repeat; height:23px;}
#service a:hover { background: url(../images/navi/service02.jpg) no-repeat;}
#service-aktiv a {background: url(../images/navi/service02.jpg) no-repeat;}

.subheadline{
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}

/*------------------6.subnavi-----------------*/	
#subnavi{
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
	left:750px;
	top:15px;
	z-index:20;
	display:inline;
	color:#fff;}
	
#subnavi ul{display:inline;list-style-type:none;}	
#subnavi li {display:inline; padding-left:20px;}
#subnavi li a{text-decoration:none; color:#fff;}	
#subnavi li a:hover {text-decoration:underline; color:#fff;}

/*------------------7.headlines------------------*/
.headline{
	height:25px;
	font-size: 0.001em;
	text-indent:-4000px;}


.start{background: url(../images/headlines/start.gif) no-repeat;}
.geschichte{background: url(../images/headlines/geschichte.gif) no-repeat;}
.aktuelles{background: url(../images/headlines/aktuelles.gif) no-repeat;}
.brote{background: url(../images/headlines/brote.gif) no-repeat;}
.broetchen{background: url(../images/headlines/broetchen.gif) no-repeat;}
.bio{background: url(../images/headlines/bio.gif) no-repeat;}
.torten{background: url(../images/headlines/torten.gif) no-repeat;}
.plaetzchen{background: url(../images/headlines/plaetzchen.gif) no-repeat;}
.kuchen{background: url(../images/headlines/kuchen.gif) no-repeat;}
.backstube{background: url(../images/headlines/backstube.gif) no-repeat;}
.stehcafe{background: url(../images/headlines/stehcafe.gif) no-repeat;}
.service{background: url(../images/headlines/service.gif) no-repeat;}
.kontakt{background: url(../images/headlines/kontakt.gif) no-repeat;}
.danke{background: url(../images/headlines/danke.gif) no-repeat;}
.anfahrt{background: url(../images/headlines/anfahrt.gif) no-repeat;}
.impressum{background: url(../images/headlines/impressum.gif) no-repeat;}
.fehler{background: url(../images/headlines/fehler.gif) no-repeat;}

/*--------------- 8. show-layer ------------------*/

.ul-showlayer{
	margin:0px 0 25px 0;
	font-size:1em;
	line-height:1.5em;}


.ul-showlayer li {
	font-size:1.1em;
	list-style-type: none;
	margin-bottom:6px;
	line-height:1.5em;
	text-align:justify;}