/*
membaer.7zz.de
*/

body {
    background: #ccccd0;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #333;
    font-family: verdana, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}

/* allgemein Text */

a {
    text-decoration: none;
}

p {
    margin: 1em 0 1em;
    padding: 0;
}

h1, h2 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    padding: 0;
}

h1 {
    font-size: 130%;
    font-weight: bold;
    color: #cc9966;
    margin: 0;
}

h2 {
    font-size: 125%;
    color: #1c599a;
    margin: 0 0 1em 0;
}

h3 {
    font-size: 100%;
    font-weight: bold;
    color: #1c599a;
    padding: 0 0 2px 0;
    margin: 1.2em 0 -.2em 0;
    border-bottom: 1px solid #ddd;
}

/* --- bodywrapper --- */

#bodywrap, #top, #bottom {
    position: relative;
    margin: 0 auto;
    text-align: left;
    background-color: #ccccd0;
    background-repeat: 50% 0;
    width: 900px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 860px;
}

html>body #bodywrap,
html>body #top,
html>body #bottom {
    width: 860px;
}

#bodywrap {
    padding: 0 20px;
    background-image: url(bg1m.gif);
    background-repeat: repeat-y;
}

#wraplast {
    clear: both;
    height: 1px;
}

#bottom {
    padding: 0 20px;
    background-image: url(bg1b.jpg);
    background-repeat: no-repeat;
    height: 60px;
}

#bottom div {
    color: white;
    font-size: 10px;
    padding: 22px 67px;
}

#top {
    height: 160px;
    padding: 0 20px;
    background-repeat: no-repeat;
}

div#top.h220 {
    height: 220px;
}

div.top_default { background-image: url(bg1t_memb5.jpg); }
div.top_main    { background-image: url(bg1t_memb5.jpg); }
div.top_trikot  { background-image: url(bg1t_trikot.jpg); }
div.top_newdesign { background-image: url(bg1t_newdesign3.jpg); }
div.top_espresso { background-image: url(bg1t_espresso.jpg); }
div.top_black { background-image: url(bg1t_black.jpg); }
div.top_oetzi { background-image: url(bg1t_oetzi.jpg); }
div.top_pinguin { background-image: url(bg1t_pinguin.jpg); }
div.top_mario { background-image: url(bg1t_mario.jpg); }
div.top_therace { background-image: url(bg1t_therace.jpg); }
div.top_wrt { background-image: url(bg1t_wrt.jpg); }
div.top_smt { background-image: url(bg1t_smt.jpg); }
div.top_photos { background-image: url(bg1t_photos.jpg); }
div.top_xmas { background-image: url(bg1t_xmas.jpg); }
div.top_tfscript { background-image: url(bg1t_tfscript.jpg); }
div.top_anfang { background-image: url(bg1t_anfang.jpg); }
div.top_gray { background-image: url(bg1t_gray.jpg); }

div#top_inner {
	position:absolute;margin: 20px 0 0 0px;width:860px;height:200px;
}

div#dummy_nav {
	position:absolute;margin: 170px 0 0 0px;width:860px;height:30px;
	background:url(bg1t_menu.png) no-repeat;
}

#nav {
    position: relative;
    margin: 0;
    padding: 130px 0 0 150px;
    border: none;
}

div#top.h220 #nav {
    padding: 190px 0 0 150px;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a:link, #nav a:visited {
    float: left;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    margin: 4px 10px 0 10px;
    padding-bottom: 2px;
    text-decoration: none;
    border: none;
    color: #fff;
}

#nav a:link.active, #nav a:visited.active {
    border-bottom: 4px solid #fff;
    padding-bottom: 2px;
    color: #f2c303;
}

#nav a:hover {
    color: #f2c303;
}

#boxmark {
	display:none;
	margin:8px;
	padding:3px;
	background:red;
	z-index:9;
	position:fixed;
	color:white;
	font-size:16px;
}

/* --- hauptspalte --- */

#mainwrap {
	float: left;
	width: 617px;
}

#main {
    margin: 20px 20px 20px 20px;
    text-align: justify;
    min-height: 600px;
}

#main a:link, #main a:visited {
    background: #f0f0f0 url(ai1.gif) no-repeat 2px 2px;
    color: #333;
    padding: 1px 5px 1px 15px;
    border: 1px solid #ddd;
    margin: 0px;
}

#main1 a:link, #main1 a:visited {
    background-color: #f0f0f0;
    color: #333;
    padding: 1px;
    border: 1px solid #e0e0e0;
}

#main a:hover {
    background-color: #e0e0e0;
}

