* {
	font-family: "comic sans ms", sans-serif;
	color: white;
	}

html, body {
	margin: 0;
	padding: 0;
	}

html {
	background: url(..//bilder/bg.jpg);
	}

a:hover {
	opacity: .8;
	}

#kopfzeile {	
	width: 100%;
	height: 100px;
	opacity:80%;
	background-color: #666;
	margin-top: 0px;
	padding: 0px;
	}

#home {
	border: none;
	width: 7%;
	margin-left: 10px;
	margin-bottom: 40px;
	}

#jmw {
	border: none;
	width: 85%;
	height:98%;
	opacity:100%;
	margin-top: 2px;
	margin-left: 10px;
	}

#menue {
	width: 100%;
	margin-top:10px;
	padding: 0px;
	}

#menuezeile {
	width: 50%;
	background-color: #666;
	border: ridge;
	border-color:#FFF;
	text-align:center;
	padding: 0px;
	margin-left: 120px;
	}

.site-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

.site-nav > ul {
	display: flex;
	}

.site-nav > ul > li {
	position: relative;
	margin: .2em;
	flex: 1;
	}

.site-nav a {
   display: block;
   padding: 0px;
   margin: 0px;
   text-decoration: none;
   font-size: 12pt;
   color: #FFF;
   border-bottom: 1px solid rgba(255,255,255,.5);
   background: #666;
	}

.sub-menu {
	display: none;
	}

.sub-menu a {
	background: #333;
	}

a.Navi {
	font-family: "Comic Sans MS", cursive;
	font-size: 15px;
	}

.fb-like {
   float:left;
   margin-left:65px;
   margin-top:10px;
   data-width:150px;
   }

#infobox {
	position:absolute;
	top: 150px;
	left: 10px;
	width: 7%;
	margin: 0px;
	padding: 0px;
	}

.icons {
   width:95%;
   border:0px;
   margin-bottom:7px;
   }

#inhalt {
	margin-top: 0px;
	margin-left: 100px;
	margin-right: 100px;
	}

p.intro {
	text-align:left;
	font-size:90%;
	font-weight:normal;
	line-height:1.2em;
	margin-left: 65px;
	margin-right: 95px;
	margin-top:50px;
	}

ul.intro {
	text-align:left;
	font-size:90%;
	font-weight:normal;
	line-height:1.3em;
	margin-left: 50px;
	margin-right: 95px;
	}

.Inhalt {
	margin-left:18%;
	}
	
.InhaltF {
	margin-left:1.4%;
	}

a.pic {
	text-align:left;
	}

#medienbox {
	position: absolute;
	top: 156px;
	right: 16px;
	width: 15%;
	margin: 0px;
	padding: 0px;
	}

#linkbilder {
	border:2px solid #999;
	width: 110%;
	height:7%;
	padding: 0px;
	}

#M_linkbilder {
	border:2px solid #999;
	width: 33%;
	height:12%;
	padding: 0px;
	margin-top:0px;
	}

#M_linkbilderV {
	border:2px solid #999;
	width: 29%;
	height:21%;
	padding: 0px;
	margin-top:0px;
	}

a, p {
	color: #FFF;
	font-size: 11pt;
	}

hr {
	width: 75%;
	}

h1 {
	font-size:12pt;
	}

h2 {
	color: #FFF;
	font-size: 12pt;
	}

p.topic {
	text-align:left;
	margin-left: 18%;
	margin-bottom:10px;	
	background-color:rgba(255,255,255,0.3);
	padding:5px;
	border-radius:4px;
	}

p.topicInhalt {
	margin-bottom:10px;
	}

h4 {
   font-size:11pt;
   margin:0px;
   }

h5 {
   font-size:30pt;
   color:#000;
   font-weight:bold;
   margin:0px;
   }

h6 {
   color:#FFF;
   font-size: 8pt;
   font-weight:normal;
   text-align:center;
   margin: 0px;
   }

h7 {
   font-size:12pt;
   padding:0px;
   }

table {
	margin-bottom:20px;
	}

