@import url("kaffeeshop.css");
 /*
 Hintergrundfarbe: #faecc6 (dunkelcreme)
 rot Schiftzuglogo: #aa3e33
 rot dunkler: #a20824

 creme: #faf2dd
 schrift: #755451
 braun (logo) #562b27
*/

.display { display:none; }


html, body {
	margin:0;
         height: 100%;
         font-size: 11px;
         line-height:18px;
         font-weight:normal;
	color: #755451;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #faecc6;
         text-align: center;
         overflow: auto; /* Inhalt wächst mit, damit in IE6 footer stehenbleibt*/
		}

H1 {color: #a30824; font-size: 15px; padding: 0 0 10px 0; margin:0; font-weight:bold;}	/*rot groß*/
H2 {color: #a30824; font-size: 12px; padding: 0 0 3px 0; margin:0; font-weight:bold;}   /*rot 12px fett*/
H3 {color: #562b27; font-size: 12px; padding: 0 0 3px 0; margin:0; font-weight:bold;}   /*braun 12px bold*/
H4 {color: #755451; font-size: 11px; padding: 0 0 8px 0; margin:0; font-weight:bold;}   /*normal fett*/
H5 {color: #755451; font-size: 11px; padding: 0 0 0px 0; margin:0; font-weight:normal;} 	/*normal ohne alles*/


a {text-decoration: none; color:#bd9c81; }
a:link {color:#a20824}
a:visited {color:#a20824}
a:hover {color:#a20824; text-decoration: underline;}

a.oben {font-size:18px; font-weight:normal;}

a img {border:none}



#container01 {

         margin:0px auto;
	width:854px;
         min-height: 100%; /* Fuer moderne Browser */
  	height: auto !important; /* Fuer moderne Browser */
 	height: 100%; /* Fuer IE6 */
         background-color:#faf2dd;
         background-image: url(../images/hg-content.gif);
         background-repeat: repeat-y;
         padding:0 0 0px 0;
         text-align: left;

	}








#linieoben{
	width:100%;
         height: 5px;
         background-color: #a20824;}


#logofoto{
	width:100%;
         height: 163px;
         background-color: #faf2dd;
         }

	#logo {
         float: left;
         width:253px;
         height: 163px;
         background-image: url(../images/logooben.gif);
         background-repeat: no-repeat;
     	background-position:left top;
         }

         #foto {
         float:left;
         width:601px;
         height:163px;}


#liniemenu {
	margin:0;
         padding:0;
	height: 35px;
         width: 854px;
         background-color:#aa3e33;
	}

	#menu01 {        /*linke Seite Menu oben*/
         float:left;
         margin:0 0 0 0;
         padding:0;
         width: 253px;
         height:35px;
         }

                 #menu01 img { float: left; margin: 10px 10px 0px 15px;}

   	#menu02 {    /*rechte Seite Menu oben*/
         float:left;
         width: 601px;
         height:35px;
         }
         	#menu02 div {padding: 11px 0 5px 15px;}


         #menu02 div ul {
     list-style : none;
     margin : 0;
     padding : 0;
      }
 #navlist li {
     display : inline;
     font-size : 10px;
     height : 31px;
     font-weight : bold;
     text-transform:uppercase;
     letter-spacing : 0;
     padding : 0 10px 0 0px;
     margin : 0 0 0 0;
      }
 #navlist a {
     color : #faf2dd;
     text-decoration : none;
      }
 #navlist a:link, #navlist a:visited {
     color : #faf2dd;
     text-decoration : none;
      }
 #navlist a:hover {
     color : #ffa84f;
     text-decoration : none;
      }
 #navlist li.aktiv a {
     color : #ffa84f;
      }
 #navlist li.aktiv a:link {
     color : #ffa84f;
      }
 #navlist li.aktiv a:visited {
     color : #ffa84f;
      }
 #navlist li.aktiv a:hover {
     color : #ffa84f;
      }




#contentbox { height:100%; }
#contentlinks {float:left; width: 253px; }