#main .entry {
    margin-bottom: 22px;
}

#main ul {
    list-style: none;
    margin: 1em 0 1em 0;
    padding-left: 20px;
}

#main ul, #main ul a:link, #main ul a:visited {
    color: #666;
}

#main ul li {
    padding: 0 0 4px 19px;
    line-height: 1.3em;
    background: url(zahn.gif) no-repeat 0px 1px;
}

#main ul.nodot li {
    padding: 0;
    background: none;
}

/* rechte Spalte */

#info {
	width: 234px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 88%;
	line-height: 1.5em;
	color: #963;
}

html>body #xxinfo {
    width: 210px;
}

#info h3 {
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 117%;
    padding: 0 0 4px 24px;
    margin-right: 8px;
    margin-bottom: 8px;
    color: #c63;
    border-bottom: 1px solid #eb8;
    background: url(smileinfo.gif) no-repeat 0px 0px;
}

#info h3:hover {
    background-position:0 -25px;;
}

#info h4 {
    font-size: 92%;
    font-weight: normal;
    margin: 0 8px 0 8px;
}

#info p {
    margin: 4px 8px 20px 10px;
}

#info ul {
    margin: 4px 8px 20px 8px;
    padding: 0;
    list-style: none;
}

#info li {
    margin: 0;
    padding: 0 0 2px 0;
    line-height: 1.4em;
}

#info a:link, #info a:visited {
    background: #eb8 url(ai.gif) no-repeat 2px 2px;
    color: #963;
    padding: 1px 5px 1px 15px;
    border: 1px solid #fc9;
    margin: 0px;
}

#info a:hover {
    background-color: #fc9;
}

#info #tags a:link, #info #tags a:visited {
    background: none;
    padding: 0;
    border: none;
    margin: 1px;
}

#info #tags a:hover {
    background-color: #fc9;
    border: 1px dotted #963;
    margin: 0;
}

#info img {
    vertical-align: middle;
}

#info #photoBox {
margin-left: 10px;
margin-right: 16px;
}

#info #photoBox,
#info a.prv img {
    margin-bottom: 20px;
    padding: 7px;
    border-bottom: 1px #ddd0b9 solid;
    border-right: 1px #ddd0b9 solid;
    background: #fff;
}

#info #photoBox a,
#info div.banners a,
#info div.banners img {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
}

#info a.prv,
#info a.prv:link,
#info a.prv:visited {
    color: #999;
    text-decoration: none;
    border-style: none;
    background: none;
}

/* --------- */

#info #photoblend a,
#info #photoblend a:link,
#info #photoblend a:visited {
    color: #999;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

#info #photoblend {
   background-repeat: no-repeat; border:7px solid white;
   width: 160px; height: 160px; margin-left:10px;
}

#info #photoblend img {
    width: 160px; height: 160px;
    border: 0 none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
}

#info #photoblend1 a,
#info #photoblend1 a:link,
#info #photoblend1 a:visited {
    color: #999;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

#info #photoblend1 {
   background-repeat: no-repeat; border:7px solid white;
   width: 160px; height: 160px;
   margin-left:10px;
}

#info #photoblend1 img {
    _width: 160px; _height: 160px;
    border: 0 none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
}

/* --------- */

#photoGrid {
    margin-top: 12px;
    text-align: left;
    width: 570px;
}

#photoGrid .photo {
    background: white url(phf.gif) no-repeat;
    float: left;
    margin: 0 13px 13px 0;
    border: none;
    padding: 8px;
}

#photoGrid a {
    color: #999;
    text-decoration: none;
    border-style: none;
}

#photoGrid a:hover {
    color: #000;
}

#clearPhoto {
    clear: left;
}

img.photo {
    padding: 10px;
    border: none;
}

#viewerslide {
    display: none;
}

/* ----- */

body.noinfo #mainwrap {
	width: 858px;
}

body.noinfo #info {
    display: none;
}

body.noinfo #main, body.noinfo #footer {
    margin-right: 20px;
}

body.noinfo #bodywrap {
    background-image: url(bg0m.gif);
}

body.noinfo #bottom {
    background-image: url(bg0b.jpg);
}

body.noinfo #viewerselect, .slide_x {
    display: none;
}

body.noinfo #viewerslide {
    display: block;
}

/* ---( misc. )------------------------------------------ */

hr {
    border-top: 1px dashed #ccc;
    color: #fff;
    background-color: #fff;
    height: 1px;
}

#nav a, a.noline:link, a.noline:visited, .photoBox a:link, .photoBox a:visited {
    border-style: none;
}

