/* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
* { 
margin: 0;
padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #EEE;
	background-color: gold;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 100%;
	width: 100%;

}

html
{
  height: 101%;
  width: 100%;
  -webkit-text-size-adjust: none; 
}
ul li, ol li{
	margin-left:30px;
	
}
.rot {

  font-weight: bold;
}
.hg {
	/*min-height: 100%;*/
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 970px;
}
.hg .left {
	height: auto;
	float: left;
	background-repeat: no-repeat;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	display:block;
}

/*
.hg #center {
	width: 280px;
	height: 650px;
	float: left;
	background-color: #BECFD9;
}
*/
.hg .right {

	float: left;
	min-height: 600px;
	background-color: #bfcfdb;
	background-image: url("../Bilder/hgright.png");
	background-size:100% auto;
	background-repeat: repeat-y;
}
.right a {
		text-decoration: none;
	/*color: #FFF;*/
}
.right a:hover {
	/*color: #e84e1b;*/
}
.right h3 {
	font-size: 1em;
}


.header {
	width: 100%;
	/*
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
	height: auto;
	float: left;
	background-color: #FFF;

}
.header {
	/*background-position: 0px -60px;*/
}

#home {
	background-image: url("../Bilder/toppfeil.png");
	background-position: right;

	background-repeat: no-repeat;
	display:none;
	/*background-color: #FFF;*/
	color: #FFF;
	z-index: 200;
  	position: fixed;
  	bottom: 0px;
	padding-bottom: 5px;
	clear: both;
	padding-top: 15px;
	text-align: right;
	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=70);
  /* Netscape/FireFox */
  -moz-opacity: 0.7;
  /* Safari 1.x */
  -khtml-opacity: 0.7;
  /* aktuelle Browser */
  opacity: 0.7;	
	
	

}
#home span {font-size:18px;	vertical-align: middle; }

.header1 {
	/*
	padding-top: 30px;
	padding-bottom: 5px;
	*/
	padding-top: 70px;
	padding-bottom: 6px;
}
.header2 {
	padding-top: 70px;
	padding-bottom: 6px;
}
.link {cursor:pointer;}
.titel1 {
	width: 62%;
}
.titel2 {
	width: 38.62%;
}

.clr {
	/*float:left;*/
	clear: both;
	width: 970px;
	height:40px;
	display: block;
	background-color: #EEE;
}
.clr2 {
	background-color: #EEE;
	clear: both;
	width: 100%;
	display: block;
}
.clr3 {
	background-color: #266085;
	clear: both;
	width: 100%;
	display: block;
}
/* Navigation */

.nav0 {
	list-style-type: none;
	width: 215px;
	padding: 0px;
	float: none;
}
.left1 .nav0 {
	display: block;
	margin-top: 122px;
	margin-left: 292px;
}
.left2 .nav0 {
	display: block;
	margin-top: 5px;
	margin-left: 15px;
}
.nav0 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 56px;
	font-weight: bold;
}
.nav0 .p2 {
	margin-left: 63px;
}
.nav0 .p3 {
	margin-left: 93px;
}
.nav0 .p4 {
	margin-left: 104px;
}
.nav0 li a {
	text-decoration: none;
	color: #246181;
}
.nav0 li a:hover, .nav0 li .current {
		color: #E84E1B;
	
}

