/*

  CSS-Regeln für www.spreequell.de

*/

/*  ################################### BASICS ############################################ */
body
{
  background-color:rgb(214,228,245);
  margin:0;
  padding:0;
  text-align:center;
  vertical-align:top;
  font-size:12pt;
  font-family:Verdana, Arial, Sans-serif;
}

div#main
{
  position:relative;
  top:0;
  left:auto;
  right:auto;
  width:948px;
  height:648px;
  border:1px solid rgb(2,54,96);
  margin:12px auto 4px auto;
  /*padding:0 62px 0 322px;*/
  padding:0;
  background-image:url('/standard/img/background.png');
  background-position:left top;
  background-repeat:no-repeat;

  text-align:left;
  overflow:hidden;
}

div#footer
{

  position:absolute;
  left:0;
  bottom:0;
  background-image:url('/standard/img/skyline_vorn.png');
  background-repeat:no-repeat;
  background-position:top left;
  height:88px;
  width:948px;
  margin:0;
  padding:0;

}

/* 2009 */
/*
div#titel
{
  position:absolute;
  top:0;
  left:0px;
  width:88px;
  height:648px;
  margin:0;
  padding:0;
  overflow:hidden;
}
*/
/* 2009 */
/*
div#banner
{
  position:absolute;
  top:0;
  left:88px;
  width:192px;
  height:648px;
  margin:0;
  padding:0;
  overflow:hidden;
}


div#banner img
{
  display:block;
  margin:0;
  padding:0;
  position:relative;
  top:0;
  left:0;
  overflow:hidden;
  border:0px none;
}
*/

div#navi
{
  position:absolute;
  top:0;
  left:36px;
  width:564px;
  height:134px;
  overflow:visible;
  z-index:999;
  margin:0;
  padding:0;
}

div#kopfScreen img
{
  display:block;
  position:absolute;
  top:14px;
  left:86px;
  padding:0;
  margin:0;
  border:none;
}

div#kopfPrint
{
  display:none;
}

div#content
{
  position:absolute;
  top:140px;
  left:36px;
  width:576px;
  height:424px;
  margin:0px 0 0 0;
  padding:14px 24px 0 16px;
  background-color:rgb(255,255,255); /* rgb(231,245,252) */
  background-image:url('/standard/img/verlauf_content.jpg');
  background-position:top left;
  background-repeat:repeat-x;
  overflow:auto;
  border-bottom:22px solid rgb(231,245,252);
}

div.floater
{
	display:inline-block;
	width:140px;
	height:160px;
	margin:0;
	padding:6px 46px 6px 0px;
	border:0;
	float:left;
}

/* ################# NEU: Deko-Kasten rechts oben */
div.dekobox
{
	position:absolute;
	top:0px;
	right:0px;
	width:272px;
	height:412px;
	padding:0;
	margin:0;
	border:0;
	overflow:visible;
}

div.dekobox .element
{
	position:absolute;
	padding:0 0 3px 3px;
	width:auto;
	height:auto;
	border:0;
}

div.dekobox .hA
{
	left:-136px;
}

div.dekobox .hB
{
	left:0px;
}

div.dekobox .hC
{
	left:136px;
}

div.dekobox .v1
{
	top:0;
}

div.dekobox .v2
{
	top:103px;
}

div.dekobox .v3
{
	top:206px;
}

div.dekobox .v4
{
	top:309px;
}





/*  ################################### SCHRIFTEN ############################################ */

h1
{
  font-size:12pt;
  color:rgb(26,73,124);
  margin:0 0 20px;
  padding:0;
  line-height:100%;
}

h2
{
  font-size:10pt;
  font-weight:bold;
  line-height:115%;
  color:rgb(26,73,124);
  margin:0.1em 0 0.6em 0;
  padding:0;
}

div.contentBlock h2, div.contentBlock2 h2, div.columnBlock h2, div.listBlock h2
{
  margin:0.1em 0 0.2em 0;
}

h3
{
  font-size:8pt;
  font-weight:bold;
  line-height:120%;
  color:rgb(26,73,124);
  margin:0.8em 0 0.4em 0;
  padding:0;
}

