/* ============================================
// Stylesheet fuer das Projekt www.kitz-magazin.de
// Medien: Bildschirm (screen), Projektion (projection)
// Version 2012-02-01 / Approb.:2011-11-29  Vorher: 2011-11-28, 2011-09-16, 2009-03-16
// -------------------------------------------------------------------------------
// Sektionen:
// S01: Container
// S02: Formularbefehle
// S03: Tabellenbefehle
// S04: Listenbefehle
// S05: Bilder
// S06: Headlines
// S07: Absaetze
// S08: Ankerbefehle
// S09: Freie Klassen
// S10: Spezial-Tags

// -------------------------------------------------------------------------------
// Farben:
// alarmrot: #F00
// basis:	#DFDFD4, vorher: #FEFFE8
// berlin-grau:	#CCC
// grundgrau:   #999
// kitz-rosa	#EDDBCD
// kitzrot: 	#970000
// orange a:	#F90
// grau Trio6: #666
// weiss: 	#FFF
// ========================================= */

/* ----------------- S01: Container ------------------------------ */

body	{
		font-family:verdana,arial,helvetica,sans-serif;
		background-color:#edd1d5; /* Farbe kitz-rosa */ /* x: #DFDFD4 */ /* Wunsch vSp 2012-01-30  (Schleifen-Rosa) */
		}
		
#bereich	{
		position:relative;
		top:0px;
		left:0px;
		
		width:960px; /* ex: 900px */
	
	    margin-left:auto;
	    margin-right:auto;
		
		padding-bottom:800px;
		
		background-color:#FFF; /* Farbe weiss */
		z-index:1;
		}

#bereich_z1	{
	position:relative;
	top:10px;
	left:0px;
	width:100%;
	height:148px;
	text-align:center;
	/* background-color:#FFF;  Farbe weiss */
		z-index:2;
		}
		
#bereich_z2	{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:18px;
	background-color:#970000; /* Farbe kitzrot */
	color:#FFF; /* Farbe: weiss */
	z-index:1;
	border-top:solid 2px #FFF; /* Farbe weiss */
		}
		
#bereich_z2lan	{
	position:absolute;
	top:0px;
	right:35px;
	}

#bereich_z3	{
	position:relative;
	top:0px;
	left:200px;
	width:740px; /* ex 700px */
	height:28px;
	background-color:#FFF; /* Farbe weiss */
	border-bottom:solid 1px #970000; /* Farbe kitzrot */
		}
		
#bereich_z4	{
	position:relative;
	top:10px;
	left:0px;
	width:100%;
	padding-bottom:40px;
		}
		
#bereich_z4l	{
	position:absolute;
	top:-12px;
	left:11px;
	width:180px;
	background-color:#FFF; /* Farbe: weiss*/
	height: 374px;
		}

#bereich_z4m	{
	position:relative;
	top:0px;
	left:0px;
	width:500px;
	margin-left:200px;
	margin-right:250px;
	padding-left:14px;
	padding-right:14px;
	border-left:solid 1px #CCC; /* Farbe: berlin-grau */
	border-right:solid 1px #CCC; /* Farbe: berlin-grau */
	text-align: left;
		}

body.hp #bereich_z4m	{
	width:600px;
	margin-right:150px;
	border-right:none;
		}
		
#bereich_z4mu	{
		/* margin-left:26px; */
		text-align:center;
		margin-top:22px;
		}
		
#bereich_z4r	{
	position:absolute;
	top:0;
	left:726px; /* ex 710px */
	width:214px; /* Farbe: weiss*/
	padding-left:14px;
	padding-right:14px;
	font-size:12px;
	height: 668px;
	text-align: left;
		}
		
#sanfang	{
		color:#DFDFD4;
		font-size:1px;
		}
		
div.polsterunten  {
	width:400px;
	height:10px;

}
		
div.rubrik_tag	{
	background-color:#FFF; /* Farbe: weiss */
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #666; /* Farbe: grau Trio6 */
	border-top:solid 1px #999; /* Farbe: grundgrau */
	border-bottom:solid 1px #999; /* Farbe: grundgrau */
	margin-top:22px;
	}

