
@charset "utf-8";

/**
 *  			DEFAULT FONT STYLES
 */
h1, h2, h3{ 
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:1px;
}

h1 {
	padding-right: 70px;
	font-size: 17pt;
}

h2 {
	font-size: 13pt;
}

h3 {
	font-size: 11pt;
}

hr{
	background: transparent url(../img/hr.gif) repeat-x scroll center;
	border: 0;
	display: block;
	height: 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 12px;
}


a{
	color:#ad0000;
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

p, li, div{
	color:#1c1c1c;
	font-size:8pt;
}

li {
	margin-bottom: 0px;
}

p {
	margin-bottom: 0px;
    line-height: 1.6em;
}

.justify {
	text-align: justify;
}

#status{

}

#error{

}

.h1-desc {
	margin-top:-40px;
	background:none repeat scroll 0 0 #CCCCCC;
	border:1px dashed #EEEEEE;
	float:right;
	font-size:10px;
	padding:1px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.h1-sub {

}

/* LAYOUT */
/*
 * 1010px breite
 */

hr {
	width: 992px;
}

.wrap-row {

}

.wrap {
	float:left;
    padding-right:6px;
    padding-left: 12px;
    height: 100%;
	list-style-type: none;
}

.wrap.bordered {
	padding-left: 4px;
	border-left: 8px solid #1c1c1c;

}


.wrap.fitted {
	padding-right: 0px;
	padding-left: 0px;
}

.wrap h3{
	/* font-size:0.9em; */
	margin:0 0 6px 0;
}

.wrap h3 span {
	background: #1c1c1c none no-repeat scroll 0 0;
	color: #fff;
	display:inline;
	padding: 0 0.2em;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.wrap h3 span a {
    color: #fff;

}

.width-100 {
    width: 992px;
}

.width-90 {
    width: 891px;
}

.width-80 {
    width: 790px;
}

.width-75 {
    width: 740px;
}

.width-66 {
	width: 654px;
}

.width-60 {
	width: 588px;
}

.width-50 {
    width: 487px;
}

.width-40 {
	width: 386px;
}

.width-33 {
	width: 318px;
}

.width-30 {
	width: 185px;
}

.width-25 {
	width: 234px;
}

.width-20 {
	width: 184px;
}

.width-10 {
	width: 83px;
}

.width-gs-big {
	width: 606px;
}

.width-gs-big-big {
	width:374px;
}

.width-gs-big-small {
	width:232px;
	
}

.width-gs-small {
	width: 368px;
}

.width-gs-small-big{
	width:227px;
}

.width-gs-small-small {
	width: 141px;
}


/**
 * 		SPEZIAL WRAPS
 */

#container{
margin: 0 auto 15px;
width: 1010px;
float: left;
}

#ad-wrap{
float: left;
margin-top: 100px;
width: 120px;
height: 600px;
}

#center-wrap{
margin: 0 auto 5px;
width: 1010px;
}

#center {

}

#sidebar_right {
	float:right;
}

img.logo{
float: left;
margin: 13px 0 0 16px;
}

#main-nav{
float: right;
padding-top: 20px;
margin: 0 13px 0 0;
}

#main-nav li{
display: inline;
padding-top: 15px;
}

#main-nav li a{
color: #1c1c1c;
border-top: 5px solid #fff;
font-size:10pt;
padding-top: 17px;
text-transform:uppercase;
}

#main-nav li a:hover, #main-nav li a:active, #main-nav li a.active{
color: #1c1c1c;
border-top: 5px solid #1c1c1c;
text-transform: uppercase;
text-decoration: none;
}

#login-wrap{
background: #1c1c1c none no-repeat scroll 0 0;
color: #FFF;
margin-top: 10px; 
margin-right: 0px;
margin-bottom: 6px;
margin-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
padding-right:10px;
font-size:8pt;
width: 972px;
-moz-border-radius: 4px;
	border-radius: 4px;
}

#login-wrap a{
color: #CCC;
}

#login-wrap form label{
margin-left: 10px;
}

#image {
	text-align: center;
}

#top-img-teaser li{
display: inline;
float: left;
margin-left: 1px;
margin-bottom: 0px;
}

/**
 * FOOOOTER
 */

#footer-nav {
	background: #ededed;
	height:150px;
}

#footer-nav .wrap.bordered {
	border-left: 8px solid #bbb;
}

#footer-nav ul{
padding-top:3px;

}

#footer-nav li
{
text-align: left;
list-style:none;
	color:gray;	
}

#footer-nav li li,
#footer-nav li li a {
font-size:7pt;
color:gray;	
}

#footer-nav li ul {
	text-indent:5px;
}

#copyright {
	text-align: center;
	color:gray;	
}

/**
 *  	SPEZIAL ICONS
 */
img.icon 
{
	vertical-align: text-bottom;
}

.img-padding img
{
	padding-right: 4px;
}

.wrap.width-100 img.largethumb
{
}

.wrap.width-100.no-resize img.largethumb
{
}

.wrap.width-50 img.thumb
{
}

.wrap.width-60 img.resized
{
}

