1632 lines
36 KiB
CSS
1632 lines
36 KiB
CSS
|
@charset "utf-8";
|
||
|
|
||
|
/* GENERAL */
|
||
|
* { margin: 0px; padding: 0px; outline: 0; font-size: 100%; }
|
||
|
img { border:0; }
|
||
|
ol, ul { list-style:none }
|
||
|
input, select, textarea { vertical-align:middle; }
|
||
|
|
||
|
.clear { clear: both; height: 0; font-size: 0; margin:0; padding:0; overflow:hidden; }
|
||
|
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||
|
* html .clearfix {height: 1%;}
|
||
|
body {
|
||
|
background:#d5e7f3 url(pix/bg.gif) top left repeat-x;
|
||
|
font-family:Helvetica, Georgia;
|
||
|
line-height:16px;
|
||
|
}
|
||
|
.container {
|
||
|
width:1130px;
|
||
|
margin:0 auto;
|
||
|
padding:0 12px;
|
||
|
}
|
||
|
.advertising {
|
||
|
width:160px;
|
||
|
float:right;
|
||
|
padding:155px 0 0 0;
|
||
|
}
|
||
|
.wrapper {
|
||
|
width:955px;
|
||
|
float:left;
|
||
|
position:relative;
|
||
|
margin-top:20px;
|
||
|
}
|
||
|
/*Headings*/
|
||
|
h3 {
|
||
|
font:18px Helvetica, Georgia;
|
||
|
color:#0000ff;
|
||
|
font-weight:normal;
|
||
|
padding:10px 0 15px 0;
|
||
|
}
|
||
|
h6 {
|
||
|
font:bold 13px Helvetica, Georgia;
|
||
|
color:#46b907;
|
||
|
}
|
||
|
|
||
|
/*Extra classes */
|
||
|
.fl-left { float:left; }
|
||
|
.fl-right { float:right; }
|
||
|
|
||
|
.f-14 { font-size:14px; }
|
||
|
.f-15 { font-size:15px; }
|
||
|
|
||
|
.vFont { font-family:Georgia, sans-serif; }
|
||
|
|
||
|
.LH18 { line-height:18px; }
|
||
|
.LH22 { line-height:22px; }
|
||
|
|
||
|
.center-al { text-align:center; }
|
||
|
.right-al { text-align:right; }
|
||
|
|
||
|
.paddBtm5 { padding-bottom:5px; }
|
||
|
.paddTB5 { padding:5px 0; }
|
||
|
.paddTB10 { padding:10px 0; }
|
||
|
.paddTB15 { padding:15px 0; }
|
||
|
|
||
|
.gray-txt { color:#8a8a8a; }
|
||
|
.light-gray-txt { color:#9f9f9f; }
|
||
|
.blue-txt { color:#3366cc; }
|
||
|
.blue-txt2 { color:#3579a7; }
|
||
|
.lightBlue-txt { color:#6f99ad; }
|
||
|
.dark-blue-txt { color:#0052a1; }
|
||
|
.red-txt { color:#ff0000; }
|
||
|
.green-txt { color:#3aa441; }
|
||
|
|
||
|
a:link, a:visited { color:#0000ff; text-decoration:underline; }
|
||
|
a:hover { text-decoration:none; }
|
||
|
|
||
|
a.lightBlue:link, a.lightBlue:visited { color:#6f99ad; text-decoration:none; }
|
||
|
a.lightBlue:hover { text-decoration:underline; }
|
||
|
|
||
|
a.darkBlue:link, a.darkBlue:visited { color:#0052a1; text-decoration:none; }
|
||
|
a.darkBlue:hover { text-decoration:underline; }
|
||
|
|
||
|
a.blue:link, a.blue:visited { color:#3579a7; text-decoration:none; }
|
||
|
a.blue:hover { text-decoration:underline; }
|
||
|
|
||
|
a.grayU:link, a.grayU:visited { color:#8a9dae; text-decoration:underline; }
|
||
|
a.grayU:hover { text-decoration:none; }
|
||
|
|
||
|
a.black:link, a.black:visited { color:#000; text-decoration:none; }
|
||
|
a.black:hover { text-decoration:underline; }
|
||
|
|
||
|
a.blackU:link { color:#000; text-decoration:underline; }
|
||
|
a.blackU:visited { color:#717171; text-decoration:underline; }
|
||
|
a.blackU:hover { text-decoration:none; }
|
||
|
|
||
|
a.green:link, a.green:visited { color:#2f9200; text-decoration:none; }
|
||
|
a.green:hover { color:#2f9200; text-decoration:underline; }
|
||
|
|
||
|
|
||
|
|
||
|
/*PAGE TOP*/
|
||
|
.header {
|
||
|
height:94px;
|
||
|
background:url(pix/header-bg.gif) top center no-repeat;
|
||
|
}
|
||
|
.message-top {
|
||
|
width:955px;
|
||
|
height:94px;
|
||
|
background:url(pix/message-top.png) top center no-repeat;
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
left:0;
|
||
|
z-index:3;
|
||
|
}
|
||
|
.mt-box {
|
||
|
width:371px;
|
||
|
padding:5px 10px;
|
||
|
background:#fff;
|
||
|
margin:18px auto 0 auto;
|
||
|
text-align:center;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
border-radius:7px;
|
||
|
-moz-border-radius:7px;
|
||
|
-webkit-border-radius:7px;
|
||
|
}
|
||
|
.mt-box span {
|
||
|
font-weight:bold;
|
||
|
font-size:18px;
|
||
|
position:relative;
|
||
|
z-index:100000;
|
||
|
}
|
||
|
.mt-box a:link, .mt-box a:visited {
|
||
|
color:#000;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
.mt-box a:hover { text-decoration:underline; }
|
||
|
img.logo {
|
||
|
position:relative;
|
||
|
float:left;
|
||
|
padding:12px 10px 0 15px;
|
||
|
}
|
||
|
.header .top-right {
|
||
|
width:270px;
|
||
|
height:79px;
|
||
|
padding:15px 0 0 0;
|
||
|
float:right;
|
||
|
}
|
||
|
.header .top-bg-1 {
|
||
|
background:url(pix/top-gb-1.jpg) 70px 4px no-repeat;
|
||
|
padding-left:275px;
|
||
|
height:79px;
|
||
|
}
|
||
|
.top-right dl {
|
||
|
float:right;
|
||
|
font-size:12px;
|
||
|
line-height:14px;
|
||
|
padding:0 10px 3px 10px;
|
||
|
position:relative;
|
||
|
height:20px;
|
||
|
}
|
||
|
.dl-w-110 { width:110px; }
|
||
|
.top-right dl a:link, .top-right dl a:visited {
|
||
|
color:#0052a1;
|
||
|
text-decoration:underline;
|
||
|
}
|
||
|
.top-right dl a:hover { text-decoration:none; }
|
||
|
.header .top-right input.field-top {
|
||
|
width:179px;
|
||
|
height:21px;
|
||
|
padding:1px 2px 0 7px;
|
||
|
border:none;
|
||
|
background:url(pix/field-top.gif) top right no-repeat;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
}
|
||
|
|
||
|
/*Navigation*/
|
||
|
|
||
|
.nav {
|
||
|
background:url(pix/nav-bg.gif) top left no-repeat;
|
||
|
height:26px;
|
||
|
overflow:hidden;
|
||
|
position:relative;
|
||
|
}
|
||
|
.center {
|
||
|
float:left;
|
||
|
position:relative;
|
||
|
left:50%;
|
||
|
text-align:left;
|
||
|
}
|
||
|
.center ul {
|
||
|
position:relative;
|
||
|
left:-50%;
|
||
|
}
|
||
|
.center ul li {
|
||
|
float:left;
|
||
|
position:relative;
|
||
|
}
|
||
|
.center ul li.first { background:url(pix/nav-line.gif) top left no-repeat; }
|
||
|
.center ul li a:link, .center ul li a:visited {
|
||
|
display:block;
|
||
|
line-height:25px;
|
||
|
font-size:14px;
|
||
|
color:#fff;
|
||
|
text-decoration:none;
|
||
|
background:url(pix/nav-line.gif) top right no-repeat;
|
||
|
padding:0 25px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
.center ul li a:hover,
|
||
|
.center ul li.active a:link, .center ul li.active a:visited
|
||
|
{ color:#ff0000;}
|
||
|
|
||
|
/*CONTENT*/
|
||
|
.content { padding:20px 0; }
|
||
|
|
||
|
.col3-left { float:left; width:157px; padding-right:12px; }
|
||
|
.col3-center { float:left; width:474px; padding-right:12px; }
|
||
|
.col3-right { float:left; width:300px; }
|
||
|
|
||
|
.col2-left { float:left; width:300px; padding-right:12px; }
|
||
|
.col2-right { float:left; width:643px; }
|
||
|
|
||
|
.col2-2-left { float:left; width:213px; padding-right:12px; }
|
||
|
.col2-2-right { float:right; width:730px; z-index:5; }
|
||
|
|
||
|
.col1 { width:955px;}
|
||
|
|
||
|
/*Boxes general*/
|
||
|
.box {
|
||
|
position:relative;
|
||
|
margin-bottom:25px;
|
||
|
min-height:30px;
|
||
|
padding:30px 0 15px 0;
|
||
|
}
|
||
|
.box h1 {
|
||
|
position:absolute;
|
||
|
top:-5px;
|
||
|
left:0;
|
||
|
height:26px;
|
||
|
font-size:15px;
|
||
|
padding:6px 0 0 0;
|
||
|
z-index:2;
|
||
|
}
|
||
|
.box span.btm {
|
||
|
position:absolute;
|
||
|
height:10px;
|
||
|
left:0;
|
||
|
bottom:-5px;
|
||
|
}
|
||
|
/*3 columns layout - box left*/
|
||
|
.col3-left .box { width:157px; background:url(pix/box3-left-mdl.gif) top left repeat-y; }
|
||
|
.col3-left .box h1 { width:157px; background:url(pix/box3-left-top.gif) top left no-repeat; }
|
||
|
.col3-left .box span.btm { width:157px; background:url(pix/box3-left-btm.gif) bottom left no-repeat; }
|
||
|
/*3 columns layout - box center*/
|
||
|
.col3-center .box { width:474px; background:url(pix/box3-center-mdl.gif) top left repeat-y; }
|
||
|
.col3-center .box h1 { width:474px; background:url(pix/box3-center-top.gif) top left no-repeat; }
|
||
|
.col3-center .box span.btm { width:474px; background:url(pix/box3-center-btm.gif) bottom left no-repeat; }
|
||
|
/*3 columns layout - box right*/
|
||
|
.col3-right .box { width:300px; background:url(pix/box3-right-mdl.gif) top left repeat-y; }
|
||
|
.col3-right .box h1 { width:300px; background:url(pix/box3-right-top.gif) top left no-repeat; }
|
||
|
.col3-right .box span.btm { width:300px; background:url(pix/box3-right-btm.gif) bottom left no-repeat; }
|
||
|
|
||
|
/*2 columns layout - box left*/
|
||
|
.col2-left .box { width:300px; background:url(pix/box2-left-mdl.gif) top left repeat-y; }
|
||
|
.col2-left .box h1 { width:300px; background:url(pix/box2-left-top.gif) top left no-repeat; }
|
||
|
.col2-left .box span.btm { width:300px; background:url(pix/box2-left-btm.gif) bottom left no-repeat; }
|
||
|
/*2 columns layout - box right*/
|
||
|
.col2-right .box { width:643px; background:url(pix/box2-right-mdl.gif) top left repeat-y; }
|
||
|
.col2-right .box h1 { width:643px; background:url(pix/box2-right-top.gif) top left no-repeat; }
|
||
|
.col2-right .box span.btm { width:643px; background:url(pix/box2-right-btm.gif) bottom left no-repeat; }
|
||
|
|
||
|
/*1 column layout*/
|
||
|
.col1 .box { width:955px; background:url(pix/box1-mdl.gif) top left repeat-y; }
|
||
|
.col1 .box h1 { width:955px; background:url(pix/box1-top.gif) top left no-repeat; }
|
||
|
.col1 .box span.btm { width:955px; background:url(pix/box1-btm.gif) bottom left no-repeat; }
|
||
|
|
||
|
/*2 columns layout - box left v2*/
|
||
|
.col2-2-left .box { width:213px; background:url(pix/box2-2-left-mdl.gif) top left repeat-y; }
|
||
|
.col2-2-left .box h1 { width:213px; background:url(pix/box2-2-left-top.gif) top left no-repeat; }
|
||
|
.col2-2-left .box span.btm { width:213px; background:url(pix/box2-2-left-btm.gif) bottom left no-repeat; z-index:-1; }
|
||
|
/*2 columns layout - box right v2*/
|
||
|
.col2-2-right .box { width:730px; background:url(pix/box2-2-right-mdl.gif) top left repeat-y; }
|
||
|
.col2-2-right .box h1 { width:730px; background:url(pix/box2-2-right-top.gif) top left no-repeat; }
|
||
|
.col2-2-right .box span.btm { width:730px; background:url(pix/box2-2-right-btm.gif) bottom left no-repeat; }
|
||
|
|
||
|
|
||
|
/*Boxes icons*/
|
||
|
h1 span { height:30px; width:35px; display:block; float:left; }
|
||
|
|
||
|
h1 span.ic-1 { background:url(pix/ic-1.gif) 8px 2px no-repeat; }
|
||
|
h1 span.ic-2 { background:url(pix/ic-2.gif) 12px 2px no-repeat; }
|
||
|
h1 span.ic-3 { background:url(pix/ic-3.gif) 12px 0 no-repeat; }
|
||
|
h1 span.ic-4 { background:url(pix/ic-4.gif) 12px 2px no-repeat; }
|
||
|
h1 span.ic-5 { background:url(pix/ic-5.gif) 8px 2px no-repeat; }
|
||
|
|
||
|
a.options {
|
||
|
position:absolute;
|
||
|
width:16px;
|
||
|
height:0;
|
||
|
font-size:0;
|
||
|
overflow:hidden;
|
||
|
padding-top:15px;
|
||
|
top:8px;
|
||
|
right:5px;
|
||
|
background:url(pix/option-ic.gif) no-repeat;
|
||
|
}
|
||
|
a.optionsForum {
|
||
|
position:absolute;
|
||
|
width:16px;
|
||
|
height:0;
|
||
|
font-size:0;
|
||
|
overflow:hidden;
|
||
|
padding-top:15px;
|
||
|
top:8px;
|
||
|
right:21px;
|
||
|
background:url(pix/option-ic.gif) no-repeat;
|
||
|
}
|
||
|
a.optionsR {
|
||
|
float:right;
|
||
|
position:relative;
|
||
|
width:16px;
|
||
|
height:0;
|
||
|
font-size:0;
|
||
|
overflow:hidden;
|
||
|
padding-top:15px;
|
||
|
margin:0 0 8px 5px;
|
||
|
background:url(pix/option-ic.gif) top left no-repeat;
|
||
|
}
|
||
|
.h3Right {
|
||
|
position:absolute;
|
||
|
line-height:15px;
|
||
|
top:8px;
|
||
|
right:25px;
|
||
|
color:#2f9200;
|
||
|
}
|
||
|
a.options2 {
|
||
|
position:absolute;
|
||
|
line-height:15px;
|
||
|
top:8px;
|
||
|
right:25px;
|
||
|
}
|
||
|
|
||
|
/*h1 for the forum*/
|
||
|
.box h1.f-12 {
|
||
|
font-size:12px;
|
||
|
font-weight:normal;
|
||
|
padding:5px 0 0 15px;
|
||
|
height:25px;
|
||
|
}
|
||
|
.box h1 a:link, .box h1 a:visited { color:#000; }
|
||
|
.box h1 a:hover { text-decoration:none; }
|
||
|
|
||
|
.box-content {
|
||
|
padding:0 15px;
|
||
|
font-size:12px;
|
||
|
position:relative;
|
||
|
}
|
||
|
.box-contentNoPadd {
|
||
|
padding:0 1px 0 1px;
|
||
|
font-size:12px;
|
||
|
position:relative;
|
||
|
}
|
||
|
|
||
|
/*Side Navigation 1*/
|
||
|
dl.sideNav {
|
||
|
padding:0 6px 0 6px;
|
||
|
font-size:12px;
|
||
|
line-height:20px;
|
||
|
}
|
||
|
dl.sideNav dt {
|
||
|
padding:0 0 0 8px;
|
||
|
font-weight:bold
|
||
|
}
|
||
|
/*Side Navigation Icons*/
|
||
|
dl.sideNav dd.nav-ic1, dl.sideNav dd.nav-ic2, dl.sideNav dd.nav-ic3, dl.sideNav dd.nav-ic4, dl.sideNav dd.nav-ic5 {
|
||
|
margin:0;
|
||
|
padding:0 0 0 18px;
|
||
|
background-repeat:no-repeat;
|
||
|
background-position:0 3px;
|
||
|
}
|
||
|
dl.sideNav dd.nav-ic1 { background-image:url(pix/nav-ic1.gif); }
|
||
|
dl.sideNav dd.nav-ic2 { background-image:url(pix/nav-ic2.gif); }
|
||
|
dl.sideNav dd.nav-ic3 { background-image:url(pix/nav-ic3.gif); }
|
||
|
dl.sideNav dd.nav-ic4 { background-image:url(pix/nav-ic4.gif); }
|
||
|
dl.sideNav dd.nav-ic5 { background-image:url(pix/nav-ic5.gif); }
|
||
|
/*Side Navigation default*/
|
||
|
dl.sideNav dd {
|
||
|
margin:0 0 0 8px;
|
||
|
padding:0 0 0 10px;
|
||
|
background:url(pix/sideNav-ic.gif) 0 8px no-repeat;
|
||
|
}
|
||
|
dl.sideNav dd a:link, dl.sideNav dd a:visited {
|
||
|
text-decoration:none;
|
||
|
color:#0052a1;
|
||
|
}
|
||
|
dl.sideNav dd a:hover,
|
||
|
dl.sideNav dd.active a:link, dl.sideNav dd.active a:visited {
|
||
|
color:#ff0000;
|
||
|
}
|
||
|
|
||
|
/*FORM ELEMENTS*/
|
||
|
input.field-343 {
|
||
|
width:334px;
|
||
|
height:23px;
|
||
|
padding:1px 2px 0 7px;
|
||
|
border:none;
|
||
|
background:url(pix/field-343.gif) top right no-repeat;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
}
|
||
|
input.field-home {
|
||
|
width:330px;
|
||
|
height:20px;
|
||
|
padding:1px 2px 0 7px;
|
||
|
border:none;
|
||
|
background:url(pix/field-home.gif) top right no-repeat;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
color:#bebebe;
|
||
|
}
|
||
|
/*Round fields*/
|
||
|
input.fieldR-270 {
|
||
|
border:none;
|
||
|
width:265px;
|
||
|
height:23px;
|
||
|
padding:2px 2px 0 3px;
|
||
|
background:url(pix/fieldR-270.gif) top right no-repeat;
|
||
|
margin:2px 0;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
}
|
||
|
textarea.commentR-270 {
|
||
|
border:none;
|
||
|
width:265px;
|
||
|
height:95px;
|
||
|
padding:5px 0 0 5px;
|
||
|
background:url(pix/commentR-270.gif) bottom right no-repeat;
|
||
|
margin:2px 0;
|
||
|
overflow:auto;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
}
|
||
|
/*border fields*/
|
||
|
textarea.comment-470 {
|
||
|
border:none;
|
||
|
width:465px;
|
||
|
height:95px;
|
||
|
padding:5px 0 0 5px;
|
||
|
border:1px solid #cbcbcb;
|
||
|
margin:5px 0;
|
||
|
overflow:auto;
|
||
|
font:11px Helvetica, sans-serif;
|
||
|
}
|
||
|
/*---*/
|
||
|
.form-row { padding-bottom:7px; }
|
||
|
img.help {
|
||
|
width:16px; height:16px;
|
||
|
cursor:pointer;
|
||
|
padding:0 0 0 5px;
|
||
|
}
|
||
|
.buttons-3 { padding:10px 0; }
|
||
|
.buttons-3 p {
|
||
|
width:148px;
|
||
|
float:left;
|
||
|
}
|
||
|
.buttons-3 p.b2 { text-align:center; }
|
||
|
.buttons-3 p.b3 { text-align:right; }
|
||
|
.buttons { text-align:center; }
|
||
|
label {
|
||
|
font-size:14px;
|
||
|
font-weight:bold;
|
||
|
padding-bottom:3px;
|
||
|
}
|
||
|
label.normal-txt {
|
||
|
font-size:12px;
|
||
|
font-weight:normal;
|
||
|
padding-bottom:0;
|
||
|
}
|
||
|
input.fw-240, input.fw-340
|
||
|
{
|
||
|
vertical-align: baseline;
|
||
|
padding:2px 2px 2px 3px;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
margin-top:3px;
|
||
|
}
|
||
|
input.fw-240 { width:235px; }
|
||
|
input.fw-340 { width:335px; }
|
||
|
textarea.cw-440
|
||
|
{
|
||
|
font:12px Helvetica, Georgia;
|
||
|
margin-top:3px;
|
||
|
}
|
||
|
textarea.cw-440 {
|
||
|
width:440px;
|
||
|
height:180px;
|
||
|
overflow:auto;
|
||
|
}
|
||
|
|
||
|
select.sw-160 { width:160px; }
|
||
|
|
||
|
input.fBtn-140 {
|
||
|
width:140px;
|
||
|
height:22px;
|
||
|
background:url(pix/fBtn-140.gif) no-repeat;
|
||
|
border:none;
|
||
|
font:13px Helvetica, Georgia;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
/*end form elements*/
|
||
|
.col-130-L, .col-130-R {
|
||
|
width:130px;
|
||
|
padding-bottom:15px;
|
||
|
}
|
||
|
.col-130-L { float:left; }
|
||
|
.col-130-R { float:right; }
|
||
|
.col-130-L h4, .col-130-R h4 {
|
||
|
color:#1f83c3;
|
||
|
font:normal 12px Helvetica, Georgia;
|
||
|
padding-bottom:3px;
|
||
|
}
|
||
|
|
||
|
/*Home page*/
|
||
|
/*Tipps*/
|
||
|
.tipps-main {
|
||
|
background:url(pix/line.gif) bottom left no-repeat;
|
||
|
padding-bottom:25px;
|
||
|
padding-top:15px;
|
||
|
}
|
||
|
p.w-215-left { width:215px; float:left; padding:15px 0; }
|
||
|
p.w-215-right { width:215px; float:right; padding:15px 0; }
|
||
|
img.img-130-110 {
|
||
|
width:130px;
|
||
|
height:110px;
|
||
|
float:left;
|
||
|
padding:0 10px 10px 0;
|
||
|
}
|
||
|
.group {
|
||
|
background:url(pix/line.gif) top left no-repeat;
|
||
|
padding:5px 0 7px 0;
|
||
|
position:relative;
|
||
|
line-height:17px;
|
||
|
z-index:1;
|
||
|
}
|
||
|
.no-bg { background:none; }
|
||
|
.group span.ok-ic {
|
||
|
width:26px;
|
||
|
height:24px;
|
||
|
position:absolute;
|
||
|
top:10px;
|
||
|
right:0;
|
||
|
background:url(pix/ok-ic.gif) no-repeat;
|
||
|
z-index:-1;
|
||
|
}
|
||
|
img.forum-ic {
|
||
|
float:left;
|
||
|
width:25px;
|
||
|
height:25px;
|
||
|
padding-top:7px;
|
||
|
}
|
||
|
img.forum-ic2 {
|
||
|
float:left;
|
||
|
width:25px;
|
||
|
height:25px;
|
||
|
padding:7px 10px 0 0;
|
||
|
}
|
||
|
.forum-cnt {
|
||
|
width:409px;
|
||
|
float:left;
|
||
|
padding:0 0 0 10px;
|
||
|
}
|
||
|
.forum-cnt2 {
|
||
|
padding:0 20px 0 0;
|
||
|
}
|
||
|
.line2 { background:url(pix/line2.gif) bottom left no-repeat; }
|
||
|
.group span.ok-ic2 {
|
||
|
width:26px;
|
||
|
height:24px;
|
||
|
position:relative;
|
||
|
float:right;
|
||
|
margin:7px 0 0 5px;
|
||
|
/*position:absolute;
|
||
|
top:0px;
|
||
|
right:0;*/
|
||
|
background:url(pix/ok-ic.gif) no-repeat;
|
||
|
z-index:-1;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
.forum-an-und-verkauf,
|
||
|
.forum-kuehlung-modding,
|
||
|
.forum-security-viren,
|
||
|
.forum-audio-mp3-video,
|
||
|
.forum-laptop-notebook,
|
||
|
.forum-sn-intern,
|
||
|
.forum-betriebssystem-sonstige,
|
||
|
.forum-software-sonstige,
|
||
|
.forum-linux,
|
||
|
.forum-telekommunikation,
|
||
|
.forum-bildbearbeitung,
|
||
|
.forum-mainboard-cpu-ram,
|
||
|
.forum-vista,
|
||
|
.forum-datenbanken,
|
||
|
.forum-netzwerk,
|
||
|
.forum-windows-2000,
|
||
|
.forum-digitalkameras,
|
||
|
.forum-netzwerk-sonstiges,
|
||
|
.forum-windows-7,
|
||
|
.forum-dsl,
|
||
|
.forum-pc-sonstiges,
|
||
|
.forum-windows-98,
|
||
|
.forum-windows-me,
|
||
|
.forum-windows-95,
|
||
|
.forum-e-mail-outlook,
|
||
|
.forum-peripherie,
|
||
|
.forum-windows-nt,
|
||
|
.forum-excel,
|
||
|
.forum-plauderecke,
|
||
|
.forum-windows-xp,
|
||
|
.forum-grafikkarten,
|
||
|
.forum-praesentation,
|
||
|
.forum-w-lan ,
|
||
|
.forum-hardware,
|
||
|
.forum-programmierung-anwendungen-java-c,
|
||
|
.forum-textverarbeitung,
|
||
|
.forum-hardware-sonstiges,
|
||
|
.forum-programmierung-scripte-php-perl,
|
||
|
.forum-internet-browser,
|
||
|
.forum-programmierung-webseiten-html
|
||
|
{
|
||
|
background-repeat:no-repeat;
|
||
|
background-position:0 7px;
|
||
|
padding:0 0 0 35px;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/*Slide 1*/
|
||
|
#controller { display:none; }
|
||
|
#content-slider {
|
||
|
position:relative;
|
||
|
width:240px;
|
||
|
padding:0 0 0 30px;
|
||
|
}
|
||
|
#prev {
|
||
|
position:absolute;
|
||
|
bottom:0;
|
||
|
left:0;
|
||
|
width:35px;
|
||
|
}
|
||
|
#next {
|
||
|
position:absolute;
|
||
|
bottom:0;
|
||
|
right:0;
|
||
|
width:35px;
|
||
|
}
|
||
|
.jFlowPrev, .jFlowNext { cursor: pointer; }
|
||
|
#slides {
|
||
|
width:200px;
|
||
|
padding:0;
|
||
|
position:relative;
|
||
|
font-size:11px;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
#slide1, #slide2, #slide3 { white-space:nowrap; }
|
||
|
#slides h2 {
|
||
|
width:200px;
|
||
|
font-size:11px;
|
||
|
text-align:center;
|
||
|
padding-bottom:3px;
|
||
|
}
|
||
|
ol.statisticsL {
|
||
|
float:left;
|
||
|
padding:0 5px 5px 10px;
|
||
|
margin:0;
|
||
|
list-style-position:inside;
|
||
|
list-style-type:decimal;
|
||
|
white-space:nowrap;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
ol.statisticsL li { margin:-3px 0 0 0; padding:0; }
|
||
|
ol.statisticsR {
|
||
|
float:right;
|
||
|
padding:0 10px 5px 0;
|
||
|
margin:0;
|
||
|
list-style-position:inside;
|
||
|
list-style-type:decimal;
|
||
|
white-space:nowrap;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
ol.statisticsR li { margin:-3px 0 0 0; padding:0; }
|
||
|
|
||
|
|
||
|
#slides a:link, #slides a:visited {
|
||
|
color:#000;
|
||
|
text-decoration:none;
|
||
|
cursor:pointer;
|
||
|
position:relative;
|
||
|
}
|
||
|
#slides a:hover { text-decoration:underline; }
|
||
|
|
||
|
/*Slide 2*/
|
||
|
#content-slider2 {
|
||
|
position:relative;
|
||
|
width:230px;
|
||
|
padding:0 0 0 40px;
|
||
|
}
|
||
|
#prev2 {
|
||
|
position:absolute;
|
||
|
bottom:0;
|
||
|
left:0;
|
||
|
width:19px;
|
||
|
}
|
||
|
#next2 {
|
||
|
position:absolute;
|
||
|
bottom:0;
|
||
|
right:0;
|
||
|
width:19px;
|
||
|
}
|
||
|
.statistics2 {
|
||
|
font:11px Helvetica, sans-serif;
|
||
|
width:200px;
|
||
|
white-space:normal;
|
||
|
}
|
||
|
.statistics2 p.title {
|
||
|
font-size:12px;
|
||
|
padding:5px 0 15px 0;
|
||
|
}
|
||
|
.statistics2 p.body { padding:0 10px 0 0; }
|
||
|
|
||
|
/*Pagination*/
|
||
|
.pagination {
|
||
|
float:left;
|
||
|
position:relative;
|
||
|
left:50%;
|
||
|
}
|
||
|
.pagination ul {
|
||
|
font-size:12px;
|
||
|
padding:15px 0 0 0;
|
||
|
line-height:12px;
|
||
|
position:relative;
|
||
|
left:-50%;
|
||
|
}
|
||
|
.pagination ul li {
|
||
|
float:left;
|
||
|
position:relative;
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.pagination ul li a:link, .pagination ul li a:visited {
|
||
|
display:block;
|
||
|
border:1px solid #9aafe5;
|
||
|
padding:3px 5px;
|
||
|
text-decoration:none;
|
||
|
color:#3366cc;
|
||
|
}
|
||
|
.pagination ul li a:hover {
|
||
|
background:#9aafe5;
|
||
|
color:#fff;
|
||
|
}
|
||
|
.pagination ul li.active a:link, .pagination ul li.active a:visited {
|
||
|
background:#3366cc;
|
||
|
color:#fff;
|
||
|
border:1px solid #3366cc;
|
||
|
}
|
||
|
|
||
|
.pagination ul li.graydisabled , .pagination ul li.graydisabled {
|
||
|
display:block;
|
||
|
border:1px solid #b0b0b0;
|
||
|
padding:3px 5px;
|
||
|
text-decoration:none;
|
||
|
color: #b0b0b0;
|
||
|
}
|
||
|
|
||
|
/*Thread Page*/
|
||
|
.thread {
|
||
|
padding:0 15px 20px 15px;
|
||
|
font:13px Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
.thread div .vote {
|
||
|
width:442px;
|
||
|
position:relative;
|
||
|
margin:15px 0;
|
||
|
}
|
||
|
.threadAnswer {
|
||
|
font:13px Helvetica, sans-serif;
|
||
|
position:relative;
|
||
|
}
|
||
|
.threadAnswer pre {
|
||
|
width:97%;
|
||
|
padding:15px 5px;
|
||
|
color:#5a5a5a;
|
||
|
overflow-x:auto;
|
||
|
background:#f6f6f6;
|
||
|
border:1px solid #e3e3e3;
|
||
|
}
|
||
|
.threadAnswer h3 {
|
||
|
font-weight:normal;
|
||
|
color:#000000;
|
||
|
background:#e6e6e6;
|
||
|
padding:5px 15px;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
position:relative;
|
||
|
}
|
||
|
.threadAnswer h3 span a:link, .threadAnswer h3 span a:visited {
|
||
|
color:#0000ff;
|
||
|
text-decoration:underline;
|
||
|
}
|
||
|
.threadAnswer h3 span a:hover { text-decoration:none; }
|
||
|
.threadAnswer div {
|
||
|
padding:20px 15px 20px 15px;
|
||
|
width:442px;
|
||
|
position:relative;
|
||
|
}
|
||
|
.threadAnswer div .vote {
|
||
|
width:442px;
|
||
|
position:relative;
|
||
|
margin:15px 0;
|
||
|
}
|
||
|
a.image-not-ok:link, a.image-not-ok:visited {
|
||
|
width:50%;
|
||
|
background:#ff0000;
|
||
|
height:25px;
|
||
|
padding:20px 0;
|
||
|
font:20px Helvetica, Georgia;
|
||
|
color:#fff;
|
||
|
text-decoration:none;
|
||
|
text-align:center;
|
||
|
display:block;
|
||
|
position:absolute;
|
||
|
left:0; bottom:0;
|
||
|
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
|
||
|
border-radius:7px 0 0 0; -moz-border-radius:7px 0 0 0; -webkit-border-radius:7px 0 0 0;
|
||
|
}
|
||
|
a.image-ok:link, a.image-ok:visited {
|
||
|
width:50%;
|
||
|
background:#2f9400;
|
||
|
height:25px;
|
||
|
padding:20px 0;
|
||
|
font:20px Helvetica, Georgia;
|
||
|
color:#fff;
|
||
|
text-decoration:none;
|
||
|
text-align:center;
|
||
|
display:block;
|
||
|
position:absolute;
|
||
|
right:0; bottom:0;
|
||
|
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
|
||
|
border-radius:0 7px 0 0; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0;
|
||
|
}
|
||
|
a.image-not-ok:hover, a.image-ok:hover { background:#000; }
|
||
|
|
||
|
|
||
|
|
||
|
/*Options box*/
|
||
|
/*Options box*/
|
||
|
.optionsBox {
|
||
|
position:relative;
|
||
|
width:148px;
|
||
|
background:url(pix/optionsBox-mdl.gif) top left repeat-y;
|
||
|
padding:18px 0 10px 0;
|
||
|
font-size:11px;
|
||
|
}
|
||
|
.optionsBox p.top {
|
||
|
height:16px;
|
||
|
width:134px;
|
||
|
padding:2px 0 0 14px;
|
||
|
background:url(pix/optionsBox-top.gif) top left no-repeat;
|
||
|
position:absolute;
|
||
|
top:-5px;
|
||
|
}
|
||
|
.optionsBox span.btm {
|
||
|
width:148px;
|
||
|
height:10px;
|
||
|
position:absolute;
|
||
|
bottom:-5px;
|
||
|
background:url(pix/optionsBox-btm.gif) bottom left no-repeat;
|
||
|
}
|
||
|
.optionsBox ul {
|
||
|
padding:0 14px;
|
||
|
}
|
||
|
.optionsBox ul li {
|
||
|
}
|
||
|
.optionsBox ul li a:link, .optionsBox ul li a:visited { color:#000; text-decoration:none; }
|
||
|
.optionsBox ul li a:hover { text-decoration:underline;}
|
||
|
/*Options box green*/
|
||
|
.optionsBoxGreen {
|
||
|
position:relative;
|
||
|
width:148px;
|
||
|
background:url(pix/optionsBoxGreen-mdl.gif) top left repeat-y;
|
||
|
padding:18px 0 10px 0;
|
||
|
font-size:11px;
|
||
|
color:#2f9200;
|
||
|
}
|
||
|
.optionsBoxGreen p.top {
|
||
|
height:16px;
|
||
|
width:134px;
|
||
|
padding:2px 0 0 14px;
|
||
|
background:url(pix/optionsBoxGreen-top.gif) top left no-repeat;
|
||
|
position:absolute;
|
||
|
top:-5px;
|
||
|
}
|
||
|
.optionsBoxGreen span.btm {
|
||
|
width:148px;
|
||
|
height:10px;
|
||
|
position:absolute;
|
||
|
bottom:-5px;
|
||
|
background:url(pix/optionsBoxGreen-btm.gif) bottom left no-repeat;
|
||
|
}
|
||
|
.optionsBoxGreen ul {
|
||
|
padding:0 14px;
|
||
|
}
|
||
|
.optionsBoxGreen ul li a:link, .optionsBoxGreen ul li a:visited { color:#2f9200; text-decoration:none; }
|
||
|
.optionsBoxGreen ul li a:hover { text-decoration:underline;}
|
||
|
a.close {
|
||
|
position:absolute;
|
||
|
width:7px;
|
||
|
height:0;
|
||
|
font-size:0;
|
||
|
overflow:hidden;
|
||
|
padding-top:9px;
|
||
|
top:5px;
|
||
|
right:10px;
|
||
|
background:url(pix/close-ic.gif) no-repeat;
|
||
|
}
|
||
|
/*Categories*/
|
||
|
dl.categories {
|
||
|
width:255px;
|
||
|
float:left;
|
||
|
padding:0 17px 0 17px;
|
||
|
line-height:20px;
|
||
|
position:relative;
|
||
|
font-family:Helvetica, sans-serif;
|
||
|
position:relative;
|
||
|
z-index:5;
|
||
|
}
|
||
|
dl.categories dt {
|
||
|
font-size:16px;
|
||
|
font-weight:bold;
|
||
|
padding:12px 0 8px 35px;
|
||
|
margin-top:15px;
|
||
|
}
|
||
|
dl.categories dt.c-ic-1 { background:url(pix/c-ic-1.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt.c-ic-2 { background:url(pix/c-ic-2.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt.c-ic-3 { background:url(pix/c-ic-3.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt.c-ic-4 { background:url(pix/c-ic-4.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt.c-ic-5 { background:url(pix/c-ic-5.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt.c-ic-6 { background:url(pix/c-ic-6.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt.c-ic-7 { background:url(pix/c-ic-7.gif) 0 10px no-repeat; }
|
||
|
dl.categories dt a:link, dl.categories dt a:visited {
|
||
|
color:#3579a7;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
dl.categories dt a:hover { text-decoration:underline; }
|
||
|
dl.categories dd { font-size:13px; }
|
||
|
dl.categories dd a:link, dl.categories dd a:visited { color:#000000; text-decoration:none; }
|
||
|
dl.categories dd a:hover { text-decoration:underline; }
|
||
|
|
||
|
/*Nested Navigation*/
|
||
|
.nestedNav { width:218px; margin:0; padding:5px 2px 0 0; }
|
||
|
ul.level0 { padding:0; margin:0; background:url(pix/right_nav_line.gif) repeat-y left; overflow:hidden; }
|
||
|
ul.level0 li { padding:0; margin:0; line-height:23px; background:url(pix/right_nav_li.png) no-repeat 0 8px; }
|
||
|
ul.level0 li.plus { background:none; padding-bottom:5px; }
|
||
|
|
||
|
ul.level0 li span { display:block;width:203px;padding-left:15px; }
|
||
|
ul.level0 li.first { background-position:-265px 0; }
|
||
|
ul.level0 li.last{ background-position:-530px 9px; }
|
||
|
ul.level0 li.last_open { background-position:0 8px; }
|
||
|
ul.level1 li,#col3_content ul.level1 li.last { background-position:-795px 9px; }
|
||
|
ul.level1 li span { width:167px; padding-left:30px; }
|
||
|
ul.level1 li.open {background-position:-1067px 9px; }
|
||
|
ul.level2 { margin-left:16px; }
|
||
|
ul.level2 li { background-position:-1611px 9px; }
|
||
|
ul.level2 li.last { background-position:-1880px 9px; }
|
||
|
ul.level0 li.last_open ul.level1 li.last { background-position:-1339px 9px; }
|
||
|
ul.level0 li.last_open ul.level1 li.last_open { background-color:#F9FBFC; background-position:-2149px -9px; }
|
||
|
ul.level0 li.last_open ul.level1 li.last_open ul.level2 li { background-position:-1611px 9px; }
|
||
|
ul.level0 li.last_open ul.level1 li.last_open ul.level2 li.last { background-position:-1880px 9px; }
|
||
|
ul.level0 a { color:#246; font-size:13px; text-decoration:none; }
|
||
|
ul.level0 a:hover, ul.level0 .active a { text-decoration:underline; }
|
||
|
|
||
|
/*Messages Nachrichten*/
|
||
|
|
||
|
/*Messages Nachrichten*/
|
||
|
.group-470 {
|
||
|
width:470px;
|
||
|
padding-bottom:10px;
|
||
|
}
|
||
|
.group-470 .time {
|
||
|
height:22px;
|
||
|
padding-top:2px;
|
||
|
background:url(pix/time-470.gif) no-repeat;
|
||
|
color:#0000ff;
|
||
|
font-size:10px;
|
||
|
}
|
||
|
.group-470 .timeL { width:220px; padding-left:250px; }
|
||
|
.group-470 .timeR { width:363px; padding-left:107px; }
|
||
|
|
||
|
|
||
|
|
||
|
/*Member Overview*/
|
||
|
.grey-box {
|
||
|
background:#f4f4f4;
|
||
|
margin-bottom:15px;
|
||
|
padding:10px;
|
||
|
margin:15px 0;
|
||
|
}
|
||
|
.grey-box select {
|
||
|
font:11px Helvetica, Helvetica, sans-serif;
|
||
|
}
|
||
|
.m-group {
|
||
|
border-bottom:1px solid #e9ecf0;
|
||
|
padding:12px 0;
|
||
|
}
|
||
|
.b-top { border-top:1px solid #e9ecf0; }
|
||
|
.m-icon {
|
||
|
width:48px;
|
||
|
height:48px;
|
||
|
padding:2px;
|
||
|
border:1px solid #eee;
|
||
|
float:left;
|
||
|
}
|
||
|
.m-icon img { width:48px; height:48px; }
|
||
|
.m-group ul {
|
||
|
padding-left:15px;
|
||
|
width:171px;
|
||
|
float:left;
|
||
|
}
|
||
|
/*end Member Overview*/
|
||
|
|
||
|
/*Member Page*/
|
||
|
.mp-area {
|
||
|
padding:12px 0 12px 0;
|
||
|
}
|
||
|
.mp-area ul {
|
||
|
padding-left:15px;
|
||
|
width:171px;
|
||
|
float:left;
|
||
|
}
|
||
|
.mp-area h5 {
|
||
|
color:#46b907;
|
||
|
font:bold 15px Helvetica, Georgia;
|
||
|
border-bottom:2px solid #e9ecf0;
|
||
|
margin-bottom:20px;
|
||
|
height:22px;
|
||
|
padding:2px 0 5px 33px;
|
||
|
}
|
||
|
.mp-area h5.mp-ic1 { background:url(pix/mp_ic1.gif) 0 0 no-repeat; }
|
||
|
.mp-area h5.mp-ic2 { background:url(pix/mp_ic2.gif) 0 0 no-repeat; }
|
||
|
.mp-area h5.mp-ic3 { background:url(pix/mp_ic3.gif) 0 0 no-repeat; }
|
||
|
.guestbook {
|
||
|
border-bottom:1px solid #e9ecf0;
|
||
|
padding-bottom:12px;
|
||
|
margin-bottom:12px;
|
||
|
position:relative;
|
||
|
}
|
||
|
.guestbook .date {
|
||
|
padding-bottom:7px;
|
||
|
line-height:18px;
|
||
|
}
|
||
|
.friend {
|
||
|
padding:5px 0;
|
||
|
}
|
||
|
.m-details {
|
||
|
float:left;
|
||
|
padding-left:15px;
|
||
|
line-height:14px;
|
||
|
}
|
||
|
.m-details a:link, .m-details a:visited { color:#8a9dae; text-decoration:underline; margin-bottom:10px; }
|
||
|
.m-details a:hover { text-decoration:none; }
|
||
|
|
||
|
.f-row { padding-bottom:3px; }
|
||
|
.lbl {
|
||
|
width:90px;
|
||
|
float:left;
|
||
|
font-weight:bold;
|
||
|
}
|
||
|
.cnt {
|
||
|
width:523px;
|
||
|
float:left;
|
||
|
}
|
||
|
.f-txt-330 {
|
||
|
height:20px;
|
||
|
padding:0 2px 0 3px;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
border:1px solid #abc6dd;
|
||
|
}
|
||
|
.f-txt-330 { width:325px; }
|
||
|
.sel-200 {
|
||
|
border:1px solid #abc6dd;
|
||
|
height:20px;
|
||
|
padding:0 0 0 3px;
|
||
|
}
|
||
|
.sel-200 { width:200px; }
|
||
|
.default-btn {
|
||
|
font:12px Helvetica, Georgia;
|
||
|
padding:0 5px;
|
||
|
height:22px;
|
||
|
}
|
||
|
.marBtm5 { margin-bottom:5px; }
|
||
|
|
||
|
ul.tabs {
|
||
|
background:url(pix/tabs-bg.gif) bottom left repeat-x;
|
||
|
z-index:1;
|
||
|
position:relative;
|
||
|
margin:15px 0;
|
||
|
padding-bottom:7px;
|
||
|
}
|
||
|
ul.tabs li {
|
||
|
float:left;
|
||
|
margin-left:5px;
|
||
|
margin-bottom:0;
|
||
|
position:relative;
|
||
|
z-index:2;
|
||
|
}
|
||
|
ul.tabs li a:link, ul.tabs li a:visited {
|
||
|
display:block;
|
||
|
font:14px Helvetica, Georgia;
|
||
|
text-decoration:none;
|
||
|
font-weight:bold;
|
||
|
color:#000;
|
||
|
border:1px solid #e9ecf0;
|
||
|
border-bottom:none;
|
||
|
background:#f6f7f9;
|
||
|
padding:3px 15px;
|
||
|
}
|
||
|
ul.tabs li a:hover { color:#ffa85c; }
|
||
|
ul.tabs li.active a:link, ul.tabs li.active a:visited {
|
||
|
color:#ffa85c;
|
||
|
background:#fff;
|
||
|
cursor:default;
|
||
|
border-bottom:7px solid #fff;
|
||
|
margin-bottom:-7px;
|
||
|
z-index:4;
|
||
|
position:relative;
|
||
|
}
|
||
|
ul.tabs li.tab-help { float:right; }
|
||
|
ul.tabs li.tab-help img { width:16px; height:21px; }
|
||
|
ul.tabs li.tab-help a:link, ul.tabs li.tab-help a:visited {
|
||
|
display:inline;
|
||
|
font:14px Helvetica, Georgia;
|
||
|
text-decoration:none;
|
||
|
font-weight:bold;
|
||
|
color:#000;
|
||
|
border: none; background: none; padding:0;
|
||
|
}
|
||
|
|
||
|
.member-options {
|
||
|
border-bottom:1px solid #e9ecf0;
|
||
|
padding:12px 0;
|
||
|
}
|
||
|
.member-options .question {
|
||
|
width:390px;
|
||
|
padding-right:20px;
|
||
|
float:left;
|
||
|
line-height:14px;
|
||
|
}
|
||
|
.member-options .answer {
|
||
|
width:203px;
|
||
|
float:left;
|
||
|
}
|
||
|
.m-question {
|
||
|
padding:5px 0;
|
||
|
background:url(pix/question-ic.gif) top left no-repeat;
|
||
|
}
|
||
|
img.aq-ic { width:12px; height:16px; }
|
||
|
|
||
|
|
||
|
/*end Member Page*/
|
||
|
|
||
|
.error {
|
||
|
color:#d8301b;
|
||
|
background:#faf4f2;
|
||
|
}
|
||
|
.error-message {
|
||
|
color:#d8301b;
|
||
|
font-weight:bold;
|
||
|
padding-top:10px;
|
||
|
}
|
||
|
|
||
|
/*Private Message*/
|
||
|
.pm-title {
|
||
|
font-size:16px;
|
||
|
height:28px;
|
||
|
padding:6px 0 0 55px;
|
||
|
background:url(pix/ic-pm.gif) 0 0 no-repeat;
|
||
|
margin:15px 0;
|
||
|
}
|
||
|
.pm-title a:link, a:visited { color:#8a9dae; text-decoration:underline; }
|
||
|
.pm-title a:hover { text-decoration:none; }
|
||
|
.pm-formBox {
|
||
|
border-radius:7px;
|
||
|
-moz-border-radius:7px;
|
||
|
-webkit-border-radius:7px;
|
||
|
background:#aac2ce;
|
||
|
padding:10px 20px;
|
||
|
margin-bottom:15px;
|
||
|
}
|
||
|
textarea.pm-commBox {
|
||
|
border:1px solid #719aae;
|
||
|
width:570px;
|
||
|
margin-bottom:5px;
|
||
|
overflow:auto;
|
||
|
height:50px;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
}
|
||
|
input.s2Btn-315 {
|
||
|
width:315px;
|
||
|
height:22px;
|
||
|
background:url(pix/s2Btn-315.gif);
|
||
|
border:none;
|
||
|
font:12px Helvetica, sans-serif;
|
||
|
color:#1f83c3;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.pm-box1 {
|
||
|
position:relative;
|
||
|
float:right;
|
||
|
width:437px;
|
||
|
padding:10px 15px 20px 15px;
|
||
|
background:url(pix/pm-box1-mdl.gif) top left repeat-y;
|
||
|
margin-bottom:30px;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
line-height:15px;
|
||
|
}
|
||
|
.pm-box1-top {
|
||
|
position:absolute;
|
||
|
width:467px;
|
||
|
height:10px;
|
||
|
top:0;
|
||
|
left:0;
|
||
|
background:url(pix/pm-box1-top.gif) no-repeat;
|
||
|
}
|
||
|
.pm-box1-btm {
|
||
|
position:absolute;
|
||
|
width:467px;
|
||
|
height:22px;
|
||
|
bottom:0;
|
||
|
left:0;
|
||
|
background:url(pix/pm-box1-btm.gif) no-repeat;
|
||
|
margin-bottom:-22px;
|
||
|
}
|
||
|
.pm-box1-date {
|
||
|
width:161px;
|
||
|
height:17px;
|
||
|
line-height:17px;
|
||
|
background:url(pix/pm-box1-date.gif) no-repeat;
|
||
|
text-align:center;
|
||
|
color:#fff;
|
||
|
position:absolute;
|
||
|
bottom:-6px;
|
||
|
left:85px;
|
||
|
z-index:5;
|
||
|
}
|
||
|
.pm-box2 {
|
||
|
position:relative;
|
||
|
float:left;
|
||
|
width:417px;
|
||
|
padding:10px 15px 20px 15px;
|
||
|
background:url(pix/pm-box2-mdl.gif) top left repeat-y;
|
||
|
margin-bottom:30px;
|
||
|
font:12px Helvetica, Georgia;
|
||
|
line-height:15px;
|
||
|
color:#bbbbbb;
|
||
|
}
|
||
|
.pm-box2-top {
|
||
|
position:absolute;
|
||
|
width:447px;
|
||
|
height:10px;
|
||
|
top:0;
|
||
|
left:0;
|
||
|
background:url(pix/pm-box2-top.gif) no-repeat;
|
||
|
}
|
||
|
.pm-box2-btm {
|
||
|
position:absolute;
|
||
|
width:447px;
|
||
|
height:22px;
|
||
|
bottom:0;
|
||
|
left:0;
|
||
|
background:url(pix/pm-box2-btm.gif) no-repeat;
|
||
|
margin-bottom:-22px;
|
||
|
}
|
||
|
.pm-box2-date {
|
||
|
width:161px;
|
||
|
height:17px;
|
||
|
line-height:17px;
|
||
|
background:url(pix/pm-box2-date.gif) no-repeat;
|
||
|
text-align:center;
|
||
|
color:#fff;
|
||
|
position:absolute;
|
||
|
bottom:-6px;
|
||
|
left:231px;
|
||
|
z-index:5;
|
||
|
}
|
||
|
.pm-icon {
|
||
|
width:48px;
|
||
|
height:48px;
|
||
|
padding:2px;
|
||
|
border:1px solid #eee;
|
||
|
}
|
||
|
.mp-icon img { width:48px; height:48px; }
|
||
|
/*end Private Message*/
|
||
|
|
||
|
|
||
|
|
||
|
/*Login pages*/
|
||
|
.top-btm-links {
|
||
|
font:12px Helvetica, Georgia;
|
||
|
padding-top:5px;
|
||
|
}
|
||
|
.top-btm-links a:link, .top-btm-links a:visited { color:#0052a1; }
|
||
|
.box-650 {
|
||
|
width:650px;
|
||
|
margin:0 auto;
|
||
|
padding:20px 0;
|
||
|
}
|
||
|
.box-650-top {
|
||
|
font:bold 24px Helvetica, Georgia;
|
||
|
color:#464d5c;
|
||
|
padding-bottom:7px;
|
||
|
}
|
||
|
.box-650-top p { float:left; }
|
||
|
.box-650-top a {
|
||
|
float:right;
|
||
|
padding-top:5px;
|
||
|
}
|
||
|
.box-650-content {
|
||
|
background:#eeeeee;
|
||
|
border-top:2px solid #464d5c;
|
||
|
padding:40px 20px 20px 20px;
|
||
|
}
|
||
|
.box-650-content .form-row {
|
||
|
padding-bottom:10px;
|
||
|
}
|
||
|
.box-650-content label {
|
||
|
font:bold 24px Helvetica, Georgia;
|
||
|
padding:0 0 0 0;
|
||
|
width:230px;
|
||
|
display:inline-block;
|
||
|
float:left;
|
||
|
}
|
||
|
.box-650-content p {
|
||
|
width:380px;
|
||
|
float:left;
|
||
|
color:#464d5c;
|
||
|
}
|
||
|
input.field-360 {
|
||
|
border:2px solid #d6d6d6;
|
||
|
width:350px;
|
||
|
height:26px;
|
||
|
padding:3px 0 0 6px;
|
||
|
font:18px Helvetica, sans-serif;
|
||
|
color:#b6b6b6;
|
||
|
}
|
||
|
img.online {
|
||
|
width:24px;
|
||
|
height:26px;
|
||
|
padding:0 6px 0 0;
|
||
|
float:left;
|
||
|
}
|
||
|
.m-online { width:170px; }
|
||
|
select.s-simple {
|
||
|
border-top:1px solid #abadb3;
|
||
|
border-right:1px solid #dbdfe6;
|
||
|
border-bottom:1px solid #e3e9ef;
|
||
|
border-left:1px solid #e2e3ea;
|
||
|
}
|
||
|
input.f-simple {
|
||
|
border-top:1px solid #abadb3;
|
||
|
border-right:1px solid #dbdfe6;
|
||
|
border-bottom:1px solid #e3e9ef;
|
||
|
border-left:1px solid #e2e3ea;
|
||
|
padding:1px 2px 1px 3px;
|
||
|
margin-bottom:10px;
|
||
|
}
|
||
|
input.fw-200 { width:195px; }
|
||
|
img.ok-ic2 {
|
||
|
width:26px;
|
||
|
height:24px;
|
||
|
padding:7px 10px;
|
||
|
float:right;
|
||
|
}
|
||
|
.good {
|
||
|
background-color:#D1FFD1;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* FABI */
|
||
|
/*links rechts Ausrichtung*/
|
||
|
.linksausgerichtet {BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 5px; BORDER-LEFT: 0px; MARGIN-RIGHT: 10px; BORDER-BOTTOM: 0px}
|
||
|
.rechtsausgerichtet {BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT: right; MARGIN: 0px 0px 5px 0px; BORDER-LEFT: 0px; MARGIN-LEFT: 10px; BORDER-BOTTOM: 0px}
|
||
|
|
||
|
/*Infobox*/
|
||
|
.ro {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/image/roundedbox_ro.gif) no-repeat right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
|
||
|
.ru {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/image/roundedbox_ru.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
|
||
|
.lo {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/image/roundedbox_lo.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
|
||
|
.lu {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/image/roundedbox_lu.gif) no-repeat left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
|
||
|
.inhalt {PADDING-RIGHT: 2.5em; PADDING-LEFT: 2.5em; PADDING-BOTTOM: 3.5em; MARGIN: 0px; PADDING-TOP: 2.5em}
|
||
|
.infoboxueber {PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Helvetica, Helvetica, Sans Serif; LETTER-SPACING: 0.1em}
|
||
|
|
||
|
|
||
|
.feist { font:30px Helvetica, Georgia;}
|
||
|
|
||
|
/*LEFT NAV MULTI LEVEL*/
|
||
|
.menu {
|
||
|
height:120px;
|
||
|
position:relative;
|
||
|
}
|
||
|
.menu ul {
|
||
|
position:relative;
|
||
|
z-index:100000;
|
||
|
padding:0;
|
||
|
margin:0;
|
||
|
list-style-type:none;
|
||
|
width:170px;
|
||
|
}
|
||
|
.menu li {
|
||
|
background:#fff url(pix/sub2.gif) 5px 10px no-repeat;
|
||
|
height:26px;
|
||
|
float:left;
|
||
|
width:170px;
|
||
|
}
|
||
|
.menu li.mm { background-image:none; }
|
||
|
.menu li.sub {
|
||
|
position:relative;
|
||
|
width:170px;
|
||
|
}
|
||
|
.menu li span {
|
||
|
width:13px;
|
||
|
height:10px;
|
||
|
background:url(pix/sub.gif) no-repeat;
|
||
|
position:absolute;
|
||
|
right:0;
|
||
|
top:7px;
|
||
|
font-size:0;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
.menu table {
|
||
|
position:absolute;
|
||
|
border-collapse:collapse;
|
||
|
top:0;
|
||
|
left:0;
|
||
|
z-index:100000;
|
||
|
}
|
||
|
.menu a, .menu a:visited {
|
||
|
font:12px Helvetica, Helvetica, sans-serif;
|
||
|
display:block;
|
||
|
text-decoration:none;
|
||
|
height:25px;
|
||
|
line-height:25px;
|
||
|
width:160px;
|
||
|
padding-left:10px;
|
||
|
color:#0092e8;
|
||
|
text-indent:5px;
|
||
|
border:1px solid #e4e4e4;
|
||
|
border-width:0 0 1px 0;
|
||
|
}
|
||
|
* html .menu a, * html .menu a:visited { width:170px; w\idth:169px;}
|
||
|
* html .menu li a:hover {
|
||
|
color:#5e5e5e;
|
||
|
background:#fff;
|
||
|
position:relative;
|
||
|
background:#fff url(pix/sub2.gif) 5px 10px no-repeat;
|
||
|
}
|
||
|
* html .menu li.mm a:hover { background:none; }
|
||
|
.menu li:hover { position:relative; }
|
||
|
.menu a:active, .menu a:focus { color:#5e5e5e; }
|
||
|
.menu li:hover > a { color:#5e5e5e; }
|
||
|
.menu li ul {
|
||
|
visibility:hidden;
|
||
|
position:absolute;
|
||
|
top:-30px;
|
||
|
left:100px;
|
||
|
margin:30px;
|
||
|
background:transparent url(pix/transparent.gif);
|
||
|
border:1px solid #d1d1d1;
|
||
|
border-width:1px 2px 2px 1px;
|
||
|
border-radius:0 7px 7px 7px; -moz-border-radius:0 7px 7px 7px; -webkit-border-radius:0 7px 7px 7px;
|
||
|
}
|
||
|
.menu li:hover > ul { visibility:visible; }
|
||
|
.menu ul a:hover ul ul{ visibility:hidden; }
|
||
|
.menu ul a:hover ul a:hover ul ul{ visibility:hidden; }
|
||
|
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden; }
|
||
|
.menu ul a:hover ul { visibility:visible; }
|
||
|
.menu ul a:hover ul a:hover ul { visibility:visible; }
|
||
|
.menu ul a:hover ul a:hover ul a:hover ul { visibility:visible; }
|
||
|
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; }
|
||
|
|
||
|
/*
|
||
|
span.btm-img {
|
||
|
width:301px;
|
||
|
height:230px;
|
||
|
position:absolute;
|
||
|
bottom:41px;
|
||
|
right:1px;
|
||
|
background:url(pix/btm-img1.gif);
|
||
|
z-index:2;
|
||
|
}
|
||
|
*/
|
||
|
span.btm-img {
|
||
|
width:301px;
|
||
|
height:230px;
|
||
|
position:absolute;
|
||
|
bottom:-19px;
|
||
|
right:1px;
|
||
|
background:url(pix/btm-img1.gif);
|
||
|
z-index:3;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*CHRIS*/
|
||
|
/*Dicke schrift fuer den Group-Header*/
|
||
|
.fat-text { font:40px Helvetica, Georgia; vertical-align:middle;}
|
||
|
/*Top News*/
|
||
|
dl.top-news {
|
||
|
font-size:10px;
|
||
|
line-height:12px;
|
||
|
color:#7c7c7c;
|
||
|
position:relative;
|
||
|
padding-top:10px;
|
||
|
}
|
||
|
dl.top-news dt {
|
||
|
width:80px;
|
||
|
height:70px;
|
||
|
position:relative;
|
||
|
float:left;
|
||
|
}
|
||
|
dl.top-news dd {
|
||
|
position:relative;
|
||
|
float:right;
|
||
|
clear:right;
|
||
|
width:180px;
|
||
|
height:70px;
|
||
|
}
|
||
|
dl.top-news dt img {
|
||
|
width:75px;
|
||
|
height:56px;
|
||
|
padding:1px;
|
||
|
border:1px solid #9e9e9e;
|
||
|
}
|
||
|
dl.top-news dd a:link, dl.top-news dd a:visited {
|
||
|
color:#7c7c7c;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
dl.top-news dd a:hover { text-decoration:underline; }
|
||
|
dl.top-news dd a:link span, dl.top-news dd a:visited span {
|
||
|
color:#3579a7;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
|
||
|
/*News*/
|
||
|
dl.news {
|
||
|
font-size:11px;
|
||
|
line-height:14px;
|
||
|
color:#7c7c7c;
|
||
|
}
|
||
|
dl.news dt {
|
||
|
width:40px;
|
||
|
float:left;
|
||
|
}
|
||
|
dl.news dd {
|
||
|
float:left;
|
||
|
clear:right;
|
||
|
width:230px;
|
||
|
}
|
||
|
dl.news dd a:link, dl.news dd a:visited {
|
||
|
color:#3579a7;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
dl.news dd a:hover { text-decoration:underline; }
|
||
|
.ic-55x55 {
|
||
|
text-align:center;
|
||
|
font:28px Helvetica, sans-serif;
|
||
|
color:#121212;
|
||
|
padding-top:10px;
|
||
|
}
|
||
|
.ic-55x55 img {
|
||
|
width:55px;
|
||
|
height:55px;
|
||
|
vertical-align:middle;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/*Categories-v2*/
|
||
|
dl.categories-v2 {
|
||
|
position:relative;
|
||
|
font-family:Helvetica, sans-serif;
|
||
|
position:relative;
|
||
|
z-index:5;
|
||
|
}
|
||
|
dl.categories-v2 dt {
|
||
|
font-size:16px;
|
||
|
font-weight:bold;
|
||
|
padding:5px 0 10px 30px;
|
||
|
margin-top:15px;
|
||
|
}
|
||
|
dl.categories-v2 dd {
|
||
|
font-size:12px;
|
||
|
float:left;
|
||
|
width:122px;
|
||
|
white-space:nowrap;
|
||
|
}
|
||
|
dl.categories-v2 dt.c-ic-8 { background:url(pix/c-ic-8.gif) 0 0 no-repeat; }
|
||
|
dl.categories-v2 dt a:link, dl.categories-v2 dt a:visited {
|
||
|
color:#3579a7;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
dl.categories-v2 dt a:hover { text-decoration:underline; }
|
||
|
|
||
|
dl.categories-v2 dd a:link, dl.categories-v2 dd a:visited {
|
||
|
color:#000000;
|
||
|
text-decoration:none;
|
||
|
float:left;
|
||
|
clear:left;
|
||
|
}
|
||
|
dl.categories-v2 dd a:hover { text-decoration:underline; }
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|