@media screen, projection {
	
	/* ---- allgemeines ---- */
	
	* {
		font: 100.01% verdana, arial, helvetica, geneva, sans-serif;
		padding: 0;
		margin: 0;
		border: 0;
	}
	
	body {		
		font-size: 70%;
		color: #000000;
		padding: 10px;
		background-color: #ffffff;
	}
	
	div, p, li, dt {
		line-height: 155%;
	}
	
	.versteckt,
	fieldset legend {
		visibility: hidden;
		width: 1px;
		height: 1px;
		margin: 0 0 -1px -1px;		
	}
	
	.zentriert {
		text-align: center;
	}
	
	/* Webseite Struktur
	
	Kopf	[DIV]
		Logo		[IMG]
		Hilfe		[UL]
		Menü		[UL]
	Inhalt	[DIV]
		Spalte 1	[DIV]
		Spalte 2	[DIV]
		Spalte 3	[DIV]
		Clear		[DIV]
	Fuss	[DIV/UL]
	Hilfe	[DIV] */
	
	div.kopf {
		width: 900px;
		height: 120px;
		padding: 0;
		margin: 0 auto 20px auto;
	}
	
	h1.logo {
		float: right;
		position: relative;
		display: block;
		overflow: hidden;
		width: 148px;
		height: 77px;
		margin: -50px 0 0 0;
	}
	
		h1.logo a span {
			position: absolute;
			width: 100%;
			height: 100%;
			text-decoration: none;
		}
	
	ul.einstieg_links {	
		position: relative;
		list-style: none;
	}	
		
		ul.einstieg_links li {	
			visibility: hidden;
		}
	
		ul.einstieg_links li.hilfe {
			visibility: visible;
			position: relative;
			top: -30px;
			left: -10px;
			display: block;
			padding: 3px 0 0 32px;
			background: url(http://www.leo-familie.de/img/help.gif) no-repeat top left;	
		}
	
	/* ---- Menü ---- */
	
	div.menu {
		position: relative;
		margin: 30px 0 0 8px;
	}
	
		div.menu ul {
			list-style: none;
		}
	
			div.menu ul li {
				float: left;
				padding: 0 20px 0 0;
				margin: 0;
			}
			
			div.menu ul li a {
				font-size: 1.8em;
				color: #8bb91f;
				text-decoration: underline;
			}
			
			div.menu ul li a:hover {
				text-decoration: none;
			}
			
			div.menu ul li a:focus {
				color: #FFFFFF;
				background-color: #8bb91f;
			}			
			
			div.menu ul li a#aktuelle_seite {
				color: #c5dc8f;	
				text-decoration: none;	
			}		
			
	/* ---- Inhalt ---- */
	
	div.inhalt {
		clear: both;
		width: 900px;
		text-align: left;
		margin: auto;
	}
	
	div.spalte_1 { /* linke Spalte */
		float: left;
		width: 210px;
		margin: 0 20px 0 0;
		background-color: #f2f2f2;
	}
	
	div.spalte_2,
	div.spalte_2_ka { /* mittlere Spalte */
		float: left;
		width: 440px;
		margin: 0;
		background-color: #f2f2f2;
	}
	
	div.spalte_2_ka { /* mittlere Spalte ohne Abstand */
		margin: 0 0 0 20px;
	}
	
	div.spalte_3 { /* rechte o. zweite Spalte */
		float: left;
		width: 210px;
		margin: 0 0 0 20px;
		background-color: #f2f2f2;
	}
	
	div.clear {
		clear: both;
		height: 1px;
	}
	
	/* ---- Fuss ---- */
	
	div.fuss {
		width: 900px;
		padding: 10px 0 0 0;
		margin: 20px auto 50px auto;
		border-top: 1px solid #8bb91f;
	}
	
		div.fuss span img {
			float: left;
			margin: 0 20px 0 0;
		}
	
		div.fuss ul {
			float: right;
			list-style: none;
		}
	
		div.fuss li {
			float: left;
			color: #666666;
			padding: 0 10px 0 10px;
			margin: 0;
			border-right: 1px solid #CFCFCF;
		}
	
	/* ---- Links ---- */
	
	a {
		color: #000000;
		text-decoration: underline;
	}
	
		a:hover,
		a:focus {
			text-decoration: none;
		}
		
	a.extern {
		padding: 0 0 0 13px;
		background: url(http://www.leo-familie.de/img/sonstiges/extern.gif) 1px 2px no-repeat;
	}
		
	a.email {
		padding: 0 0 0 13px;
		background: url(http://www.leo-familie.de/img/sonstiges/brief.gif) 1px 4px no-repeat;
	}
	
	/* ---- Schrift ---- */
	
	h2 {
		clear: both;
		font-size: 1.2em;
		font-weight: bold;
		color: #005c89;		
		padding: 0 0 10px 0;
		margin: 10px;
		border-bottom: 1px solid #005c89;
	}
		
		h2 a {
			font-weight: bold;
			color: #005c89;
		}
	
		h2 small {
			font-weight: normal;
		}
	
	h3 {
		clear: both;
		font-weight: bold;
		margin: 15px 0 10px 0;
	}
	
	div.text {
		margin: 10px 10px 0 10px;
	}
	
	p,
	dl.ohne_format dt {
		margin: 0 0 10px 0;
	}
	
	span.einleitung {
		font-style: italic;
	}
	
	abbr {
		cursor: help;
		border-bottom: 1px dotted #666666;
	}
	
	span.zwischentitel {
		display: block;
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		border-bottom: 1px dotted #CFCFCF;	
	}
	
	span.umfluss,
	span.umfluss_r {
		display: block;
		padding: 0 0 5px 0;
		margin: 5px 5px 5px 0;
		border-bottom: 1px solid #666666;	
	}
	
	span.umfluss_r {
		float: right;
		margin: 10px 0 0 10px;	
	}
	
	span.frage {
		display: block;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	
	div.inhalt_trenner {
		display: block;
		width: auto;
		height: 2px;
		margin: 10px 0 10px 0; 
		background-color: #ffffff;
	}
		
	/* ---- Listen ---- */
	
	ul {
		list-style: circle;
		margin: 0 0 10px 0;
	}
	
		ul.normal {		
			margin: 0 0 10px 0;
		}
	
		ul li,
		ul ul {
			padding: 0 0 5px 0;
			margin: 0 0 0 20px;
		}
	
		ul li.titel { font-weight: bold; padding-bottom: 10px; }
		ul li.titel ul { font-weight: normal; padding-bottom: 0;; }
	
	div.inhalt div.spalte_1 ul.themen {
		list-style: none;
		margin: 0 10px 0 10px;
	}
	
		div.inhalt div.spalte_1 ul.themen li {
			clear: left;
			padding: 0 10px 0 0;
			margin: 0 0 10px 0;
		}
	
			div.inhalt div.spalte_1 ul.themen li span.thema_1,
			div.inhalt div.spalte_1 ul.themen li span.thema_2,
			div.inhalt div.spalte_1 ul.themen li span.thema_3,
			div.inhalt div.spalte_1 ul.themen li span.thema_4,
			div.inhalt div.spalte_1 ul.themen li span.thema_5,
			div.inhalt div.spalte_1 ul.themen li span.thema_6,
			div.inhalt div.spalte_1 ul.themen li span.thema_7,
			div.inhalt div.spalte_1 ul.themen li span.thema_8,
			div.inhalt div.spalte_1 ul.themen li span.thema_9,
			div.inhalt div.spalte_1 ul.themen li span.thema_10 {
				clear: left;
				float: left;
				display: block;
				width: 10px;
				height: 10px;
				font-size: 0.1em;
				margin: 4px 9px 15px 0;
				background-color: #CC0000;
			}
			
				div.inhalt div.spalte_1 ul.themen li span.thema_1 { background-color: #dc322c; }
				div.inhalt div.spalte_1 ul.themen li span.thema_2 { background-color: #efc717; }
				div.inhalt div.spalte_1 ul.themen li span.thema_3 { background-color: #a4ce58; }
				div.inhalt div.spalte_1 ul.themen li span.thema_4 { background-color: #e5899a; }
				div.inhalt div.spalte_1 ul.themen li span.thema_5 { background-color: #d50072; }
				div.inhalt div.spalte_1 ul.themen li span.thema_6 { background-color: #2b93d6; }
				div.inhalt div.spalte_1 ul.themen li span.thema_7 { background-color: #376fba; }
				div.inhalt div.spalte_1 ul.themen li span.thema_8 { background-color: #bdb8ac; }
				div.inhalt div.spalte_1 ul.themen li span.thema_9 { background-color: #FFFFFF; }
				div.inhalt div.spalte_1 ul.themen li span.thema_10 { background-color: #CFCFCF; }
				
		div.inhalt div.spalte_1 ul.themen li ul { margin: 0 0 0 50px; }
		
			div.inhalt div.spalte_1 ul.themen li ul li { margin: 0; }
		
	ul.aufz_zahl {
		list-style: decimal;
		margin: 0 0 0 40px;
	}
	
		ul.aufz_zahl li { margin: 0 0 5px 0; }
	
	/* ---- Formulare ---- */
	
	form {
	}
	
	label {
		display: block;
		margin: 0 0 5px 0;
	}
	
	input, select, textarea {
		width: 97%;
		vertical-align: bottom;
		padding: 2px;
		margin: 0 0 8px 0;
		border: 1px solid #CFCFCF;
	}	
	
		input.submit {
			width: 100%;
			color: #FFFFFF;
			background-color: #005c89;
			border: 0;
		}			
	
			input.submit:hover {
				cursor: pointer;
				background-color: #8cba1f;
				border: 0;
			}			
	
			input.submit:focus {
				background-color: #CFCFCF;
				border: 0;
			}
		
		input:focus, select:focus, textarea:focus {
			background-color: #fffee5;
			border: 1px solid #1F1F1F;
		}	
	
		input.fehler,
		select.fehler,
		textarea.fehler {
			background-image: url(http://www.leo-familie.de/img/sonstiges/y_fade_form.gif);
		}	
		
		select {
			width: 100%;
		}	
		
		input.checkbox {
			width: 10px;
			vertical-align: middle;
			padding: 0;
			border: 0;
		}
	
	/* ---- Sonstiges ---- */
	
	div.trenner {
		height: 20px;
		background-color: #FFFFFF;
	}
	
	dl {
		width: 195px;
		padding: 5px;
		background-color: #FFFFFF;
	}
	
		dl img { width: 195px; height: 160px; }
		dl img.frei { width: auto; height: auto; }
		
		dl.links { float: left; margin: 0 1em 1em 0; }
		dl.rechts {	float: right; margin: 0 0 1em 1em; }
		
		dl.panorama { width: 410px; margin: 0 0 10px 0; }
		
		dl.panorama img { width: 410px; height: 160px; }
	
	dl.ohne_format {
		width: auto;
		padding: 0;
		margin: -10px 0 0 0;
		background-color: transparent;
	}
	
		dl.ohne_format img {
			width: 190px;
			height: auto;
		}
	
		dl.ohne_format dt {
			margin: 10px 10px 0 10px;
		}
	
	p.erfolg,
	div.ok p {
		padding: 5px;
		background-image: url(http://www.leo-familie.de/img/sonstiges/y_fade.gif);
		border-bottom: 2px solid #FFCC00;
	}
	
	p.fehler,
	div.errors p {
		padding: 5px;
		background-color: #ffbfbf;
		border: 2px solid #CC0000;
	}
	
	/* ---- Tags ---- */
	
	a.level_1 {
		font-size: 1em;
		line-height: 1.4em;
		/*color: #303030;*/
	}
	
	a.level_2 {
		font-size: 1.3em;
		line-height: 1.5em;
		/*color: #4d4d4d;*/
	}
	
	a.level_3 {
		font-size: 1.7em;
		line-height: 1.5em;
		/*color: #777777;*/
	}
	
	/* ---- Seiten ---- */
	
	/* Einstieg */
	
	div.heft {
		display: block;
		width: 109px;
		height: 93px;
		margin: -45px 0 0 620px;
		background: url(http://www.leo-familie.de/img/einstieg/heft.jpg) no-repeat top left;
	}
	
	div.einstieg_header {
		width: 880px;
		height: 250px;
		padding: 10px;
		margin: 0 0 20px 0;
		background: #f2f2f2 url(http://www.leo-familie.de/img/einstieg/header.jpg) no-repeat 10px 10px;
	}
	
		div.einstieg_header div.einstieg_text {
			position: relative;
			top: 23px;
			left: 110px;
			width: 275px;
			padding: 10px;
			background-color: #FFFFFF;
		}
		
			div.einstieg_header div.einstieg_text h2 {
				display: block;
				font-size: 1.4em;
				color: #005c89;
				padding: 0;
				margin: 0;
				border: 0;
			}
			
			div.einstieg_header div.einstieg_text h3 {
				color: #666666;
				margin: 0.2em 0 0.8em 0;
			}
		
	img.einstieg_kl {
		width: 210px;
		margin: 10px 0 0 10px;
	}
		
	p.tags_start {
		height: 105px;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #005c89;
	}
	
	div.suche_einstieg label {
		display: block;
		padding: 0 0 3px 0;
		margin: 0 0 0 0;
	}
	
		div.suche_einstieg input {
			float: left;
			width: 255px;
			vertical-align: bottom;
			margin: 0 0 10px 0;
		}
	
		div.suche_einstieg input.submit {
			float: left;
			width: 150px;
			vertical-align: bottom;
			margin: 0 0 0 8px;
		}
		
	/* Magazin */
	
	div.thema_header_1,
	div.thema_header_2,
	div.thema_header_3,
	div.thema_header_4,
	div.thema_header_5,
	div.thema_header_6,
	div.thema_header_7,
	div.thema_header_8,
	div.thema_header_9,
	div.thema_header_10 {
		width: 440px;
		height: 74px;
		margin: 0 0 -74px 0;
	}
	
		div.thema_header_1 { background: url(http://www.leo-familie.de/img/themen/header_thema_1.gif) no-repeat 0 10px; }
		div.thema_header_2 { background: url(http://www.leo-familie.de/img/themen/header_thema_2.gif) no-repeat 0 10px; }
		div.thema_header_3 { background: url(http://www.leo-familie.de/img/themen/header_thema_3.gif) no-repeat 0 10px; }
		div.thema_header_4 { background: url(http://www.leo-familie.de/img/themen/header_thema_4.gif) no-repeat 0 10px; }
		div.thema_header_5 { background: url(http://www.leo-familie.de/img/themen/header_thema_5.gif) no-repeat 0 10px; }
		div.thema_header_6 { background: url(http://www.leo-familie.de/img/themen/header_thema_6.gif) no-repeat 0 10px; }
		div.thema_header_7 { background: url(http://www.leo-familie.de/img/themen/header_thema_7.gif) no-repeat 0 10px; }
		div.thema_header_8 { background: url(http://www.leo-familie.de/img/themen/header_thema_8.gif) no-repeat 0 10px; }
		div.thema_header_9 { background: url(http://www.leo-familie.de/img/themen/header_thema_9.gif) no-repeat 0 10px; }
		div.thema_header_10 { background: url(http://www.leo-familie.de/img/themen/header_thema_10.gif) no-repeat 0 10px; }
	
	h2.themen_titel {
		border: 0;
	}
	
	h3.themen_titel {
		width: 300px;
		height: 45px;
		font-weight: normal;
		margin: -10px 0 0 10px;
	} 
	
	dl.thumbnail {
		width: 415px;
		height: 165px;
		padding: 5px 0 5px 5px;
		margin: 0 0 10px 0;
	}
	
		dl.thumbnail dt { clear: left; }
	
		span.thumb,
		span.thumb_end {
			float: left;
			margin: 0 5px 5px 0;
		}
	
		span.thumb_end { margin: 0; }
		
		span.thumb img,
		span.thumb_end img { width: 97px; height: 70px; }
	
	img#map {
		margin: 0 0 10px 0;
	}
	
	div.flash_tv {
		margin: 0 0 0 50px;
	}
	
	div.unten {
		clear: both;
	}
	
	/* Adressen */
	
	div.rubriken ul {
		width: 190px;	
		list-style: decimal;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
		div.rubriken ul ul {
			width: 170px;
			list-style: circle;
		}
		
		div.rubriken ul ul ul {
			width: 150px;
		}
		
		div.rubriken ul li,
		div.rubriken ul li ul li,
		div.rubriken ul li ul li ul li {
			padding: 3px 0 3px 0;
		}
		
		div.rubriken ul li a {
			display: block;
		}
		
			div.rubriken ul li#offen li {
			}
		
			div.rubriken ul li#offen a.titel {
				font-weight: bold;
				text-decoration: none;
			}
	
		div.rubriken ul ul li,
		div.rubriken ul ul ul li {
			font-weight: normal;
			padding: 0;
			margin: 0 0 0 20px;
		}
		
	div.suchergebnis {
		width: 190px;
		margin: 10px;
	}
	
		div.suchergebnis ol li {
			padding: 0 0 5px 0;
			margin: 0 0 5px 25px;
		}
		
		div.suchergebnis ol li a:visited,
		div.suchergebnis ol li a:visited span { color: #666666; }
		div.suchergebnis ol li a:hover span,
		div.suchergebnis ol li a:focus spam {  }
		
		.zurueck { float: left; padding: 0 0 10px 13px; background: url(http://www.leo-familie.de/img/sonstiges/zurueck.gif) left 2px no-repeat; }
		.weiter { float: right; padding: 0 13px 10px 0; background: url(http://www.leo-familie.de/img/sonstiges/weiter.gif) right 2px no-repeat;  }
	
	div.feste_hoehe div.spalte_1,
	div.feste_hoehe div.spalte_2,
	div.feste_hoehe div.spalte_3 {
		min-height: 398px;
	}
	
		div.adr_dezent h3 { color: #CCCCCC; border-color: #CCCCCC; }
		div.adr_dezent p { color: #CCCCCC; }
		
	div.adr_start_info {
		position: relative;
		top: 80px;
		left: 350px;
		width: 295px;
		height: 70px;
		color: #ffffff;
		margin: 0 0 -70px 0;
	}
		
		div.adr_start_info div.pfeil {
			float: left;
			width: 13px;
			height: 25px;
			margin: 25px 0 0 -13px;
			background: url(http://www.leo-familie.de/img/sonstiges/pfeil_gruen_gr_li.gif) no-repeat top left;
		}
		
		div.adr_start_info p {
			padding: 10px;
			margin: 0;
			background-color: #8ab91f;
		}
			
			div.adr_start_info p a { color: #FFFFFF; }
	
	div.adr_hinweis_pfeil {
		float: left;
		width: 13px;
		height: 25px;
		margin: 5px -3px 0 -16px;
		background: url(http://www.leo-familie.de/img/sonstiges/pfeil_gruen_gr.gif) no-repeat top left;
	}
	
	dl.adr_info {
		width: 420px;
		padding: 0;
		margin: 0; 
		background-color: transparent;
	}
	
		dl.adr_info dt {
			font-weight: bold;
			margin: 10px 0 0  0;
		}
	
		dl.adr_info dt.start { margin: 0; }	
	
		dl.adr_info dd {
			margin: 3px 0 3px  0;
		}
	
	div#map {
		width: 420px;
		height: 300px;
		margin: 0 0 10px 0;
	}
	
	/* Spaw Editor */
	
	td.spaw2editor textarea#text {
		background-color: #FF0000;
	}
	
	/* Fokus hervorheben */
	
	body a:focus {
		color: #FFFFFF;
		background-color: #8bb91f;	
	}		
	
		body a:focus.invert {
			color: #8bb91f;
			background-color: #FFFFFF;	
		}
	
		body a:focus img {
			border: 1px solid #8bb91f;	
		}

	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}
	
	* html #TB_overlay { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_window {
		position: fixed;
		background: #ffffff;
		z-index: 102;
		display: none;
		top: 50%;
		left: 50%;
	}
	
	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_window img#TB_Image {
		display: block;
		margin: 15px 0 0 15px;
	}
	
	#TB_caption{
		height: 25px;
		padding: 7px 30px 10px 25px;
		float: left;
	}
	
	#TB_closeWindow{
		height: 25px;
		padding: 11px 25px 10px 0;
		float: right;
	}
	
	#TB_closeAjaxWindow{
		padding: 7px 10px 5px 0;
		margin-bottom: 1px;
		text-align: right;
		float: right;
	}
	
	#TB_ajaxWindowTitle{
		float: left;
		padding: 7px 0 5px 10px;
		margin-bottom: 1px;
	}
	
	#TB_title{
		height: 27px;
	}
	
	#TB_ajaxContent{
		clear: both;
		padding: 2px 15px 15px 15px;
		overflow: auto;
		text-align: left;
		line-height: 1.4em;
	}
	
	#TB_ajaxContent.TB_modal{
		padding: 15px;
	}
	
	#TB_ajaxContent p{
		padding: 5px 0px 5px 0px;
	}
	
	#TB_load{
		position: fixed;
		display: none;
		height: 13px;
		width: 208px;
		z-index: 103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}
	
	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_HideSelect{
		z-index: 99;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		border: none;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height: 100%;
		width: 100%;
	}
	
	* html #TB_HideSelect { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_iframeContent{
		clear: both;
		margin: 0 0 0 10px;
	}
	
}

@media print {

	ul.einstieg_links,
	div.menu,
	div.fuss,
	div#map {
		display: none;	
	}
		
	img {
		border: 0;
	}
	
}

@media handheld, tv {

	div#map {
		display: none;
	}
	
}