Einchecken des Online-Codes
This commit is contained in:
209
css/page.css
Normal file
209
css/page.css
Normal file
@@ -0,0 +1,209 @@
|
||||
html { font-family:Verdana, sans-serif; font-size:12px; color:#333333; background-image:url(../img/html_bg.jpg); background-repeat:repeat-x; }
|
||||
body { margin:0px; }
|
||||
|
||||
h1 { font-size:1.5em; margin:6px 0px 12px 0px; color:#660000; }
|
||||
h2 { font-size:1.2em; margin:6px 0px 12px 0px; color:#660000; }
|
||||
h3 { font-size:1.0em; margin:6px 0px 6px 0px; font-weight: bold; }
|
||||
p { text-align:justify; line-height:1.4em; margin:6px 0px 12px 0px; }
|
||||
|
||||
hr {
|
||||
line-height: 1px;
|
||||
height: 1px;
|
||||
margin: 0px 0px 12px 0px;
|
||||
padding: 0px;
|
||||
color: #660000;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.team td {
|
||||
border-bottom: 1px dashed #333;
|
||||
vertical-align: middle;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0px 0px 0px 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th {
|
||||
padding-top: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a.nounder {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.suche {
|
||||
background-color: #660000;
|
||||
padding-left: 20px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
div.haupt {
|
||||
border: 5px solid #660000;
|
||||
width: 680px;
|
||||
padding: 10px;
|
||||
margin: 0px 0px 10px 0px;
|
||||
color: #660000;
|
||||
}
|
||||
|
||||
div.haupt h1 {
|
||||
text-decoration: none;
|
||||
color: #660000;
|
||||
}
|
||||
|
||||
div.haupt h2 {
|
||||
margin: 0px 0px 30px 0px;
|
||||
color: #660000;
|
||||
}
|
||||
|
||||
div.haupt a {
|
||||
text-decoration: none;
|
||||
color: #660000;
|
||||
}
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
td.highlighted {
|
||||
color: #660000;
|
||||
}
|
||||
|
||||
#background { position:absolute; background-image:url(../img/body_bg.jpg); top:253px; width:100%; }
|
||||
#frame { position:relative; width:982px; margin:0px auto; background-image:url(../img/frame_bg.jpg); border-bottom:1px solid #81868C; }
|
||||
#page { width:960px; margin: auto; }
|
||||
|
||||
#header_box { background-image: url(../img/header.jpg); position: relative; height: 253px; }
|
||||
#header { height: 253px; }
|
||||
#header ul { list-style-type:none; margin:0px; padding:0px; float:right; }
|
||||
#header ul li { float:left; width:120px; padding-left:10px; height:29px; line-height: 29px; }
|
||||
#header ul li a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
|
||||
#header div.header_list { position:absolute; top:29px; right:0px; }
|
||||
#header div ul li { float:none; width:250px; background-image:url(../img/50_white.png); }
|
||||
#header div ul li a { font-weight:bold; color:#444444; }
|
||||
#header div ul li a:hover { color:#660000; }
|
||||
#header .white_50 { background-image:url(../img/50_white.png); position:absolute; left:0px; }
|
||||
#header .white_50 img { margin:0px 20px -3px 20px; }
|
||||
#header #logo_top { top:100px; }
|
||||
#header #logo_bottom { top:180px; }
|
||||
|
||||
#main { padding:0px; width:100%; position:relative; z-index:1; }
|
||||
#wrap { width:100%; float:left; }
|
||||
|
||||
#links_box { position:relative; top:10px; left:0px; z-index:3; width:240px; float:left; margin:0px 0px 10px 0px; color:#333333; }
|
||||
#links { padding:0px; margin:0px; }
|
||||
#links ul { margin:0px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; width:239px; overflow:hidden; }
|
||||
#links ul li a { background-image:url(../img/left_level2.png); padding-left:30px;}
|
||||
#links ul li a:hover, #links ul li a.active { background-image:url(../img/left_level2_active.png); }
|
||||
#links li { list-style-type: none; font-weight: bold; font-size: 12px; padding: 0px; }
|
||||
#links a { color:#FFFFFF; text-decoration:none; font-weight:bold; display:block; width:100%; height:30px; line-height:30px;}
|
||||
#links ul li.main_level a { background-image:url(../img/left_level1.png);padding-left:10px; }
|
||||
|
||||
#inhalt_box { position:relative; z-index:3; float:right; width:710px; margin:0px; }
|
||||
#inhalt { padding:0px; margin-bottom:60px; }
|
||||
#inhalt ul { padding:0px; margin:0px; font-weight:bold; }
|
||||
#inhalt ul li { padding:0px; margin:0px; font-weight:normal; list-style-position:inside; }
|
||||
#inhalt p { margin-right:10px; }
|
||||
#inhalt a { color: #660000; }
|
||||
|
||||
|
||||
|
||||
#inhalt input.overview { border:0px; background:transparent; cursor:pointer; margin:0px; padding:0px; color:#660000; font-weight:bold; font-family:Verdana, sans-serif; font-size:14px; text-decoration:none; width:575px; text-align:left; }
|
||||
|
||||
#inhalt div.firma { width:490px; float:left; }
|
||||
#inhalt div.neu { margin-top:0px; width:210px; color:#660000; text-align:left; float:right; height:176px; }
|
||||
#inhalt div.neu img { margin:5px 0px 0px 0px; border:none; width:210px; height:139px; }
|
||||
#inhalt div.kont { margin-top:20px; width:210px; height:120px; color:#660000; float:right; text-align:left; margin-bottom:20px; }
|
||||
#inhalt .neu h2, #inhalt .kont h2 { margin:6px 5px 10px 0px; font-size:14px; font-weight:bold; }
|
||||
#inhalt .kont p { margin:0px; text-align:left; font-size:12px; font-weight:bold; }
|
||||
#inhalt .kont a { margin:0px; font-size:12px; font-weight:bold; }
|
||||
#inhalt .grau { background-color: #D9D9D9; margin-bottom: 25px; padding: 10px; }
|
||||
#inhalt .left { float:left; margin-right:20px; }
|
||||
#inhalt .right { float:right; margin-left:20px; margin-right:10px; }
|
||||
#inhalt .hypothek { background-color:#D9D9D9; padding:10px 20px; margin-bottom:20px; width:340px; float:right; }
|
||||
#inhalt .hypothek label { width:180px; display:inline-block; }
|
||||
#inhalt .hypothek input { width:80px; text-align:right; }
|
||||
|
||||
table.overview {
|
||||
table-layout: fixed;
|
||||
width: 710px;
|
||||
}
|
||||
|
||||
table.overview hr {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
table.overview th {
|
||||
background-color: #660000;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
table.uebersicht {
|
||||
table-layout: fixed;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
table.expose {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
table.expose th {
|
||||
color: #660000;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table.expose td {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
table.expose hr, table.uebersicht hr {
|
||||
border: solid 1px #660000;
|
||||
height: 0px;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
table.foto {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
table.foto td {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.noDisplay { display:none; }
|
||||
.fix { visibility:hidden; height:0px; line-height:0px; clear:both; display:block; }
|
||||
|
||||
#inhalt ul {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#inhalt li {
|
||||
margin-left: 220px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#inhalt ul li ul li{
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#footer_box { clear:both; position:relative; z-index:1; }
|
||||
#footer { height:40px; background-image:url(../img/footer_bg.jpg); }
|
||||
#footer ul { padding:0px; margin:0px; }
|
||||
#footer li { margin:5px 20px; display:inline; float:left; }
|
||||
#footer a { text-decoration:none; color:#333333; line-height: 30px; }
|
||||
#footer img { float:right; border:0px; margin-top:5px; }
|
||||
440
css/print.css
Normal file
440
css/print.css
Normal file
@@ -0,0 +1,440 @@
|
||||
.noDisplay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fix {
|
||||
visibility: hidden;
|
||||
height: 0px;
|
||||
line-height: 0px;
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: Verdana, sans-serif;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: auto;
|
||||
width: 950px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
margin: 0px 0px 12px 0px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.2em;
|
||||
margin: 0px 0px 12px 0px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.0em;
|
||||
font-weight: bold;
|
||||
margin: 0px 0px 6px 0px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
line-height: 1.4em;
|
||||
margin: 0px 0px 12px 0px;
|
||||
}
|
||||
|
||||
hr {
|
||||
line-height: 1px;
|
||||
height: 1px;
|
||||
margin: 0px 0px 12px 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.team td {
|
||||
border-bottom: 1px dashed #333;
|
||||
vertical-align: middle;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0px 0px 0px 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th {
|
||||
padding-top: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
a.nounder {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.suche {
|
||||
background-color: #74c6ff;
|
||||
padding-left: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-khtml-border-radius: 3px;
|
||||
}
|
||||
|
||||
div.haupt {
|
||||
background-color: #74c6ff;
|
||||
-moz-border-radius: 3px;
|
||||
-khtml-border-radius: 3px;
|
||||
width: 450px;
|
||||
padding: 10px;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
div.haupt h1 {
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.haupt h2 {
|
||||
margin: 0px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
table.overview hr {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
table.overview th {
|
||||
background-color: #74c6ff;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table.uebersicht {
|
||||
background-color: #eafbff;
|
||||
border-left: 5px solid #eafbff;
|
||||
border-right: 5px solid #eafbff;
|
||||
}
|
||||
|
||||
table.expose th, table.uebersicht th {
|
||||
color: #00f;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table.expose td, table.uebersicht td {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
table.expose hr, table.uebersicht hr {
|
||||
border: solid 1px #00f;
|
||||
height: 0px;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
table.foto {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
table.foto td {
|
||||
margin-bottom: 0px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
#frame {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-image: url(../img/bg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px bottom;
|
||||
}
|
||||
|
||||
#page {
|
||||
width: 950px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#header2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#separator1 {
|
||||
width: 950px;
|
||||
height: 20px;
|
||||
font-size: 1px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#separator2 {
|
||||
width: 950px;
|
||||
height: 23px;
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#separator3 {
|
||||
width: 950px;
|
||||
height: 23px;
|
||||
font-size: 1px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#main {
|
||||
clear: both;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
width: 950px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#links {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inhalt_box {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
float: right;
|
||||
width: 950px;
|
||||
}
|
||||
|
||||
#inhalt {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#inhalt .high {
|
||||
background-image: url(../img/high_bg.gif);
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 460px;
|
||||
height: 335px;
|
||||
z-index: 5;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#inhalt .high_bottom {
|
||||
background-image: url(../img/high_bottom.png);
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 460px;
|
||||
height: 9px;
|
||||
line-height: 9px;
|
||||
margin-bottom: -344px !important; /* Firefox, Opera & CO */
|
||||
margin-bottom: -352px; /* IE 5.01, 5.5, 6 */
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
#inhalt .high_pic {
|
||||
position: relative;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
width: 440px;
|
||||
height: 330px;
|
||||
overflow: hidden;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
z-index: 3;
|
||||
margin-bottom: -330px;
|
||||
}
|
||||
|
||||
.high_box {
|
||||
position: relative;
|
||||
background-image: url(../img/high_box.png);
|
||||
filter: !important;
|
||||
filter:Alpha(opacity=50);
|
||||
top: 100px;
|
||||
left: 10px;
|
||||
width: 290px;
|
||||
height: 144px;
|
||||
line-height: 144px;
|
||||
margin-bottom: -144px;
|
||||
z-index: 7;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.high_text {
|
||||
position: relative;
|
||||
top: 110px;
|
||||
left: 20px;
|
||||
color: #fff;
|
||||
width: 270px;
|
||||
height: 124px;
|
||||
margin-bottom: -124px;
|
||||
z-index: 9;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.high_text h1, .high_text h2 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.neu_top {
|
||||
background-image: url(../img/neu_top.png);
|
||||
background-repeat: none;
|
||||
top: 0px;
|
||||
left: 475px;
|
||||
width: 230px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.neu {
|
||||
background-image: url(../img/neu_bg.png);
|
||||
width: 230px;
|
||||
height: 188px;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
top: 0px;
|
||||
left: 475px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.neu_bottom {
|
||||
background-image: url(../img/neu_bottom.png);
|
||||
background-repeat: none;
|
||||
top: 0px;
|
||||
left: 475px;
|
||||
width: 230px;
|
||||
height: 9px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.neu h2 {
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.neu img {
|
||||
margin: 5px 10px;
|
||||
}
|
||||
|
||||
.kont_top {
|
||||
background-image: url(../img/kont_top.png);
|
||||
background-repeat: none;
|
||||
margin-top: 10px;
|
||||
top: 0px;
|
||||
left: 475px;
|
||||
width: 230px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.kont {
|
||||
background-image: url(../img/kont_bg.png);
|
||||
width: 230px;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
top: 0px;
|
||||
left: 475px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.kont_bottom {
|
||||
background-image: url(../img/kont_bottom.png);
|
||||
background-repeat: none;
|
||||
top: 0px;
|
||||
left: 475px;
|
||||
width: 230px;
|
||||
height: 11px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.kont h2 {
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.kont p {
|
||||
margin: 0px 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.grau {
|
||||
background-color: #ccc;
|
||||
position: relative;
|
||||
top: 20px;
|
||||
margin-bottom: 25px;
|
||||
padding: 10px;
|
||||
-moz-border-radius: 3px;
|
||||
-khtml-border-radius: 3px;
|
||||
}
|
||||
|
||||
.grau table td {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#inhalt ul {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#inhalt li {
|
||||
margin-left: 220px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#inhalt ul li ul li{
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#footer_box {
|
||||
clear: both;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
#footer1 {
|
||||
height: 37px;
|
||||
background-image: url(../img/footer_bg.png);
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer1 ul {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#footer1 li {
|
||||
margin: 0px 20px;
|
||||
display: inline;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#footer1 a {
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#footer1 img {
|
||||
float: right;
|
||||
border: 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user