/* test */
html,
body,
textarea,
input,
select,
table,
p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }
body { background-color: #eee; }
/* TEXTAREAS */
textarea { padding: 2px; background-color: #fff; }
table.formular textarea { border: 1px solid #ccc; }
table.formular textarea:hover { border: 1px solid #000; }
table.formular td.spalte2 textarea { width: 288px; }
table.formular td.spalte1und2 textarea { width:388px }
/* SELECTS */
select { background-color: #fff; }
table.selectBox td.spalte2 select { margin: 2px 5px; }
table.formular select { margin: 1px 0; }
table.formular td.spalte2 select { width: 294px; }
table.formular td.spalte2 table select { width: auto; }
table.formular td.spalte1und2 select { width: auto; }
table.formular td.spalte3 select { margin-left:5px; width:150px; }
div.extended div.onlineStatus select { width: 189px; margin: 5px; margin-top:0; }
div.extended td.spalte2 select { width: 119px; margin: 1px 0; }
div.extended td.spalte2 div.gruppe select { width: 116px; }
div.extended td.spalte1und2 select { width: 189px; margin: 1px 0 1px 5px; }
div.kalenderMonat select { width: 189px; margin-left: 5px; margin-bottom: 5px; }
/* input BUTTON */
input.button,
input.allesSpeichern { background-color: #900; color: #fff; text-transform: uppercase; }
input.button:hover,
input.allesSpeichern:hover { color: #fcc51e; }
table.siteNavi input.button { height: 19px; line-height: 19px; padding: 0 5px; }
div.extended td.spalte2 input.button { padding: 3px 0; width: 119px; }
input.allesSpeichern { width: 556px; height: 40px; margin-top: 10px; }
div.buttonBox input.button { width: 156px; padding: 2px 0; }
/* input TEXT */
input.text { padding: 2px; background-color: #fff; }
table.formular input.text { border: 1px solid #ccc; }
table.formular input.text:hover { border: 1px solid #000; }
table.formular td.spalte2 input.text { width: 288px; }
table.formular td.spalte2 table input.text { width: auto; }
table.formular td.spalte1und2 input.text { width: 388px; }
table.formular td.spalte3 input.text { margin-left:5px; width:150px; }
div.extended input.text { border: 1px solid #acb8de; margin: 1px 0; }
div.extended div.extContent input.text { border: 1px solid #bc6d1e; }
div.extended input.text:hover,
div.extended div.extContent input.text:hover { border-color: #000; }
div.extended td.spalte2 input.text { width: 114px; border-right-width: 0; }
div.extended td.spalte2 table input.text { width: 15px; border-right-width: 1px; } /* bei verschachtelten tabellen ab 2.ebene automatische weite */
div.extended td.spalte2 div.gruppe input.text { border: 0; }
table.siteNavi input.text { height: 13px; font-size: 13px; line-height: 13px; /*margin: -1px 0;*/ border: 1px solid #900; }
form { display: inline; } /*fuer ie und opera!!!!*/
a { color: #bc6d1e; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: 0; }
.noBr { white-space: nowrap; }
.noTextTransform { text-transform:none; }
span.right { float: right; }
p { margin: 5px; /* font-size:11px; iCab */ }
p.mehr a { background: #bc6d1e url(http://static.10nach8.de/images/08032801/bullet_point.gif) no-repeat 5px -98px; color: #fff; padding: 1px 5px 1px 20px; font-weight: bold; text-decoration:none; display: inline-block; }
p.mehr a:hover { background-position: 5px 2px; background-color:#900; }
p.mehr a.admin { background-position: 5px -198px; background-color: #222f3c; }
p.mehr a.admin:hover { background-position: 5px 2px; background-color:#900; }
h1,
p.h1 {
color: #fcc51e;
font-size: 22px;
margin:0;
width:553px;
text-transform:uppercase;
background-color: #bc6d1e;
padding-top:10px;
padding-left:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
clear: left;
}
p.h1 span.sub {
margin: 0;
text-transform: uppercase;
font-size: 11px;
color: #fcc51e;
background-color:#000;
width: 548px;
padding: 1px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
/*
h1 span.sub2 {
font-size: 13px;
color: #004985;
background-color:#fff;
display: block;
margin-left:-5px;
padding-left:5px;
}
*/
h1 span.ort { font-weight:normal; color:#fff; font-size:14px; }
div.profilHeader { width:558px; background-color:#bc6d1e; float:left; }
div.profilHeader h1 { width:auto; float:left; }
div.userOnlineStatus {
background-position: left center;
background-repeat: no-repeat;
float: right;
padding: 5px;
padding-left: 18px;
text-transform:uppercase;
color:#fff;
font-weight: bold;
}
div.online { background-image: url(http://static.10nach8.de/images/08032801/icon_online_1.gif); }
div.offline { background-image: url(http://static.10nach8.de/images/08032801/icon_offline_1.gif); }
div.abwesend { background-image: url(http://static.10nach8.de/images/08032801/icon_abwesend_1.gif); }
div.nichtStoeren { background-image: url(http://static.10nach8.de/images/08032801/icon_nicht_stoeren_1.gif); }
div.userOnlineStatus span.inaktivSeit {
color:#e7b484;
font-weight:normal;
text-transform:none;
}
h2 {
margin: 0;
text-transform: uppercase;
font-size: 11px;
color: #fcc51e;
background-color:#bc6d1e;
width: 548px;
padding: 1px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
h2 span.sub {
color: #bc6d1e;
background-color:#fff;
display:block;
margin: 1px -5px -1px -5px;
padding: 1px 5px;
}
h2 span.right { color: #fff; }
/* usergenerierte h2 (Forum Thema) */
h2.layout2 {
width: 547px;
background-color: #fff;
border: 1px solid #bc6d1e;
border-left:0;
color: #000;
padding: 10px 5px;
text-transform:none;
font-size: 15px;
font-weight:bold;
}
h3,
h4,
h5,
h6 { margin: 4px; font-weight: normal; }
/* ---------------------------- Sanduhr ---------------------- */
div#ladeAnzeige { position: absolute; top: 50px; width: 77px; height: 12px; left: 40px; margin-bottom: 15px; background: url(http://static.10nach8.de/images/08032801/sanduhr_a.gif) no-repeat left top; }
div.sandUhr { width: 77px; height: 12px; background: url(http://static.10nach8.de/images/08032801/sanduhr_b.gif) no-repeat left top; }
/* ------------- Vote und Fotoalbum Quicklinks ----------------- */
div.imgNavi { position: absolute; top: 0; left: -24px; width: 24px; margin-top: 1px; }
div.imgNavi a { width:23px; height:23px; display:block; background-position: left top; background-repeat:no-repeat; margin-top: -1px; position: relative; z-index: 99; border: 1px solid #ccc; border-right-width: 0; background-color: #fff; }
div.imgNavi a:hover,
div.boxPrivat div.imgNavi a:hover { background-position: left -23px; border-color: #900; z-index: 100; }
div.imgNavi a.active { background-position: left -46px; border-color: #900; z-index: 100; }
div.imgNavi a.active:hover { background-position: left -23px; }
a.iconImgNaviBookmark { background-image: url(http://static.10nach8.de/images/08032801/icon_imgNavi_bookmark.gif); }
a.iconImgNaviVote { background-image: url(http://static.10nach8.de/images/08032801/icon_imgNavi_vote.gif); }
a.iconImgNaviVorschau { background-image: url(http://static.10nach8.de/images/08032801/icon_imgNavi_vorschau.gif); }
a.iconImgNaviBearbeiten { background-image: url(http://static.10nach8.de/images/08032801/icon_imgNavi_bearbeiten.gif); }
a.iconImgNaviLoeschen { background-image: url(http://static.10nach8.de/images/08032801/icon_imgNavi_loeschen.gif); }
a.iconImgNaviVerschieben { background-image: url(http://static.10nach8.de/images/08032801/icon_imgNavi_verschieben.gif); }
div.boxImg div.imgNavi { right: 0; left: auto; top: 4px; }
div#profilbildMouseover { display: none; position: absolute; height: auto; top: 0; left: 0; }
#tooltip { z-index: 10000; width: 180px; background: url(http://static.10nach8.de/images/08032801/hover_schatten_a.png) no-repeat left top; }
#tooltip div.schatten {
padding-right: 5px;
padding-bottom: 15px;
padding-left: 15px;
margin-top: 20px;
position: relative;
background: url(http://static.10nach8.de/images/08032801/hover_schatten_b.png) no-repeat left bottom;
float: left;
}
#tooltip div.content { background-color: #fff; position: relative; margin-top: -15px; width: 160px; text-align: left; }
/*
#tooltip div.hilfe { background-image: url(http://static.10nach8.de/images/08032801/w1_b.gif); background-repeat: no-repeat; background-position: right top; }
*/
#tooltip div.imgContainer { width:160px; }
#tooltip img.profilBild { height:160px; width: 160px; }
#tooltip p.headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; margin: 0; padding: 5px; padding-bottom:0; }
#tooltip table { border: 2px solid #fff; }
#tooltip table td { padding: 1px 2px; }
div.site { width: 1016px; padding-left:5px; float:left; }
div.hallo { color:#bcc6e2; background-color:#222f3c; float:left; width:100%; width: 194px; }
div.hallo a { color:#bcc6e2; }
div.hallo p { margin-top: 0; }
/* ---------------------- Pfad --------------------- */
div.pfad { font-style:italic; color: #bcc6e2; background-color: #222f3c; float: left; width:755px; margin-bottom:3px; border-top:1px solid #bcc6e2; }
div.pfad p { margin-left:5px; width: 525px; }
div.pfad a { color: #bcc6e2; font-weight:bold; text-decoration:underline; }
div.pfad a:hover { text-decoration:none; }
/* macht schatten rechts */
div.mainContentContainer { float: left; background: url(http://static.10nach8.de/images/08032801/bg_main_content_all.gif) repeat-y 117px bottom; margin-top:159px; width: 900px; }
div.mainContent { float: left; width: 761px; margin-left: 130px; }
div.head { float: left; width: 779px; height:69px; margin-left: 117px; margin-top:-69px; background: url(http://static.10nach8.de/images/08032801/bg_page_header.jpg) no-repeat left top; position: relative; }
/* Magazin, Community, Bilder, ... */
div.headKategorie { margin-left: 16px; margin-top: 23px; height:46px; width:600px; background-repeat:no-repeat; background-position: left top; float: left; }
div.Magazin div.headKategorie { background-image: url(http://static.10nach8.de/images/08032801/page_kathegorie_magazin.gif); }
div.Community div.headKategorie { background-image: url(http://static.10nach8.de/images/08032801/page_kathegorie_community.gif); }
div.Bilder div.headKategorie { background-image: url(http://static.10nach8.de/images/08032801/page_kathegorie_bilder.gif); }
div.logo { width: 208px; height: 80px; position:absolute; left:550px; top: -61px; }
div.logo a { display: block; width: 208px; height: 80px; background: url(http://static.10nach8.de/images/08032801/logo_wm.jpg) no-repeat left -10px; }
div.logo a:hover { background-position: left -103px; }
div.mainContentLeft { margin-left: -130px; float: left; clear: left; width: 130px; position: relative; margin-top: -48px; }
div.mainContentRight { background: url(http://static.10nach8.de/images/08032801/bg_main_content.gif) no-repeat 3px bottom; float: left; width: 755px; min-height: 850px; position: relative; padding-left: 3px; padding-right: 3px; z-index: 110; padding-bottom: 10px; }
/* -------------------- Icons (in Extended und boxKommentar) -------------------- */
/* ---- Icon Container -----*/
div.iconContainer { margin-right:-1px; float:left; }
/* ------ Icons generell ------- */
a.icon,
span.iconInaktiv {
display: block;
float: left;
background-repeat: no-repeat;
background-position: left top;
margin-right:1px;
margin-top:1px;
}
/* ------------------- Hauptnavi links -------------------- */
div.naviL1 {
margin: 3px 1px 3px 0;
position: relative;
background: #666 url(http://static.10nach8.de/images/08032801/navi_l1_bg.gif) repeat-y 110px top;
font-size: 12px;
color: #fff;
padding: 1px 5px;
}
div.naviL1sub {
padding: 0 5px;
margin-top: -5px;
}
div.naviL1sub a {
font-size: 9px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-decoration:none;
}
a.naviL2 {
width: auto;
font-size: 13px;
margin-top: -1px;
}
a.naviL2 {
text-decoration: none;
color: #000;
display: block;
background: url(http://static.10nach8.de/images/08032801/navi_top.gif) no-repeat left top;
padding-top: 5px;
position: relative;
z-index: 99;
}
a.naviL2 span {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
background: url(http://static.10nach8.de/images/08032801/navi_bottom.gif) no-repeat left bottom;
}
a.naviL2:hover {
background: url(http://static.10nach8.de/images/08032801/navi_top.gif) no-repeat -250px top;
color: #bc6d1e; z-index: 100;
}
a.naviL2:hover span { background: url(http://static.10nach8.de/images/08032801/navi_bottom.gif) no-repeat -250px bottom; z-index: 100; position: relative; }
a.naviL2Active {
font-size: 13px;
text-decoration: none;
color: #900;
display: block;
background: url(http://static.10nach8.de/images/08032801/navi_top.gif) no-repeat -500px top;
padding-top: 5px;
position: relative;
z-index: 100;
}
a.naviL2Active span {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
background: url(http://static.10nach8.de/images/08032801/navi_bottom.gif) no-repeat -500px bottom;
color: #fff;
}
a.naviL2Active:hover {
background: url(http://static.10nach8.de/images/08032801/navi_top.gif) no-repeat -500px top;
color: #fcc51e;
}
a.naviL2Active:hover span { background: url(http://static.10nach8.de/images/08032801/navi_bottom.gif) no-repeat -500px bottom; }
div.naviAnzeigen {
background: url(http://static.10nach8.de/images/08032801/navi_top.gif) no-repeat left top;
padding-top: 5px;
margin-top: 2px;
width: 130px;
}
div.naviAnzeigen span {
display: block;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
background: url(http://static.10nach8.de/images/08032801/navi_bottom.gif) no-repeat left bottom;
}
/* -------------------------- Subnavi (Reiter) ---------------------- */
div.sNavi {
float:left;
width:558px;
background: #bc6d1e url("http://static.10nach8.de/images/08032801/bg_sNavi.gif") repeat-x left bottom;
position: relative;
margin-top: -3px;
margin-bottom: -1px;
border-bottom: 5px solid #fff;
}
div.sNavi ul {
margin:0;
padding-left:0;
list-style:none;
margin-left: 6px;
}
div.sNavi li {
display:inline;
margin:0;
padding:0;
}
div.sNavi a {
float:left;
background:url("http://static.10nach8.de/images/08032801/sNavi_left.gif") no-repeat 0 -95px;
margin:0;
padding:0 0 0 10px;
border-bottom:1px solid #333;
text-decoration:none;
margin-left: -1px;
}
div.sNavi a span {
float:left;
display:block;
background:url("http://static.10nach8.de/images/08032801/sNavi_right.gif") no-repeat 100% -95px;
padding:10px 10px 4px 0px;
color:#000;
}
div.sNavi a span { float: none; }
div.sNavi a:hover span { color:#000; }
div.sNavi span span {
margin: 0;
padding:0;
border:0;
background-image: none;
}
div.sNavi li.active {
z-index: 100;
}
div.sNavi li.active a {
background-position:0 -297px;
border-width:0;
font-weight:bold;
}
div.sNavi li.active a span {
background-position:100% -297px;
color:#900;
padding-bottom: 5px;
}
div.sNavi li.active a:hover {
background-position:0 -297px;
border-width:0;
} /* ie only*/
div.sNavi li.active a:hover span {
background-position:100% -297px;
color:#000;
padding-bottom: 5px;
} /* ie only*/
div.sNavi .passive {
float:left;
background:url("http://static.10nach8.de/images/08032801/sNavi_left.gif") no-repeat left 5px;
margin:0;
margin-left: -1px;
padding:0 0 0 9px;
border-bottom:1px solid #000;
text-decoration:none;
}
div.sNavi .passive p {
margin: 0;
float:left;
display:block;
background:url("http://static.10nach8.de/images/08032801/sNavi_right.gif") no-repeat right 5px;
padding:10px 9px 4px 0;
color:#222f3c;
}
div.sNavi a:hover { background-position:0% -195px; }
div.sNavi a:hover span { background-position:100% -195px; }
div.sNavi span.right {
position: absolute;
right: 0;
bottom: 5px;
color: #222f3c;
right:5px;
color:#fff;
}
div.sNavi span.achtung,
div.sNavi span.achtung a { color:#004985; }
/* ----- Formular Navi ------ */
div.formularNavi {
float:left;
width:556px;
position: relative;
margin-top: -6px;
margin-bottom: -1px;
}
div.formularNavi ul {
margin:0;
padding-left:0;
list-style:none;
margin-left: 6px;
}
div.formularNavi li {
display:inline;
margin:0;
padding:0;
}
div.formularNavi a {
float:left;
background:url("http://static.10nach8.de/images/08032801/sNavi_left.gif") no-repeat 0 -392px;
margin:0;
padding:0 0 0 7px;
border-bottom:1px solid #bc6d1e;
text-decoration:none;
margin-left: -1px;
}
div.formularNavi a span {
float:left;
display:block;
background:url("http://static.10nach8.de/images/08032801/sNavi_right.gif") no-repeat 100% -392px;
padding:10px 7px 1px 0px;
color:#000;
}
div.formularNavi a span { float: none; }
div.formularNavi a:hover span { color:#930; }
div.formularNavi span span {
margin: 0;
padding:0;
border:0;
background-image: none;
}
div.formularNavi li.active a {
background-position:0 -492px;
border-width:0;
}
div.formularNavi li.active a span {
background-position:100% -492px;
padding-bottom: 2px;
}
div.formularNavi li.active a:hover {
background-position:0 -492px;
border-width:0;
} /* ie only*/
div.formularNavi li.active a:hover span {
background-position:100% -492px;
padding-bottom: 2px;
} /* ie only*/
div.formularNavi .passive {
float:left;
background:url("http://static.10nach8.de/images/08032801/sNavi_left.gif") no-repeat left 5px;
margin:0;
margin-left: -1px;
padding:0 0 0 9px;
border-bottom:1px solid #000;
text-decoration:none;
}
div.formularNavi .passive p {
margin: 0;
float:left;
display:block;
background:url("http://static.10nach8.de/images/08032801/sNavi_right.gif") no-repeat right 5px;
padding:10px 9px 4px 0;
color:#222f3c;
}
/* ---- Subnavi Unterkategorien */
div.sNaviSub {
margin-top:1px;
margin-bottom:-1px;
width: 546px;
padding-left:5px;
float: left;
clear: left;
background-color:#fff;
padding-bottom:4px;
}
div.sNaviSub ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div.sNaviSub ul li { display: inline; }
div.sNaviSub ul li span {
margin-right:3px;
display:block;
float:left;
padding:2px 5px;
border: 1px solid #ccc;
background-color: #ccc;
color:#222f3c;
}
div.sNaviSub ul li a {
margin-right:3px;
display:block;
float:left;
padding:2px 5px;
border: 1px solid #900;
background-color:#fff;
color: #900;
text-decoration:none;
}
div.sNaviSub ul li a:hover {
border-color:#bc6d1e;
color: #bc6d1e;
}
div.sNaviSub ul li.active a {
background-color: #900;
color:#fff;
}
div.sNaviSub ul li.active a:hover {
border-color:#bc6d1e;
background-color: #bc6d1e;
}
/* Footer sNavi */
div.footer div.sNavi {
float:left;
width:auto;
background-image:none;
background-color: transparent;
border-bottom:0;
}
div.footer div.sNavi ul { margin-left: 6px; }
div.footer div.sNavi a {
border-bottom: 0;
background:url("http://static.10nach8.de/images/08032801/sNavi_left.gif") no-repeat 0 -665px;
line-height: 25px;
}
div.footer div.sNavi a span {
background:url("http://static.10nach8.de/images/08032801/sNavi_right.gif") no-repeat 100% -665px;
padding:10px 10px 4px 0px;
padding-top:0;
padding-bottom:0;
color:#333;
}
div.footer div.sNavi a:hover span { color:#900; }
div.footer div.sNavi li.active a { background-position:0 -295px; }
div.footer div.sNavi li.active a span { background-position:100% -295px; }
div.footer div.sNavi li.active a:hover { background-position:0 -665px; }
div.footer div.sNavi li.active a:hover span { background-position:100% -665px; }
div.footer div.sNavi .passive {
background: url("http://static.10nach8.de/images/08032801/sNavi_left.gif") no-repeat left 5px;
margin: 0;
margin-left: -1px;
padding: 0 0 0 9px;
border-bottom: 1px solid #000;
text-decoration: none;
}
div.footer div.sNavi .passive p {
margin: 0;
float: left;
display: block;
background: url("http://static.10nach8.de/images/08032801/sNavi_right.gif") no-repeat right 5px;
padding: 10px 9px 4px 0;
color: #222f3c;
}
div.footer div.sNavi a:hover { background-position:0% -665px; }
div.footer div.sNavi a:hover span { background-position:100% -665px; }
/* Bilder des Monats - Monatsauswahl select */
table.selectBox { background-color: #e7b484; width: 558px; }
table.selectBox td.spalte2 { text-align:right; }
/* -------------------------------- siteNavi (Seiten blaettern) ---------------------------------- */
table.siteNavi {
width: 558px;
border-left: 10px solid #e7b484;
vertical-align: top;
background-color: #e7b484;
height: 19px;
line-height: 19px;
margin-top:2px;
margin-bottom: 2px;
}
table.siteNavi td.spalte4 {
width: 100%;
padding-left:10px;
}
table.siteNavi a { display: block; height: 19px; line-height: 19px; text-decoration: none; color: #000; }
table.siteNavi a.seitenZahl { padding: 0 3px; }
table.siteNavi a:hover,
table.siteNavi a.seitenZahl:hover { background-color: #fff; color: #000; }
table.siteNavi a.active{ background-color: #bc6d1e; color: #fff; padding: 0 4px; }
/* ------------------------------ Div Extended (Navi Rechts) -------------------------- */
div.extended div.yal {
height:0;
width:0;
}
div.pimper { border-top: 1px solid #fff; background-color: #eee; float: left; width: 194px; }
div.pimper a { font-size: 13px; line-height: normal; color: #000; }
/* generiert Abstand wenn Bild Querformat */
div.extendedAbstand {
margin-top: 4px;
width: 194px;
float: right;
}
div.extended {
position: relative;
float: right;
width: 194px;
margin-top:-3px;
background-color: #222f3c;
overflow: hidden;
}
div.onlineStatus {
width: 194px;
border-top: 1px solid #fff;
float: left;
width: 194px;
}
div.onlineStatus p { color:#fff; }
div.onlineStatus0 { background-color: #222f3c; }
div.onlineStatus1 { background-color: #fcc51e; }
div.onlineStatus1 p { color:#000; }
div.onlineStatus2 { background-color: #900; }
div.onlineStatus3 { background-color: #000; }
div.extended span.hilfe { background: url(http://static.10nach8.de/images/08032801/extended_bullet_point_info.gif) no-repeat 178px 2px; }
div.extended a:hover span.hilfe { background-position: -22px 2px; }
div.extended div.iconContainer {
background-color:#222f3c;
margin-right:-2px;
margin-top:-1px;
}
div.extended a.icon {
height: 38px;
width: 38px;
background-color:#bcc6e2;
}
div.extended a.icon:hover {
background-position: left -38px;
background-color: #fff;
}
div.extended a.iconProfil { background-image: url(http://static.10nach8.de/images/08032801/icon_profil.gif); }
div.extended a.iconBlogs { background-image: url(http://static.10nach8.de/images/08032801/icon_blog.gif); }
div.extended a.iconBookmarks { background-image: url(http://static.10nach8.de/images/08032801/icon_10n8_fotos.gif); }
div.extended a.iconFotoalbum { background-image: url(http://static.10nach8.de/images/08032801/icon_meine_fotos.gif); }
div.extended a.iconVideoalbum { background-image: url(http://static.10nach8.de/images/08032801/icon_videos.gif); }
div.extended a.iconFreunde { background-image: url(http://static.10nach8.de/images/08032801/icon_freunde.gif); }
div.extended a.iconGb { background-image: url(http://static.10nach8.de/images/08032801/icon_gb.gif); }
div.extended a.iconPn { background-image: url(http://static.10nach8.de/images/08032801/icon_pn.gif); }
div.extended a.iconEinstellungen { background-image: url(http://static.10nach8.de/images/08032801/icon_einstellungen.gif); }
div.extended a.iconAktivitaet { background-image: url(http://static.10nach8.de/images/08032801/icon_aktivitaet.gif); }
div.extended a.iconAlarm {
background-position: left -76px;
background-color:#fcc51e;
}
div.extended a.iconAlarm:hover { background-position: left -38px; }
div.extended a.iconNeues {
background-image: url(http://static.10nach8.de/images/08032801/icon_neues.gif);
width: 194px;
height: 22px;
}
div.extended a.iconNeues:hover { background-position: left -22px; }
/* ---------- extended headline standard --------------- */
div.extended div.l1 {
color: #bcc6e2;
font-size: 11px;
text-transform: uppercase;
border-top: 1px solid #fff;
position:relative;
}
div.extended div.locationLogo {
border-left: 5px solid #222f3c;
border-bottom: 4px solid #222f3c;
background: #fff url("http://static.10nach8.de/images/08032801/location_logo_ecke_oben_222f3c.gif") no-repeat left top;
width:194px;
}
div.extended div.locationLogo div { background:url("http://static.10nach8.de/images/08032801/location_logo_ecke_unten_222f3c.gif") no-repeat left bottom; padding: 5px; text-align:center; }
/* LocationLogo im Content-bezogenen extended */
div.extended div.extContent div.locationLogo { border-color: #bc6d1e; background-image: url("http://static.10nach8.de/images/08032801/location_logo_ecke_oben_c60.gif"); }
div.extended div.extContent div.locationLogo div { background-image: url("http://static.10nach8.de/images/08032801/location_logo_ecke_unten_c60.gif"); }
div.extended div.locationLogo p { text-align:left; font-size: 10px; }
div.extended div.l1 p {
margin: 0;
padding: 10px 5px 5px 5px;
}
div.extended div.regionSetzen { }
/* extended ul normal */
div.extended ul {
margin: 0;
padding: 0;
list-style-type: none;
max-height: 200px;
overflow:auto;
overflow-x: hidden;
}
div.extended li {
font-size: 10px;
color: #000;
background: #bcc6e2 url(http://static.10nach8.de/images/08032801/extended_li_bg.gif) repeat-y -35px top;
}
div.extended li a {
text-decoration: none;
display: block;
color: #000;
border-bottom: 1px solid #222f3c;
padding-top: 3px;
padding-bottom: 3px;
padding-left:18px;
background-image: url(http://static.10nach8.de/images/08032801/extended_bullet_point.gif);
background-repeat: no-repeat;
background-position: 2px 3px;
}
div.extended li a:hover {
background-color: #fff;
background-position: -198px 2px;
}
div.extended li span.inaktiv {
padding-left:18px;
padding-top:2px;
padding-bottom:2px;
display: block;
border-bottom: 1px solid #bc6d1e;
}
div.extended li span.tip {
display: block;
margin-left: -18px;
padding-left: 18px;
margin-top: -3px;
margin-bottom: -3px;
padding-top: 3px;
padding-bottom: 3px;
}
div.extended li.zahl1 a { background-image: url(http://static.10nach8.de/images/08032801/bullet_point_zahl1.gif); }
div.extended li.zahl2 a { background-image: url(http://static.10nach8.de/images/08032801/bullet_point_zahl2.gif); }
div.extended li.zahl3 a { background-image: url(http://static.10nach8.de/images/08032801/bullet_point_zahl3.gif); }
div.extended li.zahl4 a { background-image: url(http://static.10nach8.de/images/08032801/bullet_point_zahl4.gif); }
/* ---------- extended content-bezogen (Farbwechsel nach Blau und Hellblau) -------------- */
div.extContent { background-color: #e7b484; }
div.extContent div.l1 p {
background-color: #bc6d1e;
color: #fcc51e;
background-image:none;
}
div.extContent li {
background-image: url(http://static.10nach8.de/images/08032801/extContent_li_bg.gif);
background-color:#e7b484;
}
div.extContent li a {
color: #000;
background-position: -398px 2px;
border-bottom-color: #bc6d1e;
}
div.extContent li a:hover {
background-color: #fff;
background-position: -598px 2px;
}
/*
div.extContent a.icon2 {
padding-top:5px;
padding-bottom:5px;
}
*/
div.extended a.achtung { color:#900; }
div.extended a.achtung:hover {
background-color:#900;
color:#fff;
}
/* ------------ Extended Tabellen ----------- */
div.extended table { width: 194px; }
div.extended table table { width: auto; }
div.extended table p { line-height: 11px; margin-top: 2px; margin-bottom: 2px; }
div.extended td.spalte1 { width: 75px; }
div.extended td.spalte2 { width: 119px; }
div.extended td.spalte2 div.gruppe {
border: 1px solid #bc6d1e;
border-right:0;
padding: 2px;
padding-right:0;
}
table.extFormularOptionen td { vertical-align:bottom; }
table.extFormularOptionen p { font-size: 9px; }
/* ??? */
img.userInfo { margin-left: 6px; height: 10px; }
div.login { background: url(http://static.10nach8.de/images/08032801/login.jpg) no-repeat left top; float: left; width: 194px; }
div.login p { color: #fff; }
div.login a { color: #fcc51e; text-decoration: none; }
div.login a:hover { text-decoration: underline; }
table.login { margin-top: 170px; }
/* ----------------------------------- Quotebox (Zitate) -------------------------------------- */
p.quote {
margin-top: 20px;
margin-bottom: 10px;
text-align: right;
}
div.quoteBox {
border: solid 1px #ccc;
border-right-width: 0;
margin: 5px;
margin-right: 0;
overflow: hidden;
}
div.quoteBox p {
margin-left: 5px;
margin-right: 5px;
overflow: hidden;
}
/*
div.quoteBox div.quoteBox {
border-right-width: 1px;
margin-right: 3px;
}
*/
/*
div.quoteBox div.quoteBox div.quoteBox {
margin-right: 3px;
}
*/
div.quoteWriter {
padding: 1px 5px;
background-color: #ccc;
color: #fff;
font-size: 10px;
/*font-weight: bold;*/
/*display: inline;*/
}
div.quoteWriter span.tip a { color: #fff; text-decoration: none; }
/*
div.quoteWriter span.right { color: #e7b484; }
*/
/*
div.quoteBoxAdmin { border-color: #ccc; }
div.quoteBoxAdmin div.quoteWriter { background-color: #004985; }
*/
ul.functions {
margin: 0;
padding: 0;
list-style-type: none;
width: 160px;
}
ul.functions li { border-bottom: 1px solid #fff; }
ul.functions li a {
text-decoration: none;
display: block;
padding: 5px;
background-color: #fff;
}
ul.functions li a:hover { background-color: #fff; }
/* ------------------------------------------- Kathegorien ----------------------------------------------- */
div.boxKathegorie {
overflow: hidden;
float: left;
width: 554px;
background-repeat: no-repeat;
background-position: right top;
background-color:#eee;
}
div.boxKathegorie h3 {
margin-left: 0;
font-size: 25px;
background-color: #333;
color: #fff;
display: inline;
padding-left: 5px;
padding-right:5px;
}
div.boxKathegorie h4 {
margin: 5px;
font-size: 15px;
color: #222f3c;
}
div.boxKathegorie p { margin-left: 5px; }
div.boxKathegorie hr {
background-color: #fff;
display: none;
}
/* ------------------------------------ img Container ---------------------------------------- */
div.imgContainer {
/*background-color: #666;*/
text-align: center;
position: relative;
}
/* ------------------------------------- Thumbnail Bildergalerie ------------------------------- */
div.boxThumb {
width: 184px;
float: left;
margin-right: 1px;
}
div.boxGalerie div.imgContainer,
div.boxThumb div.imgContainer {
width: 160px;
height: 120px;
border-left: 24px solid #fff;
background-color: #666;
}
div.ungerade div.boxGalerie div.imgContainer,
div.ungerade div.boxThumb div.imgContainer {
border-color: #eee;
}
/* macht Bildgroessen in alten Galerien auf richtige Groesse*/
div.Bilder div.boxGalerie div.imgContainer img,
div.Bilder div.boxThumb div.imgContainer img {
height: 120px;
}
div.boxThumb h3 {
background-color: #999;
padding: 1px 2px;
text-transform: uppercase;
font-size: 9px;
color: #fff;
margin: 0;
margin-left:24px;
margin-bottom:1px;
}
div.boxThumb p {
margin-top: 2px;
margin-bottom: 2px;
margin-left:24px;
}
div.boxThumb div.imgContainer img { height: 120px; }
a.thumbLens {
display: block;
position: absolute;
top: 0;
left: 0;
height: 120px;
width: 160px;
background-image:none;
background-repeat: no-repeat;
background-position: left bottom;
}
a.thumbLens:hover { background-image: url(http://static.10nach8.de/images/08032801/lens.png); }
/* -------------------------------- Galerien Bilder ---------------------------------------------- */
p.sternText {
color:#ccc;
font-size:9px;
margin-top:0;
background-color: #fff;
}
div.kathegorieDisco { background: #eee url(http://static.10nach8.de/images/08032801/spacer.gif) no-repeat left top; }
div.kathegorieKonzert { background: #fff url(http://static.10nach8.de/images/08032801/spacer.gif) no-repeat left top; }
div.kathegorieSport { background: #eee url(http://static.10nach8.de/images/08032801/spacer.gif) no-repeat left top; }
div.kathegorieSonstiges { background: #fff url(http://static.10nach8.de/images/08032801/spacer.gif) no-repeat left top; }
div.boxGalerie {
width: 554px;
border-left:0;
float:left;
overflow:hidden;
}
div.boxGalerie div.contentLeft {
width: 184px;
float: left;
}
div.boxGalerie div.contentRight {
width: 370px;
float: left;
min-height: 120px;
}
div.boxGalerie table.locationLogo {
float: right;
width: 120px;
height: 120px;
}
div.boxGalerie div.locationLogo {
width: 120px;
background: url("http://static.10nach8.de/images/08032801/location_logo_2_a2.gif") no-repeat left bottom;
}
div.boxGalerie div.locationLogo div {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: url("http://static.10nach8.de/images/08032801/location_logo_2_a1.gif") no-repeat left top;
}
div.gerade div.boxGalerie div.locationLogo {
background: url("http://static.10nach8.de/images/08032801/location_logo_2_b2.gif") no-repeat left bottom;
}
div.gerade div.boxGalerie div.locationLogo div {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: url("http://static.10nach8.de/images/08032801/location_logo_2_b1.gif") no-repeat left top;
}
div.boxGalerie p.beschreibungsText {
width: 260px;
overflow:hidden;
}
/* Veranstaltungsort */
div.boxGalerie div.contentRight h3 {
font-size: 12px;
color: #666;
font-weight:bold;
}
/* Name der Galerie */
div.boxGalerie div.contentRight h4 {
font-size: 18px;
line-height: 18px;
color: #fff;
margin:0;
font-weight:bold;
}
div.boxGalerie div.contentRight h4 span { background-color:#666; }
/* Subgruppen in Galerie */
div.boxGalerie div.contentRight h5 {
font-size: 13px;
font-weight: bold;
}
div.boxGalerie div.contentRight div.subGruppe h5 { margin-left:0; }
div.boxGalerie div.contentRight h5 span.right { font-weight: normal; }
/* ------------------------------------------- Galerie Innenseite --------------------------------------------- */
div.boxImg {
width: 557px;
float: left;
border: 1px solid #bc6d1e;
border-left: 0;
padding: 3px 0;
background-color: #fff;
margin-bottom: 2px;
}
div.boxImg div.imgContainer {
width: 554px;
text-align: left;
overflow:hidden;
background-color: #666;
}
div.boxImg table.siteNavi { width: 554px; margin: 0; }
/* Copyright ausblenden */
div.Bilder div.boxImg div.imgContainer img { margin-bottom:-18px; }
/* ---------- Querformat Bilder Anpassung ---------- */
div.layoutBreit { float: left; }
div.layoutBreit div.verbindung { width: 755px; }
div.layoutBreit div.sNavi { width: 755px; }
div.layoutBreit div.sNaviSub { width: 745px; }
div.layoutBreit table.siteNavi { width: 755px; }
div.layoutBreit h1,
div.layoutBreit p.h1 { width: 750px; }
div.layoutBreit h2 { width: 745px; }
div.layoutBreit div.boxImg {
width: 755px;
border-right:0;
}
div.layoutBreit div.imgContainer {
width: 755px;
text-align: left;
}
/*
div.layoutBreit div.boxWarning,
div.layoutBreit div.boxInfo { width:615px; }
*/
div.layoutBreit div.profilHeader { width:755px; }
div.layoutBreit div.profilHeader h1 { width:auto; }
div.eigeneFotos div.boxThumb div.imgContainer img {
height: auto;
max-height: 120px;
max-width: 160px;
}
div.boxKommentar {
float: left;
clear:left;
width: 557px;
background: #fff url(http://static.10nach8.de/images/08032801/bg_extension_eee.gif) repeat-y -50px top;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
div.boxKommentar h3 {
padding: 1px 2px;
background-color: #666;
text-transform: uppercase;
font-size: 9px;
color: #fff;
margin: 0;
margin-right:-1px;
border-bottom: 1px solid #ddd;
}
div.boxKommentar h4 { }
div.boxKommentar p.avantar {
font-style:italic;
color:#666;
}
div.boxKommentar div.header {
float: left;
position: relative;
width: 557px;
background-color:#666;
color: #fff;
}
div.boxKommentar div.headerLeft {
float: left;
width: 110px;
overflow: hidden;
color:#fff;
}
/* Username */
div.boxKommentar div.headerLeft h5 { font-size: 12px; }
div.boxKommentar div.headerRight {
float: left;
width: 445px;
font-weight:bold;
}
/* Ueberschrift */
div.boxKommentar div.headerRight h4 {
font-size:12px;
font-weight:bold;
margin-left: 10px;
margin-right: 10px;
}
/* Ueberschrift vom User im Forum unter der H4 */
div.boxKommentar div.headerRight h4 span.sub { font-size:10px; }
div.boxKommentar div.rechte {
font-size:10px;
padding:2px 5px;
text-transform:uppercase;
border:2px solid #bc6d1e;
/*clear:left;*/
float:left;
width:544px;
margin-right:-1px;
background-color:#eee;
color:#bc6d1e;
font-weight:bold;
z-index: 10;
position: relative;
}
div.boxKommentar div.content {
float: left;
position: relative;
width: 557px;
margin-right:-1px;
}
div.boxKommentar div.contentLeft {
float: left;
width: 110px;
overflow: hidden;
margin-top:-1px;
}
div.boxKommentar div.imgContainer { margin-top:1px; }
div.boxKommentar div.contentLeft img.user {
width:110px;
height:110px;
}
div.boxKommentar div.contentRight {
float: left;
overflow: hidden;
width: 447px;
margin-right: -1px;
}
div.boxKommentar div.contentRight img { max-width: 444px; }
/* in box kommentar und box profil */
p.geaendert {
border: 1px solid #ccc;
border-right: 0;
color: #ccc;
padding: 5px;
}
p.geaendert a { color: #ccc; }
div.boxKommentar div.contentRight p.stichwort {
background-color:#fff;
border-bottom:1px dotted #222f3c;
border-bottom:1px dotted #222f3c;
margin-top:0;
margin-left:0;
margin-right:0;
}
div.boxKommentar p.stichwort span {
display:block;
margin:1px;
background-color:#eee;
padding:5px;
}
div.boxKommentar p.mehr { margin-top:20px; }
/* Popup Privater Chat */
div.boxKommentar div.contentRight h5 {
font-size: 11px;
margin-right:0;
}
div.boxKommentar div.contentRight h5 span.bg {
background-color:#ccc;
color:#fff;
}
div.boxKommentar div.contentRight p {
margin: 10px;
}
div.boxKommentar div.contentRight h5 span.user {
font-weight:bold;
background-color:#222f3c;
padding-left:5px;
padding-right:5px
}
/* ------ Icons in boxKommentar ------ */
div.boxKommentar div.iconContainer {
background-color:#666;
padding-bottom:1px;
}
div.boxKommentar a.icon {
width: 36px;
height: 36px;
background-color:#eee;
background-position: left -72px;
margin-top:1px;
}
div.boxKommentar a.icon:hover {
background-color:#fff;
background-position: left -108px;
}
div.boxKommentar .iconProfil { background-image: url(http://static.10nach8.de/images/08032801/icon_profil_klein.gif); }
div.boxKommentar .iconPn { background-image: url(http://static.10nach8.de/images/08032801/icon_pn_klein.gif); }
div.boxKommentar .iconPc { background-image: url(http://static.10nach8.de/images/08032801/icon_pc_klein.gif); }
div.boxKommentar span.iconInaktiv {
width: 36px;
height: 36px;
background-color:#004985;
margin-top:1px;
}
div.boxKommentar span.iconGesperrt {
background: url(http://static.10nach8.de/images/08032801/icon_profil_klein_gesperrt.gif) no-repeat left top;
width:110px;
}
div.boxKommentar p.userStatus { margin-top:0; }
div.boxKommentar p.userStatus img {
margin-top:1px;
margin-right:1px;
}
/* popup chat */
div.popup div.popupBanner {
background-color:#666;
float:left;
width:558px;
/*margin-bottom:-5px;*/
}
div.popup div.boxKommentar { border-top:1px solid #666; }
div.popup div.boxKommentar div.contentLeft { margin-top:0; }
div.popup div.contentRight iframe {
height:250px;
width:447px;
border:0;
padding:0;
margin:0;
}
div.popup table.formular textarea { height:100px; }
div.popup div.popupHinweis {
background-color:#004985;
color:#fcc51e;
float:left;
width:444px;
padding:5px;
}
div.chatVerlauf h5 {
font-size: 11px;
margin-right:0;
}
div.chatVerlauf h5 span.bg {
background-color:#222f3c;
color:#fff;
}
div.chatVerlauf h5 span.user {
font-weight:bold;
background-color:#004985;
color:#fff;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
div.boxFooter {
float: left;
width: 558px;
text-align:right;
margin-right: -1px;
margin-bottom: -1px;
position: relative;
}
div.boxFooter p {
margin-top: 2px;
margin-right: 0;
margin-bottom: 0;
background-color: #fff;
float:right;
padding: 3px;
padding-right:0;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
/* --------------------------------------------- Team Kennzeichnung bei Boxen ------------------------------------------------ */
/* Gast im GB */
div.boxKommentar-2 { }
/* Gelscht */
div.boxKommentar-1 { }
div.boxKommentar-1 div.headerLeft { background-color:#000; }
div.boxKommentar-1 div.headerLeft h5 {
font-style:italic;
color:#999;
}
/* Gesperrt */
div.boxKommentar0 { }
/* Mitglied */
div.boxKommentar1 { }
/* Pro-Mitglied */
div.boxKommentar2 { }
/* Premium Mitglied */
div.boxKommentar3 { }
/* Partner */
div.boxKommentar4 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.boxPrivat div.boxKommentar4 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter_privat.gif); }
/* VIP */
div.boxKommentar5 { }
/* Freie Mitarbeiter */
div.boxKommentar6 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied.gif) }
/* Feste Mitarbeiter */
div.boxKommentar7 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied.gif); }
/* Leitungsfunktion */
div.boxKommentar8 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
/* Geschftsfhrer */
div.boxKommentar9 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_geschaeftsfuehrer.gif); }
div.boxKommentar4,
div.boxKommentar6,
div.boxKommentar7,
div.boxKommentar8,
div.boxKommentar9 {
background-repeat: no-repeat;
background-position: 0 2px;
padding-top: 15px;
float:left;
}
/* Nicht freigeschalten */
div.boxPrivat { background-position: -555px 2px; }
div.boxPrivat img {
-moz-opacity: 0.5;
opacity: 0.5;
filter:alpha(opacity=25)
}
div.boxPrivat div.boxKommentar {
background-color: #eaeaea; background-image: url(http://static.10nach8.de/images/08032801/bg_extension_ccc.gif);
color: #222f3c;
border-color: #ccc;
}
div.boxPrivat div.header { background-color: #ccc; color: #333; }
div.boxPrivat h3 { background-color: #ccc; color: #333; }
div.boxPrivat h5 { color: #333; }
div.boxPrivat a { color: #333; }
div.boxPrivat p.mehr a {
background-color: #999;
color: #fff;
background-position: 5px -298px;
}
div.boxPrivat div.boxFooter p { border-color:#ccc; }
div.boxPrivat img.user { margin-bottom: -1px; position: relative; }
div.boxPrivat div.iconContainer { background-color:#ddd; margin-top: 1px; }
div.boxPrivat a.icon {
background-position: left top;
background-color:#ccc;
}
div.boxPrivat a.icon:hover {
background-color:#fff;
background-position:left -36px;
}
div.boxPrivat div.rechte {
background-color:#ccc;
color:#222f3c;
}
div.boxPrivat div.contentRight p.stichwort { border: 0; padding: 0; background-color: #ddd; }
div.boxPrivat div.contentRight p.stichwort span { background-color: #ccc; margin-right: 0; }
div.boxPrivat div.imgContainer { background-color: #ccc; }
div.boxEingeschraenkt { background-position: -1110px 2px; }
div.boxEingeschraenkt div.boxKommentar { background-image: url(http://static.10nach8.de/images/08032801/bg_extension_b3b380.gif) }
div.boxEingeschraenkt h3 {
background-color:#660;
color:#b3b380;
}
div.boxEingeschraenkt div.header { background-color:#660; }
div.boxEingeschraenkt div.iconContainer { background-color:#660; }
div.boxEingeschraenkt a.icon {
background-position: left -144px;
background-color:#b3b380;
}
div.boxEingeschraenkt a.icon:hover { background-position: left -180px; }
div.boxEingeschraenkt div.rechte { background-color:#eee; /*color:#660;*/ }
div.boxEingeschraenkt div.boxFooter a { color:#660; }
/* ++++++++++++++++++++++++++++++++++++++ ADMIN +++++++++++++++++++++++++++++++++++++++++ */
/*
div.boxBorder table.tabelle { margin-bottom: -1px; }
*/
/* forum */
/*table.forum,
table.ortsdatenbank,
table.pn,
table.pn2,
table.kalender,
table.online,
table.eventsPruefen,
table.neues,*/
table.tabelle {
border-collapse: collapse;
float: left;
clear: left;
width: 554px;
}
/* ------------------ Table allgemein ------------------------- */
td,
th {
border-style: solid;
border-width: 0;
border-color: #ccc;
}
th {
padding-top: 2px;
padding-bottom: 2px;
min-height: 24px;
text-align: left;
background-color:#fff;
}
th a { color: #000;
}
th h3 {
font-size: 10px;
text-transform:uppercase;
font-weight:bold;
}
table tr.abstand td {
height: 3px;
font-size:0;
line-height:0;
}
tr.gerade td {
background-color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
tr.ungerade td {
background-color:#eee;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
/* Eigene Themen bzw. Beitraege */
tr.highlight td {
background-color: #e7b484;
border-color: #bc6d1e;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
/* Abgerundete Umrandung (in Tabelle) um Bild oder Logo */
table.tabelle div.locationLogo {
width: 120px;
background-repeat: no-repeat;
background-position: left bottom;
margin-top: 5px;
margin-bottom: 5px;
}
table.tabelle div.locationLogo div {
width: 110px;
padding: 5px;
text-align:center;
background-repeat: no-repeat;
background-position: left top;
}
table.tabelle tr.gerade div.locationLogo { background-image: url(http://static.10nach8.de/images/08032801/location_logo_1_a2.gif); }
table.tabelle tr.gerade div.locationLogo div { background-image: url(http://static.10nach8.de/images/08032801/location_logo_1_a1.gif); }
table.tabelle tr.ungerade div.locationLogo { background-image: url(http://static.10nach8.de/images/08032801/location_logo_1_b2.gif); }
table.tabelle tr.ungerade div.locationLogo div { background-image: url(http://static.10nach8.de/images/08032801/location_logo_1_b1.gif); }
table.tabelle tr.highlight div.locationLogo { background-image: url(http://static.10nach8.de/images/08032801/location_logo_1_c2.gif); }
table.tabelle tr.highlight div.locationLogo div { background-image: url(http://static.10nach8.de/images/08032801/location_logo_1_c1.gif); }
/* Ueberschriften in Tabellen */
.headline1 {
font-size: 13px;
font-weight: bold;
margin: 5px;
}
.headline1sub {
font-size: 11px;
font-weight: normal;
margin-top: -5px;
}
/* soll werden table.clanMitglieder */
table.online td.spalte3 { background-color: #900; }
table.online td.spalte4 { text-align: right; }
table.kalender td.spalte3 { vertical-align: top; }
table.kalender tr.highlight td.spalte1,
table.kalender tr.highlight td.spalte2 {
border-top: 0;
border-bottom: 0;
}
table.eventsPruefen td.spalte1 { width: 25%; }
table.eventsPruefen td.spalte2 {
width: 25%;
border-left-width: 1px;
border-right-width: 1px;
}
table.eventsPruefen td.spalte4 {
width: 40%;
white-space: nowrap;
text-align:right;
}
/* -------------------------------------------- table Neues ---------------------------------------------- */
table.neues p { margin: 2px 5px; }
/* Neues Deiner Freunde */
table.colStyle1 td.spalte1 { width: 35px; white-space: nowrap; }
table.colStyle1 td.spalte1 img { width: 35px; height: 35px; }
/* Neue Kommentare */
table.colStyle2 td.spalte1 { white-space:nowrap; width: 120px; }
table.colStyle2 td.spalte2 { width: 47px; }
table.colStyle2 td.spalte2 div.imgContainer { height: 35px; width: 47px; }
table.colStyle2 td.spalte4 { text-align:right; }
/* Clans Uebersicht */
table.clans2 td.spalte1 { width: 35px; }
table.clans2 td.spalte2 { width: 149px; }
table.clans2 td.spalte3 { width: 35px; }
table.clans2 td.spalte4 { width: 149px; }
table.clans2 td.spalte5 { width: 35px; }
table.clans2 div.icon { width: 35px; height: 35px; background: #666 url(http://static.10nach8.de/images/08032801/clan_dummy_gruppe.gif) no-repeat left top; }
/*
div.iconClan1 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan2 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan3 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan4 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan5 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan6 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan7 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan8 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan9 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan10 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan11 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan12 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan13 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan14 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan15 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan16 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan17 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
div.iconClan100 { background-image: url(http://static.10nach8.de/images/08032801/team_mitglied_bereichsleiter.gif); }
*/
/* Clans */
table.clans td.spalte1 { vertical-align: top; width: 120px; }
table.clans td.spalte2 { vertical-align: top; width: 100%; }
table.clans .spalte3 { border-left-width: 1px; text-align:center; }
table.clans .spalte4 { background-color: #666; color: #fff; text-align:center; }
/* -------------------------------------------- table forum ---------------------------------------------- */
/* Kathegorien auf Uebersichtsseite */
table.forum h4,
table.ortsdatenbank h4,
table.kalender h4 {
font-size: 10px;
background-color:#666;
text-transform:uppercase;
color:#fff;
margin:0;
padding-left:5px;
padding-right: 5px;
}
/* Icon */
table.forum td.spalte1 { vertical-align: top; padding-top: 5px; padding-bottom:5px; }
table.forum div.iconForum { width: 34px; height: 34px; background-repeat: no-repeat; background-position: left top; }
table.forum div.iconForum img { width: 34px; height: 34px; } /* ie */
/* Standard, Fall gerade */
table.forum div.iconForumNeu { background-position: left -34px; }
/* Fall ungerade */
table.forum tr.ungerade div.iconForum { background-position: left -68px; }
table.forum tr.ungerade div.iconForumNeu { background-position: left -102px; }
/* Fall Highlight */
table.forum tr.highlight div.iconForum { background-position: left -136px; }
table.forum tr.highlight div.iconForumNeu { background-position: left -170px; }
table.forum div.iconForumNormal { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_normal.gif); }
table.forum div.iconForumHeiss { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_heiss.gif); }
table.forum div.iconForumGeschlossen { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_geschlossen.gif); }
table.forum div.iconForumFest { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_fest.gif); }
table.forum div.iconForumNormalUmfrage { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_normal_umfrage.gif); }
table.forum div.iconForumHeissUmfrage { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_heiss_umfrage.gif); }
table.forum div.iconForumGeschlossenUmfrage { background-image: url(http://static.10nach8.de/images/08032801/icon_forum_geschlossen_umfrage.gif); }
/* Thema */
table.forum td.spalte2 { width: 100% }
/* Anzahl der Beitraege */
table.forum td.spalte3 { border-left-width: 1px; border-right-width: 1px; text-align: center; }
/* Anzahl der Beitraege bei "Aehnliche Themen" */
table.forum td.spalte3b { border-left-width: 1px; text-align: center; }
table.forum td.spalte4 { white-space: nowrap; }
table.forum td.spalte4b { text-align:center; }
/* ---------------------------------------- table ortsdatenbank ---------------------------------------- */
table.ortsdatenbank td.spalte1 { }
table.ortsdatenbank td.spalte2 h5 { font-size:11px; }
table.ortsdatenbank td.spalte2 h5 a { text-decoration: none; }
table.ortsdatenbank td.spalte2 h5 a:hover { text-decoration: underline; }
table.ortsdatenbank td.spalte3 { }
/* --------------------------------------------- table pn ---------------------------------------------- */
/* checkbox */
table.pn td.spalte1 { padding-left: 10px; }
/* pn nummer x */
table.pn td.spalte2 { white-space: nowrap; padding-right:10px; }
table.pn td.spalte2 p { margin-right:0; }
/* Betreff */
table.pn td.spalte3 { width: 100%; }
table.pn td.spalte3 h5 { font-size: 12px; }
table.pn td.spalte3 h5 a { text-decoration: none; }
table.pn td.spalte3 h5 a:hover { text-decoration: underline; }
/* Absender */
table.pn td.spalte4 { white-space: nowrap; border-left-width: 1px; border-right-width: 1px; }
table.pn td.spalte4 a { color: #000; text-decoration: none; }
table.pn td.spalte4 a:hover { text-decoration: underline; }
/* Datum */
table.pn td.spalte5 { white-space: nowrap; }
/* Optionen (alle auswaehlen, dann loeschen, usw...) */
table tr.optionen td { padding-top: 5px; padding-bottom: 5px; }
table tr.optionen td a { color: #000; }
table tr.optionen td.pfeil { background: url(http://static.10nach8.de/images/08032801/pn_pfeil_a.gif) no-repeat left center; }
table th.pfeil { background: #fff url(http://static.10nach8.de/images/08032801/pn_pfeil_b.gif) no-repeat left center; }
/* ---------------------------------------------- table pn2 --------------------------------------------- */
div.boxPn { width:557px; float:left; background: #fff url(http://static.10nach8.de/images/08032801/bg_extension_eee.gif) repeat-y -50px top; border:1px solid #666; border-left:0; }
div.boxPn h3 { text-transform: uppercase; font-size:11px; }
div.boxPn div.header { float:left; width:557px; margin-right: -1px; background-color: #eee; border-bottom:1px solid #fff; }
div.boxPn div.headerLeft { white-space:nowrap; width: 110px; float:left; overflow:hidden; }
div.boxPn div.headerRight { width: 447px; float:left; overflow:hidden; margin-right: -1px; }
div.boxPn div.betreff { background: #666 url(http://static.10nach8.de/images/08032801/bg_extension_c60.gif) repeat-y -50px top; color: #fff; }
/*div.boxPn div.betreff div.headerLeft { background-color:#c60; }*/
div.boxPn div.betreff div.headerLeft h3 { color:#fff; }
div.boxPn div.content { float:left; width:557px; margin-right: -1px; }
div.boxPn div.contentLeft { float:left; width:110px; overflow:hidden; background-color: #eee; }
div.boxPn div.contentRight { float:left; width:447px; overflow:hidden; margin-right: -1px; }
div.boxPn div.contentRight img { max-width:444px; }
/* ------------------------------------------------ table kalender --------------------------------------------- */
table.kalender { margin-top: -3px; }
/* Faehnachen */
table.kalender tr.kathegorie h3 { background-color: #fcc51e; float: left; padding: 2px; padding-left:5px; padding-right: 5px; margin: 0; font-size: 10px; }
/* Fahne */
table.kalender td.spalte1 { width: 5px; background-color:#fcc51e; font-size:1px; line-height:1px; border: 0; }
table.kalender td.spalte2 { width: 5px; font-size: 0; line-height:0; }
table.kalender tr.gerade td.spalte2,
table.kalender tr.ungerade td.spalte2 { background-color: transparent; }
/* Location */
table.kalender h5 { font-size: 11px; }
table.kalender h5 a { text-decoration: none; color: #000; }
table.kalender h5 a:hover { text-decoration: underline; }
/* Name der Veranstaltung */
table.kalender h6 { font-size: 13px; font-weight:bold; }
table.kalender td.spalte4 { vertical-align: top; border-right-width: 1px; }
/* Flyer auf Uebersichtsseite */
div.kalenderFlyer { border: 1px solid #222f3c; float: right; margin: 5px; position: relative; }
div.kalenderFlyer:hover { border-color: #000; }
img.kalenderFlyer { width: 60px; }
/* km */
table.kalender td.spalte5 { vertical-align: top; text-align:right; white-space: nowrap; }
table.kalender td.anzeige { padding:0; background-color:#909; }
div.kalenderMonat { float: left; width: 194px; background-color: #c60; }
table.kalenderMonat { border-collapse:collapse; background-color: #ccc; width: 195px; }
table.kalenderMonat th { background-color: #222f3c; color: #fff; border:0; padding:0; height: auto; text-align: center; }
table.kalenderMonat th.kw { border-right: 1px solid #fff; color: #fff; }
table.kalenderMonat td { border: 1px solid #fff; }
table.kalenderMonat a { display: block; width: 22px; line-height: 16px; text-align:center; text-decoration:none; color: #fff; }
table.kalenderMonat td.kw { width: 100%; }
table.kalenderMonat td.kw a { background-color: #666; width:100%; }
/* aktueller Tag, heute */
table.kalenderMonat a.tag { background-color:#e7b484; color: #bc6d1e; }
table.kalenderMonat a.heute { background-color:#900; }
/* ausgewaehler tag oder woche */
table.kalenderMonat td.active { background-color: #bc6d1e; }
table.kalenderMonat td.active a.tag { background-color: #bc6d1e; color: #fff; }
table.kalenderMonat a:hover,
table.kalenderMonat td.active a:hover { color: #000; background-color: #fff; }
/* profil */
div.boxProfil { float: left; width: 554px; background: url(http://static.10nach8.de/images/08032801/bg_extension_eee.gif) repeat-y left top; }
div.boxProfil div.yal { height: 0; }
div.boxProfil div.contentLeft { float: left; width: 160px; overflow: hidden; margin-right: -3px; border-right: 3px solid #bc6d1e; padding-right: 3px; }
div.boxProfil div.profilBild { width:160px; height:160px; }
div.boxProfil div.geburtstag { background: url(http://static.10nach8.de/images/08032801/birthday_profil.gif) no-repeat left top; }
div.boxProfil div.geburtstag img.user { width: 135px; height:135px; margin-top:22px; margin-left:22px; }
/* Logo und/oder Locationanschrift der Location in Eventkalender Grossansicht */
div.boxProfil div.contentLeft div.box1 { padding: 5px; text-align: center; background-color:#fff; }
div.boxProfil div.contentLeft div.box1 h3 { color: #000; font-size: 13px; font-weight: bold; }
div.boxProfil div.contentLeft img.impressionen { }
div.boxProfil div.contentLeft img.user { }
div.boxProfil div.contentLeft h3 { font-size: 10px; margin: 0; color: #fff; padding: 1px; }
div.boxProfil div.contentLeft h3 span.bg { background-color: #666; padding-left: 5px; }
div.boxProfil div.contentLeft h3.highlight span.bg { background-color: #bc6d1e; }
div.boxProfil div.contentLeft p.info { font-size: 10px; color: #666; margin-top: 0; }
div.boxProfil div.contentLeft p.highlight { color: #bc6d1e; }
div.boxProfil div.merkzettel { background-color: #ccc;float: left; width: 160px; border-bottom: 3px solid #fff; }
div.boxProfil div.merkzettel p { color: #666; padding: 3px; }
div.boxProfil div.merkzettel h3 { border-top: 1px solid #fff; background-color: #666; padding: 3px; }
div.boxProfil div.contentRight { float: left; width: 388px; position:relative; overflow:hidden; border-left:3px solid #bc6d1e; }
div.boxProfil div.contentRight p.headline { background-color:#bc6d1e; font-size:20px; margin-left:0; margin-top:0; color:#fff; }
div.boxProfil div.contentRight img { max-width: 384px; }
/* Flyer im Eventkalender */
div.boxProfil div.contentRight div.flyer { width: 384px; margin-left: 4px; /*padding: 5px; border:1px solid #000; background-color: #fff; text-align: center;*/ overflow:hidden; }
div.boxProfil div.contentRight div.flyer img { /*max-width: 363px;*/ }
div.boxProfil div.contentRight h3 { color: #fff; background-color: #666; text-transform: uppercase; font-size: 11px; margin-right:0; margin-bottom:0; padding: 1px 5px; }
div.boxProfil div.contentRight p { margin-right:0; }
div.boxProfil div.contentRight table td.spalte1 { width: 100px; }
div.boxProfil div.contentRight table td.spalte1 p { font-size: 13px; font-weight: bold; }
iframe.profilKarte { width: 555px; height: 555px; }
/* disclaimer: die inhalte dieser seite... */
div.contentHinweis { border-top: 1px solid #999; /*margin-top:30px;*/ margin-left: 3px; width:755px; float:left; clear:both; margin-bottom:-20px; position:relative; color: #999; background: url(http://static.10nach8.de/images/08032801/bg_content_abschluss.gif) no-repeat -3px bottom; }
div.contentHinweis p { margin: 10px; }
div.contentHinweis a { color: #999; }
/* boxxx */
div.box { }
div.boxBorder { width: 557px; border: 1px solid #bc6d1e; border-left: 0; float:left; background-color:#fff; padding-top:3px; padding-bottom:3px; }
/* headline bei eigenem bild?????????????? */
/*
div.boxBorder h2.user {
background-color:#fff;
width: auto;
color:#666;
font-size:15px;
padding-left:5px;
}
*/
/*
div.box100 {
width: 550px;
margin-right: 4px;
}
*/
div.box50 { width: 273px; margin-right: 4px; float:left; min-height:170px; }
div.box50 h3 { font-size: 13px; background-color:#666; color:#eee; font-weight:bold; margin:0; padding-left:5px; }
div.box50 h3 span.sub { background-color:#eee; color:#666; display:block; margin-left:-5px; padding-left:5px; }
div.box50 td.spalte1 h4 { font-size: 11px; background-color:#333; color:#fff; font-weight:bold; margin:0; padding-left:5px; }
/* globale div einstellungen */
div.he1 { min-height: 185px; }
div.he2 { min-height: 300px; }
div.gerade { background-color: #fff; float: left; margin-right: 1px; }
div.ungerade { background-color: #eee; float: left; margin-right: 1px; }
div.box20 { width: 110px; float: left; }
div.box20 p { line-height: 12px; }
div.box20 div.imgContainer { height:110px; width:110px; }
/*
div.ungerade div.box20 div.imgContainer { background-color: #eee; }
div.gerade div.box20 div.imgContainer { background-color: #fff; }
*/
div.box20 img.user { width: 110px; height: 110px; }
div.box20 img.medien { max-height:110px; max-width:110px; /* ueberfluessig beim release */ }
div.box20 a.medien { height:110px; width:110px; display:block; }
div.box20 span.userName { margin-bottom:2px; display:block; font-weight:bold; font-size:12px; }
/* box33 */
div.box33 { width: 184px; float:left; overflow: hidden; }
div.box33 div.imgContainer img { /*max-width: 184px; height: 138px;*/ }
/* box 66 */
div.box66 { width: 369px; margin-right: 1px; float: left; }
/* User Geburtstag in box20 und boxKommentar */
div.box20 a.geburtstag,
div.boxKommentar a.geburtstag { width: 110px; height: 110px; background: url(http://static.10nach8.de/images/08032801/birthday_box20.gif) no-repeat left top; display:block; }
div.box20 a.geburtstag img.user,
div.boxKommentar a.geburtstag img.user { width: 92px; height: 92px; margin-top: 15px; margin-left: 15px; }
/* ----------------- Magazin -------------- */
/* Headline der Box im Magazin */
div.boxMagazin h3.kathegorie { font-size:11px; background-color: #666; margin:0; padding: 1px 5px; color: #fff; text-transform:uppercase; font-weight:normal; }
div.boxMagazin h3.kathegorie a { color: #fcc51e; text-decoration: none; }
/* Magazin Uebersichtsseite, Headline eines Artikels */
div.boxMagazin h4 { font-weight:bold; font-size:13px; }
div.boxMagazin h4 a { text-decoration: none; }
div.boxMagazin h4 a:hover { text-decoration:underline; }
/* Gruppe der Box im Magazin (z.b. Sport) */
div.magazinGruppe1 { }
div.magazinGruppe1 h3.kathegorie { background-color: #004985; }
div.magazinGruppe2 { }
div.magazinGruppe2 h3.kathegorie { background-color: #222f3c; }
div.magazinGruppe2 h4 a { color: #222f3c; }
/* Kino und TV */
div.magazinGruppe3 { /*background-color: #ddd;*/ }
div.magazinGruppe3 h3.kathegorie { background-color: #000; }
div.magazinGruppe3 h4 a { color: #000; }
div.magazinGruppe5 { }
div.magazinGruppe5 h3.kathegorie { background-color: #900; }
div.magazinGruppe5 h4 a { color: #900; }
/* 10nach8 */
div.magazinGruppe8 { }
div.magazinGruppe8 h3.kathegorie { background-color: #222f3c; }
div.magazinGruppe8 h4 a { color: #222f3c; }
div.magazinGruppeCharts { background-color: #ddd; }
div.magazinGruppeCharts h3.kathegorie { background-color: #666; margin: 0; font-size: 14px; padding: 2px 5px; color: #fff; }
div.magazinGruppeCharts h3.kathegorie a { text-decoration: none; color: #fff; }
table.charts { width:100%; color: #666; }
table.charts td { border-bottom: 1px solid #fff; vertical-align: top; }
table.charts tr.platz1 td.spalte1 { border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
table.charts tr.platz1 td.spalte2 { border: 3px solid #fff; border-left: 0; }
table.charts tr.platz1 td.spalte2 img { border: 3px solid #900; border-left: 0; }
table.charts tr.platz1 td.spalte2 p { font-size: 14px; }
table.charts td.spalte1,
table.charts td.spalte3 { background-color: #666; color: #ccc; text-align: right; width: 25px; }
table.charts td.platz1 img { margin-left: 5px; max-width: 200px; border: 5px solid #f90; }
table.charts td.spalte2 { border-right: 1px solid #fff; width: 155px; }
table.charts p { margin-top: 2px; margin-bottom: 2px; }
table.formular td.spalte2 input.text { /*display: none;*/ }
table.formular { width: 554px; color:#fff; background-color: #999; }
table.formular a { color: #fff; }
table.formular p { margin-top: 2px; margin-bottom: 2px; }
table.formular td.spalte1 { width: 100px; vertical-align:top; }
table.formular td.spalte1 h4 { font-size:11px; color:#fff; margin-top: 2px; margin-bottom: 2px; }
table.formular td.spalte2 { width: 295px; vertical-align: top; }
table.formular td.spalte2 p { margin-left:0; }
table.formular td.spalte1und2 { width: 395px; }
table.formular td.spalte1und2 h3 { font-size: 15px; text-transform:uppercase; background-color:#666; color:#fff; margin:0; padding-left:5px; font-weight: bold; }
table.formular td.spalte1und2 h3 a { color:#fff; }
table.formular td.spalte1und2 h3 span.sub { color:#ccc; }
table.formular td.spalte1und2 table.perso { margin-left:5px; }
table.formular tr.trenn td { background-color:#fff; height:5px; }
table.formular tr.format table { margin-top: 1px; margin-bottom:1px; }
table.formular tr.format a.icon { background-color:#fff; background-repeat:no-repeat; border: 1px solid #b2b2b2; }
table.formular tr.format a.icon:hover { background-color:#666; border-color: #666; }
table.formular tr.format table.formatSchrift a.icon { background-position: left -20px; height: 20px; width:20px; }
table.formular tr.format table.formatSchrift a.icon:hover { background-position: left top; }
table.formular tr.format table.formatInhalt a.icon { height:30px; width:40px; background-position: left -30px; }
table.formular tr.format table.formatInhalt a.icon:hover { background-position: left top; }
table.formular p.highlight { background-color: #bc6d1e; padding: 4px; }
table.formular a.iconFett { background-image: url(http://static.10nach8.de/images/08032801/icons_format_fett.gif); }
table.formular a.iconKursiv { background-image: url(http://static.10nach8.de/images/08032801/icons_format_kursiv.gif); }
table.formular a.iconUnterstrichen { background-image: url(http://static.10nach8.de/images/08032801/icons_format_unterstrichen.gif); }
table.formular a.iconZitat { background-image: url(http://static.10nach8.de/images/08032801/icons_format_zitat.gif); }
table.formular a.iconUrl { background-image: url(http://static.10nach8.de/images/08032801/icons_einfuegen_url.gif); }
table.formular a.iconImg { background-image: url(http://static.10nach8.de/images/08032801/icons_einfuegen_webimg.gif); }
table.formular a.iconSmilie { background-image: url(http://static.10nach8.de/images/08032801/icons_einfuegen_smiley.gif); margin-right:5px; }
table.formular a.iconUpload { background-image: url(http://static.10nach8.de/images/08032801/icons_einfuegen_upload.gif); }
table.formular a.iconArchiv { background-image: url(http://static.10nach8.de/images/08032801/icons_einfuegen_img.gif); }
table.formular a.iconClose { margin-left: 5px; border-color:#FF0000; }
table.formular a.iconVideo { background-image: url(http://static.10nach8.de/images/08032801/icons_einfuegen_video.gif); margin-right:5px; }
table.formular div.smileyBox { clear:left; border: 1px solid #b2b2b2; background-color:#fff; border-left:0; margin-top: 1px; margin-bottom: 1px; padding: 5px; }
table.formular span.agb { font-size:9px; }
table.formular span.warning { background-color:#900; color:#fff; padding-left:2px; padding-right:2px; }
table.formular td.spalte3 { vertical-align:top; background-color: #666; }
table.formular td.spalte3 h3 { font-size: 12px; font-weight: bold; color:#fff; margin-right:0; padding: 2px; border: 1px solid #fff; border-right:0; }
div.formularOptionen { width:378px; background-color:#fff; padding:5px; margin-top:5px; }
/* nach suche bei ergebnisse */
span.highlight { background-color: #bc6d1e; padding: 4px; }
div#preview { overflow:hidden; clear:left; }
div#preview img { max-width:390px; }
/* table umfrage */
table.umfrage { width:549px; margin: -1px 0; }
table.umfrage td { background-color: #eee; border-top:1px solid #fff; border-bottom:1px solid #fff; }
table.umfrage td.spalte1 { width: auto; }
table.umfrage td.spalte2 { width: 100%; }
table.umfrage td.spalte3 p { margin:0; }
table.umfrage div.prozentBalken_a { background: url(http://static.10nach8.de/images/08032801/umfrage_a_eee_klein.gif) no-repeat left top; width: 200px; height: 12px; }
table.umfrage div.prozentBalken_b { background: url(http://static.10nach8.de/images/08032801/umfrage_b_eee_klein.gif) no-repeat left top; width: 0; height: 12px; }
table.umfrage td.spalte4 { white-space: nowrap; }
div.boxHinweis {
float: left;
overflow: hidden;
border:1px solid #666;
border-left:0;
width: 557px;
background-repeat: repeat-y;
background-position: left top;
}
div.boxHinweis div.content {
border:2px solid #fff;
border-left:0;
min-height:70px;
padding-left:120px;
float:left;
width:435px;
background-repeat: no-repeat;
background-position: 55px 10px;
}
div.boxHinweis h3 {
font-size: 16px;
margin-bottom: 10px;
font-weight:bold;
margin:10px;
margin-left:0;
}
div.boxHinweis h4 {
font-size: 12px;
font-weight:bold;
background-color:#666;
color:#fff;
margin: 5px 0 0 0;
padding: 1px 5px;
}
div.boxHinweis p {
margin: 5px 10px 10px 10px;
margin-left:0;
}
/*Rechts eingeklinktes Bild */
div.boxHinweis img.info {
float:right;
margin-left:10px;
}
div.boxInfo {
border-color:#666;
background-color:#eee;
background-image: url(http://static.10nach8.de/images/08032801/box_info_bg.gif);
}
div.boxInfo div.content { background-image: url(http://static.10nach8.de/images/08032801/box_hinweis_info.gif); }
div.boxInfo div.prozentBalken_a {
background: url(http://static.10nach8.de/images/08032801/umfrage_a_eee.gif) no-repeat left top;
width: 400px;
height: 20px;
margin-top:10px;
margin-bottom:10px;
}
div.boxInfo div.prozentBalken_b {
background: url(http://static.10nach8.de/images/08032801/umfrage_b_eee.gif) no-repeat left top;
width: 0;
height: 20px;
}
div.boxWarning {
border-color: #900;
background-color:#e6b380;
background-image: url(http://static.10nach8.de/images/08032801/box_warning_bg.gif)
}
div.boxWarning div.content { background-image: url(http://static.10nach8.de/images/08032801/box_hinweis_warning.gif); }
div.boxRechte {
border-color: #004985;
background-color:#004985;
background-image: url(http://static.10nach8.de/images/08032801/box_warning_bg.gif)
}
div.boxRechte div.content { background-image: url(http://static.10nach8.de/images/08032801/box_hinweis_warning.gif); }
div.verbindung { float: left; position:relative; width: 558px; background-color:#bc6d1e; margin-top:-1px; padding-bottom:5px; padding-top:5px; color:#e7b484; }
div.verbindung a { color: #e7b484; font-weight:bold; text-decoration:none; font-size:12px; }
div.verbindung a:hover { text-decoration:underline; }
div.verbindung div.pfeil { background: url(http://static.10nach8.de/images/08032801/kontaktPfeil.gif) repeat-x left center; height: 35px; float: left; margin-left: 2px; margin-right: 2px; }
div.verbindung img.kontaktBild { width: 35px; height: 35px; float: left; margin-right: 2px; }
div.verbindung div.kontaktText { float: left; }
div.verbindung2 { float: left; }
div.verbindung2 div.kontakt { float: left; overflow: hidden; position: relative; max-width: 132px; }
div.verbindung2 div.pfeil { width: 70px; position: relative; }
div.verbindung2 div.kontaktText { float: left; margin-top: 6px; }
div.verbindung3 { float: left; }
div.verbindung3 div.kontakt { float: left; overflow: hidden; position: relative; max-width: 132px; }
div.verbindung3 div.pfeil { width: 70px; position: relative; }
div.verbindung3 div.kontaktText { float: left; margin-top: 12px; }
div.verbindung4 { float: left; }
div.verbindung4 div.kontakt { float: left; overflow: hidden; position: relative; width: 132px; margin-right: -82px; }
div.verbindung4 div.pfeil { width: 83px; position: relative; }
div.verbindung4 div.kontaktText { float: left; clear: left; }
div.verbindung5 { float: left; }
div.verbindung5 div.kontakt { float: left; overflow: hidden; position: relative; width: 104px; margin-right: -54px; }
div.verbindung5 div.pfeil { width: 55px; position: relative; }
div.verbindung5 div.kontaktText { float: left; clear: left; }
div.verbindung6 { float: left; }
div.verbindung6 div.kontakt { float: left; overflow: hidden; position: relative; width: 87px; margin-right: -37px; }
div.verbindung6 div.pfeil { width: 38px; position: relative; }
div.verbindung6 div.kontaktText { float: left; clear: left; }
div#ads { position: absolute; left: 901px; top: 0; }
div#ads img { margin-bottom: 5px; }
div.banner { position: absolute; left: 156px; width: 728px; height: 90px; top: 0; overflow: hidden; /*background: url(http://static.10nach8.de/images/08032801/ladeanzeige_eee.gif) no-repeat center center;*/ padding-left:12px; }
div.wallpaper { left: 161px; }
div.pagepeel { position: absolute; left: 196px; width: 700px; height: 90px; top: 95px; z-index: 9000; }
div.pagepeelWallpaper { left: 201px; top: 90px; }
div.footer { color: #999; width: 774px; float: left; background: url(http://static.10nach8.de/images/08032801/bg_page_footer.gif) no-repeat 117px top; padding-left: 139px; padding-top: 25px; padding-bottom: 10px; }
div.footer a { color:#999; }
hr { margin: 0; border: 0; height: 1px; color: #ccc; width: 50%; background-color: #ccc; text-align: left; /*opera*/ }
div.yal { height: 1px; font-size: 0; line-height: 0; clear: left; width:4px; }
div.yalKleber { height:0; }
div.yal a {
background: url(http://static.10nach8.de/images/08032801/gototop.png) no-repeat left top;
position: absolute;
margin-top: -23px;
margin-left: -27px;
border-right:0;
display: block;
width:26px;
height: 42px;
display: none;
}
img.goToTop { display: none; }
img.flyerGross { }
/*
img.hilfeRechts {
float: right;
margin: 5px;
border: 1px solid #004985;
}
*/
a.exLink { text-decoration: none; background: url(http://static.10nach8.de/images/08032801/link-ex.gif) no-repeat left center; padding-left: 14px; }
a.exLink:hover { background: url(http://static.10nach8.de/images/08032801/link-exh.gif) no-repeat left center; padding-left: 14px; text-decoration: none; }
/* Tag Groessen bei Blogs */
span.tag1 { font-size: 10px; white-space: nowrap; padding: 2px 4px; }
span.tag2 { font-size: 14px; white-space: nowrap; padding: 2px 4px; }
span.tag3 { font-size: 18px; white-space: nowrap; padding: 2px 4px; }
span.tag4 { font-size: 22px; white-space: nowrap; padding: 2px 4px; }
span.tag5 { font-size: 26px; white-space: nowrap; padding: 2px 4px; }
div.popup { float:left; width:100%; }
div.warteSeite { position: relative; width: 829px; float:left; height:100%; background: url(http://static.10nach8.de/images/08032801/sanduhr_b.gif) no-repeat center center; }
/* einklinker float bei allen browsern gleich */
div.boxArtikel div.floatLeft { float: left; }
/* Headline des Artikels, z.b. in agb */
div.boxArtikel h3 {
font-size: 16px;
margin: 10px;
font-weight:bold;
}
/* etwas groesser in artikel */
div.boxArtikel h3.artikel {
font-size: 20px;
}
/* Schreiber des Artikels */
div.boxArtikel h3.artikel span.sub {
font-size: 12px;
font-weight: normal;
color: #ccc;
text-transform:uppercase;
}
/* Zwischenueberschrift */
div.boxArtikel h4 {
font-size: 14px;
font-weight: bold;
color: #000;
margin: 5px 10px;
background-color: #eee;
padding: 1px 4px;
border: 1px solid #999;
border-left: 15px solid #c60;
}
div.boxArtikel h5 { font-size: 13px; color: #c60; margin: 10px; font-weight: bold; margin-bottom: -5px; }
div.boxArtikel h5 span { background-color: #eee; }
div.boxArtikel p {
font-size: 13px;
line-height: 17px;
margin: 10px;
}
/* Einleitungstext */
div.boxArtikel p.einleitung {
font-size: 14px;
font-style:italic;
font-weight:bold;
color: #666;
}
/* aufhebung des grossen zeilenabstands im artikel */
div.boxArtikel table p,
div.boxArtikel div p {
margin: 5px;
font-size: 11px;
margin-left: 10px;
line-height: normal;
}
/*
p { background-color: #909; }
*/
table.mag1 { width: 534px; margin: 10px; }
table.mag1 td { border-bottom: 1px solid #ccc; }
table.mag1 tr.abschluss td { border-bottom: 0; }
table.mag1 td.spalte1 { width: 100px; vertical-align:top; background-color: #eee; }
table.mag1 h5,
table.mag1 p { margin: 5px; }
/* AGB */
div.boxArtikel ul { margin: 0 10px;
}
/* Einklinker Links */
div.boxEinklinkerLinks {
position: relative;
float:left;
clear:left;
border: 1px solid #bc6d1e;
border-left:0;
margin-right:10px;
margin-bottom:10px;
padding: 3px 0;
}
/* Einklinker Headline */
div.boxEinklinkerLinks p.headline {
font-size: 12px;
font-weight: bold;
background-color: #bc6d1e;
margin:0;
padding-left:10px;
color:#fff;
margin-top: -4px;
}
/* Copyright-Hinweis unter Bild */
div.boxEinklinkerLinks p.copyright { font-size: 9px; color: #ccc; margin-top:1px; margin:0; margin-left:10px; }
div.boxEinklinkerLinks table.umfrage { width:366px; }
div.boxEinklinkerLinks td.spalte3 { white-space: nowrap; padding-right:5px; }
div.boxEinklinkerLinks div.prozentBalken_a { margin-top:-5px; margin-bottom:5px; margin-left:10px; }
div.boxBorderAbschluss { width: 558px; float: left; margin-top: -2px; position:relative; }
div.buttonBox { width: 156px; float: right; border: 1px solid #bc6d1e; border-top:0; padding: 0 3px 3px 3px; background-color: #fff; }
/* Wenn Abschluss innerhalb einer BoxBorder Abschluss von Box66 darstellt, z.b. beim Einklinker Links */
div.boxBorder div.boxBorderAbschluss { width: 370px; margin-top: -11px; clear: left; float: left; }
div.boxBorder div.buttonBox { width: auto; }
div.boxBorder div.buttonBox input.button { width: auto; padding-left: 5px; padding-right: 5px; }
div.boxArtikel div.box66 div.imgContainer { text-align:left }
div.boxArtikel div.box66 div.imgContainer img { height: 65px; border-right: 1px solid #fff; }
/*
div.boxArtikel div.box33 div.imgContainer img { height: auto; width: auto; }
*/
/* ------------------- Freunde --------------- */
div.freundschaft div.imgContainer { border-bottom:5px solid #ccc; padding-bottom:1px; background-color:#eee; }
div.unbestaetigterFreund div.box { background-color:#ccc; }
div.unbestaetigterFreund div.imgContainer { border-bottom-color: #999; }
div.unbestaetigterFreund img { -moz-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=25) }
div.unbestaetigterFreund p,
div.unbestaetigterFreund a { color: #999; }
div.unbestaetigterFreund p.mehr a { color: #fff; }
div.meinBestaetigterFreund div.imgContainer { border-bottom-color: #990; }
div.meinUnbestaetigterFreund div.imgContainer { border-bottom-color: #fcc51e; }
div.ichAlsUnbestaetigterFreund div.imgContainer { border-bottom-color: #0cf; }
div.clearLeft { clear: left; display: inline; height: 0; width: 0; font-size: 0; line-height: 0; border: 0; margin: 0; padding: 0; }
div.clearBoth { clear: both; display: inline; height: 0; width: 0; font-size: 0; line-height: 0; border: 0; margin: 0; padding: 0; }
/*
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}
*/
div.boxContentAd { width: 300px; height: 250px; float: left; overflow:
hidden; margin-right:1px; }
div.box66Magazin { width: 253px; height: 250px; /*height: 300px;*/
position: relative; }
div.box66Magazin img { width: 253px; }
div.box66Magazin h3.kathegorie { /*position: absolute; z-index:
10000; background-color: #fff; color: #fff;*/ /*background-color:
#222f3c;*/ }
div.box66Magazin div.content h4 { font-size: 18px; }
div.box66Magazin table h4 { font-size: 11px; font-weight: normal;
margin: 2px; line-height: 11px; }
div.box66Magazin table h4 a { color: #666; }