Ich habe hier einen css code aber wie muss ich den einfügen damit ich das desing habe ?
Code: body, a, p, table, td, h1, h2, h3, h4, h5, h6, li, input {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
text-decoration: none;
}
body {
margin: 0px;
padding: 0px;
font-size: 12px;
color: #000000;
background-color: #901f1f;
text-decoration: none;
scrollbar-face-color: #6b0606;
scrollbar-highlight-color: #901f1f;
scrollbar-shadow-color: #901f1f;
scrollbar-3dlight-color: #6b0606;
scrollbar-arrow-color: #901f1f;
scrollbar-darkshadow-color: #6b0606;
scrollbar-track-color: #901f1f;
scrollbar-base-color: #6b0606;
background-image: url('../image/bg_site.gif');
background-repeat: repeat-y
}
FORM {
display: inline;
margin: 0px;
font-size: 11px;
}
div.top {
width: 930px;
height: 60px;
background-image: url('../image/top_bg.jpg');
background-repeat: no-repeat
}
div.banner {
position: absolute;
visibility: visible;
left: 310px;
top: 0px;
width: 468px;
height: 60px;
z-index: 50;
}
div.logo {
position: absolute;
visibility: visible;
left: 60px;
top: 84px;
width: 468px;
height: 60px;
z-index: 100;
}
div.kv {
position: absolute;
visibility: visible;
left: 0px;
top: 60px;
width: 930px;
height: 180px;
z-index: 1;
}
div.middle_head {
position: absolute;
visibility: visible;
left: 0px;
top: 240px;
width: 930px;
height: 25px;
z-index: 10;
}
div.middle {
position: absolute;
visibility: visible;
left: 0px;
top: 265px;
width: 930px;
z-index: 62;
}
div.middle td.left {
background-color: #6b0606;
text-align: center;
}
div.middle td.content {
background-color: #f9f9f9;
width: 485px;
}
div.middle td.right {
background-color: #6b0606;
text-align: center;
}
div.middle td.border {
background-color: #580b0b;
}
div.left {
width: 151px;
overflow: hidden;
}
#left table, #right table {
margin: auto;
}
div.middle div.content {
width: 470px;
padding-left: 15px;
}
div.content a {
color: #E4413C;
}
div.right {
position: relative;
width: 151px;
top: -16px;
padding-left: 1px;
padding-right: 1px;
z-index: 11;
}
div.border {
position: relative;
width: 143px;
top: -16px;
text-align: center;
background-image: url('../image/gr_1024.jpg');
background-repeat: no-repeat;
height: 550px;
z-index: 11
}
div.head_menu {
position: absolute;
visibility: visible;
left: 0px;
top: 240px;
width: 143px;
height: 24px;
z-index: 100;
}
div.hmenu {
position: absolute;
visibility: visible;
left: 160px;
top: 126px;
width: 620px;
height: 35px;
z-index: 100;
}
.topnav {
background-image: url('../image/nav_bg_0.gif');
background-repeat: repeat-x;
padding-left: 10px;
padding-right: 10px
}
.topnav a{
color: #ffffff;
font-size: 13px;
font-weight: bold;
}
.topnav_act {
background-image: url('../image/nav_bg.gif');
background-repeat: repeat-x;
padding-left: 10px;
padding-right: 10px
}
.topnav_act a{
color: #ffffff;
font-size: 13px;
font-weight: bold;
}
.layernav_act {
background: #e71818;
}
td.topnav div, td.topnav_act div {
line-height: 35px;
}
div.smenu {
background-color: #6b0606;
color: #ffffff;
text-align: right;
}
div.smenu_00 {
position: absolute;
visibility: visible;
left: 160px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_00_gr {
position: absolute;
visibility: visible;
left: 160px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_01 {
position: absolute;
visibility: visible;
left: 217px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_01_gr {
position: absolute;
visibility: visible;
left: 217px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_02 {
position: absolute;
visibility: visible;
left: 273px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_02_gr {
position: absolute;
visibility: visible;
left: 273px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_03 {
position: absolute;
visibility: visible;
left: 343px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_03_gr {
position: absolute;
visibility: visible;
left: 343px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_04 {
position: absolute;
visibility: visible;
left: 394px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_04_gr {
position: absolute;
visibility: visible;
left: 394px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_05 {
position: absolute;
visibility: visible;
left: 468px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_05_gr {
position: absolute;
visibility: visible;
left: 468px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_06 {
position: absolute;
visibility: visible;
left: 535px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_06_gr {
position: absolute;
visibility: visible;
left: 535px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_07 {
position: absolute;
visibility: visible;
left: 635px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_07_gr {
position: absolute;
visibility: visible;
left: 635px;
top: 161px;
z-index: 1000;
display: none;
}
div.smenu_box {
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
background-color: #ffffff;
}
div.smenu a {
color: #ffffff;
}
/*div.smenu a:hover {
background: #e71818;
}*/
div.smenu_link {
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 0px;
}
td.smenu_line, td.smenu_line_arrow {
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #adb2c6;
}
td.smenu_line a {
padding-right: 14px;
}
div.ssmenu td.smenu_line a {
padding-right: 0px;
}
td.smenu_line_arrow a {
padding-right: 14px;
background-image: url('../image/smenu_arrow.gif');
background-repeat: no-repeat;
background-position: right center
}
div.topleftlive {
position: absolute;
visibility: visible;
left: 4px;
top: 3px;
z-index: 10px;
}
div.topleftlive div.head {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
text-decoration: none;
padding-bottom: 5px;
font-weight: bold;
}
div.topleftlive div.content {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
div.topleftlive a {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ff0000;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
div.smenu div.ssmenu {
position: absolute;
right: 0px;
top: 25px;
display: none;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#e6e6e6; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:absmiddle; }
table.reiter, table.reiter2 {
border-collapse: collapse;
}
td.reiter {
padding: 0px;
width: 86px; height: 19px;
}
td.reiter2 {
padding: 0px;
width: 71px; height: 19px;
}
div.reiter, div.reiter2 {
padding-right: 3px;
}
div.reiter a p {
padding: 0px;
margin: 0px;
width: 86px; height: 19px;
padding-top: 3px;
cursor: hand;
}
div.reiter2 a p {
padding: 0px;
margin: 0px;
width: 70px; height: 22px;
line-height: 19px;
cursor: hand;
}
div.reiter a p, div.reiter a {
background: url('../image/reiter_n.gif') no-repeat;
font-size: 11px;
color: #ffffff;
text-align: center
}
div.reiter2 a p, div.reiter2 a {
background: url('../image/reiter2_n.gif') no-repeat;
font-size: 11px;
color: #ffffff;
text-align: center
}
div.reiter a:hover p, div.reiter a.active p {
background: url('../image/reiter_o.gif') no-repeat;
font-size: 11px;
color: #ffffff;
text-align: center;
vertical-align: middle;
cursor: hand
}
div.reiter2 a:hover p, div.reiter2 a.active p {
background: url('../image/reiter2_o.gif') no-repeat;
font-size: 11px;
color: #ffffff;
text-align: center;
vertical-align: middle;
cursor: hand
}
div.reiter a:hover, div.reiter a.active {
background: url('../image/reiter_o.gif') no-repeat;
font-size: 11px;
color: #ffffff;
text-align: center;
vertical-align: middle
}
div.reiter2 a:hover, div.reiter2 a.active {
background: url('../image/reiter_o.gif') no-repeat;
font-size: 11px;
color: #ffffff;
text-align: center;
vertical-align: middle
}
a.ssml {
display : block;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 14px;
border-bottom: 1px solid #adb2c6;
width: auto;
}
a.ssml:hover {
background-color: #e71818;
}
a.ssml_arrow {
display : block;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 14px;
border-bottom: 1px solid #adb2c6;
background: url('../image/smenu_arrow.gif') no-repeat right center;
width: auto
}
a.ssml_arrow:hover {
background: #e71818 url('../image/smenu_arrow.gif') no-repeat right center;
}
p.ct {
margin-top: 4px;
}
p.ct a img {
border : none;
}
.tx-indexedsearch-searchbox p { padding-bottom: 5px; }
.tx-indexedsearch-searchbox td { padding: 0 5px 5px 0; }
.co_normal p.ct { padding: 0; margin: 0; }
#co_sitemap div.reiter2 a p, #co_sitemap div.reiter2 a {
background: none;
color: #E4413C;
text-align: left;
white-space: nowrap;
font-size: 12px;
}
#co_sitemap div.reiter2 a:hover p, #co_sitemap div.reiter2 a.active p {
background: none;
color: #E4413C;
text-align: left;
white-space: nowrap;
font-size: 12px;
}
#co_sitemap div.reiter2 a:hover, #co_sitemap div.reiter2 a.active {
background: none;
color: #E4413C;
text-align: left;
font-size: 12px;
}
.reiter2 { float: left; }
#co_sitemap .reiter2 { float: none; }
.co_print {
text-align: right; padding: 5px 10px 5px 0;
}