@import url("sprachauswahl.css");
@import url("form.css");
/* CSS-File generated by Christiane Müller, http://www.itib.de */

/* USED COLORS ------------------------------------------------- */
/* BENUTZTE FARBEN --------------------------------------------- */

/* white (e.g. content-background)          #ffffff    weiss     */
/* black (e.g. font)                        #000000    schwarz   */
/* grey (e.g. inner-containers)             #f0eeeb    grau      */
/* orange (e.g. hover-links)                #ff9900    orange    */
/* blue (e.g. links)                        #000099    blau      */
/* light blue (e.g. website-background)     #dfefff    hellblau  */
/* violett (e.g. visited links)             #6060bf    violett   */

/* GENERAL ----------------------------------------------------- */
/* ALLGEMEIN --------------------------------------------------- */



/* page general */
/* Seite generell */
body {
	background: #801418;         /* Hintergrund: dunkelrot */
	color: #801418;              /* Textfarbe: schwarz */
	font-family: Arial, Helvetica, sans-serif; /* Schriftart: Arial, Helvetica, Serif */
	font-size: 83%;
	line-height: 150%;              /* Schriftgröße: 83% */
	margin: auto;                /* Außenabstand: automatisch */
	padding: 0;                  /* Innenabstand: keiner */
	text-align: left;            /* Horizontale Ausrichtung: linksbündig */
	text-transform: none;
	font-weight: normal;
}

/* page-container including header-, main- and footer-container */
/* Seiten-Container mit Kopf-, Inhalts- und Fußbereich */
#page {
  background: #e3ddce;         /* Hintergrund: beige */
  margin: auto;                /* Außenabstand: automatisch */
  padding: 0px 10px;        /* Innenabstand: keiner */
  width: 800px;            /* Mindestbreite: 590px */
  background: url(../images/allg/bg_schatten.jpg) repeat-y;
}
#page_index {
  margin: auto;                /* Außenabstand: automatisch */
  padding: 0px 10px;        /* Innenabstand: keiner */
  width: 800px;            /* Mindestbreite: 590px */
}
#index,
#index a:link,
#index a:hover {
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #e3ddce;
	text-align: center;
}
#startseite h1 a:link,
#startseite h1 a:visited,
#startseite h1 a:active,
#startseite h1 a:hover {
  width: 800px;
  height: 420px;
  display: block;
  background: url(../images/index/index_startgrafik.jpg) no-repeat 0 0;
  margin: 100px 0 0 0;
  text-decoration: none;
}
#startseite h1 strong {
	margin: 0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	/* commented backslash hack v2 \*/
	overflow: hidden;
	/* end hack */
} 

/* clearing floatings */
/* Fließumgebungen zurücksetzen */
.fixfloat {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  width: 1px;                  /* Breite: 1px */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  font-size: 0px;              /* Schriftgröße: 0px */
  line-height: 0px;            /* Zeilenhöhe: 0px */
  height: 0px;                 /* Höhe: 0px */
}





/* ------------------------------------------Absatz ----------------------------------------------------------*/
p {
  /*float: none;                  Textumfluss: keiner */
  /*clear: both;                  Fortsetzung bei Textumfluss: unterhalb */
  margin: 0;
  padding: 0 0 1em 0;
}

/* heading level 1 */
/* Überschrift Ebene 1 */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; color: #801418; padding:0;}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif; /* Schriftart: Arial, Helvetica, Serif */
	color: #801418;              /* Textfarbe: schwarz */
	font-size: 1.1em;            /* Schriftgröße: 1.4em */
	font-weight: bold;         /* Schriftgewicht: extrafett */
	margin: 0 0 0 0;           /* Außenabstand: oben/rechts/links keiner, unten 6px */
	padding: 0 0 1em 0;                /* Innenabstand: 2px */
	text-transform: uppercase;
}

/* heading level 2 */
/* Überschrift Ebene 2 */
h2, h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;            /* Schriftgröße: 1.2em */        /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0 0 0.5em 0;                /* Innenabstand: 2px */
  line-height: 100%;
}
h3 {
  font-size: 0.875em;            /* Schriftgröße: 1.2em */        /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0.5em 0;                /* Innenabstand: 2px */
  line-height: 100%;
  color: #000;
}
h4 {
	margin: 0;                   /* Außenabstand: keiner */
	padding: 0.5em 0 0.5em 0;
}

/** Links************************************************************/

  a, a:visited {color: #01348d; text-decoration:none;}
  a:focus, a:hover, a:active {color:#01348d; text-decoration:underline;}
  /*LISTEN *******************************************************/
#main_content ul {
	padding: 0.5em;
	margin: 0 0 0.75em 0;
	list-style-type: none;
	border: 0px dotted #d3c8b4;
}
#main_content ul li {
	background: url(../images/allg/li_point.gif) no-repeat 0 6px;
	padding: 0 0 0 9px;
	margin: 0 0 0.5em 0;
	line-height: 1.0em;
	list-style-type: none;
	
}

#main_content ul li.csc-textpic-image {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*IE: Listenpunkt etwas mehr nach unten versetzen*/
* html #main_content ul li {
	/*background: url(../../images/allg/li_point.gif) no-repeat 0 0;*/
	background-position: 0 0;
}

/* HEADER ------------------------------------------------------ */

/* Header-Container */
#header_main {
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
 /* height: 20%;             Höhe: 20% */
  margin: 0;               /* Außenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}


/* Center Header-Container */
#header_content {
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 159px;          /*     Höhe: 90% */
  margin: 0;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;               /* Breite: 100% */
}

