



/*===== Template =====*/

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


#main {
width: 850px;
text-align: left;
}

#header {
text-align: left;
margin-top: 30px;
margin-bottom: -1px;
}

#footer {
margin-top: 30px;
margin-bottom: 30px;
background: #eee url(images/form_bg.gif) repeat-x;
padding: 10px;
border: 1px solid #ddd;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
font-size: 11px;
color: #777;
}

#footer a {
color: #777;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#shaddow {
height:8px;
background: white url('../images/shaddow.gif');
}

a {
color: #00659F;
outline:0; -moz-outline:0;
}

#lightimg img {
opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#lightimg img:hover {
opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

body {

margin: 0;

padding: 0;
background:transparent url('../images/bg.png') repeat-x;
}




html {
min-height: 101%;
}

.small {
font-size: 11px;
color: #777;
}

form {
display: inline;
}

.formbutton {
cursor: pointer;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
border: outset 1px #ccc;
background: #999;
color: #666;
height: 22px;
background:url(../images/form_bg.gif) repeat-x left top;
}

body, td, div {
font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #656565;
}





/*===== Menübar =====*/

.container { width: 850px; margin: 0 auto; }
ul#topnav { margin: 0; padding: 0;float: left;min-height: 31px;width: 850px;list-style: none;position: relative;font-size: 13px;background: url(../images/blockdefault.gif) center center repeat-x; }
ul#topnav li { float: left;margin: 0; padding: 0; }
ul#topnav li a { padding: 6px 5px; margin-left:5px;display: block;color: white;text-decoration: none; font-weight: bold; }
ul#topnav li:hover { background: #eeeeee url(../images/blockactive.gif) repeat-x; }
ul#topnav li:hover a { color: black; }
ul#topnav li span { float: left;padding: 10px 0;position: absolute;font-size: 13px;left: 0; top:28px;display: none;width: 850px;background: #eeeeee;color: #fff;-moz-border-radius-bottomright: 8px;-khtml-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-khtml-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px; }
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:black;  }
ul#topnav li span a:hover { background: transparent url(../images/blockdefault.gif) repeat-x; color:white; }

.menubar {
width:100%;
background: #F3F3F3 url(../images/blockdefault.gif) center center repeat-x;
}
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
z-index: 2;
background: #F3F3F3 url(../images/blockdefault.gif) center center repeat-x;
}
.suckertreemenu ul li a{
display: block;
padding: 5px 10px;
border-left-width: 0;
text-decoration: none;
color: white;
}
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em;
display: block;
visibility: hidden;
}
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}
.suckertreemenu ul li ul li ul{ 
left: 159px;
top: 0;
}
.suckertreemenu ul li ul li a{
display: block;
width: 140px;
color: black;
background-color: #f0f0f0;
text-decoration: none;
font-size: 11px;
padding: 3px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.suckertreemenu ul li a:hover{
background: #F3F3F3 url(../images/blockactive.gif) center center repeat-x;
color: black;
}





/*===== Seitennummerierung =====*/

#seiten {
font-size:11px;
}
#seiten a {
display:block;
background-color:white;
text-decoration:none;
float:left;
border:1px solid #4F82B5;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten a:hover {
background-color:#CCE5FF;
}
#seiten #nolink {
opacity:0.4;filter:alpha(opacity=40)
display:block;
float:left;
border:1px solid #555;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten #current {
display:block;
background-color:#CCE5FF;
float:left;
border:1px solid #4F82B5;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten #dots {
display:block;
float:left;
padding:3px;
margin:3px;
}





/*===== Rechtsklick Menü =====*/

.contextMenu {
position: absolute;
z-index: 99999;
border: solid 1px #CCC;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
background: #EEE;
padding: 0px;
margin: 0px;
display: none;
}

.contextMenu LI {
list-style: none;
padding: 0px;
margin: 0px;
}

.contextMenu A {
color: #333;
text-decoration: none;
font-size:11px;
display: block;
line-height: 20px;
height: 20px;
background-position: 6px center;
background-repeat: no-repeat;
outline: none;
padding: 1px 5px;
padding-left: 21px;
}

.contextMenu LI.hover A {
color: #FFF;
background-color: #aaa;
}

.contextMenu LI.disabled A {
color: #AAA;
cursor: default;
}

.contextMenu LI.hover.disabled A {
background-color: transparent;
}

.contextMenu LI.separator {
border-top: solid 1px #CCC;
}

.contextMenu LI.edit A { background-image: url('../icon/01/10/19.png'); }
.contextMenu LI.delete A { background-image: url('../icon/03/10/01.png'); }
.contextMenu LI.profil A { background-image: url('../icon/01/10/06.png'); }
.contextMenu LI.block A { background-image: url('../icon/03/10/50.png'); }
.contextMenu LI.nachricht A { background-image: url('../icon/01/10/04.png'); }
.contextMenu LI.profil A { background-image: url('../icon/01/10/06.png'); }
.contextMenu LI.profil A { background-image: url('../icon/01/10/06.png'); }





/*===== Facebox PopIn-Fenster =====*/

#facebox .b {
background:url(../images/b.png);
}
#facebox .tl {
background:url(../images/tl.png);
}
#facebox .tr {
background:url(../images/tr.png);
}
#facebox .bl {
background:url(../images/bl.png);
}
#facebox .br {
background:url(../images/br.png);
}
#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
margin: auto;
border-collapse: collapse;
width:auto;
}
#facebox td {
border-bottom: 0;
padding:3px;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .header {
border-bottom: 1px solid #DDDDDD;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
text-align: left;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}





/*===== Sternebewertungen =====*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(../images/star_small.gif);
line-height: 10px;
height: 10px;
}






/*===== FileTree Menu =====*/

UL.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

UL.jqueryFileTree LI {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

UL.jqueryFileTree A {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
	background: #BDF;
}

.jqueryFileTree LI.directory { background: url(images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(images/spinner.gif) left top no-repeat; }





/*===== Sonstiges =====*/

.msg {background:#f0f0f0; margin-left:55px; margin-right:55px; margin-bottom:20px; }
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#f0f0f0;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

.headliner {
text-indent: 5px;
line-height: 28px;
background: url(../images/headliner.gif) repeat-x;
font-weight: bold;
height: 28px;
color: #ffffff;
}

#startseite_intro {
background:transparent url(../images/bgintro.png) no-repeat right top;
}

#outronav {
font-size: 13px;
font-weight: bold;
color: white;
padding: 6px 5px;
margin-left:5px;
}

#gastchat {
background:transparent url(../images/gastlogin.png) no-repeat;
}

#gastchat2 {
background:transparent url(../images/gastlogin.png) no-repeat;
}

#nofake {
margin-left: -20px;
margin-top: -20px;
position:absolute;
z-index: 99;
}

#chatdisabled {
position:absolute;
z-index: 99;
}

#premium {
margin-left: 185px;
margin-top: -40px;
position:absolute;
z-index: 99;
}

#nofakebackground {
background:url(../images/nofakebackground.png) no-repeat right top;
}

#lotto a {
text-decoration: none;
background:url(../images/xxxlotto.png) no-repeat center top;
}

#lotto a:hover {
color: red;
text-decoration: none;
background:url(../images/xxxlotto.png) no-repeat center top;
}

.werbung {
xxxwidth: 4500px;
}