/* Anfang Neu 2011-11-29 */
#bereich_z4r div.bildtraeger	{
	margin-bottom:10px;
	}
/* Ende Neu 2011-11-29 */

/* ----------------- S02: Formularbefehle ------------------------------ */
fieldset	{
			font-size:12px;
			}

input.zeizae	{
	width:100%;
	}
	
input.kostenpflicht	{
	background-color:#eddcd7;
	border-right:solid 3px #ab0e0e;
	}

/* ----------------- S03: Tabellenbefehle ------------------------------ */
table	{
	width:100%;
	}

th,td	{
	text-align:left;
	vertical-align:top;
	font-size:14px;
	line-height:140%;
	font-family:verdana,arial,helvetica,sans-serif;
	}

td	{
	width:50%;
	line-height:140%;
	font-family:verdana,arial,helvetica,sans-serif;
	}

table.eng th	{
	width:40%;
	}

table.eng td	{
	width:60%;
	}

table.enger th	{
	width:120px;
	}

table.enger td	{
	width:380px;
	padding-bottom:22px;
	}

/* Anfang modif. 2011-11-28 C */
tr.gom th,
tr.gom td	{
	padding-top:12px;
	}
/* Ende modif. 2011-11-28 C */

/* ----------------- S04: Listenbefehle ------------------------------ */


/* ----------------- S05: Bilder ------------------------------ */
img	{
	border:thin outset #990000;
		}
		
#bereich_z1 img,
#bereich_z2 img		{
					border:none;
					}
		
#bereich_z2 a img	{
					margin-right:10px;
					}

/* Anfang modif. 2011-11-28 D */
table.eng+div img	{
			margin-top:12px;
			}
/* Ende modif. 2011-11-28 D */
		
/* ----------------- S06: Headlines ------------------------------ */
h1,h2,h3,h4   {
	font-family:verdana,arial,helvetica,sans-serif;
	color: #666; /* Farbe: grau Trio6 */
}

h1 {
	font-size:1.7em;
	color: #666; /* Farbe: grau Trio6 */
	font-weight: normal;
}

h2 {
	font-size:1.4em;
}

h3{
	font-size:1.2em;
	font-weight:bold;
}

h4	{
	font-size:1.2em;
	font-weight:normal;
	line-height:normal;
	letter-spacing: normal;
	}
h5 {
	font-size: 14px;
	color: #666; /* Farbe: grau Trio6 */
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
}



/* ----------------- S07: Absaetze ------------------------------ */
p	{
	font-size:14px; /* ex: 12px, dann 90% */
	line-height:140%;
	color:#222;
	}
	
p.spLbut	{ /* Bild-UT in der linken Spalte auf Seiten der Rubrik Kindergeburtstag */
	font-size:10px;
	visibility:hidden;
	}

/* Anfang modif. 2011-11-28 B */
#bereich_z4m .eintrag_kindergeburtstag h2+p {

  position:relative;
  top:-19px;
  }
/* Ende modif. 2011-11-28 B */
	
/* ----------------- S08: Ankerbefehle ------------------------------ */
a	{
	text-decoration:none;
	}
	
#bereich_z2 a	{
	position:relative;
	top:0px;
	left:0px;
			}
	
#bereich_z2 a:link,
#bereich_z2 a:visited	{
						color:#FFF; /* Farbe: weiss */
						}

/* --------------------------------------------------------------------------------------------------------------------------------------------
#bereich_z2 a:hover,
#bereich_z2 a:active,
#bereich_z2 a:focus,
#bereich_z2 a.aktiv	{
						color:#F90; Farbe: orange a
						}
-----------------------------------------------------------------------------------------------------------------------------------------------			*/	

#bereich_z2 a.aktiv	{
						color:#F90; /* Farbe: orange a */
						}
						
#bereich_z2 a.startlink	{			margin-left:80px; /* ex: 20px */
					margin-right:80px;  /* ex: 140px */
					}

