html,body{
 font-family:arial;
 color:#000;
 font-size:10pt;
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 background-image:url(layout/hg.png);
 background-size:10px 360px;
 background-repeat:repeat-x;
 background-color:#333333;}

#seite {
 margin:0 auto;
 max-width:970px;
 min-height:630px;}

@media screen and (min-width: 1600px) {
	#seite {
		/* webkit browsers */
		min-height:756px;
		max-width:1164px;
		zoom: 120%;
		/* moz browsers , since there is no support to "zoom" */
		-moz-transform: scale(1.2);
		-moz-transform-origin: 0 0  }

	html,body{
		width:100% overflow-y:hidden;;
		background-size:16px 432px;} /* 432=320*1.2 */
}

img{ border:none; }

hr{border:none;background-color:#000;color:#000;}

.outline{
 text-shadow:0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;} 
 
.L{
 height:10px;
 line-height:10px;
 font-size:10px; }

.L2{
 height:4px;
 line-height:4px;
 font-size:4px; }

td { line-height:120%;background-position:expression(-this.offsetLeft); }

.h1,h1,.huge{
 font-size:18px;
 margin:0;
 padding:0;
 margin-bottom:15px;
 color:#398F82;}

.huge{
 font-size:25px;font-weight:normal;
}

#ticker{
 font-family:ftFont;
 margin-top:12px;
}

#scroller{
 color:#fff;
 font-size:15pt;}

#karte{
 margin-right:10px;
 width:280px;
 float:right;}

#kopf {
 width:100%;
 max-width:100%;
 height:173px;
 padding-top:142px;
 text-align:center;
 background-color:#333333;
/* background-image:url(layout/kopf.png);*/
 background-repeat:no-repeat;}

#navigation{
	padding:0;
	text-align:center;
	margin:0 auto;
	height:46px;}

#navigation li{
	display:inline-block;}

#navigation li:first-child{
	display:none;}

#navigation li a,
#navigation li span{
	margin-right:8px;display:inline-block;}

#content{
/* background-image:url(layout/verlauf.png);*/
 background-repeat:repeat-x;}

#fuss {
 font-size:10px;}

#logo{
 margin-right:100px;}

#left, #right{
 display:inline;
 float:left;
 margin-top:85px;
 min-height:495px;
 width:193px;}

#innerleft,#innerright{
 width:100%;}

#innerleft,#innerright{
 width:180px;
 text-align:right;}

#innerright{
 text-align:left;
 margin-left:10px;}

#content{
 display:inline;
 float:left;
 min-height:422px;
 width:584px;}

#bildleiste{
 white-space:nowrap;
 padding-left:10px;
 padding-right:10px;
 overflow:hidden;
 height:85px;
 background-color:#222222;
 width:570px;}

#pfeil1, #pfeil2{
 margin:0;
 padding:0;
 white-space:nowrap;
 display:inline;
 float:left;
 width:18px;
 height:85px;}

#pfeil2{
 text-align:right;}
 
#bilder{
 display:inline;
 float:left;
 text-align:center;
 padding:0;
 margin:0;
 max-width:541px;
 margin-top:12px;
 margin-left:0px;
 margin-right:0px;
 white-space:nowrap;
 height:85px;}
 
.bimg{
 margin:0;
 margin-left:4px;
 margin-right:3px;}

#content2{
 border:2px solid #398F82;
 border-top:none;
 min-height:100%;
 width:580px;}

#innercontent{
	background-color:#333;
	font-family:ftFont;
	font-size:16px;
	color:#969594;
	padding-top:10px;}