/* inner-container */
/* Allgemeiner Container */
.container {
	color: #000000;         /* Textfarbe: schwarz */
	margin: 0%;                 /* Außenabstand: 0,5% */
	padding: 0;                  /* Innenabstand: keiner */
	z-index:0;
	height: 159px; 
}


#logo {
	background-image:url(../images/header/logo_camba.png);
	background-repeat:no-repeat;
	position:absolute;
	height:184px;
	width:180px;
	z-index:100;
	padding: 0;
	margin: 0 310px;
	top: 82px;
	}
	
	

/* MAIN -------------------------------------------------------- */

/* Main-Container */
#main {
	background: url(../images/allg/bg_main.png) no-repeat;
	clear: both;             /*  Fortsetzung bei Textumfluss: unterhalb */
	color: #000000;           /* Textfarbe: schwarz */
	float: none;             /*  Textumfluss: keiner */
	/*height: 70%;               Höhe: 70% */
	margin: 0px;                /* Außenabstand: keiner */
	padding: 120px 0 0 0;               /* Innenabstand: keiner */
	width: 100%;              /* Breite: 100% */
	
}


/* Center Main-Container */
#main_content {
	color: #000000;           /* Textfarbe: schwarz */
	float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
	height: 95%;               /* Innenabstand: keiner */
	width: 540px;              /*  Breite: 74% */
	border-left:dotted 1px #877852;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;  
  }


#content_left {
	background-color: none;
	color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 95%;              /* Höhe: 95% */
  margin: 0;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 141px;               /* Breite: 23% */
}


/* FOOTER ------------------------------------------------------ */

/* Footer-Container */
#footer_main {
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 60px;              /* Höhe: 10% */
  margin: 15px 0px 0px 0px;                /* Außenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* Left Footer-Container */
/* Container links im Fussbereich */
#footer_left {
	color: #000000;           /* Textfarbe: schwarz */
	float: left;              /* Textumfluss: Container links ausrichten */
	margin: 0;                /* Aussenabstand: keiner */
	padding: 0%;              /* Innenabstand: 1% */
	width: 141px;               /* Breite: 23% */
}


/* Center Footer-Container */
#footer_content {
	color: #000000;           /* Textfarbe: schwarz */
	float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
	height: 80%;               /* Innenabstand: keiner */
	width: 60%;               /* Breite: 74% */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-left:30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/* Footer-Navigation */
#footer_content ul{
	font-size: 0.8em;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	margin:0;
}

#footer_content ul li{
	display: inline;
}



#footer_content a:link,
#footer_content a:visited {
	background: none;
	color: #b6a385;
	font-weight: lighter;
	text-decoration: none;
	padding: 0 1.2em;
	border-left:dotted 1px #877852;

}
	#footer_content li.linie_rechts {
	border-right:dotted 1px #877852;

}

#footer_content a:hover, 
#footer_content a:active {
	color: #585858;
}


#footer_content li.aktiv  a{
	color: #004677;
}
              


/* -----------------------Tabelle Produkte---------------------------*/

.table_unsere,
.table_unsere_3,
.table_saison,
.table_spezial,
.table_2 {
	width: 520px;
	cellpadding:0;
	cellspacing:0;
	line-height: 130%;
}	
.table_saison,
.table_spezial {
	width: 380px;
}
.table_1 {
	width: 120px;
}
.table_2 {
	width: 260px;
}

.table_unsere td,
.table_unsere_3 td,
.table_saison td,
.table_spezial td,
.table_1 td,
.table_2 td {
width:120px;
text-align:center;
vertical-align: top;
}

.table_unsere td a,
.table_unsere_3 td a,
.table_saison td a,
.table_spezial td a,
.table_1 td a,
.table_2 td a {
color:#9f7071;
text-decoration:none;
}

.table_unsere td a:hover,
.table_unsere_3 td a:hover,
.table_saison td a:hover,
.table_spezial td a:hover,
.table_1 td a:hover,
.table_2 td a:hover {
color:#801418;
} 

.table_unsere tr.tr-even td,
.table_unsere_3 tr.tr-even td,
.table_saison tr.tr-even td,
.table_spezial tr.tr-even td,
.table_1 tr.tr-even td,
.table_2 tr.tr-even td {
color:#801418;
/*height:40px;*/
}

.table_unsere .tr-last td,
.table_unsere_3 .tr-last td,
.table_saison .tr-last td,
.table_spezial .tr-last td,
.table_1 .tr-last td,
.table_2 .tr-last td {
	height:27px;
	/*background: url(../images/content/but_gebinde.jpg) no-repeat;*/
	font-size: 11px;
}

.table_unsere_3 {
	width: 70%;
}
/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* 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 IMG {border:2px solid black; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:0;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:both;}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:5px; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0px !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right:10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left:10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */

/* ###########################
** ### cssstyledcontent ÜBERSCHREIBEN ######
** ###########################
*/
DD.csc-textpic-caption {
	font-size: 11px;
	line-height: 110%;
}
/*Allgemein*/
.antifloat {
	clear: both;
	visibility: hidden;
	margin:0;
	padding:0;
}
.csc-textpic-imagewrap ul li,
.csc-textpic-above ul li,
.csc-textpic-image ul li,
.csc-textpic-imagecolumn ul li,
.csc-textpic-above ul li{
	list-style-type: none;
}
.csc-textpic-caption {
	color: #666;
	text-align: center;
	padding-top: 5px;
}
.tableUnsereBiere td{
	width: 129px;
}