/*
Theme Name: Disco Universum Theme
Theme URI: n/a
Author: Werbeagentur purpix
Author URI: http://www.purpix.de/
Description: Das Disco Universum Theme von 2014. Bei Fragen und Anregungen dazu melden Sie sich bei der Werbeagentur purpix.
Version: 1.0
License: Copyright by Inn Diskotheken Betriebs GmbH
License URI: n/a
*/


/* ====== MAIN AUFBAU ======================================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif; 
	color: #000; 
	background-color: #000; 
	background-image:url(img/bg.jpg); 
	background-repeat: repeat-x; 
	background-position: center top;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	}
	
.hrnew {
	height: 2px;
	border-bottom: 1px dotted #FFF;
	margin-bottom: 40px;
	margin-top: 10px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ====== Allgemeine Angaben ======================================================================================== */
img, img a {
	border:0; 
	outline:none
	}

h1, h1 a, h2, h2 a, h3, h3 a {
	font-family: 'Lato', Arial, Helvetica, sans-serif; 
	color: #68146a; 
	font-weight: 900; 
	padding: 0; 
	margin: 0; 
	text-decoration: none;
	}
	
h1, h1 a {
	font-size: 38px; 
	margin: 0 0 24px 0;
	line-height: 38px;
	}
	
h2, h2 a {
	font-size: 26px; 
	margin: 0 0 12px 0;
	}
	
h3, h3 a {
	font-size: 22px;
	margin: 0 0 24px 0;
	}

p {
	margin:0 0 24px 0; 
	padding:0; 
	line-height:24px; 
	}
	
strong {
	font-weight: 900;
	}
	
.clear {
	clear:both;
	}
	
.slideshowlink {
	display: none;
	}
	
.alignleft {
	float: left;
	margin-right: 24px;
	margin-top: 6px;
	}

.alignright {
	float: right;
	margin-left: 24px;
	margin-top: 6px;
	}
	
.alignnone {
	}

.entry ul {
	list-style: inherit;
	margin: 0;
	padding: 0 0 12px 17px;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wpcf7-text {
	-webkit-border-radius: 5px;
    border-radius: 5px;
    height: 28px;
    width: 490px;
    border: none;
    padding: 3px 5px;
	font-size: 14px !important;
	color: #68146a !important;
	font-family: Arial !important;
	}

.wpcf7-textarea {
	-webkit-border-radius: 5px;
    border-radius: 5px;
    width: 480px;
    border: none;
    padding: 10px;
	font-size: 14px !important;
	color: #68146a !important;
	font-family: Arial !important;
	}

.wpcf7-submit {
	width: 200px;
	height: 40px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
	}
	
.wpcf7-form p {
	margin-bottom: 10px !important;
	color: #FFF !important;
	font-size: 14px !important;
	}
	
.event_cont p {
	min-height: 270px;
}
/* ====== HEADERAUFBAU ======================================================================================== */
.facebook {
	position: fixed;
	right: 8px;
	bottom: 5px;
	background: none;
	opacity: 0.85;
}

#header {
	margin-left: auto; 
	margin-right: auto; 
	width:100%; 
	text-align: center;
	}

.header {
	width:1000px;
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	text-align: center;
	height: 90px;
	padding: 40px 0;
	}
	
.head_left {
	float: left;
	width: 565px;
}
	
.head_right {
	float: left;
	width: 435px;
	/* background: url("img/app.png") no-repeat; */
	height: 85px; 
	margin-top: 3px;
}

.app_itunes {
	width: 80px;
	height: 85px;
	display: block;
	opacity: 0.4;
	float: left;
}
.app_side {
	width: 280px;
	height: 85px;
	display: block;
	opacity: 0.4;
	float: left;
}
.app_android {
	width: 75px;
	height: 85px;
	display: block;
	opacity: 0.4;
	float: left;
}
/* ===== NAVIGATION =============================================================================================================== */
#navi {
	margin-left: auto; 
	margin-right: auto; 
	width:100%; 
	text-align: center;
	}
	
.navi {
	margin-left: auto; 
	margin-right: auto; 
	width: 1000px; 
	text-align: left;
	height: 30px;
	padding: 29px 0 ;
	}
	
#access div {}

#access a.assistive-text:active,
#access a.assistive-text:focus {
	font-size: 14px;
	}
	
#access {
	clear: both; 
	display: block; 
	float: left; 
	margin: 0px; 
	padding: 0; 
	width:1000px; 
	z-index:700; 
	position:relative; 
	height: 21px;
	}
	
#access a {
	color: #FFF; 
	display: block;	
	text-decoration: none; 
	padding:2px 12px 4px 12px;  	/* Hier kannst du mit den 24px noch hin und her spielen. Dies ist der Abstand rechts eines Navigationspunktes */
	font-size: 14px; 			/* Hier könntest du die Schriftgröße verändern - ACHTUNG!!! Das padding eine Zeile höher muss dann angepasst werden. */
	font-weight: normal;
	margin: 0px;
	}
	
