@font-face {
    
font-family: 'calluna_sansregular';
    
src: url('CallunaSansRegular-webfont.eot');
    
src: url('CallunaSansRegular-webfont.eot?#iefix') format('embedded-opentype'),
         
url('CallunaSansRegular-webfont.woff2') format('woff2'),
         
url('CallunaSansRegular-webfont.woff') format('woff'),
         
url('CallunaSansRegular-webfont.ttf') format('truetype'),
         
url('CallunaSansRegular-webfont.svg#calluna_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: calluna_sansregular;
background-image: url("home_nacht_heller_hell.jpg");
background-repeat:no-repeat; 
top:100px;
background-size:101%;
overflow:hidden;

}

#container {
	position: relative;
	margin: auto;
	height: 100%;
	visibility: visible;
min-width:1000px;
		}


#navi {
	position: absolute;
	margin:0 auto;
	top: 52%;
	right:50%;
    	width: 520px;
	height:300px;
	font-size:1.0em;
	padding-left:30px;
	color: white;
	z-index:3;
}

#iframe {
position: absolute;
	margin:0 auto;
	top: 60%;
	right:55%;
color: white;
border: none;
width: 470px;
height: 250px;
overflow: scroll;
margin-height: 10px;
margin-width: 10px;
overflow:auto;
z-index:4;
}


#bild {
	position: absolute;
	margin:0 auto;
	top:52%;
	left:50%;
	margin-top: -200px;
	margin-left: -510px;
    	width: 1020px;
	height:450px;
	font-size:1.0em;
	z-index:2;

}

#headline {
position: absolute;
	margin:0 auto;
	top: 70%;
	right:59%;
color: white;
border: none;
width: 400px;
height: 250px;
text-transform:uppercase;

}

#baseline {
position: absolute;
	margin:0 auto;
	top: 94%;
	right:0%;
color: white;
border: none;
width: 213px;
height: 250px;
text-transform:uppercase;
font-size: 8pt;

}
#logos {
position: absolute;
margin:0, auto;
top: 70%;
right:28%;
width:40px;
height:auto;

}


#logos_unten {
position: absolute;
margin:0, auto;
top: 84%;
right:0%;
width:500px;
height:auto;

}


#logos_oben {
position: absolute;
margin:0, auto;
top: 33%;
right:56.7%;
width:500px;
height:auto;

}

#wechsler {
	position: absolute;
	margin:0 auto;
	top:52%;
	right:50%;
	margin-top: -0px;
	margin-right: -90px;
    	width: 600;
	height:450px;
	font-size:90px;
	padding-left:30px;
	z-index:3;

}



#header {
position: absolute;
top: 25px;
left: 150px;
width: 180px;
text-align: left;
height: 100px;
font-size: 20pt;

}

#header2 {
position: absolute;
top: 25px;
left: 250px;
width: 500px;
text-align: left;
height: 100px;
font-size: 26pt;

}

#impressum {
position: absolute;
top: 40px;
left: 660px;
width: 80px;
text-align: left;
height: 50px;
}


#line {
position: absolute;
top: 100px;
left: 350px;
width: 400px;
text-align: left;
height: 50px;
color: #E47500;
}


#info {
	position: absolute;
	top: 50px;
	left: 450px;
	width: 200px;
	height: 35px;
	border-width: 1px;
	border-style: solid;
	border-color: #E47500;
	visibility: hidden;
	overflow: auto;
	overflow: hidden;
	font-size: 10pt;
	}

#zentral {
width: 560px;
text-align: center;
}

#center {
position: absolute;
top: 145px;
left: 30px;
width: 700px;
font-size: 10pt;
}

#center1 {
position: absolute;
top: 10px;
left: 30px;
width: 700px;
font-size: 10pt;
}

#center2 {
position: absolute;
top: 10px;
left: 0px;
width: 1200px;
}


#left {
position: relative;
top: 0px;
float: left;
width: 220px;
font-size: 10pt;
}

#main {
position: relative;
top: 0px;
float: right;
width: 470px;
font-size: 10pt;
}

#mainleft {
position: relative;
top: 0px;
float: left;
width: 450px;
font-size: 10pt;
}

#right {
position: relative;
top: 0px;
float: right;
width: 200px;
font-size: 12pt;
}

#footer {
clear: both;
position: relative;
top: 10px;
left: 0px;
width: 760px;
height: 100px;
font-size: 10pt;
text-align: left;
}

#zeithead {
top: 0;
left: 0;
position: fixed;
}

#zeittafel {
position: relative;
	margin: auto;
	width: 1050px;
	height: auto;
	top: 0px;
	left: 0px;
	visibility: visible;

}


