@charset "utf-8";
/* CSS Document */

html,body,div,span,img,ul,li,fieldset,button,table{margin:0;padding:0;border:0;outline:0;background:transparent}
html,body,img,ul,li,fieldset,button,table{font-size:15px;}
ul{list-style:none}
html {
	
}

body{
	/*background:#EAEAEA; #FA9600*/
	background:none; 
	font-family:Tahoma, Geneva, sans-serif;
	color:#444;
	margin:0;
	display:block;
	font-size:18px;
	height:auto;
}

.center{
	margin:0 auto;
	width:1000px;
	padding:2px 0 20px 0;
}
.black-bg{
	background-color:#000;
	background-image:url(../img/bgblack.png);
	background-repeat:repeat-x;
	color:#FFF;
}
.white-bg{
	background:url(../img/bgwhite.png) repeat-x;
	color:#333;
}
.main{
	color:#333;
}
#header{
	background:url(../img/header-bg.png) repeat-x;
	height:180px;
	color:#333;
}

.black-bg h1{
	color:#F90;
}
h1{
	color:#222;
	margin-top:5px;
}

.black-bg h2{
	color:#F90;
}
h2{color:#333;}

h1 span, h2 span, h3 span {
  background: url(../img/gradient.png) repeat-x;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 40px;
}
h2 span{
	height:28px;
}
h3 span{
	top:8px;
	height:20px;
}
h3{
	color:#F90;
	font-size:18px;
	text-shadow:0 0 1px #000;
	background:url(../img/h3.png) repeat-x;
	padding:4px;
	border-top:1px solid #666;
	margin:0.5em 0;
	margin-left:0;
}
h4{
	padding:5px 0;
	color:#F90;
	font-size:15px;
	margin:0.2em;
}


#ckt_wrapper{
	margin:0 auto;
	width:960px;
}
#main{
	width:940px;
	padding:0 10px 0px 10px;
	float:left;
	margin-top:-10px;
	background:url("../img/bg-body3.png") repeat scroll center top #FFF; 
}

#main_content{
	position:relative;
	float:left;
	width:100%;
	color:#CCC;
	margin:0 auto;
}

a{ color:#06F; text-decoration:none; cursor:pointer; }
a:hover{ text-decoration:underline;  }
#main_content a{

}
#main_content a:hover{
	text-shadow:0 0 4px #00CCFF;
	color:#CCC;
}

#window{
	position:relative;
	padding:0px 0px 15px 28px;
	overflow:hidden;
	margin-left:10x;
	width:770px !important;
}
#uploaded-files{
	top:30px;
	right:100px;
	position:absolute;
	margin-top:50px;
	padding:10px;
	border:thin solid #CCC;
	background:#FFF;
	color:#333;
}
#uploaded-files .dhidden{
	display:none;
	overflow:auto;
	max-height:300px;
}
#footer{
	float:left;
	height:126px;
	width:100%;
	color:#FFF;
	text-align:center;
	background:url(../img/footer-bg.png) repeat-x;
}
#footer span,#footer a{
	margin-left:10px;
}
#copyright{
	color:#FFF;
}
strong{
	
}

#logo{
	margin-top:3px;
}
.state{
	float:left;
	width:25px;
	height:25px;
	border:1px solid #666;
	margin:0 3px;
}
label{
	cursor:pointer;
}
label:hover{
	color:#09F;
}
.st0{
	background:#06F;
}
.st1{
	background:#F00;
}
.st2{
	background:#090;
}

.ak2{
	background:#C0F;
}
.ak1{
	background:#090;
}
.ak0{
	background:#F00;
}
div.table{
	background:#111;
	
}
.table{
	font-size:17px;
	color:#AAA;
	text-align:center;
	border: 1px solid #222;
}
.table th{
	background:#333;
	color:#FFF;	
	font-weight:normal;
	text-align:center;
	border-right: 1px solid #222;
}
.table tr{
	background:#111;
}
.table td{
	font-size:16px;
	text-align:center;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	overflow:hidden;
}
.table .even td{background:#1B1B1B}
.table a{
	color:#F60;
}
.table a:hover{
	text-shadow:none !important;
	color:#F60 !important;
}

#sidebar h4{margin-bottom:2px;}
#sidebar h3{font-size:12px; margin-top:0; padding-left:0; margin-bottom:2px;}
#sidebar{
	float:left; 
	width:15%;
	padding:10px 5px;
	margin-left:-10px;
	background:url(../img/sidebar.png) repeat-y;
}
#sidebar div{margin-left:8px;}
#sidebar a{display:block; color:#999}
#sidebar a:hover{text-shadow:0 0 4px #00CCFF;}
#sidebar .top{
}
#sidebar .bottom{
	width:100%;
	height:5px;

}

