/* CSS Zlata.de - alle Browser
**************************************************/
body { background-color: black; color: silver; font: 11px Verdana, Helvetica, "Trebuchet MS", "Helvetica Neue", Arial; margin: 0; }
div.seite { width: 1000px; margin: 0 auto;}
td, table, tr { text-align: left; font-size: 11px; padding: 0; margin: 0;}
form { margin: 0; padding:0; }
p {line-height:1.364em;}

/* Farben Absatzkonturen
**************************************************/
#kopf, #kopf img, #hnavi, .kolinks, .kosprache, #hnavi a.feldb, #hnavi a.feldb:link, #hnavi a.feldb:hover, #hnavi div.feldb, #hnavi a.feldc, #hnavi a.feldc:link, #hnavi a.feldc:hover, #hnavi div.feldc, #hnavi a, #hnavi a.feldd:link, #hnavi a.feldd:hover, #hnavi div.feldd, #fuss, #gesamtcont { border-color: #b1a889;}

.titelfoto, .tabhead, img.kurzinhalt, table.kurzinhalt, div.nextupdate, img.updbild, #rechtsboxStories, #rechtsbox, #rechtsboxKurz, #untenbox, #boxlu img, #boxlu a, .rbanner, .rbannerfirst, #hpbanner a, .rupdbild, .joinnowlink, #linksbox, #linksboxKurz, #linksboxVar, .linksboxVar, .seitentitelLinie, .seitentitelLinieVoll, .rbtitel, .rbtitel2, #untenbox .felda,  #untenbox .felda-new,#untenbox .titel, #untenbox a, #untenbox img, #archivnavi .rahmen, #archivnavi .titel, .bildEinzel, .einzelUpdate, img.mediafotoGross, div.mediatitelbox, img.diaryfotoGross, #linksboxVarDkl, a.navijahrbox, a.navijahrbox:hover, .logtextLinie, .logInput, .fotoleiste, .foto, .textbox, .textboxtitel { border-color: #515151; }