#main a.noline:link, #main a.noline:visited {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.note {
    color: #999;
    font-style: italic;
}

.center, .tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.hide {
    display: none;
}

.red { color: red;}
.green { color: green;}
.yellow { color: #cc9966;}

p.entryinfo { color: #999; font-size: 90%; }


/* --- tsize regeln ----------------- */

span.tsize {
   font-size: 80%;
   position: relative;
   top: -3px;
   color: brown;
}

span.tsize.b {
   color: blue;
}

span.tsize.g {
   color: #333;
}

div.tbd {
   color: #c63;
   padding-left: 10px;
   border-left: 3px solid #c63;
}

img.cup {
   border: none;
   margin: 0;
   padding-top: 0;
   position: relative;
   top: 3px;
}

img.emot {
   border: none;
   margin-top: -3px;
   margin-bottom: -3px;
   padding: 0;
}

/* --- bestellform ----------------- */

table.form {
   margin-left: 6px;
   padding: 4px;
   border: 1px solid #ccc;
}

table.form td.lbl {
   text-align: right;
   padding-right: 4px;
}

table.form tr.trenn {
   height: 8px;
}

table.form input, table.form select,
  table.form a.send {
    border: 1px solid #ccc;
    background: #f7f7f7;
    padding: 2px;
}

table.form input:focus,
  table.form select:focus {
    background-color: #ddd;
}

#nickstat .empty { display: none;}
#nickstat.empty span.empty { display: inline; }
#nickstat .welcome { display: none;}
#nickstat.welcome span.welcome { display: inline; }
#nickstat .unknown { display: none; }
#nickstat.unknown span.unknown { display: inline; }

table.form td.small {
  text-align: left;
  font-size: 10px;
  line-height: 13px;
}

table.form a.send {
  margin: 4px;
  font-size: 110%;
  color: black;
  text-decoration: none;
}

table.form a.send:hover {
  background-color: #cc9966;
}

/* --- misc ----------------- */

table.bestell {
    margin-left: 10px;
    background-color: #f8f8f8;
    border-collapse: collapse;
}

table.bestell tr.p1 {
    background-color: #f0f5fe;
}

table.bestell tr.p0,
table.bestell tr.p1,
table.bestell tr.p0 td,
table.bestell tr.p1 td {
    border-top: none;
    border-bottom: none;
}

table.bestell tr, table.bestell td, table.bestell th {
    border: 1px solid #ccc;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 95%;
}

table.bestell.plzstat td {
    width: 27px;
}

table.bestell caption {
   font-size: 82%;
}

.helpexp .help { display: none; }
.helpexp.hactive .help { display: block;  padding: 6px;  font-size: 90%; }

.helpexp.hactive .arr { display: none; }
.helpexp .inact { display: none; }
.helpexp.hactive .inact { display: inline; }

.helpexp { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
.helpexp.hactive { border: 1px solid #eee; background-color: #f8f8f8; }

.helpexp .head { text-align: right; }

span.crypt { font-size: 10%; }

/* --- promo ----------------- */

#main div.promo1 a,
#main div.promo1 a:link,
#main div.promo1 a:visited,
#main div.promo1 a:hover
 { background:none; border:none; margin:0; padding:0;}

#main div.promo1 { margin-top:30px;}

#main div.promo2 { text-align: left; margin-left: 20px;}
#main div.promo2 code { font-size:12px; line-height:14px;}

/* --- arrows ----------------- */

div.arrows {  padding-top:10px; padding-bottom:6px; }

#main div.arrows a:link, #main div.arrows a:visited {
   font-size: 1px;
   padding-left: 32px;
   padding-right: 0;
   padding-top: 18px;
   padding-bottom: 12px;
   margin: 0;
   border: none;
   background: url(arrows.png) no-repeat;
}

#main div.arrows a.next:link, #main div.arrows a.next:visited { background-position:0 0px; }
#main div.arrows a.next:hover { background-position:0 -40px; }
#main div.arrows a.next.dis:link, #main div.arrows a.next.dis:visited { background-position:0 -80px; }

#main div.arrows a.prev:link, #main div.arrows a.prev:visited { background-position:0 -120px; }
#main div.arrows a.prev:hover { background-position:0 -160px; }
#main div.arrows a.prev.dis:link, #main div.arrows a.prev.dis:visited { background-position:0 -200px; }

#main div.arrows a.up:link, #main div.arrows a.up:visited { background-position:0 -240px; }
#main div.arrows a.up:hover { background-position:0 -280px; }
#main div.arrows a.up.dis:link, #main div.arrows a.up.dis:visited { background-position:0 -320px; }

#main a.lpict:link, #main a.lpict:visited, #main a.lpict:hover,
#main a.rpict:link, #main a.rpict:visited, #main a.rpict:hover {
  padding: 0;
  border: none;
  background: none;
}

#main a.lpict:link, #main a.lpict:visited, #main a.lpict:hover {
  margin: 0 20px 20px 0;
  float:left;
}

#main a.rpict:link, #main a.rpict:visited, #main a.rpict:hover {
  margin: 0 0 20px 20px;
  float:right;
}