#fusszeile,#fusszeile3 {
	position: absolute;
	top:800px;
	width: 100%;
	height: 25px;
	background-color: #666;
	font-size: 10pt;
	color: #FFF;
	padding-top: 3px;
	text-align: center;
	border-radius: 4px;
	}

#fusszeile2 {
	width: 100%;
	height: 25px;
	background-color: #666;
	font-size: 10pt;
	color: #FFF;
	padding-top: 3px;
	margin-top: 10px;
	text-align: center;
	border-radius: 4px;
	}

a.footer {
	text-decoration: none;
	font-size: 10pt;
	}

.ddd {
	width:140px;
	height:100px;
	margin-right:10px;
	margin-bottom:8px;
	border:1px solid #999;
	border-radius:7px;
   }

.dddH {
	width:100px;
	height:140px;
	margin-right:10px;
	margin-bottom:8px;
	border:1px solid #999;
	border-radius:7px;
   }

.legende2 {
	background-color:rgba(255,255,255,0.3);
	padding:5px;
	margin-top:0px;
	margin-bottom:15px;
	margin-right:10px;
	border-radius:4px;
	}

form {
   margin-top:20px;
   }

iframe.ytube {
   width:250px;
   height:150px;
   frameborder:3px;
   }

iframe.ytubefx {
   width:300px;
   height:200px;
   margin-bottom:10px;
   frameborder:1px;
   }

.NoScript {
   position:absolute;
   top:5px;
   left:5%;
   width:90%;
   font:bold 10pt Tahoma;
   text-align:left;
   text-decoration:none;
   }

.alert {
   padding:5px 7px;
   margin:5px 0 10px 0;
   border-radius:5px;
   border:2px solid;
   font:inherit;
   }

.alert-red {
   color:#ff6565;
   border-color:#ff6565;
   background-color:#fcc;
   }

#back, #backTech {
   background-color:#000;
   font-weight:bold;
   margin-right:10px;
   float:right;
   padding:2.5px;
   border-style:outset;
   border-color:#grey;
   border-width:4px;
   }

#backTech {
	margin-top:10px;
	}

#bgzelle1 {
   width:200px;
   background: url(..//bilder/1.jpg);
   padding:10px;
   vertical-align:top;
   border-radius:20px 20px 0px 0px;
   border:2px solid #8A2BE2;
   }

#bgzelle2 {
   width:200px;
   background:url(..//bilder/1.jpg);
   padding:10px;
   vertical-align:top;
   border-radius:20px 20px 0px 0px;
   border:2px solid #8A2BE2;
   }

#bgzelle3 {
   background: url(..//bilder/1.jpg);
   padding:10px;
   vertical-align:top;
   border-radius:20px 20px 0px 0px;
   border:2px solid #8A2BE2;
   }

#iA {
   margin-top:100px;
   margin-left:200px;
   }

#versand {
   width:150px;
   height:150px;
   margin-left:340px;
   padding-bottom:5px;
   }

#versandsig {
   position:relative;
   top:75px;
   }

.ascii, .ascii3, .format {
  background-color:#333;
  color:#FFF;
  font-size:11pt;
  text-align:center;
  }

.ascii2, .ascii4 {
  font-size:11pt;
  padding:0px;
  }

.ascii3 {
  width:25%;
  }

.ascii4 {
  width:160px;
  }

.ascii5 {
  width:70px;
  }

.format {
  width:30%;
  }

#ascii {
   background-color:#666;
   border:2px solid #grey;
   text-align:left;
   }

.button {
   font-weight:bold;
   background-color:#000;
   color:#FFF
   }

.flaechen1 {
   display:block;
   width:95px;
   height:95px;
   vertical-align:top;
   margin-left:auto;
   margin-right:auto;
   background-color:rgba(255,255,255,0.4);
   padding:1px;
   border-radius:3px;
   }

.flaechen2 {
   display:block;
   width:100px;
   height:60px;
   vertical-align:top;
   margin-left:auto;
   margin-right:auto;
   background-color:rgba(255,255,255,0.4);
   padding:1px;
   border-radius:3px;
   }

