Files
supportware/sn_computer/html/xx_main.css
2025-08-05 22:42:07 +02:00

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; }