#contentrechts {float: left; width: 601px; padding-top:33px; padding-bottom:90px;}
#contentrechts #main {float: left; width: 425px; padding: 0 10px 0px 15px; line-height: 19px;}
#contentrechts #mainrechts {float: left; width: 141px; border-left: dotted 0px #808080; padding: 0px 0 250px 5px; min-height: 100%; }
#mainpop {text-align: left; padding: 0 10px 0px 40px; line-height: 22px; font-size:12px;}
/*::::::::::::::::::::::::::::::::::::Menu  LINKS::::::::::::::::::::::::::*/

#signet{
text-align: center;
padding-top:37px;
width: 244px;
font-size: 11px;
font-weight: bold;
color: #b55749;
	}


#submenu{
padding-top:37px;
width: 244px;
font-size: 11px;
font-weight: bold;
color: #b55749;
	}



#submenu ul{
list-style: none;
margin: 0;
padding: 0 0 0 10px;/*kastenabstand links*/
border: none;
}

#submenu li {
padding: 0px 0 0px 0px;
margin: 0px 0 8px 0;
}

#submenu li a{
display:block;
height: 27px; /* Text-Padding-Abstand von Gesamthöhe abziehen 35px-8px=27px*/
padding: 8px 0px 0px 48px;
background-color: transparent;
color: #b55749;
text-decoration: none;
background: url(../images/hg_menu01.gif);
background-repeat: no-repeat;
background-position: top left;
}

#submenu li a:link, #submenu li a: visited {
color: #b55749;
text-decoration: none;}

#submenu li a:hover{
background: url(../images/hg_menu02.gif);
background-repeat: no-repeat;
background-position:0px 0px;
color: #a20824;
}


#submenu li.aktiv a {
background: url(../images/hg_menu02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #a20824;
}

#submenu li.aktiv a:link, #submenu li.aktiv a:visited, #submenu li.aktiv a:hover {
background: url(../images/hg_menu02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #a20824;
}


/*::::::::::::::::::::::::::::::::::::Menu  LINKS:ende:::::::::::::::::::::::::*/

#sommelier {
margin-top:23px;
width: 234px;
height:44px;
margin-left: 10px;
}

#sommelier a, #sommelier a:link, #sommelier a:visited {
display: block;
margin:0;
width: 234px;
height:44px;
background: url(../images/sommelier01.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#sommelier a:hover {
display: block;
width: 234px;
height:44px;
background: url(../images/sommelier02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;

}





* html #footer { position: absolute;} /*hack für IE6, da er fixed nicht schnallt*/

#footer {
	position: fixed;  /* fixed statt absolute, damit Opera funzt*/
         height: 40px;
	bottom: 0;
	padding: 0px;
	background-color: #a20824;
	width: 854px;
         color: #faf2dd;
         font-size: 9px;
	}


#footer01 {
float: left;
         width: 253px;
         height: 100%;
         background-color:#aa3e33;
         text-align: center;

         }
#footer01 div {padding:12px 0 0 0; white-space: nowrap;}
#footer01 div a, #footer01 div a:link, #footer01 div a:visited {color:#faf2dd;}
#footer01 div a:hover  {color:#f7da8e; text-decoration: none;}

#footer02 {
float: left;
	width: 601px;
         height: 100%;
         text-align: center;
         }

#footer02 div {padding:12px 0 0 0;}






#endefloat {
clear: both;
     margin : 0;
     padding : 0;
     width : 100%;
     color:red; }




/*::::::::::::::::::::::::::::::::::::TYPO3 Internes:::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::listen::::::::::::::::::::::::::*/

UL.csc-bulletlist-1 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-1 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 3px 12px; /*kasten zu text*/
background: url(../images/icon-rot5px.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
text-align: left;
}


UL.csc-bulletlist-2 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-2 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 3px 18px; /*kasten zu text*/
background: url(../images/icon-rot8px.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
text-align: left;
}

UL.csc-bulletlist-3 { list-style-type : decimal; }
UL.csc-bulletlist-4 { list-style-position : inside; }

UL.csc-bulletlist-5 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-5 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 8px 20px; /*kasten zu text*/
background: url(../images/icon-bohne2.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
text-align: left;
}
 /*:::::::::::::::::::::::::::::::RAHMEN für alle Content-Elemente:::::::::::::::::::::*/


