/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
html {height: 100.5%; font-size: 62.5%}
body {
text-align: center;
font-family: "Berlin Sans FB";
font-size: 1.4em;
line-height: 1.8em;
background-color: #eaf0f8;
}
h1 {
font-size: 1.5em;
font-weight: bold;
color: black;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
/*
background: url(bg_book_top.jpg) no-repeat center bottom;
*/
}
h2 {
font-size: 1.2em;
font-weight: bold;
text-align: center;
color: black;
}
h3 {
font-weight: bold;
color: black;
text-align: center;
letter-spacing: 0.05em;
font-size: 0.9em;
}
h4 {
font-weight: bold;
color: black;
text-align: left;
font-size: 0.9em;
}
/* h1 etc. sind Universal-Selektoren. Mit diesen ist das Stylesheet zu beginnen */
div.line hr {display:none;}
div.line {
height: 8px;
background: url(dotted_line.png) repeat-x;
margin: 10px 0px;
}
a {
}
/*
a: link {
}
a: visited {
}
a: hover { }
a: active { }
a.int {
background: url(link_int.gif) no-repeat left bottom;
padding-left: 16px;
}
mit den Pseudoklassen werden die Linkeigeschaften definiert */
strong {/* Der alte Befehl */
letter-spacing: 0.05em;
}
em { /* Der alte Befehl */
font-size: 1.1em;
text-transform: uppercase;
}
/* Anfang Gestaltung einer Tabelle - Anfang */
table#galerie {
width: 740px;
height: 280px;
/*
border: 2px solid blue;
*/
border-collapse: separate;
table-layout: fixed;
}
table#gallerie_geschichte {
width: 700px;
height: 280px;
border: 2px solid blue;
}
table.gallerie_geschichte {
width: 700px;
height: 280px;
border: 2px solid blue;
}
table#galerie02 {
width: 680px;
height: 280px;
/*
border: 2px solid red;
*/
border-collapse: separate;
table-layout: fixed;
}
/*Anfang Gestaltung Tabelle Programm Speelkoppe */
table.spaeael_programm {
width: 680px;
height: 250px;
border: 1px solid blue;
border-collapse: separate;
table-layout: fixed;
}
thead.prg {
text-align: center;
background: #669999;
vertical-align: top;
}
tfoot.prg {
background: #669999;
text-align: center;
vertical-align: bottom;
}
td.prg_jahr {
width: 30px;
vertical-align: top;
text-align: left;
}
td.theater01 {
width: 15px;
/*
border: 1px solid red;
*/
vertical-align: top;
text-align: left;
}
td.theater02 {
width: 100px;
/*
border: 1px solid red;
*/
vertical-align: top;
text-align: left;
}
td.theater03 {
width:200px;
/*
border: 1px solid red;
*/
vertical-align: top;
text-align: left;
}
td.prg_jahr_aktuell {
width: 30px;
vertical-align: top;
text-align: left;
font-weight: bold;
}
td.prg_titel {
width: 120px;
vertical-align: top;
text-align: left;
}
td.prg_figur {
width: 160px;
vertical-align: top;
text-align: left;
}
td.prg_titel_aktuell {
width: 120px;
vertical-align: top;
text-align: left;
font-weight: bold;
}
td.prg_autor {
width: 75px;
vertical-align: top;
text-align: left;
}
td.prg_autor_aktuell {
width: 75px;
vertical-align: top;
text-align: left;
font-weight: bold;
}
td.foto_archiv {
/* width: 75px; */
vertical-align:bottom;
text-align: center;
}
tr.prg {
height: 15px;
}
td.satzung01 {
width: 40px;
vertical-align: top;
text-align: left;
line-height: 0.9em;
/*
border: 1px solid red;
*/
}
td.satzung02 {
width: 500px;
vertical-align: top;
line-height: 1.0em;
text-align: left;
/*
border: 1px solid red;
*/
}
/* Ende Tabelle Programm Speelkoppe */
/*
th, td{
height: 15px;
text-align: left;
border: red;
}
*/
thead {
height: 20px;
/*
background: #669999;
*/
text-align: justify;
}
tfoot {
height: 20px;
/*
background: #669999;
*/
text-align: justify;
}
/*Einfärben der ungeraden Zeilen
tbody tr.odd td { background: #EDEDED; }
tbody tr.odd td col#colcity { /* Hintergund transparentes Bild für ungerade Spalten */
td {
/*
border: 1px solid red;
*/
vertical-align: top;
text-align: left;
line-height: 1.2em;
}
td.fussnote {
/*
border: 1px solid red;
*/
font-size: 0.7em;
vertical-align: top;
text-align: left;
line-height: 0.9em;
}
td.rechts {
vertical-align: top;
text-align: right;
line-height: 1.2em;
/*
border: 1px solid red;
*/
}
td.links {
vertical-align: top;
text-align: left;
line-height: 1.2em;
/*
border: 1px solid green;
*/
}
td.legende {
vertical-align: top;
text-align: left;
line-height: 1.2em;
/*
border: 1px solid red;
*/
}
td.mitte {
text-align: center;
/*
border: 1px solid red;
*/
width: 100px;
}
td.mitte_farbe {
text-align: center;
background-color: #eaf0f8;
width: 100px;
}
tr.links{
height: 5px;
/*
border: 1px solid red;
*/
}
tr.text {
height: 5px;
}
col.jahr {
width: 60px;
}
col.jahr02 {
width: 60px;
}
col.legende01 {
width: 30px;
}
col.legende02 {
width:600px;
}
col.text {
width: 630px;
}
col.einwohner {
width: 85px;
}
col.einwohner02 {
width: 70px;
}
col.einwohner03 {
width: 10px;
}
col.satzung01 {
width:160px;
}
/* Gestaltung einer Tabelle - Ende */
/* ============================ Beginn Heimatverein Wechloy========================= */
div#layout {
width: 1000px;
height: 920px;
/*
background: url (/images/droegen002.jpg);
*/
background-color: #f7fcfc;
/*
border: 1px solid red;
*/
margin: auto;
padding: 0px 0px 0px 20px;
text-align: left;
}
div#layout_imp {
width: 1000px;
height: 5800px;
/*
background: url (/images/droegen002.jpg);
*/
background-color: #f7fcfc;
/*
border: 1px solid blue;
*/
margin: auto;
padding: 0px 0px 0px 20px;
text-align: left;
}
/* div#layout erhält eine fixe Breite */
div#header {
width: 980px;
height: 220px;
/*
border: 1px solid red;
*/
padding: 0px 0px 0px 5px;
background-image: url();
}
div#wrapcontent {
width: 940px;
height: 675px;
margin: 0px 0px 0px 20px;
/*
border: 1px solid green;
*/
}
div#wrapcontent_imp {
width: 940px;
height:5500px;
margin: 0px 0px 0px 20px;
/*
border: 1px solid red;
*/
}
div#box_links {
float: left;
width: 180px;
height: 570px;
font-family: "Berlin Sans FB";
/*
background-color: #f3f2c7;
*/
padding:15px 10px 0px 0px;
/*
border: 2px solid blue;
*/
}
div#box_geschichte_links {
float: left;
width: 180px;
height: 750px;
font-family: "Berlin Sans FB";
/*
background-color: #f3f2c7;
padding:15px 10px 0px 0px;
/*
margin: 0px 0px 0px 0px;
font-size: 1.6em;
text-align: left;
border: 2px solid blue;
*/
}
/*DIV und Formatierungen in DIV-Menue */
div#logo {
width: 180px;
height: 200px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 10px;
/*
border: 2px solid green;
*/
}
div#menu_geschichte {
width: 185px;
height:500px;
/*
border: 2px solid red;
*/
}
ol.menue {
font-size: 0.8em;
/*
margin: 0px 0px 0px 0px;
list-style-position: outside;
list-style-type: decimal;
padding-top: 40px;
padding-left: 30px;
*/
}
ol.nummerisch {
font-size: 0.8em;
list-style-position: outside;
list-style-type: decimal;
padding-top: 40px;
padding-left: 30px;
}
ul.menu01 {
font-size: 1.0em;
line-height: 1.2em;
list-style: none;
padding: 0px 30px 0px 0px;
/*
margin: 5px 5px;
list-style-position: inside;
border-left: 8px solid #B4A400;
padding-left: 25px;
list-style-type: square;
*/
}
ul.menu02 {
font-size: 0.9em;
list-style: circle;
/*
list-style-type: decimal;
margin: 5px 5px;
list-style-position: inside;
border-left: 8px solid #B4A400;
padding-left: 25px;
list-style-type: square;
*/
}
ul.menu03 {
font-size: 0.9em;
list-style: none;
/*
margin: 5px 5px;
list-style-position: inside;
border-left: 8px solid #B4A400;
padding-left: 25px;
list-style-type: square;
*/
}
ul.presse {
font-size: 0.9em;
list-style: none;
line-height: 1.3em;
/*
margin: 5px 5px;
list-style-position: inside;
border-left: 8px solid #B4A400;
padding-left: 25px;
list-style-type: square;
*/
}
p.text01 {
font-size: 0.9em;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid red;
*/
}
p.text02 {
font-size: 0.8em;
line-height: 1.2em;
text-align: justify;
}
p.text03 {
font-size: 1.1em;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid red;
*/
}
p.text03_fett {
font-size: 1.3em;
font-weight:bold;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid red;
*/
}
p.bild01 {
text-align: center;
}
p.bild02 { /* Bild Danzkoppel */
padding: 194px 0px 0px 0px;
font-size: 0.7em;
text-align: center;
vertical-align: bottom;
line-height: 1.0em;
}
p.bild03 { /* Luftbild Campus Wechloy*/
font-size: 0.7em;
text-align: center;
vertical-align: bottom;
line-height: 1.0em;
}
p.eingerueckt {
font-size: 0.8em;
text-align: justify;
line-height: 1.4em;
padding: 0px 100px 0px 50px;
}
span.seiten {
font-size: 0.7em;
}
span.fussnote {
line-height: 1.0em;
font-size: 0.7em;
}
span.fett {
font-size: 0.9em;
text-align: justify;
line-height: 1.5em;
font-weight: bold;
}
span.kursiv {
font-size: 0.8em;
text-align: justify;
line-height: 1.5em;
font-style: italic;
}
span.menu01 {
font-size: 0.7em;
text-align: left;
}
span.menu02 {
font-size: 0.6em;
text-align: left;
}
/* Ende DIV und Formatierungen in DIV-Menue */
/*DIV und Formatierungen in DIV-Maintext */
div#maintext {
float: right;
width: 700px;
height: 630px;
/*
border: 1px solid green;
*/
}
div#maintext_wechloy_karte {
float: right;
width: 700px;
height: 842px;
background: url(images/wechloy_map.png) no-repeat;
/*
border: 1px solid green;
*/
}
div#maintext_index { /* mehrere Seiten */
float: right;
text-align: center;
width: 700px;
height: 640px;
/*
border: 1px solid green;
*/
}
div#maintext_start { /* nur Statseite */
margin: 50px 0px 0px 0px;
float: right;
text-align: center;
width: 500px;
height: 590px;
background: url(images/2015_wechloy.png) no-repeat;
/*
border: 1px solid brown;
*/
}
div#copyright {
/*
margin: 0px 0px 0px 600px;
*/
float:left;
text-align:right;
width: 350px;
height: 30px;
/*
border: 1px solid red;
*/
}
div#spaeael_platt {
float: left;
width: 340px;
height: 780px;
font-size: 0.8em;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid blue;
*/
}
div#spaeael_hoch {
float: right;
width: 340px;
height: 750px;
font-size: 0.8em;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid red;
*/
}
div#spaeael_programm {
float: right;
width:695px;
height: 700px;
font-size: 0.7em;
text-align: left;
line-height: 1.5em;
font-style: italic;
/*
border: 1px solid black;
*/
}
/* Div's für Theaterankündigung Anfang */
div#inlet_bild_spaeael {
float: left;
width: 330px;
height: 202px;
background: url(images/speelkoppel.jpg) no-repeat;
/*
border: 1px solid green;
*/
}
div#layout_theater {
width: 1000px;
height: 1550px;
/*
background: url (/images/droegen002.jpg);
*/
background-color: #f7fcfc;
/*
border: 1px solid red;
*/
margin: auto;
padding: 0px 0px 0px 20px;
text-align: left;
}
div#theater_headline{
float: right;
width: 690px;
height: 100px;
/*
border: 2px solid blue;
*/
}
div#maintext_theater {
width: 698px;
height: 650px;
/*
border: 3px solid green;
*/
}
div#theater01 {
width: 705px;
height: 560px;
/*
border: 1px solid black;
*/
}
div#theater02 {
float: left;
width: 340px;
height: 500px;
font-size: 0.8em;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid blue;
*/
}
div#theater03 {
float: right;
width: 300px;
height: 500px;
font-size: 0.8em;
text-align: justify;
line-height: 1.5em;
/*
border: 1px solid red;
*/
}
/* Div's für Theaterankündigung Ende */
div#inlet_bild_danz
{
float: right;
margin: 0px 0px 10px 15px;
width: 300px;
height: 220px;
background: url(images/danzkoppel.png) no-repeat;
/*
border: 1px solid green;
*/
}
/* Bild eingefügt in den Textverlauf */
div#inlet_bild
{
float: right;
width: 500px;
height: 348px;
/*
border: 1px solid green;
*/
}
/* Ende eingefügtes Bild */
div#geschichte {
float: right;
width: 701px;
height:625px;
/*
border: 1px solid brown;
*/
}
div#maintext_imp {
width: 698px;
height: 5400px;
margin: 30px 0px 0px 0px;
/*
border: 3px solid green;
*/
}
/* Ende DIV und Formatierungen in DIV-Maintext */
/*DIV und Formatierungen in DIV-Impressum */
div#impressum {
float: right;
width: 500px;
height: 25px;
text-align: right;
/*
border: 2px solid yellow;
*/
}
span.impressum {
font-size: 1.0em;
text-align: right;
}
span.impressum_link {
font-size: 0.8em;
text-align: right;
}
/* Ende DIV und Formatierungen in DIV-Impressum */