html{
	height: 100%;
	padding-bottom: 1px;
}

body{
	background-color: #F07EAF;
	color: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	/*text-align: center;*/
	margin: 0;
	padding: 0;
	
}



#container{
	background-image: url(../img/linie-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0 auto;
	padding: 12px 0 0 0;
	/*text-align: center;*/
}

#header{
	width: 780px;
	background: url(../img/headpic1.gif) no-repeat top right;
	height: 117px;
}

#geschaefte #header{
	width: 780px;
	background: url(../img/headpic4.gif) no-repeat top right;
	height: 117px;
}

#galerie #header{
	width: 780px;
	background: url(../img/headpic2.gif) no-repeat top right;
	height: 117px;
	
}

#news #header{
	width: 780px;
	background: url(../img/headpic3.gif) no-repeat top right;
	height: 117px;
	
}

#impressum #header{
	width: 780px;
	background: url(../img/headpic5.gif) no-repeat top right;
	height: 117px;
	
}

#header #logo{
	width: 132px;
	padding: 0;
	margin:0;
	float: left;
	
}

#header #logo h1{
	background: url(../img/logo.gif) no-repeat;
	margin: 0;
 	width: 132px;
 	height: 117px;
 	display: block;
	
}

div#header #logo h1 a
{
 	display: block;
 	width: 132px;
 	height: 117px;
}

#header #logo h1 span{
	position: absolute;
	left: -4500px;
}





/**** main navigation  ****/


#navigation {
   width:auto; 
   margin: 0 0 0 135px;
	padding: 89px 0 0 0;
   /*padding: 0;
   margin:0 auto;*/
   list-style-type:none; 
   font-size:0.75em; 
  }
  
#navigation li {
  float:left; 
  margin-right: 4px;
}


#navigation li a, #navigation li a:visited {
  text-decoration:none; 
  color:#FFF; 
  display:block; 
  width:157px; 
  height:1.5em; 
  height:auto;
}
  
#navigation li a:hover {
  text-decoration:none; 
  color:#F07EAF; 
  /*display:block; 
  width:157px; 
  height:1.5em; 
  height:auto;*/
}
  
#navigation li a em {
  font-style:normal; 
  display:block; 
  text-align:center; 
  background:#B4000F;
  padding: 4px;
}

.navihere{
  color:#F07EAF; 
	
}
  
/* definiert den inhaltsbereich
*******************************************************/

#content{
	width: 100%;
	background: #F07EAF url(../img/bg-content.gif) repeat-x top;
	color: #FFF;
	padding: 0;
	margin: 0 auto;
}

#content #main
{
	width: 780px;
	text-align: left;
	background: url(../img/hg-content.gif) no-repeat left top;
	/*margin: 0 auto;*/
	padding: 0;
}

/* startseite und Gallerie Uebersichtsseite
******************************************/
#content #main #vierbilder
{
	background-color: #B4000F;
	background-image: url(../img/hg-imggallerie.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFF;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 131px;
	border-left: 2px #D2405F solid;
	border-right: 2px #D2405F solid;
	font-size: 0.75em;
}

#content #main #vierbilder img
	
{padding-right: 3px;
	
}

#content #main #vierbilder p{
	padding: 15px 0 15px 0;
}



/* unterseiten
******************************************/

#content #main #text
{
	background-color: #B4000F;
	color: #FFF;
	padding: 30px 20px 50px 50px;
	margin: 0 0 0 132px;
	border-left: 2px #D2405F solid;
	border-right: 2px #D2405F solid;
	font-size: 0.75em;
}


#content #main #text img{
	padding: 5px;
	padding-bottom: 10px;
	border: 0;
}



#content #main #text h2{
	font-size: 1.3em;
}


#text a, #text a:visited{
	color: #FFF;
	text-decoration: none;
}

#text a:hover{
	color: #F07EAF;
	text-decoration: none;
}


#content #main #text .floatleft{
	float:left;
	padding-bottom: 0px;
}

#content #main #text .floatleftmehrabstand{
	float:left;
	padding: 0px;
	margin: 0;
}

/*	wichtig: "position:relative;" und "left" statt "margin-left" */ 
div#contentleft {
	float: left;
	position: relative;
	left: 0px;
	width: 260px;
	font-size: 0.8em;
	margin:0;
	padding: 0;
}
/*	nur für IE Mac, sonst setzt der die Inhalt an den linken Außenrand */ 
*>html div#contentleft {
	margin-left: 0px;
	position:static;
}


#content #main #text #contentright{
	margin: 0 0 0 290px;
	min-height: 400px;
	position: relative;
	/*zoom: 1;*/
}

/*\*/
* html #contentright
{
	height: 400px;
}
/**/

#gallerienavi {
   width:auto; 
   margin: 0;
	padding: 8px 0 0 0;
   margin-bottom: 10px;
   list-style-type:none; 
   font-size:1em; 
  }
  
#gallerienavi li {
  float:left; 
  margin-right: 3px;
  
  }
#gallerienavi li a, #gallerienavi li a:visited {
  text-decoration:none; 
  color:#FFF; 
  display:block; 
  width:157px; 
  height:1.5em; 
  height:auto;
  
  }
  
#gallerienavi li a:hover {
  text-decoration:none; 
  color:#F07EAF; 
 
  
}
  
#gallerienavi li a em {
  font-style:normal; 
  display:block; 
  text-align:center; 
  background:#B4000F;
  padding: 4px;
  }





.stopleft{
	clear: left;
}

.stopleft p{
	display: none;
}


hr{
	background-color: #FFF;
	color: #FFF;
	width: 100%;
	height: 1px;
	border: 0;
}