/* 

Musterkunde, 2010
Based on 'kickstart' from praegnanz.de
Modified by: www.machs-becker.de

*/

@import url(reset.css);
@import url(grid.css);
@import url(basic.css);
@import url(fancybox.css);


body {
    background:#fff url(img/bg/bg-vorhang.png) center top no-repeat;
    font-family: 'Trebuchet MS', sans-serif;
    color: #51463d;
    font-size: 85%;
    padding: 0 20px;
 }

/* 	Choose in your Markup with #wrap-c or #wrap-p a fixed (960px) or flex Grid 

	You can use following classes in your markup:
	.c1 to .c12 and .quarter .half .full - to clear use: .clear
*/

#wrap-p {
    margin: 0 auto;
    padding: 40px 0 0 0;
    max-width: 62.5em; 
    min-width: 800px;
}

#wrap-c {
    margin: 0 auto;
    padding: 40px 0 0 0;
    width: 960px;
} 

/* Okay, for padding and margin we need inner divs. Maybe you like to define a global margin and / or padding for all first inner-divs */

#wrap-p .inner {
	padding: .5em;
}

/* Typografie */

 h1, h2, h3, h4, h5, h6 {
	color: #aaa;
}

h1 {
	color: #ad0078;
	color: rgba(173, 0, 120, 1);
	font-size: 1.4em;
}

h2 {
	font-size:1.2em;
}

.ticket h2 {
	font-size: .9em;
}

.ticket p {
	margin-bottom: .3em;
}

h3 {
	font-size: 1em;
}

p, ul {
	font-size: .75em;
	line-height: 1.5;
}

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

/* Layout */

.logo h1 {
	background: url(img/misc/logo.png) no-repeat;
	height: 80px;
	width: 333px;
	text-indent: -9999px;
	padding: 0;
	margin: 1.8em .5em 0 0;
}

.logo h2 {
	color: #000;
	font-size: .6em;
}

#header {
	border-bottom: .05em solid #ad0078;
}

/* Navigation */

#nav {
	border-top: .05em solid #ad0078;
	padding:0;

	text-align: left;
}

#nav ul {
	margin: 0;
	line-height: 3;
	text-transform: uppercase;
}

#nav a {
	font-size: 1.4em;
	padding: .2em .5em;
	margin-right: .5em;
	/*opacity: .6;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-box-shadow: .1em .1em 1.5em rgba(50,20,20,.1);
	text-shadow: .05em .05em 0em rgba(0,0,0,.4);	*/
}

#nav a:hover, #nav li.active a {
	padding: .2em .5em;
	margin-right: .5em;
	/*background: #ad0078;
	background: rgba(173,0,120,.8);*/
	opacity: 1;
	color: #000;
	xcolor: rgba(255,255,255,.9);
	/*-webkit-box-shadow: .1em .1em .5em rgba(50,20,20,.2);
	text-shadow: .05em .05em 0em rgba(85,0,80,1);	*/
}

/* Event */

	/* Abgesagt */

.canceld {
	font-size: 1.2em;
	background: #fff;
	background: rgba(255,255,255,.7);
	color: red;
	border: .1em dashed red;
	padding: .6em .3em;


	-webkit-transform: rotate(3deg);
	
}

.event.big {
	margin: .7em 0;
	background: rgba(200,200,200,.1);
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-box-shadow: .075em .075em 0em rgba(100,100,75,.2);
}


.event.big .pic {
	background: #fff;
	background: rgba(255,255,255, 1);
	border: .05em solid #ccc;
	float: left;
	padding: .7em .5em 0 .5em;
	margin: -.8em .8em .2em -.75em;
	-webkit-transform: rotate(-3deg);
	-webkit-box-shadow: .1em .1em 0em rgba(0,0,0,.5);
}

.event.big .pic span {
	font-size: .5em;
	font-style: italic;
	display: block;
	margin: 0;
	padding: 0;
}

.event.big h2 {
	color: #000;
	margin: 0 0 1em 0;
}

.event.big h3 {
	margin: .5em 0;
	color: #aaa;
}

.event.big h4 {
	margin: .5em 0;
	padding: .5em .3em;
	font-size: .8em;
	text-transform: uppercase;
	border-bottom: .2em solid #fff;
}

.event.big h2 span {
	color: #ad0078;
	display: block;
	font-size: .8em;
}

.event ul.price, .event ul.buyticket {
	margin: .5em 0;	
}

.event ul.price li, .event ul.buyticket li {
	list-style-type: none;
	display: inline;
}

.buyticket li a {
	padding: .2em .5em;
	border: .2em solid #fff;
	background: #ad0078;
	color: #fff;
}

.buyticket li a:hover, .buyticket li a:active {
	border: .2em solid #ad0078;
	background: #fff;
	color: #ad0078;
	text-decoration: underline;
}

.event ul.price li:after {
	content: ' | ';
}

.event ul.price li:last-of-type:after {
	content: '';
}

.nextevents .inner {
	margin-top: 4em;
}

.nextevents .event {
	margin-left: .5%;
	padding-left: .5%;
}

.nextevents .event h2, .nextevents .event h3, .nextevents .event h4  {
	font-size: .8em;
}


.nextevents .event h2 {
	margin-top: .1em;
	color: #000;
}

.nextevents .event h4 {
	margin: .1em 0 .3em 0;
}

.nextevents .event h2 span {
	color: #ad0078;
	font-weight: normal;
	margin-left: .5em;
}


.nextevents .event h3 {
	border-bottom: .1em solid #ccc;

	color: #aaa;
}

.nextevents ol li.event {
	list-style-type: none;

}

/*Map */

img.map {
	border: .3em solid #ccc;
}



/* Machs Becker Button */

a.mb  {
	font-size: .5em;
	font-family: courier, monospace;
	background: #000;
	color: #fff;
	padding: .1em .4em;
}

a:hover.mb  {
	font-size: .5em;
	font-family: courier, monospace;
	background: #aaa;
	color: #000;
	padding: .1em .4em;
}


/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */