@charset "UTF-8";
/* CSS Document */
/*geändert in left, vorher center, das war das Problem, dass alle Texte centriert wurden*/

.fixed {
	position: fixed;	
}

body	{
	background-color: #FFFFFF;
	text-align: center;
	font-family: "Lucida Grande", Arial, sans-serif;
	margin: 0;
}

/* Schriften */

p	{
	color:#666;
	font-size: 18px;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.5em;
}
/*Kleinere Schriftgröße für Fließtext in 2. Spalte*/
p2	{
	color:#666;
	font-size: 14px;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.5em;
}

p3	{
	color:#999;
	font-size: 16px;
	font-family: "Lucida Grande", Arial, sans-serif;
	line-height: 1.2em;
}



/* Seiten-Kapitel */
h1	{
	font-family: "Adobe Fangsong", Lucida Grande, Arial, sans-serif;
	color: #999999;
	font-size: 44px;
	line-height: 2em;
	letter-spacing: 0.1em;
}

/*Oberpunkt*/
h2	{
	font-family: "Times", Arial, sans-serif;
	color: #666;
	font-size: 36px;
	line-height: 30px;
	
}
/*Unterpunkt*/
h3	{color: #666;
	font-size: 24px;
}
	

h4	{
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #666;
	font-size: 18px;
	
}

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

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

	background-color:#999999
}

h7	{font-family: "Lucida Grande", Arial, sans-serif;
	color: #666;
	font-style: normal;
	font-size: 12px
}

a	{text-decoration: none;
	color: #36C;
}
a:hover	{color: #999999;
}

itemtext {font-family: "Lucida Grande", Arial, sans-serif;
	color: #666;
	font-style: normal;
	font-size: 14px
}


.feld h2	{
	font-size: 24px;
	color: #09F;
	font-style: normal;
	font-variant: normal;
	font-family: "Lucida Grande", Arial, sans-serif;
}

.feld veranst_Termine	{
	font-size: 36px;
	line-height: 2;
	color: #9999;
	font-style: normal;
	font-variant: normal;
	font-family: "Lucida Grande", Arial, sans-serif;
}


/* Navi */
	
	#navi-mobile-icon {
		display:none;
	}
	
	.navi-haupt {
		display: inline-block;
		padding: 0em 1em 0em 1em;	
	}
	
	.navi	{
		text-align: center;
		background-color: #9EDCFF;        /* Hintergrundfarbe für die Navigation */
  		padding: 4px 4px;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  		margin-top: 3px;                        /* Keinen Außenabstand */
	}
	
	.navi-unter {
		position: absolute;
		left: 0;
		text-align: center;
		width:99.6%;
		background-color: #5CC3FE;
		padding: 4px 4px;                   /* Innenabstand: oben/unten 4px, li/re 0 */
		margin-top: 4px;
		display: none;	
		z-index: 100;
		
	}
	
	.navi-haupt:hover > .navi-unter {
		display: block;	
	}
	
	
	.navi a {color: #666;                  /* Schriftfarbe schwarz */ 
  			text-decoration: none;         /* Unterstreichung entfernen */ 
  			padding: 4px 12px;
			border-left: #FFF 3px;              /* oben/unten 4px, re/li 8px */
	}
	.navi a:hover	{color: #FFF;
  					background-color: #00F;
	}
	
	
	/* Sidebar CSS */
	#sidebar {
		position: fixed;
		right: 0;	/* left: 0 => Linke Seite, right: 0 => rechte Seite */
		top: 0;
		height: 100%;
		width: 65px;
		z-index: 100;
	}
	
	#s-container {
		position: absolute;
		width: 100%;
		top: 40%;	/* Position der Sidebar */
		background-color: #353b48;	
	}
	
	#s-container ul {
		list-style: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#s-container ul li {
		width: 100%;
		border-bottom: 1px, solid white;
	}
	
	#s-container ul li:hover {
		background: #40739e;
	}
	
	#s-container ul li:last-child {
		border-bottom: 0px;
	}
	
	#s-container ul li span {
		display: block;
		width: 100%;
		padding-top: 100%;	
		background-repeat: no-repeat;
		background-size: 75%;
		background-position: 50% 50%;
	}
	
	/* Icons */
	#icon-anfahrt {
		background: url(sidebar_icons/anfahrt.png);	
	}
	
	#icon-ansprechpartner {
		background: url(sidebar_icons/ansprechpartner.png);	
	}
	
	#icon-email {
		background: url(sidebar_icons/email.png);	
	}
	
	
	/* Spaltenlayout */
	.wrapper {
		width: 100%;
		position: relative;
		text-align: left;
	}
  
    .spalte-links {
        display: inline-block;
        width: 69%;
		/*border-right: 1px, solid black;*/
    }
	
	.spalte-rechts {
		display: inline-block;
		border-left: 1px solid black;
		margin-top: 10em;
		position: absolute;
		width: 29%;	
		padding: 1em;
		text-wrap: normal;
	}
	
	.center {
		text-align: center;	
	}
	
	

/* div-Boxen */

	/* Seiten Hintergrund */
	.seite	{background-color: #FFFFFF;
		max-width: 975px;
		min-width: 640px;
		/* geändert in links, vorher center*/
		text-align: left;
		padding-top: 10px;
		overflow-x: hidden;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
	}

	/*Kopf der Seite für Logo */
	.header {height: 120px;
			text-align: center;
	}
	
	.logo	{
		background-image: url('img/dha_logo_zw_120');
		background-size: auto 100%;
		display: inline-block;
		width: 120px;
		height: 120px;
	}
	
	 