.error, .success{ 
	position:relative;
	width:940px;
	color:#F00;
	padding:3px 0;
	font-size:16px;
	border-top:1px solid #F00;
	border-bottom:1px solid #F00;	
	border-left:1px solid #F00;
	border-right:1px solid #F00;	
	background:#FFB0B0;
	min-width:600px;
}
.error a, .success a{
	color:#000;
	margin-left:5px;
}
.success{ 
	color:#917400; 
	background:#F0FD93;
	border-top:1px solid #DCD214;
	border-bottom:1px solid #DCD214;
	border-left:1px solid #DCD214;
	border-right:1px solid #DCD214;	
}
.success div, .error div{margin-left:10px;}

textarea, input, input.text,select{
	font-family:Verdana, Geneva, sans-serif;
	background:#222;
	color:#FFF;
	padding:2px;
	border:1px solid #333;
}
input[type=text]:hover {
	border-color:#F60;
	background:#111;
} 
.submit{
	padding:5px;
	cursor:pointer;
}
.save-changes{
	width:250px !important;
	height:100px;
	background:url(../img/save_changes.png) no-repeat;
	border:none;
	margin-top:10px;
}
.save-changes:hover{background-position:0 -100px;}
textarea{
	font-size:12px;
}
.dot{
	display:list-item;
}



#content{
	float:left;
	width:80%;
	min-width:520px;
	overflow:hidden;
}


.lupe{
	background:url(../img/lupe.png) no-repeat;
	width:30px;
	height:23px;
	margin-top:7px;
	margin-left:5px;
	float:left;
}
#lupe div{
	position:absolute;
	background:#999;
}
#lupe div a{
	display:block;
	white-space:nowrap;
}
.clear-input{
	width:16px;
	height:16px;
	background:url(../img/deletebtn.png);
}

#clear1{
	display:none;
	float:left;
	margin-top:12px;
	margin-left:-24px;
}

span:active, a:active, a:focus, span:focus{
	outline:none;
}
.angebote:active{
	outline:inherit;
}


ul.p li a{
	color:#03C;
	background:#B7D3FF;
	padding:5px 10px;
}
ul.p{
	margin-left:0;
	float:left;
}
.container{
	float:left;
	width:70%;
	margin-top:5px;
	background:#FFF;
}
.smaller-left{
	width:30% !important;
}

p{text-align:justify}

.button,.submit{
	background-image:url(../img/btn-bg.png);
	background-repeat:repeat-x;
	background-color:#FF8000;
	border:1px solid #333;
	color:#222;
	text-align:center;
	padding:6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	margin:0 5px 0 0px;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	line-height:30px;
	white-space:nowrap;
}
.button:hover,.submit:hover{
	background-image:url(../img/btn-bg-hover.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FF8000;
	text-decoration:none;
	text-shadow:none !important;
	color:#000 !important;
}


/*Header*/

#right-top{
	position:absolute;
	right:5px;
	top:0;
}
#right-top a{
	border-right:1px solid #666;
	padding:0 4px 0 2px;
}

.more{
	float:right;
	background:#D6DDE5;
	width:100%;
	padding:3px 0;
	font-size:14px;
	text-indent:3px;
	margin-bottom:10px;
	margin-top:-15px;
}
.more:hover{
	background:#06F; 
	color:#FFF
}
.more:hover a{color:#FFF}
.tablelist .more{
	margin-top:0;
}
.more a{float:left; width:100%;}

.smaller{
	width:35% !important;
}
.s-font{
	font-size:12px;
	color:#666;
}
.m-font{ font-size:13px; }

.lim{
	width:1px;
	height:90px;
	float:left;
	background:#000;
}


/*ENDE PLAYLIST*/
/*DIALOGS*/
.inputR{
	width:100%;
}


/*ENDE ARTIST*/
.textfield{
	font-size:12px;
	margin-left:10px;
	border:1px solid #999;
	width:100px;
	display:inline;
}
.default{
	color:#999;
	font-style:italic;
}

#query{
	border:none;
	margin-left:10px;
	width:200px;
}