.formeln {
   border:2px solid red;
   border-radius:10px;
   background-color:rgba(255,35,0,0.4);
   width:95px;
   text-align:center;
   font-weight:bold;
   font-size:12px;
   }

.formeln2 {
   border:2px solid red;
   border-radius:10px;
   background-color:rgba(255,35,0,0.4);
   width:89px;
   text-align:center;
   font-weight:bold;
   font-size:12px;
   }

.legendeFormeln {
   font-size:12px;
   text-align:left;
}

.legende,.fb-like-box {
   background-color:rgba(255,255,255,0.3);
   padding:1px;
   border-radius:3px;
   box-shadow: 7px 7px 5px grey;
   }

.legende3 {
   background-color:rgba(255,255,255,0.3);
   width:515px;
   padding-left:10px;
   border-radius:3px;
   }

.black {
	background-color: rgba(0,0,0,0.5);
	padding: 4px;
	border-radius: 2px;
   }

.lpicsH {
   border:1px solid #FFF;
   border-radius:9px;
   box-shadow:10px 10px 5px grey;
   width:130px;
   }

.lpicsQ {
   border:1px solid #FFF;
   border-radius:9px;
   box-shadow:10px 10px 5px grey;
   width:150px;
   height:40px;
   }

.vektorH {
   margin-bottom:20px;
   border:2px solid #8A2BE2;
   width:100px;
   height:150px;
   border-radius:6px;
   }

.vektorQ {
   margin-bottom:20px;
   border:2px solid #8A2BE2;
   width:150px;
   height:100px;
   border-radius:6px;
   }

.double_underline {
   border-bottom:double 4px;
   background-color:#6F6;
   }
/***************************/

#top_navi {
   position:relative;
   top:0px;
   left;0px;
   width:100%;
   height:0px;
   background-color:#8A2BE2;
   z-index:1;
   }

a.top_link {
   display:block;
   position:relative;
   width:100%;
   text-align:center;
   height:0px;
   font-size:0px;
   font-weight:bold;
   padding:0px;
   text-decoration:none;
   border-top:1px solid #8A2BE2;
   }

a.top_link:link, a.top_link:visited {
   background-color:#FFF;
   color:#8A2BE2
   }

a.top_link:hover, a.top_link:active {
   background-color:rgb(159,121,238);
   color:#FFF;
   }

a#xxx {
  bottom:0px;
  left:0px;
  z-index:4;
  }

a#xxx:hover, a#xxx:active {
   z-index:5;
   }

#media_sublinks {
   position:relative;
   top:48px;
   left:58px;
   padding-top:0px;
   width:190px;
   height:20px;
   border-bottom:2px solid #8A2BE2;
   border-right:2px solid #8A2BE2;
   z-index:10;
   visibility:hidden;
   }

.sub_link {
   display:block;
   width:100%;
   text-align:left;
   font-size:14px;
   font-weight:bold;
   padding-top:1px;
   text-decoration:none;
   border-top:1px solid #8A2BE2;
   border-bottom:2px solid #8A2BE2;
   border-right:2px solid #8A2BE2;
   border-left:2px solid #8A2BE2;
   }

.sub_link:link, .sub_link:visited {
   background-color:#FFF;
   color:#8A2BE2;
   }

.sub_link:hover, .sub_link:active {
   background-color:rgb(159,121,238);
   color:#FFF;
   }

#gb {
   background: url(..//bilder/1.jpg);
   width:90%;
   margin-left:0px;
   margin-right:0px;
   padding:10px;
   vertical-align:top;
   border-radius:20px 20px 0px 0px;
   border:2px solid #8A2BE2;
   }

.gb2 {
   background-color:#8A2BE2;
   font-weight:bold;
   color:#FFF;
   padding:2.5px;
   border-style:outset;
   border-color:#9932CC;
   border-width:4px;
   }

.gb3 {
   background-color:rgba(138,43,226,0.6);
   font-weight:bold;
   color:#FFF;
   padding:2.5px;
   }