#main a.lpict img, #main a.rpict img { border: none; }

/* --- sortable tables ----------------- */

#main table.sortable a.sortheader,
#main table.sortable a.sortheader:link {
    background: none;
    border: none;
    font-weight: inherit;
    text-decoration: none;
}
#main table.sortable a.sortheader:hover {
    background: #bbb;
}
#main table.sortable span.sortarrow {
    color: black;
    zfont-weight: bold;
    text-decoration: none;
}

/* --- member popup ----------------- */

span.mbp div.xx {
   display: none;
   position: absolute;
   z-index: 9;
   width: 400px;
   border: 1px solid #aaa;
   margin-left: -1px;
   color: black;
   padding: 6px;
   font-weight: normal;
   background: #f8f8f8;
   text-align: left;
}

span.mbp a {
  white-space:nowrap;
}

span.mbp span.nick {
  font-size: 180%;
}

span.mbp img.photo {
    background: white url(phf.gif) no-repeat;
    margin: 0 13px 13px 0;
    border: none;
    padding: 8px;
    float: right;
}

span.mbp div li {
  color: black;
}

span.mbp div img.ava {
  float: right;
  margin: 0 13px 13px 0;
}

span.mbp p {
  margin: 4px 0 4px;
}

#main a.mbf:link, #main a.mbf:visited,
#main a.mba:link, #main a.mba:visited {
    color: #333;
    padding: 1px 14px 1px 1px;
    border: 1px solid #ddd;
    margin: 0px;
}

#main a.mbf:link, #main a.mbf:visited {
    background: #f0f0f0 url(star.gif) no-repeat top right;
}
#main a.mba:link, #main a.mba:visited {
    background: #f0f0f0 url(star1.gif) no-repeat top right;;
}

#main a.mbf:hover, #main a.mba:hover {
    background-color: #e0e0e0;
}

#main div.mbi a.close:link,
#main div.mbi a.close:visited {
  float:right; font-size:10px; padding:0; ; border:none;
  background:transparent url(pop-close.gif) no-repeat 0 0; width:16px; height:16px; display:block; }

#main div.mbi a.close:hover { background-position:-16px 0; }

#main div.mbi.xff a.close:link,
#main div.mbi.xff a.close:visited {
   margin:0; margin-top:23px; margin-right:22px; }

#main div.mbi.xie a.close:link,
#main div.mbi.xie a.close:visited {
   margin:0; margin-top:23px; margin-right:2px; }

#main div.mbi {
   position: absolute;
   z-index: 9;
   width: 530px;
   border: none;
   color: black;
   padding: 0;
   margin: 0;
   background: none;
   font-weight: normal;
   text-align: left;
}

#main div.mbi.xff {
   margin-left:-4px;
   margin-top:10px;
}

#main div.mbi.xie {
   width: 460px;
   border: none;
   background: none;
}

#main div.mbi.xff div.mbmid { background: transparent url(pop-bg-mid.png) repeat-y; padding:0; padding-left: 15px; padding-right: 17px; }
#main div.mbi.xff div.mbtop { background: url(pop-bg-top.png) no-repeat; width: 530px; height: 17px; }
#main div.mbi.xff div.mbbot { background: url(pop-bg-bot.png) no-repeat; width: 530px; height: 17px; }
#main div.mbi.xie div.mbmid { background:white; padding:0; border: 1px solid #aaa; }
#main div.mbi.xie div.mbtop { height:15px; }
#main div.mbi.xie div.mbbot { display:none; }
#main div.mbi p, div.mbi li { font-size:inherit; }
#main div.mbi span.nick { font-size: 180%; }
#main div.mbi img.photo { background:white url(phf.gif) no-repeat; margin:0 13px 13px 0; border:none; padding:8px; float:right; }
#main div.mbi img.ava { float: right; margin: 13px 13px 13px 0; }
#main div.mbi .clrb { clear:both; }
#main div.mbi .tac { text-align: center; }
#main div.mbi div.pad { padding:8px; }
#main div.mbi table.bestell { margin-left: 10px; background-color: #e3ebf5; border-collapse: collapse; }
#main div.mbi table.bestell tr.p1 { background-color: #f0f5fe; }
#main div.mbi table.bestell tr, table.bestell td, table.bestell th { border: 1px solid #ccc; padding-left: 2px; padding-right: 2px; font-size: 100%; }
#main div.mbi table.bestell tr.p0, table.bestell tr.p1, table.bestell tr.p0 td, table.bestell tr.p1 td { border-top: none; border-bottom: none; }
#main div.mbi table.bestell th { font-weight: bold; }
#main div.mbi div.mbmenu { clear:both;padding-top:6px;padding-bottom:6px;padding-left:8px;background-color:#ffffd0;border-top:3px dotted #f2c303;}
#main div.mbi div.mbmenu a,
#main div.mbi div.mbmenu a:link,
#main div.mbi div.mbmenu a:visited {
  border:none; background:none; margin:0;padding:0;
  margin-right:10px;color:#f2c303;font-size:120%;font-weight:bold;text-decoration:none; }
