/*===== 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 {
float:left; width:auto; height:auto;position:absolute; top:10px;left:10px;padding-left:32px; padding-top:17px; padding-right:32px; /*margin:20px; /*margin-bottom:10px;*/ /*-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background-color:#FFFFFF; border: solid 1px #ccc; */}
#main {
/*margin-right: 355px;*/
width: 850px; /*original 850px */
text-align: left;
	-webkit-box-shadow: #aaa 8px 8px 12px;
	-mox-box-shadow: #aaa 8px 8px 12px;
	box-shadow: #aaa 8px 8px 12px, #aaa -8px -8px 12px, #aaa 8px -8px 12px, #aaa -8px 8px 12px;	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#888;
	border-bottom-color:#777;
	border-left-color:#ccc;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
}

#header {
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}

/* footer ist die Leiste mit inhalt  Kontakt,Impressum,FAQ u.s.w.*/
#footer {
/*margin-top: 18px; 30px;*/
margin-bottom: 30px;
background: #eee url(images/form_bg.gif) repeat-x;
padding: 10px;
border: 1px solid #ccc;/*-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;*/
font-size: 11px;
color: #ccc;
	
/*position:absolute;
margin-left:-20px;
margin-top: 18px;
margin-bottom: 30px;
padding: 10px;
font-size: 11px;
color: #aaa;
width:850px;
*/

}

#footer a {
/*color: #777;*/
color: #666;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#shaddow {
height:8px;
background: white url('../images/shaddow.gif');
}

/* Die Dunkelblauen Schrifften  Die Profilnamen ! */
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: 0px;
padding: 0px;
/*border-style: groove;*/
background-color: #CCC;
/* DER HINTERGRUND FÜR DIE GESAMTE MONITORFLAECHE background-image:url(carbongrau.jpg);*/
background: #CCC url('../images/bg.jpg') 50% 0;
background-repeat: repeat-x;
/*repeat-y*/


}




html {
min-height: 101%;
}

/* Sind die Texte:  Eingeloggt als...  und  unten in der Fußleiste:  2013  die Trennstriche und Mitglieder online !*/
.small {
font-size: 12px;
/*color: #777;*/
color: #000;
}

form {
display: inline;
}

/*Das ist die Bottons in den einzelnen Seiten*/
.formbutton {
cursor: pointer;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
border: outset 1px #ccc;
/*background: #999;*/
background: #ccc;
/*color: #666;*/
color: #000000;
height: 22px;
background:url(../images/form_bg.gif) repeat-x left top;
}

/*Das sind div-contener in dem alles drin ist, die Profilfenster mit der Reiterleiste - mit den darin enthaltenen Schriften - Jedoch nicht die "Reiterschriften" !*/
td, div {
font-family: /*"Lucida Grande", "Lucida Sans", "Trebuchet MS",*/ Comic Sans MS, Helvetica, Arial, sans-serif;
font-size: 13px;
/*color: #656565;*/
color: #000000;
/*border-radius: 8px;*/

/*Comic Sans MS, Arial, Helvetica, sans-serif;*/
}





/*===== Seitennummerierung =====*/

#seiten {
font-size:11px;
}
#seiten a {
display:block;
/*background-color:white;*/
background-color:ff0000;
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;  
Das sind die vor und zurück und weiter  blaetter buttons beispielweise im Videomodul*/
background-color:#9bfda2;
}
#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;
Das sind die Zahlenbuttons, auf welcher seitenzahl wir gerade sind beispielweise im Videomodul*/
background-color:#9bfda2;
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;
width: 120px;
height: 20px;
}

.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;, 5px, 5px, 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: Comic Sans MS, Helvetica, Arial, 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;*/
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
	/*background: #BDF;*/
	background: #00ff00;
}

.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:#dcdcdc; margin-left:55px; margin-right:55px; margin-bottom:20px; }
.rtop, .rbottom{
display:block;
/*background:#fff;*/
/*background:#fff; Ist der Hintergrund der  msg boxen zb. Keine Beiträge gefunden
so ist der allgemeine hintergrund  ccc und die runden ecken sind rund*/
background:#ccc;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
/*background:#f0f0f0; Ist die Farbe der msg boxen*/
background:#dcdcdc;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}