#bereich_z3 a	{
				font-size:12px;
				margin-right:30px;
				}
				
#bereich_z3 a.letzter,
#bereich_z3 a.letzteraktiv	{
				margin-right:0px;
				}
	
#bereich_z3 a:link,
#bereich_z3 a:visited	{
					color:#970000; /* Farbe kitzrot */
					}
/* --------------------------------------------------------------------------------------------------------------------------------------------					
#bereich_z3 a:hover,
#bereich_z3 a:active,
#bereich_z3 a:focus	{
					color:#F90;  Farbe: orange a 
					}
-----------------------------------------------------------------------------------------------------------------------------------------------		*/			
#bereich_z3 a.aktiv,
#bereich_z3 a.letzteraktiv	{
					color:#F90; /* Farbe: orange a */
					}
					
#bereich_z4 a.navi_top_typostyle_01aktiv  {
        color:#F90; /* Farbe: orange a */
        }
					
#bereich_z4l a	{
				display:block;
				color:#970000; /* Farbe: kitzrot */
				
				font-size:13px;
				margin-bottom:10px; /* ex: 12px */
				}

body.rub_shop #bereich_z4l a img {
				margin-left:40px;
				}


#bereich_z4l a.ukat,
#bereich_z4l a.ukataktiv	{
		margin-left:14px;
		}
				
#bereich_z4l a.aktiv,
#bereich_z4l a.ukataktiv	{
				color:#F90; /* Farbe: orange a */
				
				}

				
#bereich_z4m a	{
				color:#970000; /* Farbe: kitzrot */
				text-decoration:none;
				}
				
#bereich_z4m .eintrag_kindergeburtstag h2 a {
/* Anfang modif. 2011-11-28 A */
				font-weight: bold; 
				font-size:14px;
				color: #970000; /* Farbe kitzrot */
/* Ende modif. 2011-11-28 A */
/* ex color:#666; */ /* Farbe: grau Trio6 */
				}

				
#bereich_z4mu a	{
				font-size:11px;
				margin-right:22px;
				
				color:#999; /* Farbe: grundgrau */
				}
				
#bereich_z4mu a.aktiv,
#bereich_z4mu a.letzteraktiv	{
				color:#F90; /* Farbe: orange a */
					}
				
#bereich_z4mu a.letzter,
#bereich_z4mu a.letzteraktiv	{
				margin-right:0px;
				}
				
#bereich_z4r a	{
		color:#970000;
		}
#bereich_anzeigeneinbettung {
	position:absolute;
	top:14px;
	left:0px; /* ex 710px */
	width:120px; /* Farbe: weiss*/
	padding-left:14px;
	padding-right:14px;
	font-size:12px;
	height: 400px;
}

				
				

/* ----------------- S09: Freie Klassen ------------------------------ */
.eintrag_bra_prem,
.eintrag_bra_basis,
.eintrag_kanz		{
	font-size:13px;
	margin-bottom:20px;
	}
	
.eintrag_kanz		{
	border-left:dashed 1px #CCC; /* Farbe: berlin-grau */
	border-top:solid 12px #CCC; /* Farbe: berlin-grau */
	border-right:dashed 1px #CCC; /* Farbe: berlin-grau */
	border-bottom:dashed 1px #CCC; /* Farbe: berlin-grau */
	}

.Stil1	{
		color:#F00; /* Farbe: alarmrot */
		}

/* ----------------- S10: Spezial-Tags ----------------------------- */
iframe	{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

.indextext_abstand {
	line-height: 180%;
}

strong	{
	color:#666; /* Farbe: grau Trio6 */
	}

sup.marke_pflichtfeld	{
			color:#FF2233;
			font-weight:800;
			margin-left:6px;
			}
.text_unter_bild {
	width: 180px;
}
.rotefarbe {
	color: #900;
	text-align: left;
}
.ohme_rahmen {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.rotundfett {
	font-weight: bold;
	color: #900;
}
.shopbilder {
	margin-top: 4px;
	margin-left: 4px;
}
.grau_unterlegt {
	background-color: #CCC;
	padding: 5px;
}