/* allgemeine Schriftformate
**************************************************/
.werot { color: red; font-size: 9px; }
.gfett { color: #fef6d0; font-weight: bold; }
a, a:link { color: #fef6d0; }
.gelbfettgross, div.mediatitelboxLinks, div.mediatitelboxRechts, div.diarytitelboxLinks, div.diarytitelboxRechts, div.camtitelboxLinks, div.camtitelboxRechts { color: #fef6d0; font-weight: bold; font-size: 14px;}

/* Schriftfarben
**************************************************/
#newsletterUbox div.newsletterTitel, #newsletterLbox div.newsletterTitel { color: #aba68d; }

.tabheadl, .tabheadr, #uptermin, #newsletterUbox input.newsletterTaste, #newsletterLbox input.newsletterTaste, .gelb, #archivnavi .titel, #archivnavi a:hover, a.navijahrbox:hover { color: #fef6d0; }
.rbtitel, .rbtitel2, #untenbox .titel, #archivnavi a, #archivnavi a:link, a.navijahrbox, a.navijahrbox:link { color: #a19589; }

/* Kopf
**************************************************/
#kopf { width: 998px; height: 152px; border-style: solid; border-width: 1px; }
.koflash { width: 814px; height: 128px; }
.sprachwahltext { width: 118px; text-align: center; float: left; padding-top: 5px; color: black; font-size: 10px; }
.fahnen { width: 62px; height: 24px; float: left; padding: 0; margin: 0;}

/* Hauptnavi
**************************************************/
#hnavi { width: 814px; height: 23px; border-top-style: solid; border-top-width: 1px; background-color: #302b25; padding: 0; } 
#hnavi a, #hnavi div.felda, #hnavi div.feldb, #hnavi div.feldc, #hnavi div.feldd { display: block; padding-top: 5px; text-align: center; text-decoration: none; font-size: 11px; letter-spacing: 0.15em; float:left}
#hnavi a:hover, #hnavi div.felda, #hnavi div.feldb, #hnavi div.feldc, #hnavi div.feldd {background-color: #1c1914; }
#hnavi a, #hnavi a:link, #hnavi div.felda, #hnavi div.feldab, #hnavi div.feldb, #hnavi div.feldc, #hnavi div.feldd { color: #a19589; }
#hnavi a:hover { color: #fef6d0; }
#hnavi a.feldab, #hnavi a.feldab:link, #hnavi a.feldab:hover, #hnavi div.feldab,
#hnavi a.feldb, #hnavi a.feldb:link, #hnavi a.feldb:hover, #hnavi div.feldb,
#hnavi a.feldc, #hnavi a.feldc:link, #hnavi a.feldc:hover, #hnavi div.feldc, 
#hnavi a.feldd, #hnavi a.feldd:link, #hnavi a.feldd:hover, #hnavi div.feldd { border-left-style: solid; border-left-width: 1px; }
#hnavi a.feldd, #hnavi a.feldd:link, #hnavi a.feldd:hover, #hnavi div.feldd { border-right-style: solid; border-right-width: 1px; }

/* Fussnavi
**************************************************/
#fuss {	width: 998px; display: block; padding-top: 12px; padding-bottom: 12px; border-width: 1px; text-align: center; border-style: solid; font-size: 10px; }
#fuss .grau { color: #312C26; }
#fuss a, fuss a:link, fuss a:hover { color: silver; }
#fuss a, #fuss a:link { text-decoration: none; }
#fuss a:hover { text-decoration: underline; }
.copyr { font-size: 9px; padding-top: 3px; padding-bottom: 15px; }

/* Content gesamt
**************************************************/
#gesamtcont { margin: 0; border-right-style: solid; border-right-width: 1px; border-left-style: solid; border-left-width: 1px; padding: 3px; }
#contbox, contbox2 { width: 992px; margin: 0px;}
#contbox2 { padding: 3px 0 0; }
#contbox { padding: 0; }

/* Hauptspalten 
**************************************************/
.linksspalte { width: 811px; float: left;}
.linksspalte3s { width: 184px; float: left;}
.rechtsspalte3s, { width: 181px; float: left;}
.rechtsspalte, { width: 181px; float: left;}
.rechtsspalteGross { width: 808px; float: left;}
.mittelspalte3s { width: 627px; float: left;}
.mittelspalteCont { width: 624px; float: left;}
.endfloat { clear: left; }

/* Hauptüberschriften
**************************************************/
.seitentitel { font-size: 18px; padding: 10px 0 10px; text-align: center; letter-spacing: 0.2em; display: block; }
.seitentitelLinie, .seitentitelLinieVoll { font-size: 18px; padding: 10px 0 8px; margin: 0 0 4px; text-align: center; border-bottom-style: solid; border-bottom-width: 1px; letter-spacing: 0.2em; display: block; }
.seitentitelLinieVoll { width: 808px; }

/* Spalten und Content hp
**************************************************/
.hplinksspalte { width: 421px; float: left;}
.hpmittelspalte { width: 390px; float:left;}
.hprechtsspalte { width: 181px; float:left;}
.hpmitteltext { width: 386px; }
.titelfoto { border-style: solid; border-width: 1px; padding: 0; margin: 0;}

/***** Untenbox *****/
#untenbox { background-color: #312C26; border-style: solid; border-width: 1px; padding: 0; background-color: #312C26; }
#untenbox .felda { border-right-style: solid; border-right-width: 1px; float: left; height: 235px;}
#untenbox .feldb { float: left; height: 235px;}
#untenbox .felda-new { border-right-style: solid; border-right-width: 1px; float: left; height: 164px;}
#untenbox .feldb-new { float: left; height: 164px;}
#untenbox .titel { background-color: #1c1914 ; text-align: center; font-weight: bold; font-size:11px; padding-top: 2px; border-bottom-style: solid; border-bottom-width: 1px;}
#untenbox div.abs { text-align: center; padding-top: 6px; }
#untenbox .morelink { text-align: right; padding-top: 3px; padding-right: 6px; }
#untenbox a.morelink, #untenbox a.morelink:link { color: silver; text-decoration: underline; }
#untenbox a:.morelink:hover { color: white; }
#untenbox .rbdate, #untenbox .text { text-align: left; padding-left: 8px;}

/***** Kurzinhalt *****/
table.tabhead { width: 386px; padding-top: 3px; padding-bottom: 3px; border-bottom-style: solid; border-bottom-width: 1px; }
td.tabheadl, td.tabheadr { width: 50%; font-size: 12px; font-weight: bold; }
td.tabheadl, { text-align: left; }
td.tabheadr { text-align: right; }
table.kurzinhalt { width: 100%; border-bottom-style: solid; border-bottom-width: 1px; }
td.kurzinhalt { width: 146px; padding: 3px; color: silver;}
img.kurzinhalt { width: 140px; height: 85px; border-bottom-style: solid; border-bottom-width: 1px; }

/***** Updateuhr *****/
div.nextupdate { padding: 3px; border-bottom-style: solid; border-bottom-width: 1px; text-align:center; }

/***** News *****/
div.newsfeld, td.updtab { padding: 3px; }
table.newshead { width: 100%; padding: 3px; }
div.newsfeld { height: 205px; width: 100%; }

/***** Updatefotos *****/
img.updbild { width: 120px; height: 180px; border-bottom-style: solid; border-bottom-width: 1px; }
div.updtext { padding: 5px 0; }
.newstitel {font-weight: bold; font-size: 12px; margin-bottom: 4px; }
 
/* rechte Spalte
**************************************************/
#rechtsboxStories, #rechtsbox, #rechtsboxKurz, #linksboxKurz, #linksboxVar, .linksboxVar { background-color: #312C26; border-style: solid; border-width: 1px; padding: 0; width: 179px; }
#rechtsboxStories .rbtext {color:#b8b39b;width:157px;margin:11px 11px 0 11px;}
#rechtsboxStories .rbtext p {margin: 0 0 1em 0;}
#linksboxVarDkl { background-color: #1c1914; border-style: solid; border-width: 1px; padding: 0; width: 179px; }
#rechtsbox { height: 624px; }
#rechtsboxKurz, { height: 315px; }
#linksboxKurz, #linksboxVar, .linksboxVar { padding-bottom: 5px; margin-bottom: 10px; }
#linksboxVarDkl { margin-bottom: 10px; }
.rbtext {padding-top: 3px; }
.rbdate { font-weight: bold; text-decoration: underline; padding: 2px 0; font-size: 10px;}
#rbmorelink { 	text-align: right; padding-top: 3px; }
#rbmorelink a, #rbmorelink a:link { color: silver; text-decoration: underline; }
#rbmorelink a:hover { color: white; }

/***** Banner *****/
.rbtitel, .rbtitel2 { width: 179px; background-color: #1c1914 ; text-align: center; font-weight: bold; font-size:11px; padding-top: 3px; border-bottom-style: solid; border-bottom-width: 1px;}
.rbtitel2 { border-top-style: solid; border-top-width: 1px;}
.rbanner { margin-left: 3px;}
.rbannerfirst { margin-left: 1px;}

/***** Join-Now-Linkbild *****/
.joinnowlink { margin-top: 3px; }
#rechtsbox .joinnowlink { margin-top: 0; border:none;max-width:179px; }

/***** Anmeldung Newsletter *****/
#newsletterUbox { width: 160px; margin-left: 9px; padding-top: 4px;}
#newsletterUbox div.newsletterTitel { font-size: 14px; text-align: center;}
#newsletterUbox input.newsletterEingabe { width: 120px; }
#newsletterUbox div.newsletterEingabe { text-align: center;margin:8px 0; } 
#newsletterUbox div.newsletterSenden { text-align: right; }
#newsletterUbox div.newsletterButton { float:left;width:100px; }
#newsletterUbox input.newsletterTaste { margin-top:8px;background-color: #312c26; border-top: 2px solid #75695a; border-left: 2px solid #75695a; border-right: 2px solid  #060409; border-bottom: 2px solid #060409; }
#newsletterLbox { width: 160px; margin-left: 9px; padding-top: 4px;}
#newsletterLbox div.newsletterTitel { font-size: 17px; margin-bottom: 10px; text-align: center;}
#newsletterLbox input.newsletterEingabe { width: 120px; }
#newsletterLbox div.newsletterEingabe, #newsletterLbox div.newsletterSenden { text-align: center; }
#newsletterLbox div.newsletterButton { padding: 20px; }
#newsletterLbox input.newsletterTaste { width: 120px; background-color: #312c26; border-top: 2px solid #75695a; border-left: 2px solid #75695a; border-right: 2px solid  #060409; border-bottom: 2px solid #060409; }

/***** Updatetermine *****/
#uptermin { text-align: center; font-size: 13px; }
#uptermin div.text { margin-top: 5px; }

/***** Listboxen *****/
.listbox { height: 200px; display: block; float: left; padding: 3px; text-align: center; }
.listboxEinzel { height: 200px; display: block; float: left; padding-left: 23px; text-align: center; }
.listbild { width: 110px; height: 165px; border: 0; }
.listbildMedien { width: 188px; height: 124px; border: 0; }
.listboxtext { padding-top: 2px; }
.listboxMedien { width: 208px; height: 170px; display: block; float: left; text-align: center;}

/***** Text Stories *****/
#storietext {background-color: #fef6d0; color: black; padding: 30px 45px 40px; margin-top: 10px; margin-bottom: 3px; line-height: 1.5em;}
#storietext div.titel { font-size: 15px;  margin-bottom: 12px;}/*text-align: center;*/
.storielinkblock { padding: 3px; width: 173px;}
.storienummer { width: 25px; float: left; color: #a19589;}
.storielinktext { float: left;width:148px;text-transform:uppercase;}
.storielinktext a, .storielinktext a:link { color: #a19589; text-decoration: none; }
.storielinktext a:hover { color: #fef6d0; text-decoration: none; }

/* Subnavi
**************************************************/
/***** Archiv/Update *****/
#archivnavi { text-align: center;}
#archivnavi a, #archivnavi a:link, #archivnavi a:hover { display: block; padding-bottom: 2px; text-decoration: none;}
#archivnavi .rahmen { border-top-style: solid; border-top-width: 1px; margin-top: 5px; }
#archivnavi .titel { padding-top: 3px; padding-bottom: 3px; margin-bottom: 4px; border-bottom-style: solid; border-bottom-width: 1px;}
a.navijahrbox { background: url(/layout/grafiken/naviverlauf.png) repeat-y; padding: 2px 0 2px 30px; margin-top: 8px; margin-bottom: 8px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; display: block; text-decoration: none; font-weight: bold}

/* Einzelanzeige Update/Archiv
**************************************************/
.contEinzel { padding-bottom: 4px; width: 808px;}
.contEinzel2 { width: 808px; paddig-top: 3px; overflow: hidden; }
.SpalteEinzelbildGross { padding-left: 16px; padding-right: 19px; height: 628px; float: left;}
.SpalteEinzeltext { width: 339px; float: left; }
.einzelUeberschrift { font-size: 16px; text-transform: uppercase; text-align: center; padding-top: 5px; padding-bottom: 8px; letter-spacing: 0.15em; }
.einzelUpdate { padding-top: 8px; padding-bottom: 6px; margin-bottom: 7px; border-bottom-style: solid; border-bottom-width: 1px;}
.einzelText { padding-bottom: 8px; }
.joinmeEinzel { padding-top: 5px; }

/* Einzelanzeige Media Sheet
**************************************************/
div.mediafotoGross { padding-left: 4px; float: left;}
img.mediafotoGross { border-style: solid; border-weight: 1px;}
div.mediatext { width: 390px; float: left;}
div.mediatitelbox { width: 380px; padding-top: 8px; padding-bottom: 5px; margin-bottom: 8px; margin-left: 7px; border-bottom-style: solid; border-bottom-width: 1px; }
div.mediatitelboxLinks { width: 220px; float: left; text-align: left; }
div.mediatitelboxRechts { width: 160px; float: left; text-align: right; }
div.mediatextbox { width: 380px; padding-bottom: 10px; margin-left: 7px; }
div.mediaSmallbildbox { width: 390px; padding-bottom: 10px; margin-left: 2px; }

/* Einzelanzeige Diary
**************************************************/
div.diaryfotoGross { padding-left: 4px; float: left;}
img.diaryfotoGross { border-style: solid; border-weight: 1px;}
div.diarytext { width: 444px; float: left;}
div.diarytitelbox { width: 410px; padding-top: 8px; padding-bottom: 5px; margin-bottom: 8px; margin-left: 15px; border-bottom-style: solid; border-bottom-width: 1px; }
div.diarytitelboxLinks { width: 250px; float: left; text-align: left; }
div.diarytitelboxRechts { width: 160px; float: left; text-align: right; }
div.diarytextbox { width: 410px; padding-bottom: 10px; margin-left: 15px; }
div.diarySmallbildbox { width: 434px; padding-bottom: 10px; margin-left: 5px; }

/* Einzelanzeige Webcam
**************************************************/
div.camBoxoben { width: 808px; height: 230px; }
div.camBoxunten { width: 808px; }
div.camTitelbild { width: 404px; height: 230px; float: left; }
div.camTiteltext { width: 380px; height: 230px; margin-left: 2px; float: left}
div.camtitelbox { width: 380px; padding-top: 8px; padding-bottom: 5px; margin-bottom: 8px; margin-left: 7px; border-bottom-style: solid; border-bottom-width: 1px; }
div.camtitelboxLinks { width: 220px; float: left; text-align: left; }
div.camtitelboxRechts { width: 160px; float: left; text-align: right; }
div.camtextbox { width: 380px; padding-bottom: 10px; margin-left: 7px; }

/* Loginseite
**************************************************/
.logfotobox { width: 543px; height: 368px; float: left; }
.logbox { width: 449px; float: left; }
.logtextGanz { width: 449px; padding-top: 3px; padding-bottom: 3px; }
.logtextLinie { width: 353px; padding-bottom: 3px; margin-bottom: 5px; border-bottom-style: solid; border-bottom-width: 1px; }
.logInputbox1 { width: 150px; float: left; font-weight: bold}
.logInputbox2 { width: 299px; float: left; }
.logInputbox3 { width: 229px; float: left; font-weight: bold}
.logInputbox4 { width: 220px; float: left; }
.logInput { width: 200px; background-color: #302b25; color: #ffffff; border-style: solid; border-width: 1px; }
a.loglink, a.loglink:link { color: #a19589;}
a.loglink:hover { color: #fef6d0; }
.logTaste { width: 200px; margin-left: 2px; background-color: #302b25; color: white; font-weight: bold; border-top: 2px solid #847666; border-bottom: 2px solid #1c1916; border-right-style: none; border-left-style: none; }
.logTaste:hover { border-bottom: 2px solid #847666; border-top: 2px solid #1c1916; }

/* Memberseiten
**************************************************/
.membertitel1 { color: #fef6d0; font-size: 14px; padding: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #515151; letter-spacing: 0.12em;}
.membertitel2, .membertitel3 { color: #fef6d0; font-size: 14px; padding: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #515151; background-color: #1c1914; letter-spacing: 0.12em;}
.membertitel3 { border-top-style: solid; border-top-width: 1px; border-top-color: #515151;}
.membereinleitung { padding: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #515151; }
.memberupdatebox { border-style: solid; border-width: 1px; border-color: #515151; margin-top: 7px; margin-bottom: 5px; }
.membox1 { padding: 3px; }
.membox2 { width: 310px; float: left; }
.membox3 { width: 67px; text-align: right; float: left; }

/* Textseiten
**************************************************/
.zweispaltenbox { width: 604px; margin-left: 10px; margin-top:5px; padding-top: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: #515151; }
.zweispaltenboxOl { width: 604px; margin-left: 10px; margin-top:10px; }
.zweispaltenlinks { width: 294px; margin-right: 16px; float: left; }
.zweispaltenrechts { width: 294px; float: left; }
.breitZweispaltenbox { width: 788px; margin-left: 10px; margin-top:5px; padding-top: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: #515151; }
.breitZweispaltenlinks { width: 390px; margin-right: 8px; float: left; }
.breitZweispaltenrechts { width: 390px; float: left; }
.frage { color: #fef6d0;}
.antwort { padding-left: 30px; }
.fotoleiste { width: 788px; margin-top: 10px; padding-top: 6px; padding-bottom: 6px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
.foto { border-style: solid; border-width: 1px; }
.textbox { border-style: solid; border-width: 1px; background-color: #312c26; margin-top: 10px; }
.textboxtitel { background-color: #1c1914; padding: 3px; border-bottom-style: solid; border-bottom-width: 1px; color: #fef6d0; font-weight: bold; text-align: center; }
.textboxcont { padding: 3px; }
.red { color: #ff0052; }
.affililink { color: #00ff00; font-weight: bold; font-size: 20px;}
.payouttitel { color: #ff0052; font-weight: bold; font-size: 16px; }
.linksbannerbox { width: 486px; margin-left: 69px; }
.linksbanner { margin-bottom: 12px; }

/* Newsseite
**************************************************/
.einspaltenbox { width: 386px; margin-top:5px; padding-top: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: #515151; }
.newstextspalte { width: 380px; margin-left: 3px; }

/* JoinNow
**************************************************/
.payment-opt {width:602px;float:left;border:1px solid #525151;margin-bottom:6px;background-color:#1e1b17;}
	.payment-opt .payment-img {float:left;width:94px;padding:3px 4px;border-right:1px solid #525151;background-color:#0b0906;}
	.payment-opt .payment-description {float:left;width:408px;padding:3px 0 3px 4px;font-size:14px;color:#fcf0d3;}
		.payment-opt .payment-description .name {float:left;width:100px;}
		.payment-opt .payment-description .name-wide {width:408px;}
		.payment-opt .payment-description .period {float:left;width:100px;text-align:right;}
		.payment-opt .payment-description .price {float:left;width:100px;text-align:right;}
		.payment-opt .payment-description .price2 {float:left;width:100px;text-align:right;}
		.payment-opt .payment-description .infotext {font-size:10px;color:#e97474;clear:both;}
	.payment-opt .join {float:right;width:87px;text-align:center;}
	.payment-opt .join a {font-size:21px;line-height:38px;font-weight:bold;color:#fbe8c3;text-decoration:none;}
	.payment-opt .join a:hover {text-decoration:underline;}
	
/* Shows
**************************************************/
.teaser-show {float:left;width:355px;height:283px;overflow:hidden;margin:0 45px 20px 0;}
	.teaser-show .show-img {float:left;width:200px;min-height:10px;}
	.teaser-show .show-text {float:right;width:147px;min-height:10px;color:#fcedcc;font-size:10px;}
		.teaser-show .show-text h2 {font-size:12px;line-height:1em;font-weight:normal;color:#f9dfaf;width:100%;border-bottom:1px solid #525151;margin:0;padding:0 0 5px 0;}

/* Teaser
**************************************************/
.teaser {padding:5px 8px;width:191px;float:left;}
	.teaser .teaser-img {width:88px;height:132px;float:left;}
	.teaser .teaser-text {width:88px;height:119px;float:right;font-size:10px;text-align:left;}
		.teaser .teaser-text h3 {font-size:11px;font-weight:bold;margin:0 0 12px 0;}
	.teaser .teaser-link {width:88px;float:right;text-align:right;font-size:10px;font-weight:bold;}
		.teaser .teaser-link a {font-size:10px;font-weight:bold;}
	.teaser p {margin:0 0 7px;font-size:10px;line-height:1.4em;text-align:left;}
	.teaser p a {font-weight:bold;}