@charset "UTF-8";
	/* ///////////////////////////////////////////////////////////////
	////////////////////////// B O D Y //////////////////////////////
	/////////////////////////////////////////////////////////////// */
body {
	background-image:url(htdocs/bg_hell1.gif);
	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Lucida, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
	color: #2a2a2a;	}
	input[type=submit] {
	background:url(htdocs/submit_btn_bg.gif) center right no-repeat;
	height:20px;
	width:85px;
	border:none;
	color:#FFFFFF;
	font-weight:bold; 
	font-size:1.15em; 
	text-align:left; 
	padding-left:2px; 
	padding-bottom:1px; 
	text-transform:uppercase; 
	letter-spacing:0.1em;}
a:link {color:#2a2a2a;}
a:visited {color:#2a2a2a;}
	  /*////////////////////////////////////////////////////////////////
     /////////////// K O M P L E T T E R  I N H A L T /////////////////
	////////////////////////////////////////////////////////////////*/
#printheader { display: none; }
#container {
	width:904px;
	margin:0 auto;
	text-align:left;
	font-size:0.75em;
	line-height: 1.8em;
	background: url(htdocs/header_titel/01_redaktionzukunft_hell.png) no-repeat top center;
	padding-top:0;	}
#container.revolution {background:url(htdocs/header_titel/02_1_redaktionzukunft_revolution_hell.png) no-repeat top center;}
#container.evolution {background:url(htdocs/header_titel/02_2_redaktionzukunft_evolution_hell.png) no-repeat top center;}
#container.stagnation {background:url(htdocs/header_titel/02_3_redaktionzukunft_stagnation_hell.png) no-repeat top center;}
#container.resignation {background:url(htdocs/header_titel/02_4_redaktionzukunft_resignation_hell.png) no-repeat top center;}
#container.in_kuerze {background:url(htdocs/header_titel/03_1_redaktionzukunft_in-kuerze_hell.png) no-repeat top center;}
#container.in_ruhe {background:url(htdocs/header_titel/03_2_redaktionzukunft_in-ruhe_hell.png) no-repeat top center;}
#container.interaktiv {background:url(htdocs/header_titel/03_3_redaktionzukunft_interaktiv_hell.png) no-repeat top center;}
#container.fokus {background: url(htdocs/header_titel/04_redaktionzukunft_Fokus_hell.png) no-repeat top center;}
#container.bild_des_tages {background:url(htdocs/header_titel/05_redaktionzukunft_bild-des-tages_hell.png) no-repeat top center;}
#container.abstimmen {background: url(htdocs/header_titel/06_redaktionzukunft_abstimmen_hell.png) no-repeat top center;}
#container.umfragen {background: url(htdocs/header_titel/06_redaktionzukunft_umfragen_hell.png) no-repeat top center;}
#container.archiv {background: url(htdocs/header_titel/07_redaktionzukunft_archiv_hell.png) no-repeat top center;}
#container.podcast {background: url(htdocs/header_titel/08_redaktionzukunft_podcast_hell.png) no-repeat top center;}
#container.kolumne {background: url(htdocs/header_titel/09_redaktionzukunft_kolumne_hell.png) no-repeat top center;}
#container.webtv {background: url(htdocs/header_titel/10_redaktionzukunft_webtv_hell.png) no-repeat top center;}
#container.wissensmagazin {background: url(htdocs/header_titel/11_redaktionzukunft_wissensmagazin_hell.png) no-repeat top center;}
#container.querschuesse {background: url(htdocs/header_titel/12_redaktionzukunft_querschuesse_hell.png) no-repeat top center;}
	  /*///////////////////////////////////////////////////////////////
     /////////////////// K O P F B E R E I C H ///////////////////////
	///////////////////////////////////////////////////////////////*/
	#head {
		height:200px;
		margin-bottom:5px;
		font-size: 0.85em;
		line-height:1.5em;	}
	#menu {
		height:98px;
		margin-left:48px;
		margin-bottom:5px;
			background-color:#EEEEEE;	}
	#styleswitcher {
		margin-top:0;
		height:17px;
		padding-top:10px;
		padding-bottom:50px;
		text-align:right;	}
	#styleswitcher img {float: left;padding-left:720px;}
	#styleswitcher ul {padding:0;margin:0 auto;}
	#styleswitcher li {
		list-style:none;
		padding:0;
		margin:0 0 0 7px;
		float:left;	}
	a.styleswitch_btn_dkl:link, a.styleswitch_btn_dkl:visited {
		background:url(htdocs/styleswitcher_btn_dkl_0.gif) no-repeat top;
		width:28px;
		height:14px;
		text-indent:-99999px;
		display:block;	}
	a.styleswitch_btn_dkl:hover, a.styleswitch_btn_dkl_on {
		background:url(htdocs/styleswitcher_btn_dkl_1.gif) no-repeat top;
		width:28px;
		height:14px;
		text-indent:-99999px;
		display:block;	}
	a.styleswitch_btn_dkl:focus {outline:none;}
	a.styleswitch_btn_hell:link, a.styleswitch_btn_hell:visited {
		background:url(htdocs/styleswitcher_btn_hell_0.gif) no-repeat top;
		width:28px;
		height:14px;
		text-indent:-99999px;
		display:block;	}
	a.styleswitch_btn_hell:hover, a.styleswitch_btn_hell_on {
		background:url(htdocs/styleswitcher_btn_hell_1.gif) no-repeat top;
		width:28px;
		height:14px;
		text-indent:-99999px;
		display:block;	}
	a.styleswitch_btn_hell:focus {outline:none;}
	#menu_wrapper {height: 98px;padding-bottom: 5px;}
		#menu table {
			text-align:center;
			width: auto;
			margin:10px 0 0 10px;
			border-right: #2a2a2a 1px solid;
			padding-right:10px;
			float:left;	}
		#menu table a:link, #menu table a:visited {color: #2a2a2a; padding:0;}
		#menu table a:hover {color: #ffffff; padding:0;}
		#menu th {padding:0 3px; margin:0;}
		#menu .tabelle_titel {background: none; color:#2a2a2a;}
		#menu th.hover, #menu td.hover, #menu tbody tr:hover, #menu th:hover, #menu th.aktiv, #menu td.aktiv
		{background-color:#6e6e6e; color:#FFFFFF;}
		#menu th.aktiv a:link, #menu td.aktiv a:link {color:#FFFFFF;}
		#menu th.aktiv a:visited, #menu td.aktiv a:visited {color:#FFFFFF;}
		.tabelle_titel {background:none;color:#DA1E35;}
		.metanavigation {margin:7px;float:left;padding:0;}
		.metanavigation li {padding:0px;list-style:none;margin:4px;}
		.metanavigation a:link, .metanavigation a:visited, .metanavigation a:hover {color:#2a2a2a; padding-left:10px;}
		.metanavigation a:hover {background:url(htdocs/menu-metanavi-li.png) no-repeat left;}
		.metanavigation a.aktiv {background:url(htdocs/menu-metanavi-li.png) no-repeat left;}
		#menu form {padding-top:11px;}
		#menu fieldset {border-width: 0;}
		#menu legend {margin-top:11px;font-weight:bold;color:#DA1E35;}
		#menu input[type=text] {
			width:136px;
			border:#2a2a2a 1px solid;
			margin-left:1px;	}
		#menu input[type=submit] {margin:10px 0 0 1px; width:90px;}
	#breadcrumb {background-color:#FFFFFF;margin-left:48px;}
	#breadcrumb:hover {background-color:#EEEEEE;}
	#breadcrumb a.menu_btn:link, #breadcrumb a.menu_btn:visited {
	color:#D41E35;
	font-weight:bold;
	margin:2px 5px;
	padding-left:20px;
	background:url(htdocs/btn_menu_bg.png) no-repeat center left;	}
	#breadcrumb a:focus {outline:none;}
	  /*////////////////////////////////////////////////////////////////
     ///////// Ü B E R S I C H T  E I N E R   R U B R I K /////////////
	/////////////////////////////////////////////////////////////// */

	/* /////////////////////////  B E I T R Ä G E  S O R T I E R E N  /////////////////////// */
	#teaser_rubrik {height:281px; margin-left:48px}
		#teaser_rubrik .fokus-teaser-img {float:left;}
		#teaser_rubrik .tagcloud {
			float:left;
			width:209px;
			height:281px;
			background-color:#FFFFFF;
			margin-left:7px;	}
		#teaser_rubrik .tagcloud h2 {
			margin:0;
			padding:0;
			text-indent:-9999px;
			width:209px;
			height:37px;
			background: url(htdocs/schlagwort-evolution-head.gif) no-repeat top;}
		#teaser_rubrik .tagcloud p {margin:7px;padding:0;}
			#teaser_rubrik .tagcloud a:link, #teaser_rubrik .tagcloud a:visited {color:#2a2a2a;}
		/* /////////////////////////  B E I T R Ä G E  S O R T I E R E N  /////////////////////// */
		.rubrikenauswahl {margin: 7px 0 7px 48px;background-color:#cecece;}
		.rubrikenauswahl input[type=checkbox] {border:none;margin-left:10px;}
		.rubrikenauswahl label {margin:0 7px 0 2px;}
		.rubrikenauswahl .label_sortieren {margin:0 2px 0 20px;}
		.rubrikenauswahl input[type=submit] {width:110px; margin-left:7px;}
		/* /////////////////////////  B E I T R A G S  T E A S E R  /////////////////////// */
		.teaser_gesamt {
			margin-left:48px;
			margin-bottom:7px;
			background-color:#FFFFFF;
			min-height:137px;	}
		.teaser_gesamt img {
			width:209px;
			height:137px;
			float:left;
			margin:0;
			margin-right:7px;	}
		.teaser_gesamt .teasertext {
			width:469px;
			float:left;
			margin:0 0 0 7px;	}
		.teaser_gesamt .teasertext h2 {margin:0;font-size:1.1em;}
		.teaser_gesamt .teasertext p {margin:0;font-size:1.0em;margin-top:7px;}
		.kommentar_zahl {
			width:139px;
			margin:0;
			list-style:none;
			padding:0;
			padding-left:18px;
			background:url(htdocs/icon_kommentar.gif) no-repeat left 7px;
			margin-top:7px;	}
     	 .teaser_gesamt .teasersocial {float:left;}

	/*////////////////////////////////////////////////////////////////
	/////////     U M F R A G E N - Ü B E R S I C H T     ////////////
	////////////////////////////////////////////////////////////////*/
		.umfrage_gesamt {
			margin-left:48px;
			margin-bottom:7px;
			background-color:#FFFFFF;
			padding:20px;
			}
		.umfrage_gesamt h2 {margin:0;}
		.umfrage_gesamt p {margin:0;margin-top:7px;}
		.umfrage_gesamt img, .umfrage_gesamt img:hover {border:0;}

	  /*////////////////////////////////////////////////////////////////
     ///////// H A U P T S P A L T E  M I T  B E I T R A G ////////////
	////////////////////////////////////////////////////////////////*/
	#beitrag {width:569px;float:left;margin-left:48px;}
		/* /////////////////////////  B E I T R A G  /////////////////////// */
		#beitrag h2 {
			width:549px;
			height:65px;
			background-color:#FFFFFF;
			color:#da1e34;
			padding:10px;
			margin:0;
			font-size:1.5em;	}
		.hauptmotiv {
			width:569px;
			height:209px;
			margin-top:7px;	}
		#beschreibungstext {
			width:569px;
			background-color:#FFFFFF;
			margin:7px 0 0 0;
			padding-top:20px;
			padding-bottom:20px;	}
			#beschreibungstext h4 {
				line-height:1.8em;
				margin-bottom:0;
				margin:0.9em 20px 0;	}
			#beschreibungstext p {margin:0 20px 0.9em;}
				#beschreibungstext p em{
					font-size:0.8em;
					line-height:1.8em;
					margin:0;	}
                        #beschreibungstext img {
				margin-right:1.5em;
				margin-bottom:1.5em;}


		/* /////////////////////////  T A B - R E G I S T E R  /////////////////////// */

		#domtab {background:#fff;}
		.tabcontent { background:#fff; border:1px solid #ddd; }


		/* ///////////////////  Ü B E R  D I E  A U T O R E N  ////////////////// */
		.die_macher {
			width:569px;
			background-color:#FFFFFF;
			margin-top:7px;
			min-height:137px;	}
			.die_macher h3 {
				position:relative;
				z-index:2;
				background:url(htdocs/head_die-macher.gif) no-repeat 7px 7px;
				text-indent:-9999px;
				margin:0;
				padding-top:7px;
				height:16px;
				width: 108px;	}
                        .bild_macher {
				background: url(htdocs/raster_bg.gif) repeat;
				height:137px;
				width:137px;
				position:relative;
				z-index:1;
				display:block;
				margin-top:-23px;
				float:left;}
				.die_macher .bild_macher img{
					position:relative;
					z-index:2;
					height:137px;}
			.die_macher p {
				position:relative;
				display:block;
				z-index:1;
				width:420px;
				margin-top:-20px;
				margin-left:148px;	}
		/* ///////////////////  W E I T E R E M P F E H L E N   ////////////////// */
		#socializing {
			width: 569px;
			background-color:#FFFFFF;
			margin-top:7px;
			padding-top:10px;	}
			#socializing h3 {
				margin:0 0 0 7px;
				padding:0;
				background: url(htdocs/head_weitersagen.gif) no-repeat;
				text-indent:-9999px;	}
		#socializing h4 {margin: 0;}
			#bewerten {
				width:132px;
				float:left;
				margin-left:7px;	}
			#bookmarks {
				width:198px;
				float:left;
				margin-left:7px;	}
			#sendafriend {
				width:198px;
				float:left;
				margin-left:7px;
				padding-bottom:10px;	}
				#sendafriend fieldset {
					border:none;
					margin:0;
					padding:0;	}
				#sendafriend label {font-size:0.9em;}
				#sendafriend input[type=text] {
					margin-bottom:10px;
					background-color:#FFFFFF;
					border:#2a2a2a solid 1px;	}
				#sendafriend input[type=submit] {margin:5px 0; width:130px;	}
			.clearfloat {clear:both;}
		/* ///////////////////  K O M M E N T A R E   ////////////////////// */
		#diskussion {
			width:569px;
			background-color:#FFFFFF;
			margin-top:7px;
			margin-bottom:10px;
			padding-top:10px;	}
			#diskussion h3 {
				background:url(htdocs/head_drueber-reden.gif) no-repeat;
				text-indent:-9999px;
				margin:0 0 0 7px;	}
			/* Darstellung der Kommentare*/
			#diskussion h4, p {margin:0 20px;}
			#diskussion h4 {margin-top:14px;}
				#diskussion h4  a:link {color:#2a2a2a;}
				#diskussion h4  a:visited {color:#2a2a2a;}
				#diskussion p {margin-bottom:10px;}
			#diskussion em {margin-bottom:7px;font-size:0.8em;}
			/* Darstellung des Kommentar Formulars */
			#diskussion form {border-top:#2a2a2a solid 1px;margin:20px;}
			#diskussion fieldset {
				border:none;
				margin:10px 0 0 0;
				padding:0;	}
			#diskussion input {
				margin:0 10px 10px 0;
				border:#2a2a2a solid 1px;
				background-color:#FFFFFF;
                                color:#999999;	}
			#diskussion textarea {
				margin:0 10px 10px 0;
				border:#2a2a2a solid 1px;
				background-color:#FFFFFF;
                                color:#999999;
				width:300px;	}
			#diskussion label {vertical-align:top;}
			#diskussion legend {margin:0 0 20px 0;}
			#diskussion input[type=submit] {margin-left:165px; border:none; width:130px;}
	  /*////////////////////////////////////////////////////////////////////////
	 /////////////// S P A L T E  M I T  V E R L I N K U N G E N //////////////
	/////////////////////////////////////////////////////////////////////// */
	#hyperlinks {width:280px; float:right;}
	#hyperlinks ul {padding:0 10px 10px 10px;}
	#hyperlinks li {
		list-style:none;
		margin-bottom:0.8em;
		font-size:0.85em;
		line-height:1.3em;	}
	#hyperlinks h3 {
		width:280px;
		height:36px;
		display:block;
		text-indent:-9999px;
		padding:0; margin:0;	}
	#fokus_links {background-color:#ffffff;margin-bottom:7px;}
		#fokus_links li a:link {color:#2a2a2a;}
		#fokus_links li a:visited {color:#2a2a2a;}
		.links_Netz li a:link {color:#ffffff;}
		.links_Netz li a:visited{color:#ffffff;}
		.imFokus {background:url(htdocs/head_im-fokus.gif) no-repeat;margin:0;	}
	#weblinks {background-color:#848484; margin-bottom:10px;}
	.imNetz {background:url(htdocs/head_hyperlinks.gif) no-repeat;}

        div.infokastenrechts {background-color:#848484; margin-bottom:13px; padding-bottom:10px;}
        div.infokastenrechts p {font-size:0.9em; line-height:1.3em; color:#ffffff; padding:10px 10px 0px 10px; margin:0;}
        div.infokastenrechts p.infohead {font-weight:bold;}
        div.infokastenrechts a:link {color:#ffffff;}
        div.infokastenrechts a:visited{color:#ffffff;}
	.infodatenundfakten {background:url(htdocs/info-datenundfakten.gif) no-repeat;}
	.infoexpertenmeinung {background:url(htdocs/info-expertenmeinung.gif) no-repeat;}
	.infogutzuwissen {background:url(htdocs/info-gutzuwissen.gif) no-repeat;}
	.infohintergrund {background:url(htdocs/info-hintergrund.gif) no-repeat;}
	.infokommentar {background:url(htdocs/info-kommentar.gif) no-repeat;}
	.infotopundflop {background:url(htdocs/info-topundflop.gif) no-repeat;}
	.infotippsundtricks {background:url(htdocs/info-tippsundtricks.gif) no-repeat;}
	.infotippsvomexperten {background:url(htdocs/info-tippsvomexperten.gif) no-repeat;}
	.infozurperson {background:url(htdocs/info-zurperson.gif) no-repeat;}
	.infovideopodcast {background:url(htdocs/info-videopodcast.gif) no-repeat;}
	.infomakingof {background:url(htdocs/info-makingof.gif) no-repeat;}
	.infoumfragezumthema {background:url(htdocs/info-umfragezumthema.gif) no-repeat;}
	/* /////////////////////////////////////////////////////////////////
    ///////////////////////// S E I T E N F U S S  /////////////////////
	//////////////////////////////////////////////////////////////// */
	#seitenfuss {
		clear:both;
		margin:20px 0 0 48px;
		border-top:#2a2a2a solid 1px;
		font-size:0.85em;
		text-align:left;	}
		#seitenfuss p {margin:10px 0  50px 0;}
		#seitenfuss a:link {color:#2a2a2a;}
		#seitenfuss a:visited {color:#2a2a2a;}
	  /*///////////////////////////////////////////////////////////////
     /// Ü B E R S I C H T  D E R   B I L D E R  D E S  T A G E S ////
	///////////////////////////////////////////////////////////////*/
	.bilddestages_uebersicht {margin-left:40px;}
	.bilddestages_uebersicht ul {margin:0;padding:0;}
	.bilddestages_uebersicht li {
		list-style:none;
		width:425px;
		height:137px;
		float:left;
		margin:0 0 7px 7px;
		padding:0;	}
	.bilddestages_uebersicht img {
		width:425px;
		height:137px;
		margin:0;
		padding:0;
		border:none;	}
	.bilddestages_uebersicht a:link img, .bilddestages_uebersicht a:visited img	{border:1px solid #cccccc;}
	.bilddestages_uebersicht a:hover img {border:1px solid #2a2a2a;}
	/*/// S U B N A V I G A T I O N  I N M E H R E R E N S E I T E N  (W I E  S U C H E R G E B N I S S E N) ////*/
	#subnavigation {text-align:center; margin:10px 0 10px 40px;}
	#subnavigation p {text-align:center;}
	#subnavigation a:link {margin-left:15px;color:#2a2a2a;}
	#subnavigation a:visited {margin-left:15px;color:#2a2a2a;}
	/* ///////////////////////////////////////////////////////////////
    /// Ü B E R S I C H T  D E R   F O K U S  D O S S I E R S  ////
	//////////////////////////////////////////////////////////////// */
	.fokus_uebersicht {margin-left:41px;}
	.fokus_uebersicht img {float:left; margin:0 0 5px 5px; border:none;}
	/* ///////// E I N Z E L Ü B E R S I C H T ////////////////*/
	.fokus_uebersicht .teaser_dossier {
	background-color:#FFFFFF;
	height:280px;
	width:424px;
	float:right;
	overflow:hidden;}
	.fokus_uebersicht .teaser_dossier h2 {font-size:1.3em; margin:2.5em 20px 1.0em;}
	.rubriken_trenner {margin-left:48px; height:65px;margin-bottom: 7px; margin-top:-20px; background:url(htdocs/rubriken_trenner_bg.gif) top repeat-x;}
	.rubriken_trenner h2 {height:65px; text-indent:-9999px;}
	.rubriken_trenner h2.titel_revolution {background:url(htdocs/startseite_uebersicht_btn_revolution_hell.gif) top left no-repeat;}
	.rubriken_trenner h2.titel_evolution {background:url(htdocs/startseite_uebersicht_btn_evolution_hell.gif) top left no-repeat;}
	.rubriken_trenner h2.titel_stagnation {background:url(htdocs/startseite_uebersicht_btn_stagnation_hell.gif) top left no-repeat;}
	.rubriken_trenner h2.titel_resignation {background:url(htdocs/startseite_uebersicht_btn_resignation_hell.gif) top left no-repeat;}
	/* ///////////////////////////////////////////////////////////////
    //////////////////// S E I T E : A R C H I V  ///////////////////
	//////////////////////////////////////////////////////////////// */
	.archiv_gesamt {margin-left:45px;}
		.archiv_suche {background-color:#FFFFFF;margin-top:7px; padding:7px 0;}
		.archiv_suche fieldset {border:none;background-color:#FFFFFF;}
		.archiv_suche input[type=text] {margin:0 10px;}
		.archiv_suche input[type=submit] {width:90px;}
		.archiv_suche label {margin-bottom:7px; font-weight:bold;}
		.archiv_suche legend {
			font-weight:bold;
			color:#D41E35;
			background-color:#FFFFFF;
			margin-top:0px;	}
		.archiv_suche th {padding: 7px 7px;}
		.archiv_suche table {text-align: center;}
	.suche_ergebnisse {background-color:#FFFFFF; margin:7px 0 0 45px;}
		.suche_ergebnisse h3 {margin:0 10px;}
		.suche_ergebnisse p {margin:0 10px 0.9em;}
	/*//////////////////////// S L I D E R ////////////////////////*/
			.indicator {
				width:10px;
				height:22px;
				background-color:transparent;
				position:absolute;
				font-size:1px;
				overflow:hidden;
				border:none;	}
			.indicator:focus {background-color: #f00;}
			.slider4 {
				width:353px;
				height:22px;
				background-image:url(htdocs/slider_back.png);
				position:relative;
				border:0px hidden #000;
				float:left;
				margin:0 20px;	}
			#indicator1{background-image:url(htdocs/indicator1-0.png);background-color:transparent;}
			#indicator1:hover{background-image:url(htdocs/indicator1-1.png);}
			#indicator2{background-image:url(htdocs/indicator2-0.png);background-color:transparent;}
			#indicator2:hover{background-image:url(htdocs/indicator2-1.png);}
			#indicator3{background-image:url(htdocs/indicator3.gif);background-color:transparent;}
/*//////////////////////////////////////////////////////////////////
/////////////////////// S E I T E : 4 0 4  ////////////////////////
////////////////////////////////////////////////////////////////*/
	.viernullvier {
		margin-left:48px;
		background-color:#FFFFFF;
		min-height:500px;
		padding-top: 15px;}
	.viernullvier h2 {
		width:832px;
		height:141px;
		text-indent:-9999px;
		background:url(htdocs/404.png) top center no-repeat;
		margin: 13px;
		margin-bottom:50px; }
	.viernullvier p {margin-bottom:0.8em;}
	.viernullvier p strong {color:#D41E35;}
/*//////////////////////////////////////////////////////////////////
    ///////////// S E I T E : A B S T I M M U N G /////////////////////
	////////////////////////////////////////////////////////////////*/
	.abstimmung input[type=submit] {width:120px; margin-top:7px; margin-left:5px;}
	.abstimmung p {padding-top:10px;}
        .balken {height:1em;background-color:#db0031;}

.invisible {display:none;}