img.left {
position: relative;
float: left;
margin-bottom: 10px;
margin-right: 10px;
}

img.right {
position: relative;
float: right;
margin-bottom: 10px;
margin-left: 10px;
}


A.blass { 
color: hidden ;  
text-decoration: none;
}

A.blass:link { 
color: hidden ;
text-decoration: none;
}

A.blass:active { 
color: hidden ;  
text-decoration: none; 
}

A.blass:visited { 
color: hidden ; 
text-decoration: none; 
}

A.blass:hover { 
color: white ; 
text-decoration: none;
}

A { 
color: white ;  
text-decoration: none;
}

A:link { 
color: gray ;
text-decoration: none;
}

A:active { 
color: gray ;  
text-decoration: none; 
}

A:visited { 
color: gray ; 
text-decoration: none; 
}

A:hover { 
color: silver; 
text-decoration: none;
}

A.weiss { 
color: white ;  
text-decoration: none;
}

A.weiss:link { 
color: white ;
text-decoration: none;
}

A.weiss:active { 
color: gray ;  
text-decoration: none; 
}

A.weiss:visited { 
color: white ; 
text-decoration: none; 
}

A.weiss:hover { 
color: gray ; 
text-decoration: none;
}

h1 {
font-size: 16pt;
text-align: left;
margin: 0px;
}

h2 {
font-size: 12pt;
text-align: left;
margin: 0px;
}

h3 {
font-size: 10pt;
text-align: left;
margin: 4px;

}

h4 {
font-size: 10pt;
text-align: left;
margin: 4px;

}

p.navi {text-align: left;
margin: 0px;
}

p {text-align: left;
margin-bottom: 2px;
}

img.newsletter {
margin-left:20px;
}

em {
font-style: normal;
color: #E47500;
}

hr {
border-style: solid;
border-width: 1px;
border-color: silver;
margin-top: 15px;
margin-bottom: 15px;
}
 

hr.red {
border-style: solid;
border-width: 1px;
border-color: red;
margin-top: 1px;
margin-bottom: 1px;
}

select {
	width: 200px;
	}

p.artikel {text-align: justify;
margin-bottom: 2px;
}
	

p.right {text-align: right;
margin-bottom: 2px;
}

p.acht {
	font-size: 10px;
}

p.zehn {
	font-size: 10pt;
}

li {text-align: left;
margin-bottom: 2px;
list-style-type: none;
}

li.strich {
	list-style: url(../de/strich.gif);
}

li.big {text-align: left;
margin-bottom: 2px;
margin-top: 10px;
list-style-type: none;

}

li.small {
	list-style: disc;
}


li.list {
	list-style: decimal;
	font-size:0.7em;
}

ul {
	padding-left: 20px;
}

p.absatz {
	text-align: justify;
}

td.bibel {
vertical-align: top;
font-size: 12px;
}

td.bibel2 {
vertical-align: top;
font-size: 10pt;
}
 
td.footer1 {
vertical-align: top;
width: 470px;

}

td.footer2 {
vertical-align: top;

}

td.footer3 {
vertical-align: top;
width: 400px;
font-size: 12px;
}

td.footer4 {
text-align: right;
vertical-align: top;
font-size: 12px;
}

td.tab {
vertical-align: top;
width: 220px;
}

td.artikel1 {
font-size: 10pt;
text-align: left;
width: 300px
}

td.artikel2 {
font-size: 10pt;
text-align: left;
padding: 0px; 
margin: 0px;
}

table.artikel {
	text-align: left;
	
	}
	
td.lehrplan {
	text-align: left;
	border: thin;
	border-style: none;
	border-color: black;
	vertical-align: top;
	font-size: 0.6em;
	background-color: #EBEBEA;
	width: 80px;
	
	}
	td.lehrplan:hover {
	text-align: left;
	border: thin;
	border-style: none;
	border-color: black;
	vertical-align: top;
	font-size: 0.6em;
	background-color: #FF8F20;
		width: 80px;
	}
	
td.lehrplan-oben {
	

	text-align: left;
	border: thin;
	border-style: none;
	border-color: black;
	vertical-align: top;
	font-size: 0.6em;
	background-color: #EBEBEA;
	width: 80px;
	
	}
	td.lehrplan-oben:hover {
	text-align: left;
	border: thin;
	border-style: none;
	border-color: black;
	vertical-align: top;
	font-size: 0.6em;
	background-color: #FF8F20;
		width: 80px;
	}

