html {
scrollbar-base-color: #FFE9A0;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #FFE9A0;
}
body {
background-color: #FFE9A0;
background-image: url(../pics/eltern/e_bg.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
body, textarea, select, input {
font-family: Verdana, Arial, sans-serif;
}
p {
font-size:70%;
font-weight: normal;
line-height: 140%;
margin: 5px 5px 0px 5px;
}
p.start3 {
font-size:70%;
font-weight: normal;
line-height: 140%;
margin: 5px 5px 0px 5px;
}
p A {
color: #000000;
text-decoration: none;
}
p A:hover {
color: #000000;
text-decoration: underline;
}
b {
font-weight:bold;
}
.big {
font-size: 80%;
}
b.quiz {
color: #859E3A;
font-weight:bolder;
}
.hr {
font-size: 1px;
line-height: 1px;
border-bottom: solid 1px;
}
ul {
list-style-type: none;
margin: 0px 0px 0px 20px;
padding: 0px;
}
ul.anker {
list-style-type: none;
margin: 0px 0px 0px 8px;
padding: 0px;
}
li {
font-size: 70%;
color: #000000;
line-height: 140%;
padding: 4px 0px 0px 10px;
background-image: none;
background-repeat: no-repeat;
}
p.exlitxt {
font-size:70%;
font-weight: normal;
line-height: 140%;
margin: 15px 5px 0px 5px;
}
li.link {
margin: 0;
background-image: url(../pics/eltern/e_pfeil.gif);
background-repeat: no-repeat;
}
li.link A {
color: #000000;
text-decoration: none;
}
li.link A:hover {
color: #000000;
text-decoration: underline;
}
li.exlink {
margin: 0;
background-image: url(../pics/eltern/e_expfeil.gif);
background-repeat: no-repeat;
}
li.exlink A {
color: #000000;
text-decoration: none;
}
li.exlink A:hover {
color: #000000;
text-decoration: underline;
}
li.liste {
background-image: url(../pics/eltern/e_punkt.gif);
background-repeat: no-repeat;
}
li.liste A {
color: #000000;
text-decoration: none;
}
li.liste A:hover {
color: #000000;
text-decoration: underline;
}
li.todo {
background-image: url(../pics/eltern/e_todo.gif);
background-repeat: no-repeat;
}
li.download {
background-image: url(../pics/eltern/e_download.gif);
background-repeat: no-repeat;
}
li.download A {
color: #000000;
text-decoration: none;
}
li.download A:hover {
color: #000000;
text-decoration: underline;
}
li.anker {
margin: 0px 0px 0px 0px;
background-image: url(../pics/eltern/e_pfeil.gif);
background-repeat: no-repeat;
}
li.anker A {
color: #000000;
text-decoration: underline;
}
li.anker A:hover {
color: #000000;
text-decoration: none;
}
li.daten {
margin: 0px 0px 10px 0px;
background-image: url(../pics/eltern/e_pfeil.gif);
background-repeat: no-repeat;
}
li.daten A {
color: #000000;
text-decoration: none;
}
li.daten A:hover {
color: #000000;
text-decoration: underline;
}
form {
margin: 0px 0px 0px 0px;
}
input {
font-size: 70%;
font-color: #000000;
vertical-align:baseline;
background-color: #FFFFFF;
cursor: default;
width: 140px;
height: 20px;
}
input.kontakt1 {
font-size: 70%;
font-color: #000000;
vertical-align:baseline;
background-color: #FFFFFF;
cursor: default;
width: 350px;
height: 20px;
margin-left:5px;
}
input.senden {
font-size: 70%;
font-color: #000000;
background-color:#FFE9A0;
vertical-align:baseline;
cursor: default;
width: 200px;
height: 20px;
margin-left:5px;
}
input.senden2 {
font-size: 70%;
color: #ffffff;
background-color:#94B242;
vertical-align:baseline;
cursor: default;
width: 200px;
height: 20px;
margin-left:5px;
}
input.spiele {
font-size: 100%;
position: absolute;
left: 250px;
width: 250px;
}
textarea {
font-size: 70%;
font-color: #000000;
vertical-align:baseline;
background-color: #FFFFFF;
cursor: default;
width: 350px;
height: 100px;
margin-left:5px;
}
h1 {
text-transform:uppercase;
font-size:75%;
color: #FFFFFF;
font-weight: bold;
line-height: 140%;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
background-color:#FED11E;
}
/* BEREICHSBEZOGENE H1 */
h1.id1280 {
color: #FFFFFF;
background-color:#FED11E;
}
h1.id99510 {
color: #FFFFFF;
background-color:#FFA35B;
}
h1.id1276 {
color: #FFFFFF;
background-color:#85C3D7;
}
h1.id99513 {
color: #FFFFFF;
background-color:#96B145;
}
h1.id9991 {
color: #FFFFFF;
background-color:#D6544E;
}
h1.id1277 {
color: #FFFFFF;
background-color:#BF687C;
}
h1.id111463 {
color: #FFFFFF;
background-color:#FED11E;
}
h2 {
font-size:80%;
color: #000000;
font-weight: bold;
margin: 25px 5px 5px 5px;
}
h2 A {
color: #000000;
text-decoration: none;
}
h2.start {
font-size:70%;
color: #000000;
font-weight: bold;
padding: 5px 0px 0px 5px;
margin: 4px 0px 0px 0px;
}
h2.start2 {
font-size:80%;
color: #000000;
font-weight: bold;
padding: 5px 0px 0px 5px;
margin: 4px 0px 0px 0px;
}
h2.quiz {
font-size:90%;
color: #FF7E0F;
font-weight: bolder;
padding: 5px 0px 0px 5px;
margin: 4px 0px 0px 0px;
}
h3 {
font-size:70%;
color: #000000;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 10px 5px 5px 5px;
}
h3 A {
color: #000000;
text-decoration: none;
}
h3 A:hover {
color: #000000;
text-decoration: underline;
}
h4 {
font-size:75%;
color: #C4C4C4;
font-weight: bolder;
padding: 0px 0px 0px 0px;
margin: 10px 5px 5px 5px;
}
/* HIER WIRD DAS FORUM DEFINIERT */
ul.forum1 {
padding-right: 5px;
margin: 0px 0px 0px 0px;
background-color:#FFF4CF;
}
ul.forum2 {
padding-right: 5px;
margin: 5px 0px 0px 10px;
background-color:#ECEBEB;
}
ul.forum3 {
padding-right: 5px;
margin: 5px 0px 0px 20px;
background-color:#F8F8F8;
}
ul.forum4 {
padding-right: 5px;
margin: 5px 0px 0px 30px;
background-color:#ECEBEB;
}
ul.forum5 {
padding-right: 5px;
margin: 5px 0px 0px 40px;
background-color:#F8F8F8;
}
ul.forum6 {
padding-right: 5px;
margin: 5px 0px 0px 50px;
background-color:#ECEBEB;
}
ul.forum7 {
padding-right: 5px;
margin: 5px 0px 0px 60px;
background-color:#F8F8F8;
}
ul.forum8 {
padding-right: 5px;
margin: 5px 0px 0px 70px;
background-color:#ECEBEB;
}
ul.forum9 {
padding-right: 5px;
margin: 5px 0px 0px 80px;
background-color:#F8F8F8;
}
ul.forum10 {
padding-right: 5px;
margin: 5px 0px 0px 90px;
background-color:#ECEBEB;
}
li.forum {
margin: 5px 5px 0px 5px;
background-image: url(../pics/eltern/e_pfeil.gif);
background-repeat: no-repeat;
}
li.forum A {
color: #000000;
font-weight: bold;
text-decoration: none;
}
li.forum A:hover {
color: #000000;
text-decoration: underline;
}
.quizsenden {
font-size: 70%;
line-height: 100%;
color: #FFFFFF;
font-weight: bold;
vertical-align: middle;
background-color:#96B145;
border: 1px solid #000000;
width: 130px;
height: 20px;
margin: 0px 0px 0px 5px;
}
.radio {
width:15px;
line-height: 140%;
margin: 0px 10px 0px 0px;
vertical-align:middle;
}
select {
position: absolute;
left: 250px;
width: 250px;
}
select.kontakt2 {
position: relative;
left: 5px;
width: 350px;
}
.zurueck {
font-size:70%;
font-weight: normal;
padding: 2px 0px 4px 10px;
background-image: url(../pics/eltern/e_zurueck.gif);
background-repeat: no-repeat;
}
.zurueck A {
color: #000000;
text-decoration: none;
}
.zurueck A:hover {
color: #000000;
text-decoration: underline;
}
.weiter {
font-size:70%;
font-weight: normal;
text-align: right;
padding: 2px 15px 4px 0px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
background-position:right;
}
.weiter A {
color: #000000;
text-decoration: none;
}
.weiter A:hover {
color: #000000;
text-decoration: underline;
}
.news {
font-size:70%;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
.news A {
color: #000000;
text-decoration: none;
padding: 0px 0px 0px 10px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
}
.news A:hover {
color: #000000;
text-decoration: underline;
}
.datum {
font-size:70%;
font-weight: normal;
font-style: italic;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
.spiel_links {
font-size: 70%;
margin: 0px 0px 10px 5px;
}
.spiel_rechts {
position: absolute;
left: 200px;
margin: 0px 0px 10px 0px;
}
.game_left {
font-size:70%;
line-height: 140%;
float: left;
width: 180px;
padding: 0 0 10px 5px;
}
.game_right {
font-size:70%;
line-height: 140%;
width: 290px;
float: right;
padding: 0 10px 10px 0;
}
.clear {
clear: both;
}
.start_rand {
width: 495px;
border: 1px solid #BDAC76;
padding: 4px;
margin: 0 0 5px 0;
}
.start_rand1 {
width: 165px;
border: 1px solid #BDAC76;
padding: 4px;
margin: 0 5px 5px 0;
float: left;
}
.start_rand2 {
width: 165px;
border: 1px solid #BDAC76;
padding: 4px;
margin: 0 0 5px 0;
float: left;
}
.start_untergrund {
background-color: #F5F2ED;
padding: 0px 0px 8px 0px;
}
.start_aktuell {
font-size:70%;
font-weight: normal;
line-height: 100%;
margin: 0px 0px 3px 5px;
}
.start_aktuell A {
color: #000000;
text-decoration: none;
padding: 0px 0px 0px 10px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
}
.start_aktuell A:hover {
color: #000000;
text-decoration: underline;
}
.news A {
color: #000000;
text-decoration: none;
}
.news A:hover {
color: #000000;
text-decoration: underline;
}
.glossar {
font-size:70%;
font-weight: normal;
line-height: 120%;
width:17px;
float:left;
margin: 0px 0px 10px 5px;
padding: 0px 5px 0px 10px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
}
.glossar A {
color: #000000;
text-decoration: none;
}
.glossar A:hover {
color: #000000;
text-decoration: underline;
}
.ankeruebersicht {
/*position: absolute;
width: 175px;
top: 30px;
left: 350px;
padding: 5px;
float:right;*/
background-color:#F4F4F3;
}
.gaestebuch {
font-size:70%;
font-weight: normal;
line-height: 140%;
margin: 5px 5px 5px 30px;
}
/* KINDERSEITE */
#kinderseite {
position: absolute;
top:95px;
left:30px;
}
/* LOGO OBEN */
#kompass {
position: absolute;
top:48px;
left:149px;
}
#logo {
position: absolute;
top:86px;
left:273px;
}
/* MENU */
#menu {
width: 175px;
margin: 200px 15px 5px 0;
position: absolute;
left: 15px;
top: 0px;
}
#menu p {
font-size:70%;
color: #000000;
font-weight: bold;
letter-spacing: 1px;
margin-top:4px;
margin-bottom:5px;
}
#menu p A {
color: #000000;
text-decoration: none;
}
#menu p A:hover {
/*color: #F48221;*/
color: #000000;
text-decoration: underline;
}
#menu ul.um {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#menu li.um1 {
position:left;
list-style-type: none;
color: #000000;
text-decoration: none;
font-weight: normal;
font-size: 70%;
padding: 0px 0px 0px 24px;
background-image: none;
background-repeat: no-repeat;
}
#menu li.um1 A {
color: #000000;
text-decoration: none;
}
#menu li.um1 A:hover {
color: #000000;
text-decoration: underline;
}
#menu li.um2 {
list-style-type: none;
color: #000000;
text-decoration: none;
font-weight: normal;
font-size: 70%;
padding: 0px 0px 0px 24px;
}
#menu li.um2 A {
color: #000000;
text-decoration: none;
}
#menu li.um2 A:hover {
color: #000000;
text-decoration: underline;
}
#menu .hr {
margin: 3px 0px 3px 0px;
border-color: #C4AD78;
}
/* SUBMENU */
#submenu {
position: absolute;
width:152px;
top: 600px;
left: 28px;
margin: 0px 25px 5px 0px;
}
#submenu .suche {
font-size:75%;
font-color: #000000;
text-decoration: none;
margin: 5px 0px 5px 0px;
}
#submenu .suche A {
color: #000000;
text-decoration: none;
padding: 0px 0px 0px 10px;
margin: 3px 0px 0px 0px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
}
#submenu input {
margin: 0px 0px 0px 0px;
}
#submenu .hr {
margin: 0px 0px 0px 0px;
border-color: #8C7942;
}
#submenu .finden {
font-size: 70%;
color: #000000;
font-weight: bold;
text-decoration: none;
background-image: url(../pics/eltern/e_abisz.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
margin: 8px 0px 5px 0px;
}
#submenu .finden A {
color: #000000;
text-decoration: none;
}
#submenu .finden A:hover {
color: #000000;
text-decoration: underline;
}
#submenu .archiv {
font-size: 70%;
color: #000000;
font-weight: bold;
text-decoration: none;
background-image: url(../pics/eltern/e_archiv.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
margin: 8px 0px 5px 0px;
}
#submenu .archiv A {
color: #000000;
text-decoration: none;
}
#submenu .archiv A:hover {
color: #000000;
text-decoration: underline;
}
#submenu .presse {
font-size: 70%;
color: #000000;
font-weight: bold;
text-decoration: none;
background-image: url(../pics/eltern/e_presse.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
margin: 8px 0px 5px 0px;
}
#submenu .presse A {
color: #000000;
text-decoration: none;
}
#submenu .presse A:hover {
color: #000000;
text-decoration: underline;
}
/* DATUM */
#datum {
position: absolute;
left: 205px;
top: 135px;
width: 540px;
height: 45px;
text-align: right;
}
#datum b {
text-transform:uppercase;
font-size: 65%;
letter-spacing: 1px;
color: #000000;
}
#datum .info {
font-size: 70%;
color: #CCCCCC;
padding: 5px 0px 0px 0px;
}
#datum .breadcrumb {
font-size: 70%;
color: #FF6600;
text-align: left;
padding: 3px 0px 0px 35px;
}
#datum .breadcrumb A {
color: #FF6600;
text-decoration: none;
}
#datum .breadcrumb A:hover {
color: #FF6600;
text-decoration: underline;
}
/* CONTENT */
#dereferrer {
position: absolute;
top: 160px;
left: 205px;
width: 580px;
background-color: #FFFFFF;
padding: 2px 0px 25px 35px;
}
#dereferrer .rand {
top: 180px;
left: 240px;
width: 495px;
border: 1px solid #BDAC76;
padding: 4px 5px 5px 5px;
background-color: #FFFFFF;
}
#content {
position: absolute;
top: 200px;
left: 205px;
width: 580px;
background-color: #FFFFFF;
margin:0px;
}
#content .weiss {
position: static;
top: 180px;
left: 205px;
width: 540px;
padding: 2px 0px 25px 35px;
}
#content .rand {
top: 180px;
left: 240px;
width: 495px;
border: 1px solid #BDAC76;
padding: 4px 5px 5px 5px;
background-color: #FFFFFF;
}
#content .footer {
font-weight: normal;
font-size: 70%;
color: #000000;
width:580px;
background-color: #FFE9A0;
}
#content .footer A {
color: #000000;
text-decoration: none;
}
#content .footer A:hover {
color: #000000;
text-decoration: underline;
}
/* RECHTE-SPALTE */
#rechte_spalte {
position: absolute;
top: 200px;
left: 795px;
width: 200px;
}
/* INFO-KASTEN */
#info {
top: 170px;
left: 795px;
width: 200px;
background-color:#FFDC7A;
border: 1px solid #BDAC76;
padding-bottom: 5px;
}
#info p {
font-size: 70%;
font-stretch: expanded ;
padding: 5px 5px 0px 10px;
margin: 0px 5px 0px 0px;
}
#info p A {
color: #000000;
text-decoration: none;
padding: 0px 7px 0px 10px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
}
#info p A:hover {
color: #000000;
text-decoration: underline;
}
#info .hr {
margin: 0px 5px 0px 5px;
border-color: #8C7942;
}
#info input {
margin: 8px 0px 0px 8px;
}
/* Logos */
#logos_left {
left: 795px;
margin: 0px 5px 0px 0px;
float: left;
}
#logos_right {
float: left;
}
/* drucken */
.drucken {
text-align: right;
margin: 5px 3px 0 0;
padding: 0;
}
.drucken a {
font-size: 70%;
color: #000000;
text-decoration: none;
padding: 0 0 0 10px;
background-image: url(../pics/eltern/e_pfeil2.gif);
background-repeat: no-repeat;
background-position: left;
}
#quick_navi {
position: absolute;
top:95px;
left:545px;
}
.quick_font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
width:202px;
}
.seitennavi {
color: #000;
font-size:10pt;
text-align: center;
}
.seitennavi a {
color: #F96900;
font-size:10pt;
text-align: center;
}
input.sendenspiele {
font-size: 80%;
font-color: #000000;
position: absolute;
left: 250px;
width: 250px;
height: 20px;
vertical-align: baseline;
cursor: default;
background-color: #FFE9A0;
}
.tagCloud {
margin: 20px 0 0 0;
float: left;
width: 200px;
text-align: center;
border: 1px solid #BDAC76;
background: url(../pics/eltern/tagcloud_bg.gif) repeat-x;
padding-bottom: 5px;
}
.tagCloud h3 {
background-color: #99cccc;
color: #fff;
border-bottom: 1px solid #8c7942;
padding: 5px;
}
.tagCloud a.tag1 {
font-size: 16px;
color: #ff8c00;
text-decoration: none;
font-weight: bold;
}
.tagCloud a.tag2 {
font-size: 14px;
color: #b56318;
text-decoration: none;
font-weight: bold;
}
.tagCloud a.tag3 {
font-size: 13px;
color: #945229;
text-decoration: none;
font-weight: bold;
}
.tagCloud a.tag4 {
font-size: 10px;
color: #000;
text-decoration: none;
}
@media print {
.print_hide, #quick_navi, .tagCloud {
display: none;
}
.print_auto_width {
width: 100%;
}
#content {
position: static !important;
left: 0px !important;
top: 20px !important;
width: 100% !important;
overflow: visible;
margin: 0;
padding: 0;
}
#content .weiss {
width: 100% !important;
margin: 0;
padding: 0;
}
#content .rand {
width: 100% !important;
border: none;
margin: 0;
padding: 0;
}
h1 {
font-size: 140%;
}
h2, h2.start2 {
font-size: 120%;
}
h3 {
font-size: 100%;
font-weight: bold;
}
p, li, p.start3, p.start_aktuell, p.datum, p.news, p.exlitxt, p.weiter, p.zurueck, li.link, li.exlink, li.liste, li.todo, li.download, li.anker, li.datum, li.forum {
font-size: 100%;
}
#kinderseite, #kompass, #logo, #menu, #submenu, #datum, .footer, #info, #logos_left, #logos_right, .drucken {
display: none;
}
li.anker, li.daten, li.link {
margin: 0 0 0 20px;
list-style-image: url(../pics/eltern/e_pfeil.gif);
}
li.liste {
margin: 0 0 0 20px;
list-style-image: url(../pics/eltern/e_punkt.gif);
}
li.exlink {
margin: 0 0 0 20px;
list-style-image: url(../pics/eltern/e_expfeil.gif);
}
}