h2
vorwort
h2
projekte
h2 h3
* */
* {
margin: 0;
padding: 0;
}
#menu {
/* background-color: rgb(0,255,255); old vers */
/*position: fixed; /* hält die Position */
background-color: #00FF00 ;
border-right: 3px green solid;
width: 15%; /*width: 200px; */
min-width: 10em; /* 160px */
height: auto; /* auto; oder 95% */
float: left; /* position des Elementes left; right; */
margin-right: 5px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 25px;
padding-left: 5px;
font-size: 1.5em; /* 1,25 *20px; */
/* position: fixed; hält die Position */
}
#menu li {
margin-bottom: 15px;
padding-left: 2px;
padding-right: 20px;
}
#menu li.current {
color: #2E2E2E;
text-decoration: underline;
}
#menu ul {
list-style-type: none;
padding: 0px;
padding-left: 4px;
margin-bottom: 20px;
}
#menu ol {
list-style-type: none; /* disc; */
padding: 0px;
padding-left: 4px;
margin-bottom: 20px;
}
a{
color: #00000F;
text-decoration: none;
}
a:hover { /* maus auf Link */
color: #000000;
text-decoration: underline;
}
a:focus { /* maus auf Link */
color: #000000;
text-decoration: underline;
}
a:active { /* active Link */
color: red;
text-decoration: underline;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!aus stiftung_wc.css
#bildcontainer{
background-color: #00FF00;
width: auto;
height: auto;
float: left; /* position des Elementes left; right;
}
*/
h1 {
margin: 2px;
padding: 2px;
text-align:center;
font-size:150%;
font-weight:bold; /* Schriftstärke, zur Auswahl stehen normal|bold|bolder|lighter */
color:#ffffff;
}
h2 {
text-align:center;
font-size: 1.25em; /*125%; */
font-weight:600;
color:#000000;}
h3 {
font-size: 1.15em; /*115%; */
font-weight:600;
color:#000000;}
IMG {
margin:5px;}
IMG.l { margin-left: 2%;}
IMG.ll { margin-left: 2%; margin-right: 2%;
float: left; /* position des Elementes left; right; */
}
IMG.r {
margin-right: 2%; }
IMG.banner {
text-align:center;
margin:0px;
width:400px;
height:50px;}
/* ################################################################ ab 2020 ###########################*/
/* aus Menu.css */
/* The navigation bar */
.navbar {
overflow: hidden;
background-color: #333;
position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
}
/* Links inside the navbar */
.navbar a {
float: left;
display: block;
color: #f2f2f2;
font-style: italic;
text-align: center;
padding: 14px 14px;
font-size: 1.3em;
text-decoration: none;
}
/* Change background on mouse-over */
.navbar a:hover {
background: #ddd;
color: black;
}
/* Main content */
.main {
margin-top: 30px; /* Add a top margin to avoid content overlay */
}
body {
background-color: #FFFFFF;
margin: 3px;
padding: 3px;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
color: #000000 ;
/* background-image: url(images/wc4.ico);
background-repeat: no-repeat;
background-position: right;
background-attachment: fixed; Hintergrund Bild fixieren */
}
#boxL {
margin-top: 15px;
margin-right: auto;
background-color: rgb(0,255,255);
position: absolute;
border-right: 5px green solid;
width: 19%;
height: auto;
top: 7%;
left: 1%;
}
#boxR {
margin-top: 15px;
margin-left: inherit ; /* inherit= Erben */
background-color: white;
margin-top: auto;
position: absolute; /* */
width: 25%; /*20% bis 14.8.20 */
height: auto;
top: 9%;
left: 80%;
}
#boxM2 {
margin-top: 20px;
background-color: white;
position: absolute; /* */
width: 60% ; /*auto; */
height: auto;
top: 7%;
left: 20%;
}
#kopfleiste {
/* position: fixed; hält die Position */
background-color: #759b0d;
overflow: auto;
width: 100%; /* 100%=Full width width: inherit; */
height: auto;
margin-top: 50px;
margin-bottom: 2px;
padding-left: 1px;
padding-right: 1px;
}
DIV.text {
margin:0px 0px 3px 3px;
} /* 0px 0px 12px 10px;
/*font-style:italic;
Anzeige der Schrift (kurz ob kursiv oder normal)
italic = kursive
oblique = schräggestellt
normal = normal
text-indent:1.5em;
Einrückung der ersten Zeile eines Textblockes um den vorgegebenen Abstand */
P {
margin:0px;}
P.p_left {
text-align:left;}
P.p_right {
text-align: right;}
P.p_center {
text-align: center;}
/*
#kopfleiste2 {
background-image: url(images/wc4.ico);
background-repeat: no-repeat;
background-position: top;
background-color: red;
background-attachment: fixed; /* Hintergrund Bild fixieren
/*background: transparent;
}
*/
#inhalt {
background-color: #ffffff;
width: auto;
height: auto;
/* overflow: auto; (Inhalt bleibt rechts stehen!) wenn element größer als Eltern element ist */
padding-top: 2px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 2px;
font-size: 1.3em; /* 16px bei grundeinstellung */
}
#boxM3 { /* just for table */
/* background-color: #f2f1f0; */
text-align:center;
position: static;
width: auto;
/*
font-size: 2em;
font-weight:600;
height: 25%;
top: 2%;
left: 50% ;
font-size: 1.25em;
font-weight:600; */
}
/* aus internet */
table, th, td {
border: 1px solid #040;
border-collapse: collapse;
font-family: Verdana;
font-size: 1em;
text-align: center;
padding: 5px;
}
th, td {
background-color: #759b0d;
color: #fff;
border: 1px solid #fff;
}
/*
table.center {
border: medium;
border: solid;
margin: 0px auto; center table */
/* aus wc2 copiert 15.07.20 */
#boxM {
margin-top: 30px;
background-color: white;
position: absolute;
width: auto; /*auto; */
height: auto;
top: 50%;
left: 2%;
}