h3.enger
{
	/* für Nährwert-Fenster */
  font-size:8pt;
  font-weight:bold;
  line-height:100%;
  color:rgb(26,73,124);
  margin:0.1em 0 0em 0;
  padding:0;
}

h4
{
  font-size:8pt;
  font-weight:bold;
  line-height:140%;
  color:rgb(2,54,96);
  margin:0 0 0.2em 0;
  padding:0;
}

p
{
  font-size:8pt;
  font-weight:normal;
  line-height:140%;
  color:rgb(2,54,96);
  margin:0 0 0.7em 0;
  padding:0;
}

.bildunter
{
	font-size:7pt;
	line-height:110%;
}

div.contentBlock p, div.contentBlock2 p, div.columnBlock p, div.contenBlockExtra p, div.listBlock p
{
  margin:0 0 0.3em 0;
}

div#footer > p
{
  position:absolute;
  left:700px;
  bottom:19px;
  line-height:120%;
  margin:0;
  height:auto;
  width:auto;
}

div#footer img#claim
{
    position:absolute;
    bottom:20px;
    left:180px;
}

div#footer div#facebook
{
	position:absolute;
    bottom:19px;
    left:490px;
    width:198px;
    overflow:hidden;
}

div#footer div#facebook img
{
	display:inline-block;
	position:relative;
	top:1px;
	float:right;
	margin-right:4px;
}

div#fb_text
{
	display:inline-block;
	float:right;
	width:auto;
	margin-top:1px;
	height:14px;
	vertical-align:bottom;
}

div#fb_text p
{
	
	bottom:0;
	color:rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	color: rgb(255,255,255);
  	font-weight:bold;
  	font-size:11px;
  	margin:0;
}

.rot
{
  color:rgb(0,172,232);
  font-weight:bold;

}

.kastentext
{
  font-size:8pt;
  font-weight:normal;
  line-height:120%;
  color:rgb(21,83,149);
  margin:0 0 0.4em 0;
  padding:0;
}

.aussen
{
  /* negative Einrückung, um Pfeil nach aussen zu rücken */
  text-indent:-14px;
  margin:0;
}

.mehrAbstand
{
  /*margin:1.4em 0 0.8em 0;*/
  padding-top:1.4em;
}
/* ###################################### Anker ############################################### */
a:link, a:visited
{
  text-decoration: none;
  color:rgb(184,32,46);
}

a:hover, a:active
{
  text-decoration: underline;
}

a.pfeil:link, a.pfeil:visited, a.pfeil:hover, a.pfeil:active
{
  background-image:url('/standard/img/navi/pfeil-re.gif');
  background-position:left 5px;
  background-repeat:no-repeat;
  padding-left:14px;
  font-weight:bold;
}

a.back:link, a.back:visited, a.back:hover, a.back:active
{
  background-image:url('/standard/img/navi/pfeil-li.gif');
  background-position:left 5px;
  background-repeat:no-repeat;
  padding-left:14px;
  font-weight:bold;
}

div#footer a:link, div#footer a:visited
{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: rgb(255,255,255);
  font-weight:bold;
  font-size:1.1em;
}

div#footer a:hover, div#footer a:active
{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: rgb(255,255,255);
  font-weight:bold;
  font-size:1.1em;
}

/* ################################### AJAX Specials ######################################## */
/* 2009 */
/*
div#imgViewer
{
  position:absolute;
  width:640px;
  height:504px;
  top:61px;
  left:153px;
  background-color:rgb(214,228,245);
  border:1px solid rgb(2,54,96);
  z-index:1000;
}
*/
div#prodViewer
{
/*	im Produkte-Bereich die Inhaltsstoffe */
  position:absolute;
  width:340px;
  height:auto;
  background-color:rgb(214,228,245);
  border:1px solid rgb(2,54,96);
  z-index:1000;
}

