* {font-family: Verdana, Arial, Helvetica, sans-serif;}

body {margin:0px;}
body.funcity {background-color: #ffffff;background-image:url(/images/funcity_hg.gif);}

.error { color: #FF0000; font-size:125%}

.linkleiste {background-color:#FC0; text-align: center;font-size:80%;padding: 2px 10px;}
.linkleiste a {color: #039;text-decoration: none;padding: 2px 10px;}
.linkleiste a:hover {background-color: #039;color: #FC0;text-decoration:none;}

h1 {font-size: 175%;}
h1.shadow {text-shadow:2px 1px #FF0000; color:#ffffff;}
h2 {font-size: 150%;}
h2.shadow {text-shadow:2px 1px #FF0000; color:#ffffff;}
h3 {font-size: 135%;}
h4 {font-size: 120%;}
small { font-size:80%;}
big { font-size:120%;}

.preformat {
   display      : block;
   font-family   : monospace;
   white-space   : pre;
   margin      : 1em 0;
   word-wrap   : break-word;
}

.klein { font-size:80%;}

a {text-decoration:none;}
a:hover {color:#FF0000;text-decoration:none;}

a.link1 {color: #FFCC00;font-weight:bold;}
a:hover.link1  {color: #ffffff;}

a.gelb {color: #FFCC00;font-weight:bold;}
a:hover.gelb  { color: #ffffff;background-color: #FF0000;}

.schwarz a {color: #000;font-weight:bold;font-size:110%;}
.schwarz a:hover  {color: #f00;}

.funcitybox {border-radius: 25px; -webkit-border-radius: 25px; -webkit-box-shadow: 5px 5px 3px 0 #999;box-shadow: 5px 5px 3px 0 #999;border:8px solid #000000;background-color:#FFCC00;margin:50px; padding:50px;}
.funcitycontentbox {width:900px; min-height:600px; padding: 0px; margin: 0px; background-color: #FFF;}
.insurancecontentbox {width:900px; min-height:600px; padding: 0px; margin: 0px; background-image:url(/de/graphics/we/bg/geier_royale_background.png);}
.wappenbox {float:right; }

.funcitykommentarbox {text-align:center; float:right; width:200px; margin-top:10px}
.funcityrechtekommentarbox {text-align:center; float:right; width:200px; margin-top:100px}
.funcitylinkekommentarbox {text-align:center; float:left; margin-top:100px; margin-left:200px;}
div.funcitymailrechtebox {text-align:center; float:right; width:200px; margin-top:200px}

.boxrundeckschatten {
border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 5px 5px 3px 0 #333;
box-shadow: 5px 5px 3px 0 #333;
}

.boxschatten {
-webkit-box-shadow: 5px 5px 3px 0 #333;
box-shadow: 5px 5px 3px 0 #333;
}

.runde_ecken_oben {
border-top-left-radius: 5px;
border-top-right-radius: 5px; 
-webkit-border-top-right-radius: 5px; 
}
.runde_ecken_unten {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; 
}

.inp,input[type="text"],input[type="password"],input[type="mail"],textarea,select,input[type=""],input:not([type]) {
    padding: 2px 3px;
    border: 1px inset rgb(238, 238, 238) !important;
    font-size: 100%;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 100%;
}

textarea {
    resize: none;
}

.but, input[type="submit"], input[type="reset"], input[type="button"], input[type="file"], button {
 display: inline-block;
 background-color:#ededed;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 border-right:1px solid #555;
 border-bottom:1px solid #333;
 border-top:1px solid #999;
 border-left:1px solid #aaa;
 color:#039;
 padding:2px 5px;
 margin: 4px 4px;
}

.but:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover { background-color:#FC0; }

.newspaper {
    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 40px;
    -moz-column-rule-style: dotted;

    /* Safari and Chrome */
    -webkit-column-count: 3;
    -webkit-column-gap: 40px;
    -webkit-column-rule-style: dotted;

    column-count: 3;
    column-gap: 40px;
    column-rule-style: dotted;
}

.papier {background-color:#FFF; border: 1px solid #DDD;}

div.boxchat {background-image:url(/de/graphics/we/temp/funcity_boxring.jpg); background-repeat:no-repeat; width:960px; height:600px; padding-top:128px; padding-left:278px;}
.telefonzelle {background-color:#FFFF80;color:#036}



.left {float:left;}
.right {float:right;}

.abstand20left {margin-left:20px;}
.abstand20all {margin:20px;}
.abstand20right {margin-right:20px;}
.abstand20innen {padding:20px;}
.abstandobenunten {margin: 20px 0px}

.transparent9 { zoom: 1; filter: alpha(opacity=90); opacity: 0.9;}
.transparent8 { zoom: 1; filter: alpha(opacity=80); opacity: 0.8;}
.transparent5 { zoom: 1; filter: alpha(opacity=50); opacity: 0.5;}
.transparent3 { zoom: 1; filter: alpha(opacity=30); opacity: 0.3;}

.friends h3 {color: #003399;
background: #BDCAE8;padding-top: 10px;padding-right: 5px;padding-bottom: 4px;
padding-left: 10px;width:400px;

box-shadow: 5px 5px 3px 0 #333;
background-image:url(/images/holzschild.jpg);
transform: rotate(-5deg);

}
.friends li {list-style: url(/de/graphics/we/temp/chat_blau2.gif) outside}
.friends {font-size:90%}


.timeout {background-color:#003399;color:#fff;}
.timeout a{color:#fc0;}
.timeout a:hover{color:#fff;}

/* townhall_allurls  */
div.linktipp a {color: #fff; font-weight:bold; }
div.linktipp a:hover {color: #f03;}
h1.boersetitel {border: 2px solid #ccc; padding: 10px 40px;background:#FFCC00; width: 240px; border-radius: 25px; color:#006; text-align:center; }
body.boerse {color:#FFFFFF; background: url(/de/graphics/we/bg/boersebg.gif); background: #006; }
div.boerse {background: #006; color:#FFF; }
h3.boerse { color:#FC0; }
div.boersetipp { color:#FC0; font-style:italic; }
div.boersehandel table {width:700px; padding:4px; border:1px dotted #fff; background-color: #FC0; margin-top:20px; border-collapse:collapse;}
div.boersehandel td {padding:2px;word-break:break-all;word-wrap:break-word;color:#006}
.boerseticker {background-color:#006; width:800px; border:0px solid; margin-top:30px;margin-left:20px;color: #FFCC00;font-weight:bold;}
.boerseunternehmenboxl {text-align:center; width:260px;padding-top:70px;}
.boerseunternehmenboxr {text-align:left; width:520px;}
.boerseunternehmenboxr a{color: #FFF;font-weight:bold;}
.boerseunternehmenboxr a:hover{color: #FC0;}
.boerseunternehmenwert {padding-left:120px;color: #FFCC00;}
.boerseunternehmenboxla {text-align:center; width:260px;}
.boerseunternehmenboxra {width:540px;margin-bottom:50px;padding-left:20px;}
h3.funtitel {border-color: #f93;border-style: solid;border-width: 0 0 0 1.2em;color:#FF9933;margin: 20px 0 0;padding: 0 20px;}
h3.realtitel {border-color: #6060ff;border-style: solid;border-width: 0 0 0 1.2em;color:#6060FF;margin: 20px 0 0;padding: 0 20px;}
h3.startitel {border-color: #ff4040;border-style: solid;border-width: 0 0 0 1.2em;color:#FF4040;margin: 20px 0 0;padding: 0 20px;}
h3.aerotitel {border-color: #008040;border-style: solid;border-width: 0 0 0 1.2em;color:#008040;margin: 20px 0 0;padding: 0 20px;}
h3.stuttgarttitel {border-color: #ff0;border-style: solid;border-width: 0 0 0 1.2em;color: #ff0;margin: 20px 0 0;padding: 0 20px;}
.unternehmen span {padding-left:10px; padding-right:10px; color:white; white-space:nowrap;}
.fun {  color: #FF9933; font-size: 86%;}
.real {  color: #6060FF; font-size: 86%;}
.star {  color: #FF4040; font-size: 86%;}
.aero {  color: #008040; font-size: 86%;}
.stuttgart {  color: #FFFF00; font-size: 86%;}
.fun {  border:0; border-left:1.2em; border-style:solid; border-color: #FF9933; }
.real { border:0; border-left:1.2em; border-style:solid; border-color: #6060FF;  }
.star { border:0; border-left:1.2em; border-style:solid; border-color: #FF4040; }
.aero { border:0; border-left:1.2em; border-style:solid; border-color: #008040; }
.stuttgart { border:0; border-left:1.2em; border-style:solid; border-color: #FFFF00; }
.bgpricetrendtab {border: 1px solid #ffffff; }
.kursechat { color: #FFF; font-size:80%}

/* mailboxen   */
.mailwg a{color: #FFF;font-weight:bold;}
.mailwg a:hover{color: #F00;}
#wgmail li {list-style: url(/de/graphics/we/misc/mailwg.png) outside; margin-top:10px;margin-right:10px;}

.mailboxbg {background-color:#ffc;color: #000;}
.mlist {border:1px solid #ffc080; border-collapse:collapse;}
.mlist td,.mlist th {border:1px solid #ffc080;}
.mailbox { padding: 20px;}
.mailbox a {color: #cc3300; font-weight:normal}
.mailbox a:hover {color:#333399}
img.letter {float:left; margin-top:1em; margin-right:20px;}
.mailboxbg hr {display: block; margin-top: 10px; margin-bottom: 10px;margin-left: 0px; margin-right:20px; border-style: solid; border-width: 1px;border-color:#c30;}
.mailboxbg h1 {color: #cc3300; text-shadow:1px 1px #000;}

/* _active_user - Wer ist da  */
.small {color:#000000;font-weight:normal;}
.profil {color: #ffffff;}
.bild {color: #ff0000;font-weight: bold;}
.url {color: #006600;font-weight: bold;}
.blume {color: #000099;font-weight: bold;}
.leg{color: #FFCC00;font-weight: bold;background-color:#FFFFFF;}
.weristda{background-color:#c8d0ff;min-height:550px}
.weristda table {border-collapse: collapse;}
.weristda td {font-size:75%;padding:3px 3px; border: 1px solid #fff;}
.weristda th {padding:4px 2px; border: 1px solid #fff;}
.weristda a {color:#039; font-weight:normal;}
.weristda a:hover {color:#FFF}

/* _wholive einwohnersuche  */
div.wowohntliste {font-size: 90%;color:#000;}
div.wowohntliste a { font-weight:bold;color:#000;}

/* JAVA_Doktor chat_java_diagnose  */
.javamenulnk {display: block;  color: #000;font-weight:bold;}
.javamenulnk:hover {background-color: #000;}
#javabutton {font-weight:bold; background-color:#fc0;color:#000; border:1px solid #000; border-radius: 10px;-webkit-border-radius:10px; padding: 3px 8px;}
#javabutton:hover {background-color:#000; color:#fc0}
h2.shadowjava {color:#fc0; text-shadow:1px 1px #000;}
.javadoktor {background-image:url(/images/funcity_hg.gif);}
.javalinks a{color:#fc0; font-weight:bold; font-size:90%}
.javalinks a:hover{color:#f00;}
.javagelbebox {width:300px; background-color:#fc0; border:1px solid #999}

/* friedenskerzen */
.friedenskerze {background-color: #496F93;}

/* zauberladen */
body.bgzauberladenstart{background: url(/de/graphics/we/bg/schwarz.gif);color:#333;background-color: #000;}
.zauberladenbox {width:900px; min-height:600px; background-color: #000}
.zauberverkaufsbox {background: url(/de/graphics/we/bg/zauberladen_verkauf2023.jpg);background-repeat:no-repeat;width:900px; height:600px; background-color: #000;padding-top:60px;padding-left:280px;}
.zauberantwort {color:#f00;text-align:center;margin-top:50px;}
.zauberantwort a{color:#f00;font-weight:bold;}
.zauberantwort a:hover{color:#fc0;}
.runestart {background-image:url(/de/graphics/we/temp/rune_startseite.jpg);background-repeat:no-repeat;width:700px;height:438px;font-size:90%;}
.rune {color:#333;background-color: #000;}


/* blumenladen */
body.blumenladen {background-color: #473D30;background: url(/de/graphics/we/bg/blumenbg.png);}
div.blumenbox {background-color: #fff;text-align:center;min-width:1000px;max-width:1200px;color:#363;}
.blumeagb {background-color: #fff;color:#363;}
.blumeagb a{color:#fc0;font-weight:bold;background-color: #363;border-radius: 5px; -webkit-border-radius: 5px;-webkit-box-shadow: 3px 3px 1px 0 #333;box-shadow: 3px 3px 1px 0 #333;padding:5px;}
.blumeagb a:hover{color:#fff;}
.blumenbild {text-align:center;}

/* tierladen */
.tierladen {background: url(/de/graphics/we/bg/tierladen.png);}
.tierladen h1 {color:#390;}

/* chaoscamp */
body.campbg { background-color:#000000; background-image:url(/de/graphics/we/bg/schwarz.gif);}


/* funcatraz */
.bgfuncatraz {background-image:url(/de/graphics/we/temp/bgfuncatraz.gif);}
.funcatraz {background-image:url(/images/funcatraz900x600.jpg); background-repeat:no-repeat;width:900px;height:600px;color: #ffffff;}
.funcaframe {margin-top:140px; margin-left:96px;width:380px;height:260px;overflow:auto;}
a.funcalink {color:#fff; font-weight:bold; font-size:80%;padding-left:700px;}
a:hover.funcalink {color:#fc0}
div.funcabox1{width:200px; text-align:left;float:left;font-size:70%}
div.funcabox2{width:138px; text-align:right;float:left; font-size:70%}


/* partymeile */
body.bgpartymeile {background: url(/de/graphics/we/bg/schwarz.gif);color:#333;background-color: #000;}
.age3 { color: #FF9900; font-weight: normal; text-decoration: none; font-size: 90%}
.age4 { color: #EE8A15; font-weight: bold; text-decoration: none}
.age5 { color: #999999; font-weight: normal; text-decoration: none;}
.alpenok { color: #EE8A15; font-weight: bold; text-decoration: none}
.partyfunpfeil {background-image:url(/de/graphics/we/misc/partymeile_fun_pfeil.gif);background-repeat:no-repeat;position:absolute;width:80px;height:85px;left: 220px;top:120px;}
.layerfun {position:absolute;z-index:8; left: 160px;top: 200px;visibility: hidden; overflow: hidden;background-color:#666;text-align:center; padding: 30px;}
.alter{position:absolute; z-index:8; left: 340px; top: 320px;visibility: hidden;overflow: hidden;background-color:#000;text-align:center; padding: 30px;}

div.heyfun {position:absolute;z-index:8;left: 580px; top: 500px;visibility:visible;overflow: hidden;background-color:#000;text-align:center; padding: 10px;}
div.heyalpen {position:absolute;z-index:8;left: 580px; top: 500px;visibility:visible;overflow: hidden;background-color:#000;text-align:center; padding: 10px;}
div.heywuzz {position:absolute;z-index:8;left: 580px; top: 500px;visibility:visible;overflow: hidden;background-color:#000;text-align:center; padding: 10px;}
div.fragefun {position:absolute; z-index:8;left: 550px; top: 150px;visibility: hidden;overflow: hidden;background-color:#999999;text-align:center;padding: 30px;}
div.fragealpen {position:absolute; z-index:8;left: 550px; top: 150px;visibility: hidden;overflow: hidden;background-color:#999999;text-align:center;padding: 30px;}
div.fragewuzz {position:absolute; z-index:8;left: 350px; top: 180px;visibility: hidden;overflow: hidden;background-color:#999999;text-align:center;padding: 30px;}


#antwort {position:absolute;z-index:8;left: 510px;top: 400px;visibility:visible;overflow: hidden;background-color:#000;text-align:center; padding: 20px;}
.okfun {position:absolute;width:200px;height:300px; z-index:9;left: 590px; top: 380px;visibility: hidden; overflow: hidden;background-image: url(/de/graphics/we/misc/partymeile_hg_fun.jpg);background-repeat:no-repeat; padding: 50px 30px 30px 30px;}


.partysprechblase {border-radius: 50px; -webkit-border-radius: 50px;-webkit-box-shadow: 5px 5px 3px 0 #333;box-shadow: 5px 5px 2px 0 #333;color:#fc0;}
div.partyfackel {background-image:url(/images/partymeile/fackel.gif);background-repeat:no-repeat;width:65px;height:128px;}
div.fackelalpen1{position:absolute;z-index:1; left: 820px; top: 196px}
div.fackelalpen2{position:absolute;z-index:1; left: 320px; top: 196px}
div.fackelwuzzen1{position:absolute;z-index:1; left: 820px; top: 196px}
div.fackelwuzzen2{position:absolute;z-index:1; left: 320px; top: 196px}
.okalpen {position:absolute;width:300px;height:237px; z-index:9;left: 530px; top: 470px;visibility: hidden; overflow: hidden;background-image: url(/images/partymeile/alpenschildok.png);background-repeat:no-repeat; padding: 50px 30px 30px 60px;}

/* spielhoelle mit spielen */
.spielhoellehg{background-color: #000;}
.flashgame {width:700px;height:500px;text-align:center;}
.flashgames a{color:#fc0;font-weight:bold;background-color: #f00;border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 3px 3px 1px 0 #333;box-shadow: 3px 3px 1px 0 #333;padding:5px;}
.flashgames a:hover{color:#fff;}
.puzzleseite a {color:#f00; font-weight:bold;}
.puzzleseite a:hover{color:#fff;}

/* sudoku kamikatse */
.sbg1 {width:30px;height:30px;text-align:center;background-color:#BFBFBF}
.sbg2 {width:30px;height:30px;text-align:center;background-color:#FFFFFF}
.sbgi1 {width:100%; text-align: center; font-family: Arial; font-size: 14pt; font-weight:bold; border-width:0px; color: #008000; background-color: #BFBFBF}
.sbgi2 {width:100%; text-align: center; font-family: Arial; font-size: 14pt; font-weight:bold; border-width:0px; color: #008000; background-color: #FFFFFF}
.sbgf1 {width:100%; text-align: center; font-family: Arial; font-size: 14pt; font-weight:bold; border-width:0px; color: #000000; background-color: #BFBFBF}
.sbgf2 {width:100%; text-align: center; font-family: Arial; font-size: 14pt; font-weight:bold; border-width:0px; color: #000000; background-color: #FFFFFF}

/* casino mit spielen */
body.bgcasino{background: url(/de/graphics/we/bg/blumenbg.png); color:#999; background-color: #fff;}
body.roulette{background: url(/de/graphics/we/bg/roulette.gif); color:#fc0; background-color: #208020;}

body.bgslot{background: url(/de/graphics/we/bg/schwarz.gif);background-color: #000;}
.slot {background: url(/de/graphics/we/temp/slotbg.png);background-repeat:no-repeat; width:416px; height:500px;background-color:#000;color: #FC3;text-align:center; margin-top:90px;}

.lotto_button { background-color: #ededed; color: #039; border-radius: 0.5em; border: 1px outset #555; padding: 2px 5px; margin: 0px 4px;}
.lotto_button:hover { background-color: #FC0; border-style: inset; color: #039;}

/* aufdeckspiel */
.aufdecken {background-color:#022350; color:#fff}

/* versicherung */

.versicherungbg {background: url(/images/insurencebg.gif); color:#003399;}
div.versicherunginfo {border:1px solid #003399; padding:10px; margin-top:-40px; width:320px; font-size:90%; color:#003399}
a.versicherungsvertrag {font-weight:bold; background-color:#ccc;color:#039; border:1px solid #999; border-radius: 10px;-webkit-border-radius:10px; padding: 3px 8px;}
a:hover.versicherungsvertrag {background-color:#ccc; color:#fc0}
.versicherungback {border:1px solid #ccc; width:220px; height:170px}
.versicherungback:hover{ background-color:#CCCCCC;zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.versicherungsbox {width:900px;}


/* 
bank */
.bankbg {background: #6CC; }
.kontenzugang {color:#666; background-image:url(/de/graphics/we/misc/banktuer.png); background-repeat:no-repeat; height:568px; width:700px; padding-left:90px; padding-top:40px; margin-left:50px;}
.kontenzugang a {color:#f00; font-weight:bold;}
.kontenzugang a:hover {color:#f90}
.konten {font-size:12px; color:#666}
.konten a {color:#f00; font-weight:bold;}
.konten a:hover {color:#f90}
.babirechts {text-align:right}
.babicenter {text-align:center}
.babi table {background-color:#fff;}
.babi td {font-size:12px; background-color:#66CCCC; padding:1px;}
.babi h3 {color:#fff}
.babi p {font-size:14px; color:#000}
.kontoformular table {width:600px;border-collapse:collapse;}
.kontoformular td {background-color:#D6FAFA;font-weight:normal;padding:4px;}
.bank .bg_dark1 { color: #000; background-color: #CCC; }
.bank .bg_dark2 { color: #000; background-color: #099; }
.bank .bg_light1 { color: #000; background-color: #FFF; }
.bank .bg_light2 { color: #000; background-color: #9FF; }
.tc { display: table-cell; padding: 2px; }
.tl { display: table-row; }
.transfer_bg_light { padding: 2px; background: #9FF; border: 1px solid #000; }
.transfer_bg_dark { padding: 2px; background: #099; border-width: 1px 1px 0; border-color: #000; border-style: solid; }
.kontoformular form div.transfer_bg_dark h4 { display: inline; }

/* bausparseiten  */
.bausparbg {background: url(/de/graphics/we/bg/bausparbgetage.png); color:#006;}
a.bauspar { font-size:90%;}
a:hover.bauspar  { color:#fc0;}
.bausparbutton {border: 2px solid #ccc; padding: 10px 40px; background:#FFCC00; width: 240px; border-radius: 25px; color:#006; text-align:center;font-weight:bold;}
a.bausparbutton a { color:#006;}
a:hover.bausparbutton  { color:#fff;}
.bausparhp {color: #FFF;}
.bausparhp a {color: #FFF;font-weight:bold;}
.bausparhp a:hover {color:#FC0;}
.bausparhphell {color: #000;}
.bausparhphell a{color: #000;font-weight:bold;}
.bausparhphell a:hover{color: #FC0;}

/* kirche */
.bgkirchenmauer {background-image:url(/de/graphics/we/bg/kghg.jpg); background-attachment:fixed;}




/* kloster */
.kloster {background-color: #E0C47C; color: #333366;}
.kloster a {color: #336; font-weight:bold}
.kloster a:hover {color: #fff;}
.kloster a:active {color: #fff;}
#klosterbutton {font-weight:bold; background-color:#E0C47C;color:#336; border:1px solid #ccc; border-radius: 10px; -webkit-border-radius:10px; padding: 3px 8px;}
#klosterbutton:hover {color:#fff}
.klosterlayer {background-image:url(/de/graphics/we/temp/kloster_orat_schild.gif);background-repeat:no-repeat; width:67px; height: 69px; position:absolute; z-index:1; left: 20px; top: 10px;padding-top:5px;padding-left:9px;}
.klosterlayer a{color:#fc0;font-size:70%}
.klosterlayer a:hover{color:#fff;}
.klosteroratorium {background-color: #922800; color: #336;}
a.klostergang {font-size:70%}
a:hover.klostergang  {color: #f00;}
.klosterclose a{color:#fc0;font-weight:normal;background-color: #922800;border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 3px 3px 1px 0 #333;box-shadow: 3px 3px 1px 0 #333;padding:3px;}
.klosterclose a:hover{color:#fff;}
#klosterquiz a{font-size:150%; color:#fc0;font-weight:bold;background-color: #922800;border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 3px 3px 1px 0 #333;box-shadow: 3px 3px 1px 0 #333;padding:3px;margin:30px 0px;}
#klosterquiz a:hover{color:#fff;}
.bgkloster{background-color: #E0C47C;}
.schiebespiel a {color:#fff}
.schiebespiel a:hover {color:#f00}
.klosterbibliothek {background-image:url(/de/graphics/we/temp/kloster_biblio_hgb.jpg); background-repeat:repeat}
.quizantwort {color:#fff; font-size:121%;font-weight:bold; text-shadow:1px 1px #FF0000;}
.bibliothekbox {width:800px;background-color: #E0C47C;}
.bibliotheklayer {position:absolute; width:132px; height:34px; z-index:1; left: 0px; top: 10px;}
.heilige {color:#fff; font-size:121%;font-weight:bold; text-shadow:1px 1px #FF0000;}
a.klosterbuchlnk { display: block;  color: #336;  font-size: 90%;  text-decoration: none;font-weight:normal;}
a:hover.klosterbuchlnk  {background-color: #fff; color: #336;}
.buchoffen {background-image:url(/de/graphics/we/temp/kloster_buch_offen.jpg); background-repeat:no-repeat; width:900px; height:700px; top:0px; left:0px; position:absolute; z-index:-1}
.buchlinkeseite{width:280px;position:absolute; left:100px; top:60px;}
.buchrechteseite{width:320px; position:absolute; left:500px; top:60px; font-size:86%}
#oratoriumbutton {background-color:#922800; border:2px solid #999; border-radius: 10px; -webkit-border-radius:10px; margin:2px; padding:8px 12px;position:absolute; z-index:100; left: 30px; top: 30px;}
#oratoriumbutton a {font: bold 12px Verdana; color:#e0c47c;}
#oratoriumbutton a:hover {color:#fff}
.oratoriumgebet {background-color: #922800;color: #E0C47C;background-image:  url(/de/graphics/we/temp/kloster_oratorium_gebet2.jpg);background-repeat:no-repeat;background-attachment: fixed;}
.oratorium a {color: #E0C47C;font-weight:normal}
.oratorium a:hover {color: #fff;font-weight:normal}
.bibellesen {background-color: #922800;color: #E0C47C;background-image:url(/de/graphics/we/temp/kloster_oratorium_bibel.jpg);background-repeat:no-repeat;background-attachment:fixed;}
.bibelfrauen {background-color:#000; color: #6E5F6A; text-align:center;}
.bibelfrauen a{color: #6E5F6A;font-weight:bold;}
.bibelfrauen a:hover{color: #A72C86;}
.heiligebild {border:1px solid #ccc;}
.ordensbox {font-size:70%; color:#CCCCCC; float:left; text-align:center; width:160px}
.ordensbox a{ font-size:70%; color:#CCCCCC}
.ordensbox a:hover{ color:#f00}
.ordenlogoimg { border:4px solid #ccc}
.klosterzimmer {background-image:url(/de/graphics/we/misc/kloster_zimmer_glocke_03.jpg); background-repeat:repeat-x;height:700px; background-color:#FFE6BF; color: #333366}
.klosterzimmer a {color: #336; font-weight:bold}
.klosterzimmer a:hover {color: #fc0;}
.bildmeditation {background-image:url(/de/graphics/we/temp/kloster_oratorium_gebet2.jpg); background-repeat:no-repeat;color: #FFCC33;background-color: #922800}
.monatsgebet {background-color: #922800;background-image:url(/de/graphics/we/temp/kloster_oratorium_gebet2.jpg); background-repeat:no-repeat;}

/* feuerwehrseiten  */
.bgfeuerwehr {background: url(/de/graphics/we/bg/feuerwehr.png);}
.feuerwehr {background-color:#f00;color:#fff;}
a.feuerlink {color:#fff;font-weight:bold;font-size:80%;}
a:hover.feuerlink {color:#Fc0;}
a.feuerwehr {color:#fff;font-weight:bold;}
a:hover.feuerwehr {color:#Fc0;}

/* fotogalerie Einwohnerfotos heirat baby  */

body.familienfoto {background-color: #fff;background: url(/images/foto/fotogalerie.png);}
.rahmenfamilie {border: 5px ridge #CA090A;}

.familie {color: #CA090A;}
.familie a {color: #CA090A; padding-left:5px;}
.familie a:hover  {color: #F4C2C3;background-color:#CA090A;}

h1.familie {color:#CA090A;text-shadow:2px 1px #F4C2C3;}
#bilderbaby {background-image:url(/de/graphics/we/bg/rathaus_baby_hg.jpg);background-repeat:no-repeat;width:873px; height:479px;border: 5px ridge #CA090A;}
.baby{float:left; width:180px; height:220px; padding-top:110px;padding-left:83px;font-size:0.8em; color:#00008B;}
.baby1{float:left; width:180px; height:220px; padding-top:110px;padding-left:55px;font-size:0.8em; color:#00008B;}
.baby2{float:left; width:180px; height:220px; padding-top:110px;padding-left:30px;font-size:0.8em; color:#00008B;}

#bilderpaar {background-image:url(/images/bgpaar.jpg);background-repeat:no-repeat;height:439px;width:800px;border: 5px ridge #CA090A;}
.paar{float: left; padding-top:98px; padding-left:36px}
.paar1{float: left; padding-top:98px; padding-left:48px}
.paar2{float: left; padding-top:98px; padding-left:62px}

/* angeln  */
.angelinfo {background-color:#35A1E5; margin:40px;}
.angelinfo a {color:#FFFFFF; font-weight:bold}
.angelinfo a:hover {color:#FC0}
h1.angelinfo {color:#FFFFFF}


/* sammelalbum  */
.sammelalbumbg {background-color:#FFCC66;}
a.sammelalbum {color:#fff;font-size:80%;font-weight:bold;}
a:hover.sammelalbum {color:#f00;}


/* advent rotes design grafik-art-store */
.advent07bg {background-color: #AA0000;background-image: url(/de/graphics/we/temp/x_christmas_backgrounds_12.gif);color: #FFFFFF;}
.bordergold{border-style: solid; border-width: 2px; -webkit-border-image: url(/images/adventhaus/x_warmchristmasgold.jpg) 53 4 43 1 repeat; -o-border-image: url(/images/adventhaus/x_warmchristmasgold.jpg) 53 4 43 1 repeat; border-image: url(/images/adventhaus/x_warmchristmasgold.jpg) 53 4 43 1 repeat;}
.bordersilber {background-color:#740605;padding:2px;border-style: solid; border-width: 2px; -webkit-border-image: url(/images/adventhaus/x_glitzer215.gif)2 2 2 5 repeat; -o-border-image: url(/images/adventhaus/x_glitzer215.gif) 2 2 2 5 repeat; border-image: url(/images/adventhaus/x_glitzer215.gif) 2 2 2 5 repeat;}
.borderkaro {border-style: solid; border-width: 11px 10px 10px 9px; -webkit-border-image: url(/images/adventhaus/x_xmasplaid.gif) 19 22 25 11 repeat; -o-border-image: url(/images/adventhaus/x_xmasplaid.gif) 19 22 25 11 repeat; border-image: url(/images/adventhaus/x_xmasplaid.gif) 19 22 25 11 repeat;}
.borderrot {border-style: solid; border-width: 4px 3px 6px; -webkit-border-image: url(/images/adventhaus/x_christmasrecipestile.jpg) 60 43 63 51 repeat; -o-border-image: url(/images/adventhaus/x_christmasrecipestile.jpg) 60 43 63 51 repeat; border-image: url(/images/adventhaus/x_christmasrecipestile.jpg) 60 43 63 51 repeat;}
.advent07 {width:900px}
.advent07link a { color: #FFF;font-weight:bold}
.advent07link a:hover { color: #Fc0;}
.advent07content {margin:2px; background-color: #AB0000;}
a.advent07flur {color:#fff;font-size:80%;font-weight:bold;}
a:hover.advent07flur {color:#fc0;}
.advent07flur {margin:2px;background-color:#990304;}

/* advent blaues design grafik-art-store */
.advent06bg {background-color: #6A849F;color: #E9D9A1;}
.advent06bg a{color: #E9D9A1; font-weight:bold}
.advent06bg a:hover{color: #FC0;}

/* wohnungen  */
#gbtitleinp {width: 700px; font-size:100% }
#gbtextinp {width: 700px; height:8em; font-size:100% }
.gbentry {   /*background-color: #DDD;*/   /*opacity: 0.5;*/   padding-top:1em;   padding-bottom:2.0em;   border-width:2px;   padding-left:2.0em;   border-style:dotted;   border-color:#fff;   border-top-style:dotted;   border-right-style:none;   border-bottom-style:none;   border-left-style:none;   width: 700px;}
.gbentry .gbheadrow .gbnick { color: #000020; display:inline; font-size:90%  }
.gbentry .gbheadrow .gbdate { color: #002000; display:inline; font-size:80% }
.gbentry .gbheadrow .gbdelete { color: #200000; display:inline; font-size:80% }
.gbentry .gbsubrow .gbsub { color: #000000; display:inline; margin-left:0px; font-weight:bold; word-wrap: break-word; width: 100%; }
.gbentry .gbtextrow .gbtext { color: #000000; margin-left:0px; word-wrap: break-word; width: 100%; }
.gbeingabefeld {width: 700px;}



.picbutton {background:#cccccc;margin-bottom:0px;margin-top:10px;color:#fff;border:1px outset #fff;}
.picbuttona {margin-bottom:0px;margin-top:10px;color:#fff;border:10px inset #999;font-weight:bold;}
.picbutton:hover {background:#cccccc;margin-bottom:0px;margin-top:10px;color:#fff;border:1px inset #fff;}

div.wohnungsheader {padding:20px;background-color:#ffffff;color:#000000;width:95%;margin-bottom:50px;}
div.wohnungsheaderkosmo {padding:20px;background-color:#000000;color:#ffffff;width:95%;margin-bottom:50px;border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 3px 0 #fff;box-shadow: 5px 5px 3px 0 #fff;}

.WE_TextHead {padding: 0px 20px 0px 20px;margin-top:100px}

.appartment1 {color:#fc0;}
.appartment1 a{color:#fc0; font-weight:bold}
.appartment1 a:hover{color:#f00;}
.app1box {font-size:110%; width:440px; background-color:#fff; color:#fc0}
.app1box1 {margin-left:40px; margin-top:20px;}
.app1box2 {width:200px; text-align:center;}

.kosmo { color: #FFF;}
.kosmo a{color: #FFF;font-weight:bold;}
.kosmo a:hover{color: #Fc0;}
.kosmourl {margin-left:60px;padding-top:20px;}

.sportpoint {color: #000;}
.sportpoint a{color: #000;font-weight:bold;}
.sportpoint a:hover{color: #F00;}

.opellinegr {background-image:url(/de/graphics/we/temp/opel_logo4.gif); height:71px;}
.opelcontent {background-color:#FFCC33; width:900px; color:#fff}
.opel {background-color:#36F; }
.opelcontent a {color:#fff; font-weight:bold}
.opelcontent a:hover {color:#36F}

.sternenfee {background-color:#036; color: #FC3;}
.sternenfeewohnung a {color: #FC3; font-weight:bold;}
.sternenfeewohnung a:hover {color: #FFF;}
body.sternenfee {background-color:#003466;color:#FC3}
.sternfee {background-image:url(/de/graphics/we/temp/sternfee_etage1.jpg); background-repeat:no-repeat;width:800px;height:260px; padding-left:350px;}
.sternlink a  {color: #FFCC33;}
.sternlink a:hover  {color: #FF0000;}

#waldmail { position:fixed; top:100px; left:50px; width:200px; height:300px;}
#waldwohn { position:absolute; top:10px; left:300px;}
.waldhg {background-image:url(/de/graphics/we/bg/wald_hg4.jpg); background-repeat:no-repeat; background-color: #3B5E11;  color: #F8F8CB;}
.waldhg a {color: #F8F8CB; font-weight:bold}
.waldhg a:hover {color: #ffCC00;}
.waldlinie {min-width:100px; border-width:2px;  border-style:dotted;  border-color:#1A3B0F;border-top-style:none;border-right-style:none;border-bottom-style:dotted;border-left-style:none;}

.pimp {  background-color:#000;}
.pimpgold {border-style: solid; border-width: 20px; -webkit-border-image: url(/images/pimp_c29.gif)20  repeat; -o-border-image: url(/images/pimp_c29.gif)20 repeat;border-image: url(/images/pimp_c29.gif)20  repeat;}
.pimpweisserrand {background-image:url(/images/pimp_hg2.gif);width:1000px; margin:40px; padding:40px;}
.pimproterrand {border:3px solid #C30}
.pimpgruenerrand {border:8px solid #030}
.pimpmitte {border:3px solid #C30; color:#fff;  background-color:#000;}
.pimpmitte a{color:#fff; font-weight:bold}
.pimpmitte a:hover{color:#f00;}
div.pimpcontainer { width: 600px}
div.pimpbox {box-sizing: border-box;width: 50%;margin-bottom:40px; float: left;}

.biker {color: #ccc; background-color:#000000}
.biker a {color:#ccc; font-weight:bold;}
.biker a:hover {color: #F00;}

.valentinwurmbg{background-color:#FF99CC;color: #660405;background-image:url(/de/graphics/we/temp/valentin_wurm.jpg); background-repeat:no-repeat;padding-top:200px;}
.valentinwurmbox {min-width:200px;max-width:300px;background-color:#FF8AC5}
.valentinwurmbg a {color: #680203; font-weight:bold;}
.valentinwurmbg a:hover {color: #fff;}

.valentin08bg{background-color: #8F090A;color: #510304;}
.valentin08bg a {color: #510304; font-weight:bold}
.valentin08bg a:hover {color: #fff;}
.valentin08hell {color: #BD051B}
.valentin08hell a {color: #BD051B; font-weight:bold}
.valentin08hell a:hover {color: #fff;}
.valentin08figur {background-image: url(/images/valentin/valentin2008figur.jpg);background-repeat:no-repeat;height:498px;width:900px;}

.ruheraumbg {background-image:url(/images/ruheraum.jpg); background-repeat:no-repeat; background-color:#7E8FAB;color:#fff}
.ruheraumbg a {   color: #FFFFFF; font-weight:bold}
.ruheraumbg a:hover {color: #fc0;}

.hasenhuetten {color:#008000;}
.hasenhuetten a{color:#008000; font-weight:bold;}
.hasenhuetten a:hover{color:#fc0}
.hasenhuttenhead { background-color:#98A5B6; height:210px;width:900px;}
.hasihead { background-color:#98A5B6; height:240px;width:900px;}
.hasenhuettenprofil {width:300px; background-color:#98A5B6; margin-left:200px; margin-top:50px;}

.bingo {background-image:url(/images/bingo.png);background-repeat:repeat-y;background-color:#C2630F;color:#FFFFFF; }
.bingo a {color:#fff; font-weight:bold}
.bingo a:hover {color:#fC0; font-weight:bold}

.kajuetebg {background-color:#475A9F;color:#FC3;}
.kajuete {background: #475A9F; border-width:1px;  border-style:dotted;  border-color: #D3D3D3;border-top-style:dotted; border-right-style:none;border-bottom-style:dotted;border-left-style:none;color:#FFCC33;padding:10px;}
.kajuete,.kajuetebg a {color: #FC3;font-weight:bold}
.kajuete,.kajuetebg a:hover {color: #fff;}

.hotel {background-color:#475A9F;color:#FC3;}
.hotel a {color: #FC3;font-weight:bold}
.hotel a:hover {color: #fff;}

.partybackstage {color:#c00;}
.partybackstage a {color: #c00;font-weight:bold}
.partybackstage a:hover {color: #fff;}

.camp {background-color:#D9F5AB; color:#14520F}
.camp a {color:#14520F; font-weight:bold;}
.camp a:hover {color:#c00}
.camphead{background-image:url(/de/graphics/we/temp/camphead.jpg);background-repeat:repeat-x;padding-top:100px;}
.camplinie {background-image:url(/images/camplinie.gif);background-repeat:repeat-x;height:37px;padding-top:10px;margin-bottom:10px;}

.girl {background-color:#211319;color: #FF59F5;}
.girl a {color: #FF59F5; font-weight:bold}
.girl a:hover {color: #FFF;}
.girlborder {border:1px solid #FF59F5; background-color:#000}

.boy {background-color:#131B22;color: #4F97E1;}
.boy a {color: #4F97E1; font-weight:bold}
.boy a:hover {color: #FFF;}
.boyborder {border:1px solid #4F97E1; background-color:#000}

.vwszene {background-color:#000;color: #fff;}
.vwszene a {color: #fff; font-weight:bold}
.vwszene a:hover {color: #F00;}

.schloss {color: #630;}
.schloss a {color: #630; font-weight:bold}
.schloss a:hover {color: #c00;}.schlossgoldrand {border-style: solid; border-width: 2px; -webkit-border-image: url(/images/schlossgold.jpg) 2 repeat; -o-border-image: url(/images/schlossgold.jpg) 2 repeat; border-image: url(/images/schlossgold.jpg) 2 repeat;}
.schlossgoldlinie {padding:20px; margin:30px 0px;border-style: solid; border-width: 3px; -webkit-border-image: url(/images/schlossgold.jpg) 50 0 0 repeat; -o-border-image: url(/images/schlossgold.jpg) 50 0 0 repeat; border-image: url(/images/schlossgold.jpg) 50 0 0 repeat;}

.hoelle {color:#C00}
.hoelle a{color:#f00;font-weight:bold;}
.hoelle a:hover{color:#fff;}
.hoelle h2 {color:#c00;}

.diverbg {background-color:#35A1E5;color:#D6F8F4;background-image:url(/de/graphics/we/misc/bgtauch.jpg); background-repeat:repeat-y;}
.diverup {background: #9ECCF3; border-width:1px; border-style:dotted;  border-color: #D3D3D3;border-top-style:dotted; border-right-style:none;border-bottom-style:dotted;border-left-style:none;color:#ffffff;}
.tauchbox{float:left; margin:10px 30px 10px 20px;color:#D6F8F4;}
.diverbg a { color: #FFCC33; font-weight:bold;}
.diverbg a:hover {color: #054C89;}

.hoehle {color: #BFB9B7;background-color:#000000;}
.hoehle a {color: #BFB9B7;text-decoration: none;}
.hoehle a:hover {   text-decoration: none;   color: #C00DC7;}
div.hoehlehead {height:120px;padding: 10px 0px 0px 10px; text-shadow: 2px 2px 1px #C00DC7;}
div.hoehlenraum {position: absolute;background-image:url(/images/hoehle_hg.jpg);background-repeat:no-repeat;background-color:#000000;width: 100%;height: 700px;z-index: 1;}
div.hoehlecontent{position: absolute;padding-left: 100px;padding-top: 200px;width: 700px;z-index: 5;}
p.hoehlefooter {padding: 10px;text-align: right;}

.caverne {color: #FDFAD6;background-color:#000000;}
.caverne a {color: #FDFAD6;font-weight:bold}
.caverne a:hover {color: #FFCC33;}
div.cavernehead {height:170px; padding: 10px 0px 0px 10px;text-shadow: 2px 2px 1px #ff0000;}
div.caverne_ritter {position: absolute;background-image:url(/de/graphics/we/temp/caverne.gif);background-repeat:no-repeat;background-color:#000000;width: 100%;height: 390px;z-index: 1;}
div.cavernecontent{position: absolute;padding-left: 400px;width: 550px;z-index: 5;}
div.cavernefooter {padding: 10px; text-align: right; margin-top: 390px; }

.wzhg {background-image:url(/de/graphics/we/misc/mittelalter_hintergrund.jpg);color: #FFCC66;}
.wzcolor {background-color:#FFCC66;color: #330000;}
.wzcolor a{color:#000; font-weight:bold}
.wzcolor a:hover{color:#f00;}
.wzlnk a{color:#fc6; font-weight:bold}
.wzlnk a:hover{color:#fff;}
.wuzzentitel  {font-size:150%; font-weight:bold;margin-left:50px;}

.alpenhg {color: #330000;}
.alpen {background-color:#FFCC99;}
.alpen a{color:#000; font-weight:bold}
.alpen a:hover{color:#f00;}
.alpenlnk a{color:#fc9; font-weight:bold}
.alpenlnk a:hover{color:#fff;}
.alpentitel  {font-size:150%; font-weight:bold;margin-left:50px;}

body.funhg {background-image:url(/de/graphics/we/misc/fun_wohn_hintergrund.jpg);color: #330000;}
.funcolor {background-color:#FF9900;}
.funcolor a{color:#300;font-weight:bold}
.funcolor a:hover{color:#fff;}
.funlnk a{color:#300;font-weight:bold}
.funlnk a:hover{color:#fff;}
.funtitel {font-size:150%;font-weight:bold;margin-left:50px;}

/* flure  */
.arztflurbg {background-image:url(/de/graphics/we/temp/aerztehaus.jpg); background-repeat:no-repeat; color:#F4790C;}

/* saisonale Aktionen  */
.halloweenchallenge {background-color: #000;background-image:url(/images/halloween/halloween14a.gif); color:#999;}
.halloweenchallenge a {color:#999; font-weight:bold}
.halloweenchallenge a:hover {color:#f00;}
.halloweenbox {width:860px}

/* login - register */
.regform { }
.regform .bg_dark1 { color: #000; padding: 2px; float: left; }
.regform .bg_dark2 { color: #000; padding: 2px; float: left; }
.regform .bg_light1 { color: #000; padding: 2px; float: left; }
.regform .bg_light2 { color: #000; padding: 2px; float: left; }

.keks {background-color: #ffffff; background-image:url(/images/keksbg.jpg);}



@-webkit-keyframes blink {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

@-moz-keyframes blink {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

@keyframes blink {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

.blinker{
-webkit-animation-name: blink;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
animation-name: blink;
animation-duration: 5s;
animation-iteration-count: infinite;
} 

/* sprechblase */
  .bubble {transform: rotate(-5deg);
    position: relative;
    padding: 0px;
    background: #ADB400;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
color:#fff;
text-align:center;
padding:5px 2px;
}

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 21px;
    border-style: solid;
    border-width: 16px 7px 0;
    border-color: #ADB400 transparent;
    display: block;
    width: 0;
    z-index: 1;
}

.bildwackel {
-webkit-animation-name: bild_wackel;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: bild_wackel;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
animation-name: bild_wackel;
animation-duration: 2s;
animation-iteration-count: infinite;
} 
@-webkit-keyframes bild_wackel {
0% { -webkit-transform: rotate(0deg) }
25% { -webkit-transform: rotate(10deg) }
75% { -webkit-transform: rotate(-10deg) }
100% { -webkit-transform: rotate(0deg) }
}

@-moz-keyframes bild_wackel {
0% { -moz-transform: rotate(0deg) }
25% { -moz-transform: rotate(10deg) }
75% { -moz-transform: rotate(-10deg) }
100% { -moz-transform: rotate(0deg) }
}

@keyframes bild_wackel {
0% { transform: rotate(0deg) }
25% { transform: rotate(10deg) }
75% { transform: rotate(-10deg) }
100% { transform: rotate(0deg) }
}
