/* Alle Aussen- (Margins) und Innenabstände (Paddings) auf 0 setzen, wegen verschiedene darstellung Browser */
* {
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	text-align: left;
	/*background-color: #01f410;*/
	background-color: #000;
}

.noborder {
	border: none !important;
}

/* *******************
-- start accessibility --
   ******************* */


/* accessibility divs are hidden by default text, screenreaders and such will show these */

.accessibility, hr {

   position: absolute;
   top: -999em;
   left: -999em;
}


/* definition tags are also hidden these are also used for menu links */

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


/* *******************
-- schriftformatierung --
   ******************* */
   
   
* {
	font-family: Arial, Verdana, "Tahoma", sans-serif;
	font-size: 1em;
}  

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

a:hover {
	text-decoration: underline;
	color: #a55bec;
}

a.regular {
	text-decoration: underline !important;
	color: #fff;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	line-height: normal;
	font-weight: normal;
}

a.regular:hover {
	text-decoration: underline;
	color: #FFF100;
	font-size: 13px;
}

.white {
	color: #ffffff !important;
}

.yellow { /* neon yellow */
	color: #FFF100 !important;
}

.red {
	/*color: #ff0000;*/
	color: #FF0036 !important;
}

.blue {
	/*color: #14acdc;*/
	color: #38ACFF !important;
}

.purple {
	color: #a55bec !important;
}

.purplelight {
	color: #c07fff;
}

.cyan {
	color: #52e7fd !important;
}

.lime { /* neon green */
	color: #00FF00 !important;
}

.magenta { /* neon pink */
	color: #ec008c !important;
}

p.footer {
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	font-size: 11px;
}

h2 {
	font-size: 60px;
}

h3 {
	font-size: 53px;
}

h2.small {
	font-size: 35px;
}

a img {
	border: none;
}

a.yellowtextlink {
	text-decoration: none;
	display: inline-block;
}

a.yellowtextlink:hover {
	text-decoration: underline;
	color: #fff400;
}

h2.content-title {
	font-size: 37px;
	margin-top: 25px;
	color: #fff400;
}

a.artist-list h2 strong{
	color: #f13379;
}

a.artist-list h2{
	font-size: 37px;
	margin-top: 25px;
	color: #fff400;
	background-color: #000000;
}

a.artist-list:hover{
	text-decoration: none;
}

a.artist-list:hover h2{
	font-size: 37px;
	margin-top: 25px;
	color: #fff400;
	background-color: #14ACDC;
}

h3.content-title {
	font-size: 1em;
	color: #ffffff;
	font-weight: normal;
}

h3.content-title.red{
	color: #ff0000;
}

p, span {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
}

p.italic {
	font-style: italic;
}

p.tracklisting {
	font-size: 13px;
}

.side-col-text {
	font-size: 13px;
}

.red-text-bg {
	background-color:red;
}

.yellow-text-bg {
	background-color:yellow;
	color: black;
}

.alignright {
	text-align: right;
}

.floatright {
	float: right;
}

.clearfix {
	clear: both;
}





.delimiter {
	background-color: #fff;
	height: 7px;
	width: 100%;
	margin-bottom: 35px;
	overflow:hidden;
}

.delimiter-mini {
	background-color: #fff;
	height: 3px;
	width: 100%;
	overflow:hidden;
}

.delimiter-yellow {
	background-color: #fff400;
	height: 4px;
	width: 100%;
	margin-bottom: 35px;
	margin-top: 35px;
	overflow:hidden;
}


div.content-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align:left;
	/*background-color: red;
	opacity: 0.5;*/
	z-index: 100;
	overflow:auto;
}

div.content-min-width {
    float: right;
    height: 200px;
    width: 255px;
}

div.content {
	/*top:25%;*/
	top: 0px;
	/* ------XXX----- position: relative; */

	width: 844px; /*514px;*/ /* 674px */
	/*min-width:674px;*/
	/* ------XXX-----margin-left: auto; */
	/* ------XXX-----margin-right:auto; */	
	/*margin-right: 255px;*/
	margin-top:auto;
	z-index:200;
	text-align:left;
	
	
	
	/*padding:15px;
	border:1px dashed #333;
	background-color:#eee;*/
	
}

div.content-text-main {
	top: 80px;
	position: absolute;
	left: 290px;
	width: 500px;
	background-color: #000;
}

div.content-folge {
	position: relative;
	top:0px;
	
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	text-align:left;
	/*padding:15px;
	border:1px dashed #333;
	background-color:#eee;*/
}

div.content-folge.intro {
	position: absolute;
	top: 50px;
	right: 257px;
	width: 400px;
	text-align: right;
}

div.content-folge-wide {
	position: relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	text-align:left;
}

div.content-folge-wide.intro {
	position: absolute;
	top: 50px;
	right: 257px;
	text-align: right;
}

/* ALT
div.content-folge.intro {
	position: relative;
	top:0px;
	
	width:400px;
	margin-left:auto;
	margin-right:35px;
	margin-top:25px;
	text-align:right;
	
}*/


div.video-border {
	background-color: #000000;
	padding: 7px;
	width: 500px;
	height: 291px;
	margin-bottom: 35px;
	color: #fff;
}

div.video-border p{
	padding: 20px;
}