#access ul {
	font-size: 14px; 
	list-style: none; 
	padding: 0; 
	margin: 0 0 0 0px;
	background: red;
	}
	
#access li {
	float: left; 
	position: relative;
	}

#access ul ul {
	display: none; 
	float: left; 
	margin: 0; 
	position: absolute; 
	top: 24px; 
	left: -11px; 
	z-index: 99999;
	}
	
#access ul ul ul {
	left: 100%; 
	top: 0;
	}
	
#access ul ul a {
	font-size: 13px; 
	font-weight: normal; 
	width: 192px; 
	color:#FFF;
	padding:3px 10px 3px 10px;  	/* Hier kannst du mit den 24px noch hin und her spielen. Dies ist der Abstand rechts eines Navigationspunktes */
	}
	
#access ul ul li {
	margin-bottom:0px;
	background: #2e2d29
	}
	
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	color: #FFF;
	background: #68146A;
	border-radius: 4px;
	}
	
#access li:hover:first-child > a,
#access ul ul :hover:first-child > a,
#access a:focus:first-child {
	background: none;
	}
	
#access:first-child {
}
	
#access li:hover > a,
#access a:focus {
	color: #FFF;
	background: #68146A;
	border-radius: 4px;
	}
	
#access li:hover:first-child > a,
#access a:focus:first-child {
	background: none;
		}
	
#access ul li:hover > ul {
	display: block;
	}
	
#access .current_page_item:first-child > a,
#access .current_page_ancestor:first-child > a {
	background: none;
}

#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold; 
	color: #FFF;
	background: #68146A;
	border-radius: 4px;
	}
	
#branding .only-search + #access div {
	padding-right: 205px;
	}
	
.assistive-text {
	position: absolute !important; 
	clip: rect(1px 1px 1px 1px); 
	/* IE6, IE7 */	
	clip: rect(1px, 1px, 1px, 1px);
	}

/* ===== CONTENT =============================================================================================================== */
#content {
	margin-left: auto; 
	margin-right: auto; 
	width:100%; 
	text-align: center;
	padding: 30px 0 0 0;
	}

.content {
	margin-left: auto; 
	margin-right: auto; 
	width:1000px; 
	text-align: left;
	padding: 30px 0;
}

.content, .content a, .black, .black a, .color, .color a {
	color: #FFF;
}

.event_cont {
	float: left;
	width: 300px;
	margin-right: 30px;
}

.black {
	margin-left: auto; 
	margin-right: auto; 
	width:100% !important; 
	text-align: center !important;
}

.black_shadow {
	margin-left: auto; 
	margin-right: auto; 
	width:100% !important; 
	text-align: center !important;
	background: url("img/shadow.jpg") center center no-repeat;
}

.black_inner, .color_inner, .slider {
	margin-left: auto !important; 
	margin-right: auto !important; 
	width: 1000px !important;  
	text-align: left !important;
	padding: 30px 0;
}

.color_inner h1, .color_inner h2, .color_inner h3, .color_inner h1 a, .color_inner h2 a, .color_inner h3 a {
	color: #FFF;
}

.start_term h2 {
	margin: 0 0 10px 0 !important;
}

.color {
	margin-left: auto; 
	margin-right: auto; 
	width:100% !important; 
	text-align: center !important;
	background: #68146a;
}

.pinwheel_text, .tracker-summation-container, .tracker-individual-container, .sldr_title {display: none !important;}

.ngg-album-compactbox {
    -moz-box-sizing: border-box;
    border: 0px solid #808080 !important;
    border-radius: 6px;
    margin: 0 !important;
    padding: 0px !important;
    padding-left: 0 !important;
    position: relative;
    z-index: 1;
}

.ngg-album-compactbox:before, .ngg-album-compactbox, .ngg-album-compactbox:after, .ngg-album-compactbox:before {
    border-bottom: 0px solid #808080 !important;
   }
   
.ngg-album-compact {
    margin-left: -9px !important;
}

.ngg-album-compactbox {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ngg-album-compact h4 {
	display: none;
}
#content .widget h3, #content .widget h3 a {
	color: #FFF;
}

.event_start {
	float: left;
	margin-right: 23px;	
}

.pp-news-container li {
	width: 30%;
	margin-right: 30px;
	float: left;
}

.pp-news-category-link {
	clear: both;
}

.widget_sp_image {
	float: left;
	margin-right: 32px;
}

.pp-news-container li h3 a, .pp-news-container li h3 {
	font-size: 16px !important;
	margin: 0 0 4px 0 !important;
}

.start_term {
	width: 310px;
	float: left;
	margin-right: 20px;
}
/* ===== FOOTER =============================================================================================================== */
#footer {
	margin-left: auto; 
	margin-right: auto; 
	width:100%; 
	text-align: center;
	margin-bottom: 50px;
	}

.footer {
	margin-left: auto; 
	margin-right: auto; 
	width: 1000px; 
	text-align: left; 
	clear: both; 
	}

.footer, .footer a {
	color: #FFF;
}

.foot_left {
	float: left;
	width: 500px;
}

.foot_right {
	float: left;
	width: 500px;
	text-align: right;
}