body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #d2d2d2;
	height:100%;

}
html { 
	-webkit-text-size-adjust: none; 
	height:100%;
/*	height: 100%;
	width: 100%;	*/
}
a {
	color: #65A4D2;
	text-decoration: none;
}
.btn {
	background-color: #B3D2E9;
	display: block;
	width: 120px;
	color: #000;
	padding: 2px 5px;
}
.btn:hover {
	background-color: #65A4D2;
}
.btn2 {width: 100%; margin-top:12px;}
.textbox .btn {width: 200px;}
.infobox .btn { /*width: 20px;*/}
.kartemanual .btn { width: 80%; margin-left:0%; margin-top:5px; /*float:right;*/}

.tab {display:none;}
.showbox {background-color: gold;}

.abmeld {
	position:absolute;
	top:-10px;
	right:10px;
	z-index:1000;
	display:block;	
	padding-top: 5px;
	padding-left: 30px;
	text-decoration-line: none;
	text-decoration-style: solid;
	background-image: url("../userfiles/images/meta/logout.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: auto 80% ;
	height: 20px;

}

a:hover {
	color: #000;
}
p, h1, h2, h3, table,hr {
	/*
	margin-right: 5px;
	margin-left: 5px;	
	
	*/
}
p {
	margin-top: 0px;
  margin-bottom: 14px;
}
h1 {
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 16px;
}
h2 {
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 3px;
}
#home  h1 {
	text-align: center;
}
h3 {
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul {
	/**/
	list-style-type: square;
	list-style-type: none;
	padding-left: 0px;
	list-style-position: outside;
	width: 100%;
	/*background-color:#ccc;*/
}
.inhalt li, .content li {
	background: url("../userfiles/images/meta/aufzaehlung.png") no-repeat left 8px;
	padding: 0px 0px 3px 15px;
	margin:0px;
}
table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 90%;
	margin-bottom: 20px;
}
td {
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
hr{
	border: none 1px black;
	background-color: #000;
	height: 1px;
	margin-bottom: 40px;
	display:none;
}
div {
}
.breite {width: 1024px;}
#hg {
    background-color: #FFF;

    padding-top: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: left;
    z-index:1;

}
#hg2 {
    background-color: #FFF;

    padding-top: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;

    text-align: left;
    

}
.fixbox{
	position:fixed;
	z-index:1000;
}

.header {
	margin-top:0px;
	padding-top: 0px;
	/*height:auto;*/
	background-color: #FFF;
	/*border-bottom:solid 1px red!important;*/
	}
#header2 {

	position: relative;
	z-index:1000;
/*
	border-top:solid 0px red!important;
	background-color: #999;
	background-color: #FFF;*/
	/*
	background-image: url(../userfiles/images/meta/hg.jpg);
	background-repeat: repeat-y;
	background-position:0px bottom;
	background-position:0px 0px;
	background-size: auto 100%;
	*/
	/*margin-top:0px;
	padding-top: 15px;*/
}
.fixed {
	position:absolute;
	z-index:200;
	top:132px;
	left:15px;
}
#header #logo{
	visibility:hidden;
	/*background-color: #0FF;
	background-image: url(../userfiles/images/bilder/iga-Logo_02.jpg);
	background-repeat: repeat-x;
	margin-top: 15px;
	*/
}
.logo{
	/*width:364px;
	width:44%;*/
	height:100%;
	width:auto;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	
	/*margin-left: 90px;*/
}
.hgimg, .logoX {

	width:100%;
	height:123px;

	
	/*margin-left: 90px;*/
}

.logobox{
	position:relative;
	/*border:solid 1px blue;*/
	/*height:100%;*/
		margin:0px;
	padding:0px;
}

.menubox {
	position:absolute;
	top:50%;
	right:20px;
	z-index:2100;


}
.menu {

    background-image: url(../userfiles/images/meta/menu.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 30px auto;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    left: 10px;
    margin-right: 0px;
    /*border: solid 2px #ccF;*/
    cursor: pointer;
    display: none;


}
.aktiv { background-position: 0px -31px; }




#links {
	/*background-color: #0CF;*/
}

#mitte {
	background-color: #09F;
	
}

#rechts {
	/*background-color: #0CF;*/
}
#main { margin-top: 30px; min-height:500px;}
.ganz { width: 100%; float:left;}

.side, .side2 {width: 18%;float:left;}
#main .side2, #main .heimbox {padding-top:22px;}
#haus {margin-top:22px;}

.content {
	position:relative;
	width: 64%;
	float:left;
}

