/* Hintergrund, Scrollbalken */
body, html {
background-color: #f0f8ff;
margin: auto;
font-variant: normal;
color: #3A4012;
font-family: "arial";
text-align: center;
scrollbar-face-color: #faebd7;
font-size: 100.01%
}
.rahmen {
width: 1000px;
height: 100%;
margin: auto;
text-align: center;
border: 0px solid #00008B;
}
.ansicht {
position: relative;
top: 0pix;
left: 0pix;
box-sizing: content-box;
background-color: #f7efe4;
font-family: arial;
font-size: 9pt;
float: left;
width: 1000px;
height: 1000px;
margin: auto;
text-align: center;
padding: 0px;
padding-bottom: 15px;
border: 1px solid #dcdcdc;
z-index: 1;
}
.header {
position: absolute;
top: 4px;
left:0px;
width: 1000px;
height: 130px;
background-image: url("../pix/back_head.jpg");
margin: 0px;
padding: 0px;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
}
.oben {
position: absolute;
top: 0px;
left:84px;
width: 833px;
height:130px;
background-image: url("../pix/oben.png");
z-index: 3;
}
.ueberschrift {
position: absolute;
top: 10px;
left:312px;
width: 376px;
height:72px;
background-image: url("../pix/ueberschrift.png");
z-index: 5;
}
.ueberschrift_2 {
position: absolute;
top: 90px;
left:312px;
width: 376px;
height:30px;
border : 0px solid silver;
z-index: 5;
}
.logo_l {
position: absolute;
top: 20px;
left:10px;
width: 100px;
height:86px;
background-image: url("../pix/logo.gif");
border : 0px solid silver;
z-index: 5;
}
.logo_r {
position: absolute;
top: 20px;
right:10px;
width: 100px;
height:86px;
background-image: url("../pix/logo.gif");
border : 0px solid silver;
z-index: 5;
}
/* Links */
a:link {
color : #6495ed;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:visited {
color : #00008b;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:hover {
color: #a9a9a9;
font-family: arial;
text-align: center;
text-decoration: none;
}
a:active {
color: red;
font-family: arial;
text-align: center;
text-decoration: none;
}
ul {
margin-top: 3px;
}
.left { position: absolute;
top: 135px;
left:0px;
width: 156px;
height: 800px;
background-color: #eddabf;
background-image: url("../pix/back_menue.jpg");
display:inline;
z-index: 5;
color:#FFFBF1;
margin: 0px;
text-align: left;
border : 1px solid silver;
}
.menue {
position: absolute;
top: 10px;
left:0px;
width: 156px;
display:inline;
z-index: 5;
color:#FFFBF1;
margin: 0px;
text-align: center;
border : 0px solid silver;
}
.menue ul li a, .menue li a:link
{
text-decoration: none;
display: block;
color: #787878;
width: 138px;
padding: 5px;
margin: 0px 0px 0px 3px;
text-align: center;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
background-color: #6495ed;
background-image: url("../pix/back_menue.jpg");
/* background-image: url("../pix/back_link.jpg");*/
z-index: 5;}
.menue ul li a:visited
{
color: #00008b;
z-index: 5;
}
.menue ul {
list-style-type: none;
padding: 0px;
margin: auto;
text-align: center;
z-index: 5;
}
.menue ul li {
float:left;
margin-right:1px;
position:relative;
}
.menue ul li ul {
display: none;
}
/* specific to non IE browsers */
.menue ul li:hover a, .menue li a:active, .menue li a:focus, .menue li.active a
{
color: #00008b;
font-weight: normal;
border-top: 1px solid #000000;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #000000;
padding-top: 6px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 6px;
text-decoration: none;
background-color: #a8d6ff;
/* background-image: url("../pix/back_link_down.jpg"); */
z-index: 5;}
.menue ul li:hover ul {display:block; position:absolute; top:0; left:153px; width:138px;}
.menue ul li:hover ul li a.submenu {background:#dfc184; color:#000; }
.menue ul li:hover ul li:hover a.submenu
{width:138px; }
.menue ul li:hover ul li ul {display: none;}
.menue ul li:hover ul li a { text-decoration: none;
display: block;
color: #787878;
width: 138px;
padding: 5px;
margin: auto;
margin-top: 0px;
text-align: center;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
background-color: #6495ed;
/* background-image: url("../pix/back_link.jpg"); */
z-index: 5;}
.menue ul li:hover ul li a:hover, .menue ul li ul li.active a {color: #00008b;
font-weight: normal;
border-top: 1px solid #000000;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #000000;
padding-top: 6px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 6px;
text-decoration: none;
background-color: #a8d6ff;
/* background-image: url("../pix/back_link_down.jpg"); */
z-index: 5;}
/* Ende Untermenue Fewos */
.homepage {
color: #a9a9a9;
position: absolute;
left: 22px;
top: 350px;
width: 100px;
height: 50px;
font-family: "arial";
font-size: 8pt;
text-align: center;
text-decoration: none;
padding: 0px 0px 0px 0px;
}
.inhalt {
position: absolute;
top: 135px;
left:160px;
width: 679px;
height: 800px;
background-color: #f6ece0;
/* background-image: url("../pix/mitte.jpg"); */
text-align: center;
border : 1px solid silver;
}
.spalte_l {
position: absolute;
left: 5px;
top: 5px;
width: 316px;
height: 780px;
text-align: left;
border: 1px solid #150186;
padding: 0px;
margin-top: 5px;
display:inline;
margin-left: 10px;
background: white;
z-index:1;
}
.spalte_r {
position: absolute;
right: 5px;
top: 5px;
width: 316px;
height: 780px;
text-align: left;
border: 1px solid #150186;
padding: 0px;
margin-top: 5px;
margin-right: 10px;
display:inline;
background: white;
z-index:1;
}
/* li .spalte_r, li .spalte_l {
list-style-type:circle;
} */
.kopf_spalte {
width: 100%;
height: 22px;
display: block;
text-align: center;
border-top: 1px solid #00008B;
margin-top: -1px;
margin-left: 0px;
background-image: url(../pix/kopf_spalte.jpg);
font-weight: bold;
color: black;
font-family: arial;
font-size:10pt;
padding-top: 3px;
}
.right {
position: absolute;
top: 135px;
left:843px;
width: 156px;
height: 800px;
background-color: #eddabf;
background-image: url("../pix/back_menue.jpg");
color: #FFFBF1;
margin: 0px;
text-align: center;
border : 1px solid silver;
}
#quiz {
position: absolute;
top: 10px;
left:0px;
width: 156px;
height: 90%;
background-color: #ffffff;
display: inline;
}
h1 {
color: #00008b;
font-family: arial;
font-size: 12pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 5px;
margin-bottom: 5px;
}
h2 {
color: #000080;
font-family: "arial";
font-size: 12pt;
text-align: left;
font-weight: normal;
text-decoration: normal;
margin-top: 1px;
margin-bottom: 1px;
}
h3 {
color: #000080;
font-family: "arial";
font-size: 10pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 1px;
margin-bottom: 1px;
}
h4 {
color: #000000;
font-family: arial;
font-size: 10pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 1px;
margin-bottom: 1px;
}
h5 {
color: #ff7f50;
font-family: arial;
font-size: 10pt;
text-align: center;
font-weight: bold;
text-decoration: normal;
margin-top: 1px;
margin-bottom: 1px;
}
h6 {
color: #737373;
font-family: arial;
font-size: 9pt;
text-align: left;
font-weight: bold;
text-decoration: normal;
margin: 1px 0px 1px 7px;
}
p {
font-family: arial;
color: #3A4012 ;
font-size: 9pt;
text-align: left;
text-decoration: none;
margin: 3px 3px 2px 4px;
padding-left: 3px;
}
.p_center {
font-family: arial;
color: #3A4012 ;
font-size: 9pt;
text-align: center;
text-decoration: none;
margin: 3px 3px 3px 4px;
padding-left: 3px;}
.p_right {
font-family: arial;
color: #3A4012 ;
font-size: 8pt;
text-align: right;
text-decoration: none;
margin: 3px 3px 3px 4px;
padding-left: 3px;}
#counter {
display: none;
}