#box1 { position: absolute;   
       height: auto; width:200px;    
       left: 1200px; top:500px; }          
  

	
	/* Tittelbild_index nur auf den Startseiten verwendet index.html, willkommen.html und willkommen_denkhaus.html*/

	.tibild_index_2	{background: url(img/way-918900_1920_975.png);
					max-width :975px;
					min-width: 640px;
					height: 492px;
					overflow: hidden;
	}
	.tibild_index	{background: url(img/DENKHAUS_wissen.jpg);
					max-width: 975px;
					min-width: 640px;
					height: 492px;
					overflow: hidden;
	}
	.willkommen_bild	{background: url(img/dha_wissen_schloss_975.png);
						max-width: 975;
						min-width: 640px;
						height: 389px;
						overflow: hidden;
	}
	.willkommen_bild_antwort	{background: url(img/dha_wissen_schloss_975.png);
						max-width: 975;
						min-width: 640px;
						height: 389px;
						overflow: hidden;
	}
	.infobrief_bild	{background: url(img/infobrief_bild.png);
						max-width: auto;
						height: 389px;
						overflow: hidden;
	}
	.rundgang_bild	{background: url(images/denkhaus_ost_kapelle_sonne_1500_150px.jpg);
						max-width: auto;
						height: 550px;
						overflow: hidden;
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size: cover;
						
	}
	.tibild_emailer	{background:url(Emailer/akademie_fuer_unternehm_zukunft.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: 975px;
						min-width: 640px;
						height: 389px;
						overflow: hidden;
	}
	
	.site_daternschutz_rundum_head	{background:url(img/denkhaus_dsgvo_rundum_dh_header.png);
						max-width: 975px;
						min-width: 640px;
						height: 389px;
						overflow: hidden;
	}

/* ~~ Dies sind die Spalten für das Layout. Aus Vorlage reminder_ihk_bay_schw ~~ */
.sidebar1 {
	float: right;
	width: 235px;
	background: #999;
	padding-bottom: 10px;
	color: #FFF
}
	
	
		/*Slogan*/
	div .slogan	{width: auto;
				padding-left: 20px;
				padding-right: 20px;
				margin-left: auto;
				margin-right: auto;
	}
	
	.txt	{
	float: right;
	text-align: right;
	position: absolute;
	height: auto;
	top: 725px;
	left: 166px;
	overflow: hidden;
	width: auto;
	}
	
	.tibild_slogan	{
	float: right;
	
	position: absolute;
	top: 565px;
	left: 366px;
	height: auto;
	overflow: hidden;
	width: auto;
	font-family:"Lucida Grande", Arial, sans-serif;
	color: #FFF;
	font-style: normal;
	font-size: 24px
	}
	
	/* neue Beiträge anlegen */
	div .feld	{width:auto;
				padding-left: 20px;
				padding-right: 20px;
				margin-left: auto;
				margin-right: auto;
				overflow: hidden;
				line-height: 190%;
	}
		div .feld_iFrame	{width:100%;
		font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
		font-size: 14px
	
	}
	
	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-left: 20px;
				padding-right: 20px;
				margin-left: auto;
				margin-right: auto;
	}
	
	/* Abbinder für Infobrief*/
	div .impressum {
		background-color: #666;
		color: #FFF;
		font-size: 18px;
		width: auto;
	padding-left: 20px;
	paddding-right: 20px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
	div .table	{width:auto; padding-left: 20px;
				padding-right: 20px;
				margin-left: auto;
				margin-right: auto;
	}
}
/* Doppelspalte */
	div .RahmenDoSpa	{
	background: #FFFFFF;
	width: 900px; 
	margin: 0px; 
	height: auto;
				
	}
	div .SpaLi {
	background: #FFFFFF; 
	width: 50%; height: auto; 
	float: left;
	width: 196px;
	height: auto;
	}
	div .SpaRi {
		 "background: #FFFFFF; 
		 width: 50%; 
		 height: auto; 
		 float: right;
	}
	
	/* Bilder horizontal*/
	figure {
display: table-cell;
padding: 0 4px;
text-align: center
}	

/* 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: 480px;
	}
	tr .formular	{height: 55px;
	}
.satz_klein {
	font-size: 14px;
	font-family: "Lucida Grande", Arial,sans-serif;
}
.absatz_groß_24pt {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	letter-spacing: 15%;
	word-spacing: 15%;
}

.absatz_groß_18pt {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	font-style: bold;
	font-weight: bold;
	color: #666;
	letter-spacing: 15%;
	word-spacing: 15%;
	text-align: center;
}
.absatz_groß_24pt_blau {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #06F;
	letter-spacing: 15%;
	text-align: justify;
	word-spacing: 15%;
}

.line {
	
}

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

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

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

.quad-text {
	margin-top: 1em;
}
/*von index-Seite denkahus-akadmeie.de*/


  #schrift_im_Bild_weiß {
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-size: 16px;
      font-weight: bold;
      color: #FFF;
      text-decoration: blink;
  }
  #schrift_im_bild_weiß_2 {
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      color: #FFF;
      text-decoration: blink;
  }
  #weißer_Text_Bild {
      color: #FFF;
  }
  #Erläuterung_Txt {
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: standard;
      color: #FFF;
  }
  
/*Rahmen um Text */
.Rahmen_um_Text {
	background-colour: #666;
	border-bottom: #999;
	boder-left: #999;
	boder-width: 0 0 thin thin;
	border-style: none none groove groove;
	
 }

	
.trennlinie {
	<hr noshade style="background-color: blue; height: 500px; width: 1px;">	
}