#main div.mbi div.mbmenu a:hover { border-bottom: 2px solid #f2c303; }

#main div.mbi.xff a.more,
#main div.mbi.xff a.more:link,
#main div.mbi.xff a.more:visited {
  border:none; margin:0;padding:0;
  margin-left:4px; padding-left:20px;padding-top:0;
  background:transparent url(more1j.gif) no-repeat 0 2px;
  color:white; }
#main div.mbi.xff a.more:hover {
  background-position:0 -15px; }

#main div.mbi.xie a.more,
#main div.mbi.xie a.more:link,
#main div.mbi.xie a.more:visited {
   margin-left:2px; border: none;
   color:white; padding-left:17px;text-decoration:none;
   background:transparent url(more1j.gif) no-repeat 0 3px;}
#main div.mbi.xie a.more:hover { background-position:0 -14px; }

#main div.mbi div.spinner {
  padding:0; ; border:none; margin:0;
  background:transparent url(spinner.gif) no-repeat 6px 6px;
  width:28px; height:28px;
}

/* -------------------- */

.clrb {
  clear:both;
}
span.sau {
  font-size:50%;
  clear:both;
}

#main a.close:link, #main a.close:visited {
   float:right;
   font-size: 10px;
   padding: 0;
   margin: 0;
   border: none;
   background: transparent url(close.png) no-repeat 0 0;
   width:16px;
   height:16px;
   display:block;
}

#main a.close:hover { background-position:-16px 0; }

/* --- achtung ----------------- */

div.achtung {
   background:#ffff90;
   padding:10px;
   border:4px dotted black;
   margin-bottom:20px;
}

div.achtung h1 {
   color:black;
   font-size:280%;
   font-weight:bold;
   text-align:center;
}

/* --- login ----------------- */

#login {
    margin: 8px 8px 8px 10px;
}

#login input {
    font-size: 12px;
}

#login input:focus {
    background-color: #eee;
}

#login.ispass .active {
   display:none;
}

#login .passive {
   display:none;
}

#login.ispass .passive {
   display:block;
}

#logging form {
   padding:0;
   margin:0;
}

div.tfred-header {
	background:#2853A9;padding:2px;
}

div.tfred-footer {
	background:#2853A9;height:20px;margin-bottom:16px;
}

div.tfred-title {
	background:#F4F4FE;padding:2px;font-size:120%;font-weight:bold;
}

div.tfred-post {
	background:#F4F4FE;border:none;padding:4px;
}

div.tfred-phead {
	background:#2853A9;padding:2px;margin:2px;color:#fff;
}

div.tfred-pbody {
	padding:4px;
}

div.tfred-time {
	float:right;font-size:90%;
}

div.tfred-zitathead {
	margin-left:20px;font-size:90%;
}

div.tfred-zitatframe {
	background:#E4E7F5;margin-left:20px;margin-right:20px;margin-bottom:6px;
	border:1px solid #000;padding:4px;
}

div.tfred-zitatby {
	font-style:italic;
}

img.tfred-smile {
	border:none; margin-left:2px;margin-right:1px;
}

#main div.tfred-phead a.mbf, #main div.tfred-phead a.mbf:visited,
#main div.tfred-phead a.mba, #main div.tfred-phead a.mba:visited {
    color: #fff;
    background-color: transparent;
    padding: 1px 14px 1px 1px;
    border: none;
    margin: 0px;
    font-size:120%;font-weight:bold;
    text-decoration:underline;
}