.desk {
	display:block;
}
.smart {
	display:none;
}

.anker, .anker1, .anker2{
	height:0px;
	width: 0px;
	z-index:6000;
	font-size:0px;	
	left:-5100px;
	position: relative;
	/*position: absolute;*/

}
.anker{ top:-175px; background-color: red;}
.anker1{ top:-180px; background-color: pink;}
.anker2{ top:540px; background-color: gold;}



.inhalt {
	background-color: gold;
	/*border-top:solid 3px red;*/
	margin-bottom:50px;
}

.inhalt .bildbox {
	float: left;
	width: 31.333%;
	margin: 48px 2% 0px 0px;
}
.temp7 .inhalt .bildbox {
	margin: 0px 2% 0px 0px;
}
.inhalt .bildbox img {

	height: auto;
	width: 100%;
	margin:0px 0px 15px 0px;
}
.inhalt .bildbox h1 {
	display:none;
}
.inhalt .textbox {
	width: 62.666%;
	float: left;
}
.inhalt .textbox img{
	width: 100%;
	height:auto;
}
.inhalt .textbox .full{
	width: 153%;
	margin-left:-53%;
	height:auto;
}
.inhalt .teambox {
	background-color: #FF0;
	clear: left;
	clear: both;
}
.inhalt .teambox .bildbox {
	margin-top: 0px;
	/*border:solid 1px red;*/
	padding:0px;
}
.inhalt .bildbox .teambox img {
	margin:0px 0px 15px 0px;
	padding:0px;
}
.inhalt .teambox .bildbox p{
	/*display:none;*/
}
.inhalt .teambox .bildbox strong{
	display:none;/**/
}
.inhalt .teambox .bildbox, .inhalt .teambox .textbox{
	/*float: right;*/
}

#karte .textbox2 {
	position:relative;
	background-color: #FF0;
	width: 62.666%;
	float: left;
}
.svgbox {
	position:relative;
	/*background-color: #FF0;
	border:solid 1px red;*/
	left:-15px;
	top:-10px;
	height:800px;
}

.svgframe { 
	/*
	height:495px;
	border:solid 1px red;
	*/
   width:100%; 
   width:100%; 
   position: relative;
   z-index:0;
   
   	left:-15px;
	top:12px;
   display:inline-block; 
   vertical-align: middle;
   padding-bottom: 72%;  // berechnet aus dem Seitenverhältnis height/width
   overflow:hidden;
}

.svgframe svg { position: absolute; /*border:solid 1px blue; */ }







#home .bildbox, #haus .bildbox {
	width: 100%;
	margin-left: -2%;
}
#haus .haus-content .infobox {
	 position:relative;
	background-color: #FFF;
	float: left;
	width: 31.333%;
	margin-right: 2%;
}
#haus .haus-content .textbox {
	background-color: #FFF;
	float: left;
	width: 64.666%;
}
#home .bildbox a, #haus .bildbox a {
	background-color: #FFF;
	display: block;
	float: left;
	width: 31.333%;
	margin-bottom: 2%;
	margin-left: 2%;
	color: #000;
}

#home .bildbox span {
	display: block;
	width: 100%;
	margin-bottom: 1%;
	margin-left: 1%;
	font-size: 18px;
	line-height: 22px;

}
#home .bildbox img, #haus .bildbox img {
	height: auto;
	width: 100%;
}
#home .textbox {
	width: 98%;
	float: left;
}

#karte .textbox {
	width: 100%;
	float: left;
	/*background-color: pink;*/
}


#footer {
	margin-top: 30px;
}



.infobox span, .kriterien span {
	margin-bottom: 5px;
}

.kriterien {
	background-color: #D5D5D5;
	margin-bottom:35px;
	margin-bottom:0px;
}
.kriterien p {
		padding:5px 5px;
		/*background-color:#CCC;*/
}

.kriterien {
		font-size:12px;
		line-height:14px;
}
.kriterien .legende {
		font-size:12px;
		line-height:14px;
		padding-bottom:0px;
		display:inline-block;
		
}
.kriterien a {
	display:block;
	
	color:#000;
	
}
.kriterien a:hover {

		background-color: #B3D2E9;
}
.kriterien h3{
	
	padding:5px 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;

	display: block;
}
.kriterien h4{
	
	padding:5px 5px;
	margin:0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;

	display: block;
}
.infotitel {
	font-weight:bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 100%;
	display: block;
}
.infofaktor {
	width: 85%;
	display: inline-block;
	background-color: pink;
	position:relative;
}
.infocheck {
	/*
	width: 10%;
	width: 20px;
	display: inline-block;
	text-align: center;*/
}