.nav1 {
	float: right;
	list-style-type: none;
	padding: 0px;
	margin-top: 24px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.nav1 li {
	float: left;
	margin-left: 10px;
	font-size: 1em;
}
.nav1 li a {
	text-decoration: none;
	color: #246181;
	white-space: nowrap;
}
.nav1 li a:hover, .nav1 li .current {
		color: #E84E1B;
}


/* Navigation */
.hauptbildbox {
	/*border-top: 1px solid #fff;*/
	background-color: #FFF;
	
}
.bildgross, .bildgross2 {
	width: 100%;
	margin-bottom: 0px;
}
.sa1{
	width: 38.62%;
		background-color: #bfcfdb;
}
.sa2{
		width: 61.38%;
		background-color: #266085;
}
.sb1{
	width: 21.38%;
	background-color: #bfcfdb;
}
.sb2{
	width: 78.62%;
	background-color: #266085;
}
.sc1{
	width: 0%;
	background-color: #bfcfdb;
}
.sc2{
	width: 100%;
	background-color: #266085;
}
.right1{
		width: 445px;
}
.right2{
		width: 725px;
}
.hg .left1{
	width: 525px;
	background-position: 10px 135px;
	background-image: url("../Bilder/Respect_Home_g.png");

}
.hg .left2{
	background-color: #fff;
	width: 245px;
	background-position: -5px 205px;
	background-image: url(../Bilder/logoHG2.png);
}

.content1 {
	border-top: 1px solid #fff;
	color: #236180;
	float: left;
	height: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content1 h3, .content1 p {
clear: left;
	color: #266181;
	text-decoration: none;
	/*
	margin-top: 0px;
	margin-right: 7%;
	margin-bottom: 2%;
	margin-left: 7%;
	*/
}
.content2 h1, .content2 p {
	/*clear: left;
	float: left;*/

}


.content1 a h3 {
	color: #FFF;
}
content1 a {
	text-decoration: none;
}
.content1 .current h3, .content1 a:hover h3 {
	color: #e84e1b;
}
.content2 {
	float: left;
	height: auto;	
	/*min-height: 600px;*/
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
.logo {
	width: 225px;
}
.logo2 {
	display:none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 200;
}

.content2 p, .content2 h3, .content2 h2 {
	
	clear: left;
	/*float: left;*/
	margin-top: 12px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.content2 h1 {
	clear: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	margin-left: 15px;
}
.content2 h2 {
	clear: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.content2 a {
	color: #FFF;
	text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 3px;
}
.content2 a:hover {
		/*color: #E84E1B;*/
		
		text-decoration-thickness: 2px;
}
.content2 table {
	margin: 15px;
	width: 95%;
}
.content2 td {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
	vertical-align: top;
}
.content2 ul {
	margin-top: 15px;
	margin-left: 15px;
	
}
.content2 ul li {
	margin-left: 15px;
}


.templ1 .logo {
	display: none;
}
.templ1 #nav1 {
	background-color: #FFF;
	clear: left;
}
.templ1 #.header {
	/*
	height: auto;
	float: left;
	*/
}
.templ1 .content2 {
	clear: both;
}
.templ1 .sa2 {
  width: 100%;
}










.navbox {
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
	clear: both;
	padding-bottom: 5px;
}
.navbox img {
	clear: left;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 33%;
}
.current {
	color: #E84E1B;	
}
.navbox a:hover div h3, .navbox .current div h3 {
	color: #E84E1B;
}
.navbox div h3 {
	font-size: 1em;
	margin: 0px;
	color: #FFF;
}
.navbox div {
	width: 60%;
	float: left;
	color: #236180;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 3%;
}
.navbox a {
	text-decoration: none;
}
.teambox {
	float: left;
	width: 40%;
	margin-bottom: 7%;
	margin-left: 7%;
}
.teambox div {
	margin-top: 5px;
}
.teambox a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
}
.teambox a {
	color: #FFF;
	text-decoration: none;
}
.teambox a:hover div , .teambox .current div  {
	color: #E84E1B;
}


.thumbbox {
	margin-top: 0px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	width: 100%;

}
.thumbbox img {
	/*clear:left;*/
	float: left;
	/**/
	margin-top: 15px;
	margin-left: 15px;
	width: 16.7%;
	/*
	width: 99px;
	*/
	border: 1px solid #246181;
}
.thumbbox img:hover, .thumbbox .current {
	border: 1px solid #e84e1b;
	
}


.footer {
	width: 100%;
	/*background-color: #000;*/
	height: auto;
	color: #FFF;
	padding-bottom: 2px;
	clear: both;
	padding-top: 0px;
}
.footer p {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	line-height: 12px;
	font-size: 0.8em;
}
.footer div {
	float: right;
	height: 30px;
}
.footer a {
	color: #FFF;
}
.footer a:hover {
	color: #E84E1B;
}
.nav0b { display: none; }

#m1 {
	float: right;
}

/* kurse */
#liste {
	
}
#liste ul {
	list-style-type: none;
	list-style-position: outside;
	margin-right: 10px;
}
#liste a {
	color: #656565;
	text-decoration: none;
	font-size: 14px;
	display: block;
}
#liste li ul{
	padding-left: 20px;
	display: none;
}
#liste li ul li ul {
	padding-left: 20px;
	display: none;
}
#liste li ul li ul li ul {
	padding-left: 30px;
	display: none;
}
#liste li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 0px;
	font-weight: normal;
}
#liste li ul li ul li {
	font-weight: normal;
}
#liste li ul li ul li ul li {
	margin-top: 0px;
}
.pdf {
	padding-top: 10px;
	background-image: url(pdf3.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	left: -20px;
	position: relative;
	list-style-image: url(leer.png);
	height: 20px;
}
.pdf a {
	padding-left: 26px;
	line-height: 18px;
}
.folder {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	/*list-style-image: url(../Bilder/mehra.png);*/
	background-position: 5px 0px;
	background-repeat: no-repeat;
	margin-top: 5px;
}
.folder2 {
	display: block;
 	left: -20px;
	position: relative;
	background-image: url(../Bilder/mehra.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px -3px;
	background-repeat: no-repeat;
	margin-top: 5px;
}
.folder div {
	margin-left: 0px;
	margin-right: 10px;
	padding: 0px;
	display: none;
}
.liste .titel {
}
.titel {
	margin-top: 15px;
	list-style-type: none;
	font-weight: bold;
	margin-left: 0px;
	padding: 0px;
	left: -15px;
	display: block;
	position: relative;
}
.folder a {
	text-decoration: none;
}
.t2 {
	display: block;
	width: 70%;/**/
	margin-left: 10px;
	float: left;
}
.t1 {
	display: block;
	clear: left;
	width: 25%;/*
	width: 100px;*/
	float: left;
}

.t3 {
	display: block;
	/*width: ;*/
	margin-right: 7px;
	margin-left: 0px;
	clear: left;
	float: left;
}
.t4 {
	display: block;
	width: 85%;
	float: left;
}


.anker {
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 1px solid #FFF;
	position: relative;
	top: -35px;
	left: -30px;
	display: inline;
	height: 1px;
	width: 30px;
	z-index: 1000;
}
.anker2 {
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 1px solid #Fcc;
	position: relative;
	top: -125px;
	left: 30px;
	/*display: inline;*/
	height: 1px;
	width: 30px;
	z-index: 1000;
}

/* Desktop XLarge */

@media only screen and (min-width: 1581px) and (max-width: 3000px) {
	body { 	font-size: 16px; line-height: 20px; background-color: red;}
	.hg {
		/*min-height: 800px;*/
		width: 1570px;
	}	
	.right1 {
		width: 1045px;
	}
	.right2 {
		width: 1325px;
	}
	.content2 h1 {
		font-size: 18px;
		line-height: 20px;
	}
	.nav1 {	margin-top: 45px;}
}

/* Desktop large */
@media only screen and (min-width: 1271px) and (max-width: 1580px) {
	body { 	font-size: 14px; line-height: 18px;  background-color: gold;}
	.hg {
		/*min-height: 800px;*/
		width: 1260px;
	}
	.right1 {
		width: 735px;
	}
	.right2 {
		width: 1015px;
	}
	.content2 h1 {
	font-size: 16px;
	line-height: 20px;
	}
	.nav1 {	margin-top: 32px;}
}

/* Desktop medium */
@media only screen and (min-width: 961px) and (max-width: 1270px) {
	body { 	background-color: orange;}
	.hg {
		/*min-height: 800px;*/
		width: 970px;
	}
	.right1 {
		width: 445px;
	}
	.right2 {
		width: 725px;
	}

}
/* Desktop small */
@media only screen and (min-width: 640px) and (max-width: 960px) {
	body { 	background-color: grey;}
	.hg {
		
		width: 970px;
	}
	.right1 {
		width: 445px;
	}
	.right2 {
		width: 725px;
	}
	
}

/* Smartphone Landscape */
@media only screen and (min-width: 480px) and (max-width: 639px) {
	body { 	background-color: blue;}
	.hg { width: 480px;}
	.right1,.right2 { width: 480px; }
	
	.hg .left {width: 480px;}
	.hg .left { position: fixed; background-color: #fff; width: 480px; z-index: 100; top: 0px; margin-right: 0px; margin-left: 0px; display:none;}
	.hg .left1, .hg .left2 { height: auto; width: 320px; margin-bottom: 20px; background-size: auto 120%; background-position: 0px -20px;}
	.hg .left1{ background-image: url(../Bilder/logoHG2.png); }
	.left1 .nav0 { margin-top: 5px; margin-left: 15px;}
	

	.sa1, .sa2, .sb1, .sb2, .sc2, menu, nav0b {width: 100%;}
	.leftx, .sc1, .logo {display:none;}
	.content2 p {margin-right: 15px;}
	.footer {  padding-top: 0px; }
	.footer div {  padding-top: 2px; padding-bottom: 15px;}
	.clr {clear: both;width: 100%;display: block;background-color: #eeeeee;}
	.anker2 {	top: -45px;}
	.hauptbildbox {  background-color: #bfcfdb; }
	#home { width: 480px; display:block; }
	.clr2 {display:none;}
	
	.header {position: fixed;width: 480px; z-index: 100; margin-top: 0px; }
	.header1, .header2 {padding-bottom: 2px; padding-top: 0px; }
	.header #titel {position:absolute;left: 55px; top: 5px;z-index: 200;}
	.titel1 {width: 38.62%;}

	.nav0 {}
	.nav0 li { line-height: 30px; margin-left: 12px;}
	.nav0 .p1 {  margin-left: 12px; }
	.nav0 .p2 {  margin-left: 40px; }
	.nav0 .p3 {  margin-left: 52px; }
	.nav0 .p4 {  margin-left: 60px; }
	.nav1 { margin-top: 7px;margin-right: 5px;margin-bottom: 2px; margin-left: 0px;}
	.header #titel {margin-left: 5px;}
	
	.nav0b { display: block; }
	.logo2 {display:block; width: 60px;left: -5px; top: -8px;z-index: 250; }
	
		.thumbbox img,.thumbbox img:hover, .thumbbox .current{ width: 100%;  margin-top: 0px; margin-left: 0px; margin-bottom: 10px; border: 1px none #246181; }
	.bildgross2 {display:none;}

}
/* Smartphone portrait */
@media only screen and (min-width: 320px)  and (max-width: 479px) {	
	body { 	background-color: pink;}
	.hg { width: 320px;}
	/*.hg .right { background-image: url("../Bilder/hgright0.png");}*/
	.right1,.right2 { width: 320px; }
	.hg .left { width: 320px;}
	.hg .left { position: fixed; background-color: #fff; width: 320px; z-index: 100; top: 0px; margin-right: 0px; margin-left: 0px; display:none;}
	.hg .left1, .hg .left2 { height: auto; width: 320px; margin-bottom: 20px; background-size: auto 120%; background-position: 0px -20px;}
	.hg .left1{ background-image: url(../Bilder/logoHG2.png); }
	.left1 .nav0 { margin-top: 5px; margin-left: 15px;}
	
	.sa1, .sa2, .sb1, .sb2, .sc2, menu, nav0b {width: 100%;}
	.leftx, .sc1, .logo {display:none;}/**/
	.logo2 {width: 20%;}
	.content2 p {margin-right: 15px;}
	.footer {  padding-top: 0px; }
	.footer div {  padding-top: 2px; padding-bottom: 15px;}
	.clr {clear: both; width: 100%;display: block;background-color: #eeeeee;}
	.anker2 {	top: -45px;}
	.hauptbildbox {  background-color: #bfcfdb; }
	#home { width: 320px; display:block; }
	.clr2 {display:none;}

	.header {position: fixed;width: 320px; z-index: 100; margin-top: 0px;}
	.header1, .header2 {padding-bottom: 2px; padding-top: 0px; }
	.header #titel {position:absolute;left: 55px; top: 5px;z-index: 200;}
	.titel1 {width: 38.62%;}

	.nav0 {}
	.nav0 li { line-height: 30px; margin-left: 12px;}
	.nav0 .p1 {  margin-left: 12px; }
	.nav0 .p2 {  margin-left: 40px; }
	.nav0 .p3 {  margin-left: 52px; }
	.nav0 .p4 {  margin-left: 60px; }
	.nav1 { margin-top: 7px;margin-right: 5px;margin-bottom: 2px; margin-left: 0px;}

	.nav0b { display: block; }
	.logo2 {display:block; width: 60px;left: -5px; top: -8px;z-index: 250; }
	
	.thumbbox img,.thumbbox img:hover, .thumbbox .current{ width: 100%;  margin-top: 0px; margin-left: 0px; margin-bottom: 10px; border: 1px none #246181; }
	.bildgross2 {display:none;}
	
}
/* Fader */
		.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
		.fader { position: relative; display: inline-block; width:100%; height:100%;  } 
		.fader img { vertical-align: top; width: 100%; }