.wrap.width-40 img.largethumb
{
}

.wrap.width-40 img.small
{
}


.wrap.width-20 img.thumb
{
}

img.resized {
	background: url(../img/shadow-1000x1000.gif) no-repeat right bottom;
	/* padding: 2px 7px 7px 2px;*/
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:2px;
}

/**
 *		TAG CLOUD 
 */

.level1{
font-size: 0.8em;
}

.level2{
font-size: 0.9em;
}

.level3{
font-size: 1em;
}

.level4{
font-size: 1.1em;
}

.level5{
font-size: 1.2em;
}

.level6{
font-size: 1.3em;
}

.level7{
font-size: 1.4em;
}

.level8{
font-size: 1.5em;
}
.level9{
font-size: 1.6em;
}



/* SLIDER */
.slider-wrap{

}
.slider-wrap #top-img-teaser{
margin-top:1px;
}
.stripViewer{
position: relative;
overflow: hidden;
width: 670px;
height: 300px;
}
.stripViewer .panelContainer{
position: relative;
left: 0;
top: 0;
}
.stripViewer .panelContainer .panel{
float: left;
position: relative;
}
.stripNavL, .stripNavR, .stripNav{
display: none;
}
.nav-thumb{
border: 1px solid #fff;
}
.active-thumb{
border: 1px solid #333333;
}

.comment_count {
	background: transparent url(../img/comment_count.png) no-repeat;
	background-position:143px 0px;
	width:20px;
	height:20px;
	text-align:center;
	padding-left:143px;
	position:absolute;
	color: #F00;
	font-size: 10pt;
	font-style: inherit;


}

.comment_post {

	padding-top:5px;
	margin-top:5px;
	border-top: 1px solid #ccc;

}
.tablediv {
display:  table;
width:100%;
/*background-color:#eee;*/
/*border:0px solid  #666666;*/
border-spacing:0px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
.celldiv {
/*float:left;/*fix for  buggy browsers*/
display:  table-cell;
background-color:#ccc;
}
.rowdiv  {
display:  table-row;
width:auto;
}

/* WARNINGS */

.info {
background:transparent url('../img/icons/checkmark.gif') no-repeat scroll 15px 9px;
border:1px solid #1bb800;
color:#025502;
background-color:#c7ffae !important;
font-size:15px;
margin:20px 10px 10px 10px !important;
padding:5px 5px 5px 40px !important;

}

.error{
background:transparent url('../img/icons/against.gif') no-repeat scroll 15px 9px;
border:1px solid #ff1d00;
color:#45000d;
background-color:#ffa192 !important;
font-size:15px;
margin:20px 10px 10px 10px !important;
padding:5px 5px 5px 40px !important;
}

/* ENDE WARNINGS */

/* FORMS */
.form label{
	background:transparent url('../img/icons/edit.gif') no-repeat scroll 0px 13px;
    padding-left: 17px;
	padding-top:10px;
	padding-bottom:3px;
	font-size:1.1em;
	display:block;
}

label{
color: #333;
font-size:0.8em;
text-transform:uppercase;
width: 250px;
}

 input, textarea, select {
    padding: 5px;
     margin-left:17px;
     border: solid 1px #E5E5E5;

     font: normal 13px/100% Verdana, Tahoma, sans-serif;
               outline: 0;
     background: #FFFFFF;
     font-size: 0.9em;
     color: #2b2b2b;
     box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
     }

 input, textarea {
    width: 300px;

 }

input[type=checkbox],input[type=radio] {
 	width: 20px;
	margin-left:0px;
 }

 input:hover, textarea:hover,
 input:focus, textarea:focus {
     border-color: #C9C9C9;
	 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
     }



 textarea {
     width: 600px;
     max-width: 600px;
     height: 250px;
     line-height: 130%;
     }

.submit{
     width: auto;
     height:30px;
     padding: 5px 5px;
	 margin-top:10px;
     background: #000;
     border: 0;
     color: #FFFFFF;
    text-transform:uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
 }

.form span.help{
	color:#404040;
    display:block;
    font-style:italic;
	font-size:0.8em;
    margin-top:3px;
	margin-left:17px;
}

ul.tagit
{
	margin-left: 15px;
}

.button {
	/* height: px;*/
	
}

/* ENDE FORM */

/* FACEBOOOK */

/* END FACEBOOK */

/* PAGE TYPE ARTIST */
.artist.preview
{
	clear:both;
	height: 50px;
	border-bottom: 1px solid #dfdfdf;
}

.artist.preview .artist.image
{
	display:inlin-block;
	float: left;
}

.artist.preview .artist.title
{
	display:inline-block;
}

.artist.preview a {
    display: block;
    margin-left: -50px;
    padding-left: 60px;
    padding-top: 10px;
	width: 250px;
	height: 40px;
}

div.loading {
    background-color: #eee;
    background-image: url('/img/loader.gif');
    background-position:  center center;
    background-repeat: no-repeat;
	-moz-border-radius: 5px;
	border-radius: 5px;
    opacity: 1;
}
div.loading * {
    opacity: .85;

}
