/* die grundlegenden Hintergrund und Body-Formate */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
/* TEE  TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE TEE
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
/* color-jbond:#CE7754  color-bg : #F0E5C9  color-go:#EA852D; color-aktiv:   */
/* Colors. Braun:#CE7754, Schriftin beimir: EECD66, logo(rand): F5C501 mitte: FFD600  heller BG: FFF7CA button-orange: E46C0A*/
/* Schriftfarbe orange: #E46C0A */
body {font-size:12px; font-family:Helvetica, Tahoma, Arial, sans-serif;
		color: #000000; background-color: #FFF7CA; height:1500px;}

li {padding-bottom:5px; list-style-position:inside}
li.nix {list-style-type:none;list-style-image:none;margin-bottom:5px;}
td {margin:2px; padding:5px; font-size:90%;}
table {background-color: #F0E5C9; padding-left:20px;}
a {font-weight:900; border:0px; text-decoration: overline underline; color:#E46C0A;}
p, ul, ol {padding-left:20px;}
ul, ol {list-style-position: outside;}
i {color:red; text-decoration:underline;}

h1 {font-size:160%;margin:0px;padding-left:20px;color:#E46C0A;}
h2, h3 {font-size:120%;padding-left:20px;}
h4 {font-size:100%;padding-left:20px;}

.rahmen0 {border: 0px solid #E46C0A;}
img.bookmark0 {border: 0px solid #E46C0A; width:24px; height:24px;}
/*  und nur dafür */
img {vertical-align:middle;}
img.kopf {width:700px;height:100px;} /* Das bei mir ! */
img.kopfbild {width:700px;height:175px; border-left:2px solid white; border-right:2px solid white;} /* Das bei mir ! */
img.navi {width:150px;height:38px; border:0px;}
 /* Das Seitenbild ! */
img.uhr  {border:5px groove #E46C0A; float:right; height:100px;}
.ankerblau {background-color:#2E2DAC; font-weight:100;font-size:100%; color:white; border:2px solid white;}
.linkblau {font-size:180%;color:#2E2DAC;font-size:150%;} /* ergänzt das ankerblau bei groß zu 200% */

/* Formate für die Mitgliedersuche */
.suche {color:#000000; background-color: #eeffcc; margin:20px; padding:10px; margin-left:30px;}
div.suchfeld {margin-top:-10px; margin-left:20px; margin-right:30px; border:1px dotted rgb(255,200,150);}
p.such {background-color: #eeeeee; padding:20px; border:#E46C0A solid 1px; margin: 30px;}


/* vorerst das Kandidatenbild von der Höhe definieren
img.mitgliedsbild {border: 1px dashed #E46C0A; float:right; background-color:#F0E5C9; width:150px; height:200px;}
 */
img.mitgliedsbild {border: 1px dashed #E46C0A; float:right; background-color:#F0E5C9; width:150px;}
/* Edit-Formate */
select.eddip {width:350px; background-color:#FFFFdd;}
select.eddir {width:250px; background-color:#FFFfdd;}
/* Pass-Formate */
input.pass {width:200px; background-color:#FFFFdd;}
button.alsline {width:630px; height:8px; background-color:#E46C0A;}
.invers {color:white; background-color: #E46C0A;}

hr {text-align:center; color:#E46C0A; height:2px; margin-top:5px; width:90%;}

.aktion {background-color: #F0E5C9; color: #000000;
			text-align:center;border:5px outset #E46C0A;padding:5px; font-size:110%;}
.icon {font-size:120%;}
.kalender {background-color: #F0E5C9; color: #000000; border: 5px double #E46C0A; padding:10px;}

/* Der farbige Aufmerksamkeitspunkt color:#F0E5C9; background-color: #E46C0A; */
.m {color:#ff0000; font-size:100%;}

/* Aufzählung in decimal oder nur so */
li.rom {list-style-type: decimal-leading-zero;}
li.ohne {list-style-type:none;}
li.ablauf {padding-left:30px; margin-right:80px; list-style-type: upper-alpha; text-align:justify; line-height:125%;border:0px solid #E46C0A;}
li.s {padding-bottom:5px; list-style-position:outside; list-style-type: circle; color: black; font-weight: 900;}

/* Das Spezielle Listenformat der Mitgliedssuche */
ul.rand {margin-left:20px;margin-bottom:10px;padding-left:20px;}
ul.squ {list-style-type:circle; color: #E46C0A;}
li.squ {color:#E46C0A;}
.line {display:inline; list-style-type:circle; border:0px solid white;}

/* Die jbond Eigenschaft */

/* Farbdefinitionen */
.braun 	{color: #E46C0A;}

/* falls Text wie Button aussehen soll in ORANGE */
a.button {color:#000000;background-color:#E46C0A;font-variant:small-caps;font-weight:900;padding:2px;}
p.button {position:absolute;left:500px;border:3px #E46C0A solid;padding:2px;width:150px;text-align:center;}
p.buttonvoll {border:3px #E46C0A solid; padding:2px; text-align:center;}
/* davon abgeleitete:  memos: Kalender, - für Login, für input: submit */
p.memos {position:absolute;left: 20px; border:3px #E46C0A solid;padding:2px;width:150px;text-align:center;}
p.login {position:absolute;left: 20px; border:3px #E46C0A solid;padding:2px;width:250px;text-align:center;}
input.button {color:#000000;background-color:#E46C0A;font-variant:small-caps;font-weight:900;padding:2px;}
a.navig {color:#ffffff; background-color:#EA852D; font-variant:small-caps; font-weight:900;
			padding:0px; text-decoration:none;}
p.navig {position:relative; left:27px; width:126px;
	border:3px #E46C0A solid; padding-left:1px; margin-bottom:-5px;text-align:left; background-color:#EA852D;}
p.aktiv {position:relative; left:27px; width:126px;
			border:3px #E46C0A solid; padding-left:1px; margin-bottom:-5px;
			text-align:left; background-color:#EA852D;}
p.naviezes {position:relative; left:33px; width:110px;
	border:3px #E46C0A solid; padding-left:5px; margin-bottom:-5px;text-align:left; background-color:#EA852D;}

input.loos {color:#000000;background-color:#EA852D;font-variant:small-caps;font-weight:900;padding:2px;}
img.naviimage {border: 0px solid #E46C0A; width:150px; height:37px;}


.jbond	{color: #E46C0A; background-color: #F0E5C9; font-weight:900;}
.agb	{background-color:#E46C0A;}

/* Schrift Elemente */
.skl	{font-size: 80%;}
.f70  	{font-size: 70%;}
.f90	{font-size: 90%;}
.gr  	{font-size: 150%;}
.c   	{text-align: center;}
.r   	{text-align: right;}
.l   	{text-align: left;}
.j		{text-align : justify; margin-right:30px;}
/*.u   	{text-decoration:underline;}*/
.u      {border-bottom:2px solid #E46C0A}
.f 		{font-weight:900;}


/* spezielle Formate */

li.liste {text-align:left; list-style-position:inside; list-style-type:decimal-leading-zero;}
table.nogo {padding:10px; text-align:center; margin:10px;}
td.nogo {border-left:5px solid #FFEA7B; border-right:5px solid #FFEA7B; padding:10px;}
td.ohneborder {border: 0px dotted yellow;}
td.behind {background-color: #F0E5C9; color:  #F0E5C9}
/* Der Befehlt float */

.bildrechts {float:right;}
.uhr {float:right; margin-left:30px;margin-bottom:30px;}
.bildende {clear:both;}
.bildlinks {float:left;}

/* Zitate */
blockquote {border:3px #E46C0A double; padding:5px; text-align:justify;}
Blockquote:first-letter{color:red;font-family:sans-serif;font-size:20px;font-family: 'TektoMM_503 BD 850 EX';}
cite {color:blue; font-size:80%; font-style:italic;background:none; font-family:sans-serif;}
p.behind {color:white; background-color:#eeffff;}

/* Cursor-Anweisungen */
.cquer {cursor:e-resize;}
.chelp {cursor:help}
/* Zitate */
.zitat {width:500px; margin-left:20px; margin-right:20px;list-style-type:none;
		text-align:justify; padding-bottom:20px; color:blue;font-size:80%;}
.spruch {color:black; font-family: sans-serif, "Verdana"; font-size:120%;}
.augen {text-align:center; font-weight:900; border:3px #E46C0A double;padding-left:20px; padding-right:20px;}

table.spiel {
          text-align:center;
          border-left: 5px outset #EA852D; border-top:  5px outset #EA852D;
          border-right:  5px inset #EA852D; border-bottom: 5px inset #EA852D;
          padding:5px; margin:2px; width:600px;}
td.spiel  {text-align:center; border: 1px solid #EA852D; padding-bottom:10px; padding-top:10px;}
li.erstezeile:first-line {color:#E46C0A;font-weight:900;font-size:110%;}
.shadow :before {display: block; margin: 0 0 -2.12em 0.15em; padding: 0; color: #666666;}
li.headline {padding-top:20px; text-decoration: underline overline;}


#nogo {position:absolute; top:160px; left:0px; width:700px; height:120px;
	text-align:center; font-size:100%; border: solid black 0px;}

#nogolinks{position:absolute; left:0px;top:30px;width:347px;height:120px;
    background: #F0E5C9 url(b2/indexstart.jpg);text-align:center; padding-top:20px;
	border-left:0px solid #FFEA7B;border-right:0px solid #FFEA7B;}
#nogorechts{position:absolute;left:350px; top:30px;width:350px;height:120px;
    background: #F0E5C9 url(b2/indexstart.jpg);	text-align:center;  padding-top:20px;
	border-left:0px dotted #FA1905;	border-right:0px solid #FFEA7B;}

/* speziell für die Buddylisten span und td */
.buddy {background-color: #99ff99;padding-left:30px; padding-right:30px;}
.ignor {background-color: #ffcc99;padding-left:30px; padding-right:30px;}

/* speziell für empfehlen - Motiv */
#motiv {
position:absolute; z-index:31;top: 130px; left: 200px; width: 600px; height: 491px;
padding-left:50px; padding-right:50px; padding-top:20px; text-align:center; background-color: #F0E5C9; border:0px;}
#motiv img {margin:10px; padding:10px; border:10px groove #E46C0A; width:400px; background-color:#EEEEEE}
#motiv h4 {font-size:14px;text-align:center;padding:2px;margin-top:-15px;}

/* #kartenform {}; */
table.form {width:560px; background-color:white; border:1px solid brown; margin:0px;}
td.bildx   {width:150px; height:79px; background-color: #ddddaa; text-align:center; border:0px solid brown;}
td.knopf   {width: 30px; background-color: #dddddd; border:0px solid brown; text-align:center;}
td.raumx   {width: 10px; background-color: #E46C0A; border-right:12px;}

textarea {color: #990000; background-color:#fffeee;}

/* Die Friends specials */
.social {text-decoration:none; font-size:11px; font-family:Arial; color: #CE7754;}
.bookmarks {text-decoration:none;}
.bookmarks img {padding-bottom:1px; border:0px solid brown;}
.bookmarks img {border:0px solid brown;}