.infofaktor2 {
	width: 85%;
	/*padding-right:10%*/
	background-color: gold;
	position:relative;
	display:block;
	padding-right:5%;
}
.infocheck2 {
	width: 10%;
	width: 20px;
	text-align: center;
	position:absolute;
	top:0px;
	right:-10%;
	/*right:20px;*/
}
.infofaktor3a {
	width: 65%;
	/*padding-right:10%*/
	background-color: gold;
	position:relative;
	display:block;
}
.infofaktor3b {
	width: 80%;
	/*padding-right:10%*/
	background-color: gold;
	position:relative;
	display:block;
	text-align:right;
	padding-right:10%;/**/
	font-weight:normal;
}




.blau {
	background-color: #65A4D2;
}
.gruen {
	background-color: #61C561;
}
.orange {
	background-color: #DE7649;
}


.clr {
	font-size: 0px;
	line-height: 0px;
	/*background-color: #F00;*/
	clear: both;
	height: 0px;
}

#nav1 {
	background-color: #FcF;
	float: right;
	margin-right: 30px;
	margin-top: 46px;
}
#nav1 ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	width: 140px;
	margin: 0px;
}
#nav1 ul li {
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav1 > ul > .current > a{
	background-color: #FFF;
	font-weight:bold;
}
#nav1 > ul > li:hover > a{
	background-color: #B3D2E9;
}
#nav1 > ul > li > ul > .current > a, #nav1 > ul > li > ul > li:hover > a  {
	background-color: #B3D2E9;
}
#nav1 > ul > li > ul > li > ul > .current > a , 
#nav1 > ul > li > ul > li > ul > li:hover > a  {
	/*font-weight:bold;*/
	/*color:#999;*/
		background-color: gold;
	background-color: #B3D2E9;

}
#nav1 ul li a {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
	border-bottom:solid 2px #65A5D2;
	color: #000;
}
#nav1 ul li ul li a {
	padding-left: 20px;
}
#nav1 ul li ul li ul {

	margin-bottom:14px;

}
#nav1 ul li ul li ul li a {

	border-bottom:none;
	line-height: 14px;

}
.weiss{
	fill: #FFF;
}

.kreis{
	fill: #DFDFDF;
}


.kreis0{
	fill: gold;
	stroke:#000;
	stroke-width:2;
}
.kreisaktiv {
	fill: pink;
	stroke:#000;
	stroke-width:2;
}
.grenzen {

	fill: #FFF;
}
.heimbox {
	position:relative;
	z-index:100;
}
.heim {
	fill: pink;

}
.heim {
	fill: #FFF;
	stroke-width:24;
}
.k12 .heim {
	

	

}
.k14 .heim {


}



.svgbild {


}
.svgtext{
	display:none;
	/*fill:#000;*/
}
.svgbild {

}
.svglegende {
	fill:none;
	font-size:8.5px;
	position:relative;
	z-index:200;
}
.k14 .svglegende {

}
#Kreise .kreisX { fill:#DFDFDF; }
#Kreise .kreis { fill:#DFDFDF; cursor:pointer;}
/*#Kreise .kreis:hover { fill:#CCC; }*/

.manual{
	font-size: 13px;
	line-height: 15px;
}

.kartemanual {
	font-size: 11px;
	line-height: 13px;
	width:260px;
	background-color:#FcF;
	position:absolute;
	top:395px;
	right:18px;
	
}


#liste2{
margin-left: 0px;
padding-left: 0px;
	list-style-type: none;
	list-style-position: outside;
	/*border:solid 1px red;*/
	
}
#liste2 a {
	color: #656565;
	text-decoration: none;
	font-size: 14px;
	display: block;
	cursor:pointer;
}

#liste2 li {
	

}


#liste2 li {
	background: none no-repeat left 8px;
	margin-top:5px;
	/*background-color:gold;*/
	margin-left: 50px;
	margin-left: 30px;
	font-weight: normal;
}
#liste2 > li {
	/*background-color:gold;*/
	margin-left: -18px;
}


#liste2 li ul{
	padding-top:5px;	
	padding-left: 0px;
	margin-bottom:5px;
	display: none;/**/
}


