/*

***** FARBEN *****
Hellgrau:   #999999 (neutral)
Gruen:      #006600 (rubrik_1)
Dunkelblau: #003377 (rubrik_2)
Hellblau:   #2266AA (rubrik_3)
Rot:        #990000 (rubrik_4)
Orange:     #EE7700 (rubrik_5)
Dunkelgrau: #555555 (rubrik_6)
Hellrot:    #E60000 (Loewe)
Lichtgrau:  #EBEBEB (Hintergruende)

*/

/*************************************/
/***** Uebergreifende Typografie *****/
/*************************************/

h5 {
	border-bottom: 1px dashed black;
	margin-bottom: 0.5em;
}

small { font-size: 0.85em; }

a { text-decoration: underline; }
a:link { color: #990000; }
a:visited { color: #444444; }
a:hover, a:focus { text-decoration: none; color: #E60000; }
a:active { color: #EE7700; }

/*************************/
/***** Grundstruktur *****/
/*************************/

body {
	background-image: url("hintergruende/body.jpg");
}

/***********************************************/
/***** Uebergreifende Elemente und Klassen *****/
/***********************************************/

/****************/
/***** Kopf *****/
/****************/

#kopf {
	height: 172px;
	background: transparent url(kopf/motiv.jpg) 206px top no-repeat;
	position: relative; z-index: 2;
}

#kopf .container {
	height: 172px;
	background-image: url(kopf/hintergrund.png);
}

#kopf .logo, #kopf .schriftzug { float: left; }

#kopf .schriftzug img {
	height: 150px; width: 688px;
	background: url(kopf/schriftzug.png) 367px 23px no-repeat;
}

#kopf .farbcode {
	background-image: none;
	clear: both;
}

/***************************/
/***** Hauptnavigation *****/
/***************************/

#navigation {
	margin-top: 0;
}

#navigation ul li {
	background-image: none;
	padding: 0;
	display: inline;
}

#navigation ul li span {
	display: block; height: 0; width: 0; overflow: hidden;
}

#navigation ul li a img {
	width: 86px; height: 78px;
	background-position: 0 0; background-repeat: no-repeat;
}

#navigation ul li.leo_erklaert a img { background-image: url(navigation/leo_erklaert.gif); }
#navigation ul li.hopptopp a img { background-image: url(navigation/hopptopp.gif); }
#navigation ul li.duoduo a img { background-image: url(navigation/duoduo.gif); }
#navigation ul li.kompletto a img { background-image: url(navigation/kompletto.gif); }

#navigation ul li a:link img, #navigation ul li a:visited img { background-position: 0 -78px; }
#navigation ul li a:hover img, #navigation ul li a:focus img, #navigation ul li a:active img { background-position: 0 0; }

#navigation ul li.aktuell a:link img, #navigation ul li.aktuell a:visited img { background-position: 0 0; }
#navigation ul li.aktuell a:hover img, #navigation ul li.aktuell a:focus img, #navigation ul li.aktuell a:active img { background-position: 0 0; }


/******************/
/***** Inhalt *****/
/******************/

#inhalt {
	background: url(hintergruende/inhalt.jpg) top left no-repeat;
	width: 740px; overflow: hidden;
	height: auto !important; height: 356px; min-height: 356px; overflow: visible;
	position: relative; z-index: 1;
	margin-top: -22px;
	padding: 22px 0 0 16px;
}

#hauptspalte, .hauptspalte, #marginalspalte, .marginalspalte {
	margin: 0 0 0 16px;
}

#textspalte {
	float: left; display: inline;
	margin: 0 0 0 16px;
}

#bildspalte {
	float: left; display: inline;
	margin: 0 0 0 16px;
}

/* Bilder im Text */

#textspalte img { border: 2px dashed white; }
#textspalte h2 img, #textspalte h3 img { border: none; }
#textspalte p img { margin: 0.4em 0; }

/***** Navigation *****/

#inhalt .navigation, #inhalt .navigation.pfad { border-bottom-style: dashed; }
#inhalt .navigation.unten { border-bottom-style: none; border-top-style: dashed; }

/***** Bloecke *****/

#inhalt .block.meldung {
	text-align: center;
	margin-left: auto; margin-right: auto;
}

/* Volle Breite fuer die Flash-Inhalte */

#inhalt #vollebreite {
	width: 652px; overflow: hidden;
	margin-left: 3px;
}

/***** Buttons *****/

#inhalt a.button { text-decoration: none; }

#inhalt a.button span {
	background: url(buttons/start.gif) top left no-repeat;
	display: block; width: 108px; height: 37px; overflow: hidden;
}

#inhalt a.button:link span { }
#inhalt a.button:visited { }
#inhalt a.button:hover span, #inhalt a:focus span { background-position: 0 -37px; }
#inhalt a.button:active span {background-position: 0 -37px; }

#inhalt a.button span span {
	background-image: none;
	display: block; height: 0; width: 0; overflow: hidden;
}

/***** Flash *****/

#inhalt object, #inhalt embed {
	/* margin-left: -13px; */
}

/****************/
/***** Fuss *****/
/****************/

#fuss {
	border-top: none;
}

/******************************/
/***** Spezielle Layouts ******/
/******************************/

/* Startseite */

.startseite #inhalt .hauptspalte img {
	margin-left: -12px !important; margin-left: 0;
}

.startseite #inhalt .block .teaserbild {
	width: 124px; overflow: hidden;
	margin-left: -4px !important; margin-left: 0;
}

.startseite #inhalt .block .teaserbild.leo_erklaert { margin-top: -4px; }

.startseite #inhalt .block .teaserbild img { width: auto; }

.startseite #inhalt .block .teasertext {
	float: right; display: inline;
	width: 260px !imortant; width: 256px;
}

/* HoppTopp */

.hopptopp #inhalt #bildspalte { margin-left: 4px; width: 320px; }

.hopptopp #cropbox {
	height: 410px; overflow: hidden;
}

.hopptopp #cropbox #flashmovie {
	margin-top: -90px;
}

/* DuoDuo */

.duoduo #inhalt #textspalte { margin-right: 0px; }

/* Leo erklaert */

.leoerklaert #bildspalte {
	width: 336px; overflow: hidden;
}

.leoerklaert #bildspalte #tafel {
	background: url(../leo_erklaert/media/tafel/start.gif) 7px 7px no-repeat;
}