@charset "UTF-8";
/* CSS Document */
/*geändert in links, vorher center, das war das Problem, dass alle Texte centriert wurden*/
body	{text-align:left;
		font-family:"Lucida Grande", Arial, sans-serif;
}

/* Schriften */

p	{color:#666;
}
/* Seiten-Kapitel */
h1	{
	font-family:"Lucida Grande", Arial, sans-serif;
	color:#999999;
	letter-spacing: 0.2em;
	font-size: 1.8em;
}

/*Oberpunkt*/
h2	{color:#09F;
	font-size:24px;
	
}

/*Unterpunkt*/
h3	{color:#09F;
	font-size:18px;
}
	

h4	{color:#09F;
	font-size:16px;
	
}

/* für NEUE MÄRKTE */
h5	{
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:16px;
	color:#FFF;
}

h6	{font-family:"Lucida Grande", Arial, sans-serif;
	color:#09F;
	font-style:normal;
	font-size:14px

	background-color:#999999
}
a	{text-decoration: none;
	color:#009;
}
a:hover	{color:#999999;
}
.feld h2	{
	font-size:18px;
	color:#09F;
	font-style:normal;
	font-variant:normal;
}

/* Navi */
	#navi-mobile-icon {
		display: block;
		width: 100%;
		text-align: left;
		cursor: pointer;	
	}
	
	.navi	{
		text-align: left;
		background-color: #9EDCFF;        /* Hintergrundfarbe für die Navigation */
  		padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  		margin-top: 3px;                        /* Keinen Außenabstand */
		display: none;
	}
	
	.navi-unter {
		padding-left: 2em;	
	}
	
	.navi a {color: #666;                  /* Schriftfarbe schwarz */ 
  			text-decoration: none;         /* Unterstreichung entfernen */ 
  			padding: 4px 12px;
			border-links:#FFF, 3px;              /* oben/unten 4px, re/li 8px */
			display: block;
			
	}
	.navi a:hover	{color:#FFF;
  					background-color: #00F;
	}
	
	/* Sidebar CSS */
	#sidebar {
		display: none;
	}

/* div-Boxen */

	/* Seiten Hintergrund */
	.seite	{background-color:#FFFFFF;
		max-width:640px;
		text-align:left;
		padding-top:10px;
		overflow-x:hidden;
	}

	/*Kopf der Seite für Logo */
	.header {height: 120px;
			text-align:center;
	}
	
	.logo	{
	}
	
	/* Tittelbild_index nur auf den Startseiten verwendet index.html, willkommen.html und willkommen_denkhaus.html*/
	.tibild_index	{background:url(img/DENKHAUS_wissen_mobil.jpg);
					max-width:640px;
					height:323px;
					overflow: hidden;
	}
	.willkommen_bild	{
						background:url(img/dha_wissen_schloss_mobil_640.png);
						background-position: 50% 50%;
						background-size: cover;
						max-width:auto;
						width: 100%;
						padding-bottom: 50%;
						/* height:256px; */
						overflow: hidden;
	}
	.rundgang_bild	{background:url(images/denkhaus_ost_kapelle_sonne_640_72px.jpg);
						max-width:auto;
						width: 100%;
						height:250px;
						overflow: hidden;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: 0 0;
	}
	.rundgang_bild_2	{background:url(img/denkhaus_ost_kapelle_sonne_640.png);
						max-width:auto;
						height:389px;
						overflow: hidden;
	}
	.infobrief_bild	{background:url(img/infobrief_bild.png);
						max-width:auto;
						height:389px;
						overflow: hidden;
	}
		.tibild_emailer	{background:url(Emailer/akademie_fuer_unternehm_zukunft_640.png);
					max-width:975px;
					min-width:640px;
					height:290px;
					overflow: hidden;
	}
				.themabild_emailer	{background:url(Emailer/mut_komp_gesch.png);
					max-width:975px;
					min-width:640px;
					height:290px;
					overflow: hidden;
	}
	.site_daternschutz_head	{background:url(img/veranstaltung_datenschutz_dsgvo_header.png);
						max-width:975;
						min-width:640px;
						height:389px;
						overflow: hidden;
	}
	
	img {
		max-width: 100%;
		height: auto;	
	}
	
	#loesungsfindung {
		width: 100%;	
	}

	
	.txt	{
	float:right;
	text-align:right;
	position:absolute;
	height:40px;
	top:510px;
	links:330px;
	overflow:hidden;
	}
	
	/* neue Beiträge anlegen */
	div .feld	{width:auto;
				padding-links:20px;
				padding-right:20px;
				margin-links:auto;
				margin-right:auto;
	}
	div .Absatzgross	{width:auto;
				padding-left:20px;
				padding-right:20px;
				margin-left:auto;
				margin-right:auto;
				font-size:18px;
	}
	
	/* neuen Button anlegen 10.11.17*/
	div .button	{width:auto;
	text-align:center
				padding-links:20px;
				padding-right:20px;
				margin-links:auto;
				margin-right:auto;
	}
	/* Abbinder für Infobrief*/
	div .impressum {
		background-color:#666;
		color:#FFF;
	font-size:16px;
		width:auto;
	padding-links:20px;
	paddding-right:20px;
	margin-links:auto;
	margin-right:auto;
	}
	
	div .table	{width:auto;padding-left:20px;
				padding-right:20px;
				margin-left:auto;
				margin-right:auto;
	}

/* id */
	/*id zentrieren */
	#center {text-align:center;
	}
	/*id links */
	#links {text-align:left;
	}
	/*id rechts */
	#rechts	{text-align:right;
	}

/* Tabellen */

	/* Formular */
	tabel .formular	{border:0px;
					width: 400px;
	}
	tr .formular	{height:35px;
	}
.Formular {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
}
.absatz_txt_24pt {
	font-size: 24px;
}

.line {
	text-align: center;
}

.quad {
	width: 80%;
	padding-bottom: 80%;
	position: relative;
	display: inline-block;
	text-align: center;
}

.quad-content {
	position: absolute;
	width: 100%;
}

.quad-caption {
	margin-bottom: 1em;
}

.quad-text {
	margin-top: 1em;
}