#liste2 .pdf a{

	padding-top: 0px;
	background-image: url(../userfiles/images/meta/pdf3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*left: -28px;*/
	position: relative;
	/*height: 18px;*/
	line-height:20px;
	padding-left: 26px;

}
.pdf a {

}
.folder > a{
	display:block;
	background-image: url(../userfiles/images/meta/dreieck4_v.png);
	background-repeat: no-repeat;
	background-position: 0px -3px;
	margin-top: 5px;
	position: relative;
	top:5px;
	padding-left:50px;
}

#liste2 li ul .pdf {
	
	/*border:solid 1px red;*/
	left: 0px;
	
}


#controll {
	display:none;/**/
	position:absolute;
	z-index:5000;
	top:100px;
	left:200px;
}




/* Desktop XLarge */

@media only screen and (min-width: 1581px) and (max-width: 3000px) {
	body {font-size: 16px; line-height: 20px; }
	
	p {margin-bottom: 18px;}
	h1 {font-size: 28px;line-height: 32px;margin-bottom: 20px;}
	h2 { font-size: 24px; line-height: 28px; margin-bottom: 7px;}
	h3 { font-size: 22px; line-height: 30px;}
	
	.svgframe {  top:6px; }
	.kriterien .legende{ font-size:14px; line-height:16px; }
	.kriterien h3{ line-height:35px; }
	.btn {  width: 160px; }		
	
	#hg, #header2 { /*border-top:solid 2px blue;*/		}
	.breite {width: 1581px;}	
	.hgimg, .logo { height:190px;}
	.anker{ top:-237px;}	
	.fixed {  top:203px; left:54px;}
	#nav1 ul {width: 200px;}
	#nav1 ul li {font-size: 16px;line-height: 24px;}
	.kartemanual { width:400px; top:610px; right:34px; background-color:#FFF; font-size: 14px; line-height: 16px;}
}



/* Desktop large */
@media only screen and (min-width: 1380px) {
			
}

/* Desktop large */
@media only screen and (min-width: 1271px) and (max-width: 1580px) {
	body {font-size: 14px; line-height: 18px; }	
	
	p {margin-bottom: 16px;}
	h1 {font-size: 26px;line-height: 30px;margin-bottom: 18px;}
	h2 { font-size: 22px; line-height: 26px; margin-bottom: 5px;}
	h3 { font-size: 18px; line-height: 27px;}
	.kriterien .legende{ font-size:13px; line-height:15px; }

	.btn {  width: 140px; }	

	#hg, #header2 { /*border-top:solid 2px pink; */ }
	.breite {width: 1271px;}
	.hgimg, .logo { height:152px;}
	
	.header {
	/*height:140px;
	border-bottom:solid 1px pink!important;*/
	
	}	
	.anker{ top:-195px;}
	.fixed {  top:163px; left:18px; }	
	#nav1 ul {width: 170px;}
	#nav1 ul li {font-size: 14px;line-height: 22px;}
	.svgframe {  top:10px; }
	.svgbox { border-top:solid 2px pink; width:800px; height:800px;}
	
	.svgbox svg { border-top:solid 2px gold; border-bottom:solid 2px gold; width:800px; height:800px; viewBox:0 0 800px 100%;}
	.kartemanual { width:340px; top:490px; right:26px; background-color:#FFF; font-size: 13px; line-height: 15px;}
}

/* Desktop medium */
@media only screen and (min-width: 1024px) and (max-width: 1270px) {

#hg, #header2 { /*border-top:solid 2px gold;*/	}


}



/* Tablet Portrait */
@media only screen and (min-width: 1024px) and (max-width: 1043px) {
	#main { margin-top: 0px; }
	.temp1 #main { margin-top: -10px; }
	
	.temp1 #footer { margin-top: -20px; }
	
	#footer { margin-top: -20px; }
	
	
	
}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#hg, #header2 {/* border-top:solid 2px green;*/}
	.breite {width: 768px;}	
	.hgimg, .logo { height:92px;}
	#header2 .side { width: 0.5%; }
	#header2 .side2 { width: 35.5%; }
	#main .side, #footer .side {width: 20%; /*background-color:#FCC;*/}
	#main .side2, #footer .side2 {width: 78%; margin-left:22%; /*background-color:#FCF;*/}
	#main .content, #footer .content { width: 78%; margin-left:2%;/*background-color:#CCF;*/}
	.svgframe {  left:-1.5%; top:0px; padding-bottom: 73.5%; width:	100.5%;}
	.svgframe svg{  }
	.anker{ top:-138px;}
	.fixed { top:100px; }
	
	.kriterien {width: 54.5%; margin-right:2%; float:left; }
	.kriterien.links {width: 40.5%;  }
	.kartemanual { /*width:400px;*/ top:370px; right:12px;/**/ background-color:#FFF; /*font-size: 14px; line-height: 16px;*/}

}


@media only screen   and (max-width: 767px) {
	h1 { font-size: 18px; line-height: 20px; margin-bottom: 16px; }
	h2 { font-size: 16px; line-height: 18px; }
	h3 { font-size: 14px; line-height: 16px; }
	#nav1 { display:none;}
	.menu { display: block; }
}

/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	#hg, #header2 { border-top:solid 2px grey;	}
	.breite {width: 512px;}	
	
	.hgimg { /*visibility:hidden;*/ height:92px; width: 100%;}
	.anker{ top:-100px; background-color: gold;}
	.logobox { height:61px; background-image: url(../userfiles/images/meta/hg.jpg); background-repeat: repeat-x; }
	.logo { /*visibility:hidden; height:61px; width: auto;*/}

	.side, .side2 {width: 2%;}
	.content, #main .side2 { width: 96%;}
	#main .side2, #main .content { margin-left:2%;}
	
	.fixed {  top: 102px; left: 10px; }
	#nav1 { background-color:#FFF; padding-top:0px;padding-bottom:150px;}
	#nav1 ul { width: 154px; margin: 0px; }
	.kartemanual { /*width:400px;*/ top:296px; right:14px;/**/ background-color:#FFC; /*font-size: 14px; line-height: 16px;*/}

	
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {

	
}



@media only screen   and (max-width: 512px) {
	
	#hg {height:100%;}
	#hg, #header2 { /*border-top:solid 2px purple;	*/ z-index:2000;}
	
	.breite, .inhalt .bildbox, .inhalt .textbox   {width: 100%;}	
	.hgimg, .logoX { visibility:hidden; height:61px; }
	.side, .side2 {width: 96%; margin-left:2%; position:relative;height:0px;}
	#rechts.side2 {height:auto;}
	.content { width: 96%; margin-left:2%;}
	.fixed {  top: 10%; left: 2%; width: 96%; z-index:200; /*height:200px;*/overflow-y:auto; overflow-x:hidden;}
	#nav1 { padding: 40px 0px 200px 0px; margin-bottom:20px;}
	#nav1 ul { width: 100%; margin: 0px 100px 0px 0px;  /*background-color:#cCc;*/}
	#home .bildbox span { min-height:32px; }
	.menu { display: block; }
	
	.svgframe {  left:-1.5%; top:-24px; padding-bottom: 73.5%; width:	100.5%;}
	.svgframe svg{  }
	
	#haus .haus-content .infobox, #haus .haus-content .textbox { width: 98%;  margin-left: 2%; }
	
	.tab a {background-color:#FFF; border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; display: block; float: left; width: 28.333%; margin-left: 0%;}
	
	.tab a:first-child {  margin-left: 2%;border-left:solid 1px #ccc; }
	.tab .tab-aktiv {  border-bottom:solid 1px #FFF;}
	
		
	.tab { display:block;  width: 100%; /*background-color: red;*/ float:left; margin-left: -2%; border-bottom:solid 1px #ccc; height:21px; margin-bottom:15px;}
	
	.showbox {/*background-color: grey; position:absolute; top:0px; left:100%; width: 200%;*/}
	.tabbox .showhide {display:none;}
	
	.tabbox .aktiv {display:block;}

	.hide{display:none;}
	.inhalt { }
	.inhalt .bildbox  { margin-top:0px; margin-left:-2%}
	.inhalt .bildbox h1 { display:block; margin-left:2%}
	.inhalt .textbox h1 { display:none; }
	.inhalt .bildbox img {  height: auto;  width: 47%;  margin: 0px 0px 5px 2%; }
	.inhalt .teambox .textbox p { margin-bottom:30px;}
	.inhalt .textbox .full{
	width: 100%;
	margin-left:0px;
	height:auto;
}


	.anker{ top:-60px; background-color: gold;}
	
	.kartemanual { width:96%; top:87%;/**/ /*bottom:0px; */ left:2%; background-color:#FFF; /*font-size: 14px; line-height: 16px;*/}
	#main .heimbox {padding-top:0px; padding-bottom:0px; margin-bottom:50px; background-color:#FFF;}
	.kartemanual .btn { max-width: 200px; }
	.inhalt .teambox .bildbox p { }
	.inhalt .teambox .bildbox strong{ margin:0px 2%; /*display:block;*/ }
	
}