.inp1,.inp2{
 width:250px;
 font-family:ftFont;
 font-size:16px;
 color:#333;}

.inp2{
 height:80px;
 overflow:auto;}

.inp3{
 display:none;}

p{
 margin:0;
 padding:0;
 margin-bottom:1em;
 line-height:125%;}

.balken{
 list-style-image: url(layout/li.gif);}

.y{
 padding:13px;
 font-family:fettFont;
 font-size:12px;
 color:#FFFF00;}

.y2{
 font-family:fettFont;
 font-size:12px;
 color:#FFFF00;}

.y3{
 font-family:fettFont;
 font-size:14px;
 color:#FFFF00;}

.y4{
 font-family:fettFont;
 font-size:16px;
 color:#FFFF00;}

.nobr{white-space:nowrap;}

.r{
 font-size:16px;
 color:#FF0000;}

.link,a{
 white-space:nowrap;
 color:#FFFF00;}

.c{
 width:100%;
 text-align:center;}

.bT{
 font-family:fettFont; }

.thg1{
 background-image:url(layout/thg1.png);}

.thg2{
 background-image:url(layout/thg2.png);}

.thg3{
 background-image:url(layout/thg3.png);}

.thg4{
 background-image:url(layout/thg4.png);}

.thg5{
 background-image:url(layout/thg5.png);}

.thg6{
 background-image:url(layout/thg6.png);}

.td1{
 border-top:2px solid #398F82;
 padding-left:17px;
 font-size:18px;
 color:#398F82;}

.td2{
 border-top:2px solid #398F82;
 font-size:14px;
 padding:10px;
 color:#fff;}

.td3{
 font-size:14px;
 padding:10px;
 color:#fff;}

.td4{
 text-align:center;
 font-size:14px;
 padding:10px;
 padding-left:0;
 padding-right:0;
 color:#fff;}

.preise .td3{ width:245px;}
.preise .td4{ width:48px;}

.td5{
 font-family:ftFont;
 text-align:left;
 font-weight:normal;
 font-size:14px;
 line-height:120%;
 margin:0;
 padding:0px;
 padding-left:10px;
 padding-bottom:5px;
 color:#fff;}

.td6{
 text-align:center;
 margin:0;
 padding:0px;}

.td7{
 font-family:ftFont;
 text-align:left;
 font-weight:normal;
 font-size:13px;
 line-height:120%;
 margin:0;
 padding:0px;
 padding-left:10px;
 padding-bottom:5px;
 color:#fff;}

.bot{
 border-top:2px solid #398F82;}

.bob{
 border-bottom:2px solid #398F82;}

.bol{
 border-left:2px solid #398F82;}

b,strong{
 font-weight:bold;
 font-family:ftFont;}

.f0{ background-color:#262626;}
.f1{ background-color:#404040;}
.f2{ background-color:#4C4C4C;}
.f3{ background-color:#595959;}
.f4{ background-color:#666666;}
.f5{ background-color:#737373;}
.f6{ background-color:#7F7F7F;}

.fT{
 color:#969594;
 font-family:ftFont;
 font-size:16px;}

.fT2{
 color:#969594;
 font-family:ftFont;
 font-size:16px;}

.h4,h4{
	font-weight:normal;
	font-size:1.1em;
 margin:0;
 padding:0;
 line-height:125%;}

.L1{
 margin-top:-1px;
 display:block;
 line-height:1px;
 height:1px;}

.nav,.nava,.bnav,.bnava{
 font-family:magerFont;
 font-size:16px;
 display:inline-block;
 color:#000;
 text-decoration:none;
 line-height:45px;
 text-transform:uppercase;}

.pfeile{
 cursor:pointer;
 overflow:hidden;
 white-space:nowrap;}

#pfeil1{
 display:inline;float:left;
 width:63px;
 height:60px;}

#pfeil2{
 display:inline;float:left;
 text-align:right;
 width:63px;
 height:60px;}

.bnav,.bnava{}

.nava,.bnava{
 font-family:fettFont; }

.bnava,.nava{
 color:#000;}

.cb{clear:both;}

.f0,.f1,.f2,.f3,.f4,.f5,.f6,.y2,.y3,.y{
 line-height:125%;
 font-size:15px;}

@font-face {
    font-family: 'magerFont';
    src: url('fonts/tt0200m.eot');
    src: url('fonts/tt0200m.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0200m.woff') format('woff'),
         url('fonts/tt0200m.ttf') format('truetype'),
         url('fonts/tt0200m.svg#navigation') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'fettFont';
    src: url('fonts/tt0202m.eot');
    src: url('fonts/tt0202m.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0202m.woff') format('woff'),
         url('fonts/tt0202m.ttf') format('truetype'),
         url('fonts/tt0202m.svg#futura_bdcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;}


@font-face {
    font-family: 'ftFont';
    src: url('fonts/tt0201m.eot');
    src: url('fonts/tt0201m.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0201m.woff') format('woff'),
         url('fonts/tt0201m.ttf') format('truetype'),
         url('fonts/tt0201m.svg#futura_mdcn_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;}

	#leftmobil,#rightmobil{
		display:none;}

	.fb{
		height:30px;
		margin-top:-50px;overflow:hidden;}

#klassen td{
	width:25%;}

#klassen td h3{
	display:none;}

#preise .thg3 td,
#preise .thg4 td{background:none}
#preise .thg3 td{min-width:45px;}

#preise .thg3 td:first-child {background-color:#4c4c4c;max-width:276px;}
#preise .thg3 td:nth-child(2){background-color:#595959;}
#preise .thg3 td:nth-child(3){background-color:#616161;}
#preise .thg3 td:nth-child(4){background-color:#666666;}
#preise .thg3 td:nth-child(5){background-color:#6a6b6c;}
#preise .thg3 td:nth-child(6){background-color:#707070;}
#preise .thg3 td:nth-child(7){background-color:#757575;}
#preise .thg3 td:nth-child(8){background-color:#7a7a7a;}

#preise .thg4 td:first-child {background-color:#595959;}
#preise .thg4 td:nth-child(2){background-color:#616161;}
#preise .thg4 td:nth-child(3){background-color:#666666;}
#preise .thg4 td:nth-child(4){background-color:#6a6b6c;}
#preise .thg4 td:nth-child(5){background-color:#707070;}
#preise .thg4 td:nth-child(6){background-color:#757575;}
#preise .thg4 td:nth-child(7){background-color:#7a7a7a;}
#preise .thg4 td:nth-child(8){background-color:#7f7f7f;}

#content2{
	width:100%;
 margin-top:85px;}

.zeiger{
	cursor:pointer;}

@media screen and (min-width: 700px) { 
	.f3 img { cursor:pointer;}
	.f2 img { cursor:pointer;}
}

@media screen and (min-width: 1000px) { 
	#bildleiste{
		margin-top:-1px;
		width:563px;}

	#bildleiste td:nth-child(2){
		overflow:hidden;
		max-width:510px;}

	#content2{
		width:99%;
		margin-top:-1px}

	#innercontent{
		padding-top:103px;min-height:310px;}
}
	

@media screen and (max-width: 500px) { 
	.zeiger{
		cursor:default;}
	#fahrlehrer .td7{
		margin:0;padding:0;width:100%;}
	#fahrlehrer .td7 span{
		display:inline-block;padding:5px 10px;}
	#ninfo li{text-indent:-6px;}
}

@media screen and (max-width: 1000px) { 

	body{
		background-color:#333;
		overflow-x:hidden;
		width:100%;}

	#seite {
		background-color:#333;
		margin:auto;
		width:100%;
		max-width:100%;
		min-widht:100%;}

	#kopf,#scroller{
		display:inline-block;
		margin:0;padding:10 0 0 0 !important;
		max-width:100%;}

	#kopf a img{
		margin:0 auto;padding:0;
		max-width:90%;	}

	#content2{
		background-color:#333;
		margin-top:0;}

	#content{
		background-color:#333;
		margin-top: 0;
		min-height:auto;}

	.thg2 .thg2{
		padding-left: 10px;}

	#innercontent{ min-height:auto;}
	.nomob{
		display:none !important;}

	#preise{
		width:100%;}

	#preise .thg3 td{min-width:25px;}
	#preise tr td:first-child{max-width:auto;width:auto;}
	#preise td{margin-right:2px;}

	#preise .thg3 td:first-child,
	#preise .thg4 td:first-child{padding:10px 0 10px 5px;}


	#seminare { width:100%;		padding:0;}

	#seminare td{
		padding:0;
		width:100%;
		display:block;}

	#seminare td span{
		padding:5px 10px;
		display:block;}

	#sem{
		border:none;}

	#sem div{
		padding-top:.5rem;padding-left:10px;}

	#seminare .y4,
	#seminare .f2{

		padding-top:1rem !important;}

	#klassen{
		width:100%;}

	#klassen td{
		width:100%;
		display:block;	}

	#klassen .thg1 td{
		padding:0px;}
	#klassen .thg2 td{
		padding:0px;}

	#klassen td span{
		display:block;
		padding:5px 10px;}

	#klassen tr,.thg1,.thg2{
		background:none;
		background-color:#777;	}

	#klassen td:first-child{
		background-color:#444;}

	#klassen td:nth-child(2){
		background-color:#555;}

	#klassen td:nth-child(3){
		background-color:#666;}

	#klassen td:nth-child(4){
		background-color:#777;}

	#klassen td h3{
		padding:.2rem 0;
		margin:0;
		font-family:fettFont;
		font-size:11pt;
		font-weight:normal;
		color:#FFFF00;
		display:block;}


	#kopf {
		padding-top:10px;}

	.fb{
		margin-top:0px;display:block;}

	#navigation{
		height:46px;
		overflow:hidden;
		min-height:auto;
		background-color:#398F82;
	 width:100%;}

	#navigation li{
		text-align:center;
		width:100%;
		display:block !important;}

	#navigation li span a{
		width:100% !important;
		display:inline-block;}

	#navigation li:first-child span a{
		font-size:2rem;}

	#seite,#bildleiste{
		margin: auto;
		width: 100%;
		min-height: auto;}

	#bildleiste{
		display:none !important;}

	#left,#right{
	 display:none;}

	#leftmobil{
		clear:left;}

	#leftmobil,#rightmobil{
		display:inline-block;
		float:left;
		width:46%;
		margin:0 2%;
		text-align:left;
		margin-top: 1rem;}

	#content2{
		display:block;
		height:auto;
		min-height:auto;
		width:inherit;}

	#content{
		width:99.5% !important;
		display:block;}

	#innerleft, #innerright{
		width:100%;	}

	.preise { width:100% !important;}
	.preise .td3{ width:42%;}
	.preise .td4{ width:8%;}
}


@media screen and (max-width: 350px) { 
	#rightmobil .fb{display:none;}
	#leftmobil,#rightmobil{
		width:100% !important;
		clear:both;
		display:block;}
}