Ich suche ein Design für meine neue Regipage
Screen :
[img]<
- Online Photo and Video Hosting>[/img]
- Online Photo and Video Hosting>[/img]In meiner Datei namens Style steht folgendes :
* {
margin:0;
padding:0;
}
body {
text-align: center;
font-family: Tahoma;
font-size: 0.75em;
background: #353535;
margin:0;
padding:0;
}
ul {
margin-left:15px;
margin-bottom:10px;
}
a {
text-decoration:none;
color:#2D2D2D;
font-weight: bold;
}
a:hover {
text-decoration:underline;
}
input {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
textarea {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
select {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
iframe.pscCheck {
width:100%;
height:500px;
border: 1px solid #848484;
}
div#naviplatzhalter {
float:left;
width:100px;
height:40px;
}
div#container {
text-align:left;
width:875px;
margin:25px auto;
}
div#bgLine {
position:absolute;
z-index:-999;
top:53px;
background:url('./img/layout/bg.jpg');
height:146px;
width:100%;
}
.boxright {
width:150px;
background:#000;
border:1px solid #000;
float:right;
}
.lager {
width:auto;
}
.lager td {
width:25px;
height:25px;
line-height:25px;
vertical-align:middle;
text-align:center;
}
div#loginbar {
height:28px;
background:#04BF45;
color:#FFF;
background:url('./img/layout/loginbar.jpg');
line-height: 28px;
color: #A9A9A9;
padding:0 5px;
}
div#head {
height:146px;
background:#04BF45;
color:#FFF;
background:url('./img/layout/banner.jpg');
}
div#navi {
height:40px;
background:#038C4C;
color:#FFF;
background:url('./img/layout/navi.jpg');
text-align:center;
width:100%;
}
div#navi ul {
margin:0 auto;
padding:0;
list-style:none;
width:707px;
}
div#navi ul li {
float:left;
font-size: 0.9em;
width:100px;
margin-right:1px;
}
div#navi a {
display:block;
color:#727272;
background: url('./img/layout/button.jpg');
line-height:34px;
height:34px;
width:100px;
}
div#navi a:hover {
background: url('./img/layout/buttonh.jpg');
}
div#content {
background:#FFF;
color:#888;
padding:10px;
}
div#head h1 {
line-height:164px;
font-size: 3em;
font-weight: bold;
padding:0;
margin:0 20px;
visibility:hidden;
}
div#isleft {
float:left;
width:20%;
}
div#isleft h2 {
font-size:1em;
color:#444;
border-bottom: 2px solid #C0C0C0;
border-left:none;
color:#02555E;
background:none;
}
div#isleft ul {
list-style:none;
margin:0;
padding:0;
}
div#isleft ul li {
line-height:25px;
height:25px;
margin-bottom: 5px;
}
div#isleft ul li a {
display:block;
text-decoration:none;
background:#D8D8D8;
padding-left:10px;
border-right: 5px solid #B8B8B8;
}
div#isleft ul li a:hover {
background:#B8B8B8;
border-right: 5px solid #D8D8D8;
}
div#isright {
float:right;
width:79%;
}
h2 {
color:#212121;
font-size:1.2em;
font-weight:bold;
padding:5px;
margin: 10px 0;
background:#E6E6E6;
border-left: 10px solid #5A5A5A;
clear:both;
}
h3 {
font-size: 1em;
font-weight:bold;
color:#222;
margin: 5px 0;
padding:0;
clear:both;
}
h4 {
font-weight:bold;
color:#555;
text-decoration:underline;
clear:both;
}
p {
margin: 5px 0;
line-height:20px;
border: 1px solid #CECECE;
background:#E2E2E2;
color: #222;
padding:5px;
}
table {
font-size: 1em;
border-spacing:2px;
border: 1px solid #CACACA;
margin:5px 0;
width:100%;
color:#000;
}
.user {
margin:0 50px;
}
.user table {
width:100%;
color:#000;
}
table.itemlist {
width:100%;
font-size: 0.8em;
}
table.itemlist td,th {
vertical-align:top;
text-align:left;
color:#000;
}
.thell {
background:#DADADA;
}
.tdunkel {
background:#B9B9B9;
}
.tmarkiert {
background:#212121;
color:#FFF;
}
td, th {
padding:3px;
}
.topLine {
background:#252525;
color:#D6D6D6;
margin-bottom:5px;
vertical-align:middle;
}
.topLine a {
color:#FFF;
}
address {
font-size:0.8em;
color:#252525;
background:#E2E2E2;
padding:5px;
font-style:normal;
margin:0;
margin-top:20px;
clear:both;
text-align:right;
}
.small td {
color:#000;
font-size:0.8em;
}
.small input {
font-size:1.2em;
font-family: Tahoma;
}
div.worldmap {
padding:0;
margin:0;
}
div.worldmap a {
color:#00FF00;
cursor:crosshair;
text-decoration:none;
}
div.worldmap a:hover {
color:#FFF;
}
div.worldmapTables {
position:absolute;
background:#E9E9E9;
width:150px;
height:auto;
border: 1px solid #444;
padding: 1px;
color:#000;
display:none;
}
div.worldmapBubble {
width:2px;
height:2px;
background:#0f0;
position:absolute;
padding:0;
margin:0;
}
.isImg {
width:100px;
max-width:100px;
background: #DADADA;
text-align:center;
}
.isBuy {
background:#DADADA;
text-align:right;
padding:5px;
}
.isBuy a {
margin:5px;
padding:2px;
background:#212121;
color:#FFFFFF;
border: 1px solid #5A5A5A;
}
#userInfo {
padding:0;
margin:0;
float:right;
}
#userInfo a {
display:block;
float:right;
margin-top:4px;
margin-right:5px;
padding:0 5px;
line-height:20px;
height:20px;
background:#777777;
border-right:2px solid #464646;
border-bottom:1px solid #464646;
color:#FFF;
font-size: 0.9em;
}
#userInfo a:hover {
text-decoration:none;
background:#5F5F5F;
}
.splitLeft {
float:left;
width:49%;
}
.splitRight {
float:right;
width:49%;
}
.ipListBox {
height:200px;
width:100%;
overflow:auto;
}
ul.menue {
margin-left:0;
margin-bottom:0;
list-style:none;
}
ul.menue li {
margin-bottom:2px;
}
ul.menue a {
display:block;
background:#E6E6E6;
color:#212121;
padding:3px;
border-left:5px solid #C5C5C5;
}
ul.menue a:hover {
background:#CECECE;
text-decoration:none;
}
.clear {
clear:both;
}
div.newsblock {
margin:10px 5px;
padding:0;
padding-bottom:2px;
border-bottom:1px solid #d9d9d9;
}
div.newsblock h3 {
height: 25px;
line-height:25px;
font-weight:normal;
color:#333;
font-size:1.2em;
background:#f0f0f0;
padding:0 3px;
margin:0;
border-bottom:2px solid #c0c0c0;
}
div.newsblock p {
margin:1px 0;
padding:3px;
border:0;
background:#e7e7e7;
}
div.newsblock p.footer {
margin:1px 0;
padding:3px;
border:0;
background:#f5f5f5;
line-height:20px;
height:20px;
font-size:0.9em;
}
margin:0;
padding:0;
}
body {
text-align: center;
font-family: Tahoma;
font-size: 0.75em;
background: #353535;
margin:0;
padding:0;
}
ul {
margin-left:15px;
margin-bottom:10px;
}
a {
text-decoration:none;
color:#2D2D2D;
font-weight: bold;
}
a:hover {
text-decoration:underline;
}
input {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
textarea {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
select {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
iframe.pscCheck {
width:100%;
height:500px;
border: 1px solid #848484;
}
div#naviplatzhalter {
float:left;
width:100px;
height:40px;
}
div#container {
text-align:left;
width:875px;
margin:25px auto;
}
div#bgLine {
position:absolute;
z-index:-999;
top:53px;
background:url('./img/layout/bg.jpg');
height:146px;
width:100%;
}
.boxright {
width:150px;
background:#000;
border:1px solid #000;
float:right;
}
.lager {
width:auto;
}
.lager td {
width:25px;
height:25px;
line-height:25px;
vertical-align:middle;
text-align:center;
}
div#loginbar {
height:28px;
background:#04BF45;
color:#FFF;
background:url('./img/layout/loginbar.jpg');
line-height: 28px;
color: #A9A9A9;
padding:0 5px;
}
div#head {
height:146px;
background:#04BF45;
color:#FFF;
background:url('./img/layout/banner.jpg');
}
div#navi {
height:40px;
background:#038C4C;
color:#FFF;
background:url('./img/layout/navi.jpg');
text-align:center;
width:100%;
}
div#navi ul {
margin:0 auto;
padding:0;
list-style:none;
width:707px;
}
div#navi ul li {
float:left;
font-size: 0.9em;
width:100px;
margin-right:1px;
}
div#navi a {
display:block;
color:#727272;
background: url('./img/layout/button.jpg');
line-height:34px;
height:34px;
width:100px;
}
div#navi a:hover {
background: url('./img/layout/buttonh.jpg');
}
div#content {
background:#FFF;
color:#888;
padding:10px;
}
div#head h1 {
line-height:164px;
font-size: 3em;
font-weight: bold;
padding:0;
margin:0 20px;
visibility:hidden;
}
div#isleft {
float:left;
width:20%;
}
div#isleft h2 {
font-size:1em;
color:#444;
border-bottom: 2px solid #C0C0C0;
border-left:none;
color:#02555E;
background:none;
}
div#isleft ul {
list-style:none;
margin:0;
padding:0;
}
div#isleft ul li {
line-height:25px;
height:25px;
margin-bottom: 5px;
}
div#isleft ul li a {
display:block;
text-decoration:none;
background:#D8D8D8;
padding-left:10px;
border-right: 5px solid #B8B8B8;
}
div#isleft ul li a:hover {
background:#B8B8B8;
border-right: 5px solid #D8D8D8;
}
div#isright {
float:right;
width:79%;
}
h2 {
color:#212121;
font-size:1.2em;
font-weight:bold;
padding:5px;
margin: 10px 0;
background:#E6E6E6;
border-left: 10px solid #5A5A5A;
clear:both;
}
h3 {
font-size: 1em;
font-weight:bold;
color:#222;
margin: 5px 0;
padding:0;
clear:both;
}
h4 {
font-weight:bold;
color:#555;
text-decoration:underline;
clear:both;
}
p {
margin: 5px 0;
line-height:20px;
border: 1px solid #CECECE;
background:#E2E2E2;
color: #222;
padding:5px;
}
table {
font-size: 1em;
border-spacing:2px;
border: 1px solid #CACACA;
margin:5px 0;
width:100%;
color:#000;
}
.user {
margin:0 50px;
}
.user table {
width:100%;
color:#000;
}
table.itemlist {
width:100%;
font-size: 0.8em;
}
table.itemlist td,th {
vertical-align:top;
text-align:left;
color:#000;
}
.thell {
background:#DADADA;
}
.tdunkel {
background:#B9B9B9;
}
.tmarkiert {
background:#212121;
color:#FFF;
}
td, th {
padding:3px;
}
.topLine {
background:#252525;
color:#D6D6D6;
margin-bottom:5px;
vertical-align:middle;
}
.topLine a {
color:#FFF;
}
address {
font-size:0.8em;
color:#252525;
background:#E2E2E2;
padding:5px;
font-style:normal;
margin:0;
margin-top:20px;
clear:both;
text-align:right;
}
.small td {
color:#000;
font-size:0.8em;
}
.small input {
font-size:1.2em;
font-family: Tahoma;
}
div.worldmap {
padding:0;
margin:0;
}
div.worldmap a {
color:#00FF00;
cursor:crosshair;
text-decoration:none;
}
div.worldmap a:hover {
color:#FFF;
}
div.worldmapTables {
position:absolute;
background:#E9E9E9;
width:150px;
height:auto;
border: 1px solid #444;
padding: 1px;
color:#000;
display:none;
}
div.worldmapBubble {
width:2px;
height:2px;
background:#0f0;
position:absolute;
padding:0;
margin:0;
}
.isImg {
width:100px;
max-width:100px;
background: #DADADA;
text-align:center;
}
.isBuy {
background:#DADADA;
text-align:right;
padding:5px;
}
.isBuy a {
margin:5px;
padding:2px;
background:#212121;
color:#FFFFFF;
border: 1px solid #5A5A5A;
}
#userInfo {
padding:0;
margin:0;
float:right;
}
#userInfo a {
display:block;
float:right;
margin-top:4px;
margin-right:5px;
padding:0 5px;
line-height:20px;
height:20px;
background:#777777;
border-right:2px solid #464646;
border-bottom:1px solid #464646;
color:#FFF;
font-size: 0.9em;
}
#userInfo a:hover {
text-decoration:none;
background:#5F5F5F;
}
.splitLeft {
float:left;
width:49%;
}
.splitRight {
float:right;
width:49%;
}
.ipListBox {
height:200px;
width:100%;
overflow:auto;
}
ul.menue {
margin-left:0;
margin-bottom:0;
list-style:none;
}
ul.menue li {
margin-bottom:2px;
}
ul.menue a {
display:block;
background:#E6E6E6;
color:#212121;
padding:3px;
border-left:5px solid #C5C5C5;
}
ul.menue a:hover {
background:#CECECE;
text-decoration:none;
}
.clear {
clear:both;
}
div.newsblock {
margin:10px 5px;
padding:0;
padding-bottom:2px;
border-bottom:1px solid #d9d9d9;
}
div.newsblock h3 {
height: 25px;
line-height:25px;
font-weight:normal;
color:#333;
font-size:1.2em;
background:#f0f0f0;
padding:0 3px;
margin:0;
border-bottom:2px solid #c0c0c0;
}
div.newsblock p {
margin:1px 0;
padding:3px;
border:0;
background:#e7e7e7;
}
div.newsblock p.footer {
margin:1px 0;
padding:3px;
border:0;
background:#f5f5f5;
line-height:20px;
height:20px;
font-size:0.9em;
}