div.profile  {
	background-color: #000000;
	padding: 15px;
	color: #ffffff;
}

div.profile strong {
	color: #fff400;
}

div.profile img.left{
	float: left;
	padding-right: 10px;
}

div.profile img.right{
	float: right;
	padding-left: 10px;
}


div.artist-detail  {
	background-color: #000000;
	padding: 15px;
	color: #ffffff;
}

div.artist-detail  strong {
	color: #fff400;
}

div.artist-detail  img.left{
	float: left;
	padding-right: 15px;
}

div.artist-detail  img.right{
	float: right;
	padding-left: 15px;
}

/*
TRIANGLES ---------------------------------------
*/

#t-1 {
	position: fixed;
	z-index: -100;
	top: 22px;
}

#t-2 {                    /* BOTTOM */
	position: fixed;
	/*top: 465px;*/
	bottom: -3px;
	z-index: 100;
}

#t-3 {
	position: absolute;
	z-index: 100;
	top: 175px;
	left: 420px;
}

#t-4 {
	position: absolute;
	z-index: 100;
	top: 183px;
	left: 511px;
}

#t-5 {
	position: absolute;
	z-index: 100;
	top: 350px;
	left: 535px;
}

#t-6 {
	position: absolute;
	z-index: 100;
	top: 353px;
	left: 451px;
}

#t-7 {
	position: absolute;
	z-index: 100;
	top: 398px;
	left: 565px;
}

#t-8 {
	position: absolute;
	z-index: 100;
	top: 490px;
	left: 690px;
}

#t-9 {
	position: absolute;
	z-index: 100;
	top: 518px;
	left: 744px;
}

#t-10 { /* top right POLYGON */
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 0px;
	float: right;
}

#svg-text-top-right {
	position: absolute;
	z-index: 100;
	top: 10px;
	right: 10px;
}

#rat {
	position: absolute;
	z-index: 100;
	top: 258px;
	left: 405px;

	/*width: 318px;
	height: 315px;*/
	-ms-transform: scale(1.03) rotate(2.5deg); /* IE 9 */
  	-webkit-transform: scale(1.03) rotate(2.5deg); /* Safari */
  	transform: scale(1.03) rotate(2.5deg);
}

#grrrlogo {
	position: absolute;
	z-index: 100;
	top: 55px;
	left: 9px;
	width: 361px;
	height: 421px;
	-ms-transform: rotate(-12.4deg); /* IE 9 */
  	-webkit-transform: rotate(-12.4deg); /* Safari */
  	transform: rotate(-12.4deg);
}

#svg-call-for-entries-text {
	position: absolute;
	z-index: 100;
	top: 255px;
	right: 40px;
	width: 177px;
	height: 118px;
}


/*
NAVIGATION ---------------------------------------
*/

div.navigation {
	position: fixed;
	top: 278px;
	width: 215px;
	margin-left: auto;
	margin-top: auto;
	right: 15px;
	text-align: left;
	
}

div.navigation ul {
border-bottom: 2px solid #fff;

}

div.navigation ul li {
	list-style: none;
	border-top: 2px solid #fff;
	
	padding-top: 2px;
}

div.navigation ul li a {
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-left: 35px;
}

div.navigation ul li a:hover, .navigation ul li a.selected {
	color: #a55bec;
}

/*
SUB-NAVIGATION ---------------------------------------
*/

div.navigation ul li ul.sub-navigation{
	padding-left: 35px;
}

div.navigation ul li ul.sub-navigation li{
	list-style: none;
	font-size: 13px;
	padding-top: 2px;
	border-top: 2px dotted #FFFFFF;
}

div.navigation ul li ul.sub-navigation li a{
	padding-left: 0px;
}

div.navigation ul li ul.sub-navigation li a span.sub-navigation-middle{
	font-size: 13px;
}

div.navigation ul li ul.sub-navigation li a span.sub-navigation-small{
	font-size: 13px;
}



#itsi {
	background-image: url('../img/RML_itsi.png');
	background-repeat: no-repeat;
	width: 56px;
	height: 751px;
	top: -170px;
	left: 450px;
	position: absolute;
}

.date {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
  	font-size: 2.9rem;
	line-height: 3.4rem;
	text-align: left;
	position: absolute;
	top: 227px;
	left: 220px;
}

.subtitle {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
  	font-size: 2.3rem;
	line-height: 2.9rem;
	text-align: left;
	position: absolute;
	top: 345px;
	left: 82px;
}

.subtitle-2 {
	color: #52e7fd;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
  	font-size: 2.5rem;
	line-height: 3.2rem;
	text-align: left;
}

.regular {
  	color: #ffffff;
  }
  
p.accordeon {
/*color: #38ACFF;*/
color: #cf9ffc;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.2rem;
text-align: left;
padding-left: 5px;
}

.footer-notice {
	position: absolute;
	top: 1300px;
	margin-top: 150px;
	width: 400px;
	left: 290px;
}

.content-body {
	position: absolute;
	top: 670px;
}





/*
FOOTER ---------------------------------------
*/

div.footer {
	padding-bottom: 35px;
}

div.footer p {
	color: #fff;
	font-size: 11px;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	text-align: center;
}






#section-footer {
	display:none;
}