DIV.csc-frame-indent3366 { padding-left: 50px; }


 /*:::::::::::::::::::::::::::::::::::::Rahmen um Bilder::(in CONSTANTS Rahmendicke auf 0 setzen):::*/
 /* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image  {

                 padding-right:5px !important; /* Fuer moderne Browser */
                 padding-right:2px; /* Fuer IE6 */
                 padding-bottom:2px;


		background: #CFCFCF;  /*das Graue dicke*/
	}


	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG  {
                 margin-top:-3px !important;
                 margin-left:-3px!important;
                 margin-top:0px ;
                 margin-left:0px;

		background:#fff;
		padding:3px; /* für weißen Hintergrundabstand*/
		border:1px solid #AFAFAF;
	}


/*  hover-effekt */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a:hover IMG { border:1px solid #aa3e33;}

/*:::::::::::::::::::::::::::::::::::::Rahmen um Bilder ENDE::(in CONSTANTS Rahmendicke auf 0 setzen):::*/



/*Formatierung Untertitel*/
p.csc-subheader-0 { color:#AF8058; font-size:110%; font-weight:bold; }


div.csc-sitemap {text-align:left;}
div.csc-sitemap ul {margin-left:15px; padding-left:3px;}

      /* Außenabstand bild
         DIV.csc-textpic-imagewrap { padding: 20px; } */




/*####### FÜR FORMULARE#############*/
.mailbutton {
     color: #000000;
     background-color: #faf2dd;
     font-size : 11px;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     border-bottom-width : 0px;
     border-color : #faecc6;
     border-left-width : 0px;
     border-right-width : 0px;
     border-top-width : 0px;
      }


.csc-mailform-label {
     color: #000000;
     background-color: #faecc6;
     font-size: 10px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
           }

.csc-mailform { border: none}



/*#######################  MAILFORMPLUS  ##############################*/

.tx-thmailformplus-pi1 {background-color:#ffffff; border: 0px solid #DFDFDF; width:100%; font-size:11px;}



.formbox {
  width: 100%;
  color: #000;
  background-color: #faf2dd;
  border: 1px solid #666;
}

.reihe {
  clear: both;
  padding: 2px 0px;
  width:100%;
}

.reihecap {
  clear: both;
  padding: 5px 0px 0 2px;
  width:100%;
  height: 40px
}


.label {
  float: left;
  width: 40%;
  text-align: right;
  padding-top: -3px;
  padding-right: 5px;
}

.feld {
  float: left;
  width: 120px;
  text-align: left;
  margin-left: 5px;

}

.label1 {
  float: left;
  width: 100px;
  text-align: left;
  height: 40px;
  padding: 0px 0 0px 0;

}

.spam {margin-top:0px; font-size:10px; line-height: 12px; padding-left: 3px; clear:both;}
.links20px {padding-left:20px; color: #BB0000; padding-bottom:10px;}


.knopf {
float: left;
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite { /*Formatierung dr Felder selbst*/
  width:90% ;
  font-size:11px;
  border: 1px solid #FFBF00;
  padding-bottom:2px;
}








/*::::::::::::::::::::::::::::::::::::TYPO3 Internes:::::::::::::::::::::::::*/














/*
#box {
	margin: 27px 64px 0px 154px;
         background-color:transparent;
         color: #bd9c81;
         font-weight:normal;
         font-size:10px;
         }

#box a {
color:#bd9c81;
background-color:#ffffff;
font-family:arial, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
display:block;
padding:0px 0px 0  0;
border:#ffffff solid 1px;
}

#box a:visited {
color:#bd9c81;
background-color:#ffffff;
}

#box a:hover {
color:#41759d;
background-color:#ffffff;
text-decoration:none;
height:30px;
border:#ffffff solid 1px;
}

#box a:active {
color:#bd9c81;
background-color:#ffffff;
}

 #box a .info {
display:none;
}

#box a:hover .info {
position:absolute;
top: 450px;
right:66px;
color:#ffffff;
background:#b8ab8f;
width:190px;
font:10px arial,sans-serif;
display:block;
padding:10px;

}
*/

/*::::::::::::::::::::::::::::::::::::GOOGEL MAP :::::::::::::::::::::::::*/

/* default styles for extension "tx_rggooglemap_pi1" */
#map {background:#ece9d8; border: 1px solid #aa3e33; clear:both;}

#tx-rggooglemap-cat {display:none}