table.artikel2 {
font-size: 10pt;
padding: 0px; 
margin: 0px;
width: 100%;
}
	
	
q { quotes:"00AB" "00BB" "2039" "203A"; }

td.buchen {
	vertical-align: top;
	font-size: 9px;
	
}

a.info1
{
position:relative;
z-index:1;
color:#2D006B;
text-decoration:none;
}

a.info1:hover
{
z-index:2;
text-decoration: none;

}

a.info1 span
{
display: none;

}

a.info1:hover span
{
display:block;
position: absolute;
top:5em;
left: 5em;
width:30em;
border:1px solid #12127D;
background-color:white;
color:#000;
text-align: left;
padding: 5px;
font-size: 1.2em;
z-index:3;
}


a.info2
{
position:relative;
z-index:1;
color:#2D006B;
text-decoration:none;
}

a.info2:hover
{
z-index:2;
text-decoration: none;

}

a.info2 span
{
display: none;

}

a.info2:hover span
{
display:block;
position: absolute;
top:5em;
right: 5em;
width:30em;
border:1px solid #12127D;
background-color:white;
color:#000;
text-align: left;
padding: 5px;
font-size: 1.2em;
z-index:3;
}

a.info3
{
position:relative;
z-index:1;
color:#2D006B;
text-decoration:none;
}

a.info3:hover
{
z-index:2;
text-decoration: none;

}

a.info3 span
{
display: none;

}

a.info3:hover span
{
display:block;
position: absolute;
bottom:2em;
left: 5em;
width:30em;
border:1px solid #12127D;
background-color:white;
color:#000;
text-align: left;
padding: 5px;
font-size: 1.2em;
z-index:3;
}

a.info4
{
position:relative;
z-index:1;
color:#2D006B;
text-decoration:none;
}

a.info4:hover
{
z-index:2;
text-decoration: none;

}

a.info4 span
{
display: none;

}

a.info4:hover span
{
display:block;
position: absolute;
bottom:5em;
right: 5em;
width:30em;
border:1px solid #12127D;
background-color:white;
color:#000;
text-align: left;
padding: 5px;
font-size: 1.2em;
z-index:3;
}


a.losung
{
margin: 0px;
padding: 0px;
position:relative;
z-index:1;
color:#2D006B;
text-decoration:none;
}

a.losung:hover
{
margin: 0px;
padding: 0px;
z-index:2;
text-decoration: none;

}

a.losung span
{
margin: 0px;
padding: 0px;
display: none;

}

a.losung:hover span
{
margin: 0px;
padding: 0px;
display:block;
position: absolute;
top: 0;
left: -0.6em;
width:220px;

background-color:white;
color:#000;
text-align:left;
padding: 5px;
font-size: 1em;
z-index:3;
}
a.info-a
{
position:relative;
z-index:1;
color:#2D006B;
text-decoration:none;
}

a.info-a:hover
{
z-index:2;
text-decoration: none;

}

a.info-a span
{
display: none;

}

a.info-a:hover span
{
display:block;
position: absolute;
top:4.5em;
left: 0em;
width:28em;
border:1px solid #12127D;
background-color:white;
color:#000;
text-align: left;
padding: 5px;
font-size: 1.0em;
opacity: 0.6;
z-index:3;
}
table.sp {
	cellspacing: 0px;
	cellpadding: 5px;
		border-spacing: 0px;
	border: 0px;
	font-size:0.8em;
	width:1000px;
}
td.sp1 {
background: yellow;
vertical-align: top;
width:60px;
}



td.sp2 {
background: green;
vertical-align: top;
width:100px;
}


td.sp3 {
background: pink;
vertical-align: top;
width:100px;
}
td.sp3b {
background: orange;
vertical-align: top;
width:100px;
}
td.sp3c {
background: purple;
vertical-align: top;
width:130px;
}


td.sp4 {
background: #229295;
vertical-align: top;
width:150px;
}
td.sp4a {
background: red;
vertical-align: top;

}
td.sp4c {
background: silver;
vertical-align: top;
width:150px;
}
td.sp4d {
background: white;
vertical-align: top;
border-style: solid;
border-color:black;
border-width:10px;
text-align: center;
}


td.sp5 {
background: #567894;
vertical-align: top;
width:150px;
}


td.sp6 {
background: white;
vertical-align: top;
width:500px;
}

td.sp7 {
background: gray;
vertical-align: top;
width:120px;
}

td.sp8 {
background: white;
vertical-align: top;
width:100px;
}


td.sp9 {
background: #669999;
vertical-align: top;
width:100px;
}

td.sp10 {
background: silver;
vertical-align: top;
width:80px;
}

table.artikel {
font-size:10pt;
}}