div#title
/*  nicht zu verwechseln mit div#titel - jener ist der senkrechte Schriftzug auf jeder Seite */
{
  position:relative;
  top:0;
  left:0;
  width:inherit;
  height:24px;
  background-color:rgb(2,54,96);
  margin:0;
  padding:0;
  overflow:hidden;
}

div#title img.close
{
  display:block;
  position:absolute;
  top:0px;
  right:0px;
}

div#imgViewer p, div#prodViewer p
{
  font-weight:bold;
  color:rgb(224,234,247);
  margin:0;
  padding:5px 0 4px 12px;
}

div#imgViewerContent
{
  position:relative;
  top:0;
  left:0;
}

div#imgViewerContent p
{
  font-size:8pt;
  font-weight:normal;
  line-height:140%;
  color:rgb(2,54,96);
  margin:0 0 0.7em 0;
  padding:2px 0 2px 12px;
}

div#imgViewerContent h3
{
  padding:5px 8px 4px 12px;
}

div#imgViewerContent table
{
  margin:0 8px 4px 12px;
}

div#imgViewerContent table td
{
	padding:1px 0 0px 0;
	margin:0;
}

#avsTooltip
{
  width:260px;
  height:auto;
  background-color:rgb(145,185,241);
  border:1px solid rgb(2,54,96);
  position:absolute;
  z-index:9999;
  padding:0;
  font-size:0.9em;
  top:100px;
  left:100px;
}

#ttText
{
  margin:10px 0 0 0;
  padding:4px 10px 6px 10px;
}


/* ######################################### FORMS ############################################### */

form
{
  font-size:9pt;
  font-family:Verdana, Arial, Sans-serif;
}

/* ########################################### SONSTIGES ########################################## */
.rahmen
{
  /*
  border:1px solid rgb(2,54,96);
  */
  border:none;
}

.rechts
{
  text-align:right;
}

.indent
{
	text-indent:1.6em;
}

div.contentBlock ul, div.contentBlock2 ul
{
  margin:0 0 12px 0;
  padding:0 0 0 16px;
  list-style-type:circle;
}

div.contentBlock ol
{
  margin:0 0 12px 0;
  padding:0 0 0 12px;
}

div.contentBlock li, div.contentBlock2 li, div.columnBlock li, div.dummyBlock li
{
  font-size:8pt;
  font-weight:normal;
  color:rgb(2,54,96);
  margin:0 0 0.4em 0;
}

th
{
  font-size:8pt;
  line-height:110%;
  font-weight:bold;
  text-align:left;
  margin:0 1px 0.4em 0px;
  padding:3px 1px 3px 2px;
  color:rgb(21,83,149);
}

td
{
  font-size:8pt;
  line-height:116%;
  font-weight:normal;
  text-align:left;
  margin:0;
  padding:2px 1px 2px 2px;
  color:rgb(2,54,96);
  vertical-align:top;
}

tr.odd
{
  background-color: rgb(224,234,247);
}

tr.even
{
  background-color: rgb(217,221,233);
}

td ul
{
  margin:0 0 0 8px;
  padding:2px 2px 2px 4px;
  list-style-type:circle;
}

.mittel
{
  width:325px;
}

.klein
{
  width:162px;
}

.sehrklein
{
  width:68px;
}

.mini
{
  width:36px;
}

.error
{
  color:rgb(184,32,46);
}

a.head
{
	display:inline-block;
	padding-left:48px;
	margin-top:6px;
	margin-bottom:6px;
	font-weight:bold;
	text-decoration:underline;
}

table.naehr
{
	 background-image:url('/produkte/img/produkte/naehrwerte.gif');
	 width:320px;
	 height:109px;
}

table.naehr td
{
	text-align:center;
	width:60px;
}

/* 2009 */

p.zahlen, p.zahlen
{
	font-size:9px;
	font-weight:bold;
	color:rgb(2,54,96);
	padding:40px 0 0 0;
	margin:0;
	text-align:center;
}

p.prozente, p.prozente
{
	font-size:9px;
	font-weight:bold;
	color:rgb(255,255,255);
	padding:12px 0 6px 0;
	margin:0;
	text-align:center;
}