.enum a{
	font-size:14px;
	white-space:nowrap;
}
.bar, .enum, .navbar{
	margin-top:5px;
}
.bar li{
	display:inline;
	margin-left:15px;
}

.enum{margin-left:10px;}


.menu{list-style:none;}

.bigger{
	font-size:14px;
}
.grey{color:#666}
.orange{color:#F60}
.fed-grey{
	font-size:16px; 
	color:#666;
}
.grey a{color:#999 !important;}
.nocase{text-transform:none;}
.big{
	font-weight:bold;
	font-size:18px;
}
.small{
	width:60px;
	height:60px;
}
.medium{
	width:80px;
	height:80px;
}
.large{
	width:150px;
	height:150px;
}
.small img{
	max-width:60px;
	max-height:60px;
}
.medium img{
	max-width:80px;
	max-height:80px;
}
.large img{
	max-width:150px;
	max-height:150px;
}

.relative{
	position:relative;
}

.no-size{
	width:auto;
	height:auto;
}

.menu_pod{
	z-index:50;
}

.popup-menu{
	font-size:12px;
	background:#FFF;
	list-style:none;
	display:none;
	border:1px solid #666;
	padding:5px;
	z-index:100;
	position:absolute;
}

#control-center{
	padding:0 10px;
}

#fix{
	position:fixed !important;
	width:100%;
	z-index:100;
}
.fix{
	position:fixed !important;
	z-index:100;
}

.loading{
	width:49px;
	height:49px;
	background:url("../img/load") no-repeat;
	margin:10px auto;
}

#loading{
	position:absolute;
	left:28px;
	top:15px;
	display:none;
	width:16px;
	height:16px;
}

.float-left,
.floatL{
    float: left;
}

.float-none,
.floatN{
	float:none !important;
}

.float-right,
.floatR{
    float: right;
}
.mtop{

}
.cien{
	float:left;
	width:100% !important;
}
.special{
	text-transform:capitalize;
	color:#000;
	font-size:12px;
	margin-right:10px;
	font-weight:bolder;
}
.special > a{color:#06F;}
.abstand{
	float:left;
	margin-left:20px;
}
li.floatR a{padding-right:20px;}
.white{color:#FFF}
.black{color:#000}
.blue{color:#06F}

.inline{display:inline !important;}
.hidden{display:none}
.invisible{visibility:hidden}
.hide-of{overflow:hidden}
.must{color:#F00}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

#loginbox{
	text-indent:4px;
}
#loginbox input{
	margin-left:4px;
}
#loginbox .button{margin-left:4px;}
#login-name,#login-password{width:60%;}

.pl_deletebtn:hover{
	background-position:0 -16px;
}

.pl_deletebtn{
	position:relative;
	width:16px;
	height:16px;
	display:inline;
	background:url("../img/deletebtn") no-repeat;
	float:right;
	margin:2px 2px 2px 0;
}

.pictureFrame {
    position: relative;
    display: block;
    width: 132px;
    height: 109px;
    overflow: hidden;
    cursor: pointer;
}

.pictureFrame img {
    position: absolute;
    top: 2px;
    left: 3px;
    display: block;
    width: 126px;
    height: 100px;
    overflow: hidden;
}

.pictureFrameMediumsquare {
    position: relative;
    display: block;
    width: 72px;
    height: 59px;
    overflow: hidden;
    cursor: pointer;
}

.pictureFrameMediumsquare .image {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 64px;
    height: 52px;
    overflow: hidden;
}

#head-state{
	position:absolute;
	top:10px;
}

#filterbox{
	padding:5px;
	background:#222;
	border:1px solid #333;
}

.box{
	padding:5px;
	background:#222;
	border:1px solid #333;
}