150 lines
2.0 KiB
CSS
150 lines
2.0 KiB
CSS
/* CSS Document */
|
|
|
|
html {
|
|
# width:100%;
|
|
}
|
|
|
|
body {
|
|
background-color:#8db5cb;
|
|
text-align:left;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
# font-family:Verdana, sans-serif;
|
|
font-size:small;
|
|
color:#454545;
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
#wrapper {
|
|
margin:0 auto;
|
|
|
|
|
|
}
|
|
|
|
#kopf {
|
|
|
|
width:100%;
|
|
}
|
|
#kopf img {
|
|
width:100%;
|
|
}
|
|
|
|
#bodybox {
|
|
float:left;
|
|
background-color:#ffffff;
|
|
width:100%;
|
|
|
|
|
|
# background-image:url('img/bg_bodybox.jpg');
|
|
}
|
|
|
|
#content {
|
|
|
|
margin-right:2.5em;
|
|
margin-left:2.5em;
|
|
margin-top:1em;
|
|
padding-bottom:1em;
|
|
}
|
|
|
|
#fuss {
|
|
float:left;
|
|
width:100%;
|
|
# height:5em;
|
|
font-size:1.5em;
|
|
font-weight:bold;
|
|
background-color:#D3ECED;
|
|
text-align:center;
|
|
|
|
}
|
|
#fuss td {
|
|
# height:3em;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
div.imgrechts {
|
|
float:right;
|
|
text-align:center;
|
|
margin-left:10px;
|
|
margin-bottom:10px;
|
|
width:30%;
|
|
}
|
|
|
|
div.imgrechts img {
|
|
border:1px solid #bbbbbb;
|
|
width:100%;
|
|
}
|
|
|
|
div.imgrechts p {
|
|
text-align:center;
|
|
margin:12px;
|
|
padding:0px;
|
|
font-size:11px;
|
|
color:#454545;
|
|
}
|
|
div.ampel {
|
|
float:left;
|
|
width:100%;
|
|
max-width:550px;
|
|
}
|
|
|
|
div.ampel img {
|
|
width:2em;
|
|
}
|
|
div.ampel table {
|
|
width:100%;
|
|
}
|
|
|
|
div.mrtg {
|
|
float:left;
|
|
width:100%;
|
|
max-width:550px;
|
|
}
|
|
div.mrtg img {
|
|
width:100%
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
#kopf {
|
|
display:none;
|
|
|
|
}
|
|
#content {
|
|
float:left;
|
|
width:95%;
|
|
margin-right:0.5em;
|
|
margin-left:0.5em;
|
|
margin-top:0.5em;
|
|
padding-bottom:1em;
|
|
}
|
|
|
|
div.ampel {
|
|
float:left;
|
|
width:100%;
|
|
max-width:550px;
|
|
}
|
|
|
|
div.ampel img {
|
|
width:2em;
|
|
}
|
|
|
|
div.ampel table {
|
|
width:100%;
|
|
}
|
|
div.mrtg {
|
|
float:left;
|
|
width:100%;
|
|
max-width:550px;
|
|
margin-left:0px;
|
|
}
|
|
|
|
div.mrtg img {
|
|
width:100%
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|