/*
	ratzinger-internetloesungen Style for WordPress 3
	
	Theme Name: spectrum 2014
	Theme URI: http://www.spectrum-club.de
	Author: fr/ratzinger-internetloesungen <webmaster@r-il.de>
	Author URI: http://www.ratzinger-internetloesungen.de 
	Version: 1.0

	font-family: 'Dosis', sans-serif;
	font-family: 'Nothing You Could Do', cursive;
 */

@import url('//fonts.googleapis.com/css?family=Dosis:400,200,600');
@import url('//fonts.googleapis.com/css?family=Nothing+You+Could+Do');

/*** CSS RESET ***/
/* Start CSS Reset */
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
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; }
/* End CSS Reset */


/*** BIG BOYS ***/
html { background: #fff url('images/bg-image.jpg') no-repeat top center; }
body { color:#000; font-family: 'Dosis', sans-serif; font-size:14px; line-height: 1.5em; background: transparent url('images/bg-muster.png') repeat left top; }
#wrapper { position:relative; width:100%; height:100%; }
#container { position:relative; width: 1170px; margin: 0 auto; }


/*** HEADER ***/
#header { position:relative; float:left; width:100%; height:120px; padding: 0; }
#logo { position:absolute; top:5px; left:0; width: 257px; height: 301px; background: url('images/logo-spectrum-club.png') no-repeat; z-index: 99; }

/** Navigation **/
#menu-menue { position:absolute; top:60px; right:0; padding:0; }
#menu-menue li { float: left; transition: background-color 135ms ease-in-out 0s; transition: border 150ms ease-in-out, background-color 150ms ease-in-out; -webkit-transition: background-color 135ms ease-in-out 0s; position: relative; }
#menu-menue li.menu-item_active, #menu-menue li.menu-item:hover { background: #FBFBFB; }
#menu-menue li a { display: block; font-weight: 400; height: 50px; line-height:50px; padding: 0px 30px; color: #646464; font-size:38px; text-transform: uppercase; text-decoration: none; }
/*level-2 navigation*/
#menu-menue ul.sub-menu { clear: both; display: none; position: absolute; width: 100%; background-color: rgba(121, 127, 131, .90); margin: 0; z-index: 999; }
#menu-menue ul.sub-menu li.menu-item { clear:both; width:100%; height:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#menu-menue ul.sub-menu li.menu-item.last { border: 0; }
#menu-menue ul.sub-menu li.menu-item a { font-size: 16px; line-height:40px; height:40px; color: #fff; padding: 0 15px; }
#menu-menue ul.sub-menu li.menu-item a:hover { color: #646464; }

/*** CONTENT ***/
#content-wrapper { float: left; padding: 20px; background-color: rgba(255, 255, 255, .70); }

.container ul li { padding: 0 0 5px 20px; background: url('images/marker.gif') no-repeat 2px 8px; }
.container ol li { margin: 0 0 5px 20px; list-style: decimal; }

#banner { min-height: 330px; margin-bottom: 20px; }
.container .column { float:left; display: inline; margin-right: 20px; }
.container .column.last { margin-right: 0; }
.container .col-3.column { width: 32%; }
.container .col-6.column { width: 66%; }
.container .col-9.column { width: 100%; margin: 0; }

.content-box { position: relative; float: left; width:100%; padding:0; border-bottom: 8px solid #646464; margin-bottom: 20px; }
.content-box h2 { color: #fff; font-size: 18px; height: 25px; line-height: 25px; background-color: #646464; margin: 0; padding: 0 0 0 10px; text-transform: uppercase; }
.content-box-inner { padding: 10px; }

/** Home Content **/
.home-box { position: relative; float: left; width:100%; padding:0; border-bottom: 8px solid #646464; margin-bottom: 20px; }
.home-box h2 { color: #fff; font-size: 18px; height: 25px; line-height: 25px; background-color: #646464; margin: 0; padding: 0 0 0 10px; text-transform: uppercase; }
.home-box div.box-inner, .home-box span { padding: 20px; display: block; }

#home-headlines { float: left; width: 100%; }
#home-headlines li { float: left; width: 100%; padding: 8px 0 8px 0; border-bottom: 1px solid #D6D6D6; background: none; }

.news h3 { padding: 10px 10px 0; }
.news p { padding: 0 10px 10px; border-bottom: 1px solid #646464; }

.flyer #rotator { margin: 10px auto; }

/* Event Teaser */
.teaser_event { display: block; position: relative; padding: 10px 10px; border-bottom: 1px solid #646464; }
.teaser_event:after { clear: both; }

a.title, span.title { color: #81bd42; font-size: 21px; line-height:1.2; text-decoration: none; padding: 0; margin: 0; margin-bottom: 15px; display: block; float: left; width: 100%; }
.date { color: #000; float: left; padding: 0 20px 0 10px; }
.date .month { text-align: center; padding: 0; font-size: 20px; line-height: 20px; height: 20px; }
.date .day-num { text-align: center; padding: 0; font-size: 56px; font-weight: bold; line-height: 56px; height: 56px; }
.date .time { text-align: center; padding: 0; font-size: 16px; line-height: 16px; height: 16px; }
.date .day { text-align: center; padding: 0; font-size: 16px; line-height: 16px; height: 16px; }
.desc { color: #000; float: left; width: 225px; font-size: 13px; line-height: 16px; }
.desc img { width: 150px; }
.desc img.status-icon { width: 195px; height: 30px; margin-top: 20px; display: block; }

/** Artistbook **/
.artistbook-wrapper { border-bottom: 8px solid #646464; padding-bottom: 10px; margin-bottom: 20px; }
.artistbook-wrapper h3 { text-align: center; color: #fff; font-size: 18px; height: 25px; line-height: 25px; background-color: #646464; margin: 0 0 10px; padding: 0 0 0 10px; text-transform: uppercase; }
.container .artistbook-wrapper ul { padding: 0 10px; }
.container .artistbook-wrapper ul li { float: left; padding: 0; width: 50%; }
.hiddenlinks { display: none; }

/** Programm Overview **/
h1.title-programm { text-align: center; color: #fff; font-size: 18px; height: 25px; line-height: 25px; background-color: #646464; margin: 0 0 10px; padding: 0 0 0 10px; text-transform: uppercase; }
.programm-wrapper { border-bottom: 7px solid #646464; }

.programm-nav { padding: 10px 0; height: 20px; }
.programm-nav .next { float: right; display: block; width: 33%; font-size: 16px; text-align: right; }
.programm-nav .prev { float: left; display: block; width: 33%; font-size: 16px; text-align: left; }
.programm-nav .now { float: left; display: block; width: 33%; font-size: 16px; text-align: center; }

.programm-va { border-bottom: 1px solid #646464; padding: 10px; display: block; }
.programm-va .date { float: left; width: 20%; padding: 15px 0 0; }
.programm-va .date span { display: block; }
.programm-va .date .month { text-align: center; padding: 0; font-size: 20px; line-height: 20px; height: 20px; }
.programm-va .date .day-num { text-align: center; padding: 0; font-size: 56px; font-weight: bold; line-height: 56px; height: 56px; }
.programm-va .date .time { text-align: center; padding: 0; font-size: 16px; line-height: 16px; height: 16px; }
.programm-va .date .day { text-align: center; padding: 0; font-size: 16px; line-height: 16px; height: 16px; }

.programm-va .info { float: left; width: 60%; }
.programm-va .info h2 { color: #81bd42; font-size: 21px; line-height:1.2; text-decoration: none; margin: 0; margin-bottom: 10px; padding: 0; }
.programm-va .info .info-date, .programm-va .info .info-desc { display: block; padding: 0 0 5px; color: #000; }
.programm-va .info .info-price { display: block; color: #000; }
.programm-va .info .info-price i { font-style: italic; color: #000; }
.programm-va .image { float: left; width: 20%; text-align: right; text-decoration: none; }

/** Programm Calendar **/
.kalender-wrapper { border-bottom: 8px solid #646464; }
.kalender-spalte-einfach, .kalender-spalte-doppelt, .kalender-spalte-leer { position: relative; width: 14%; overflow: hidden; border: 1px solid #fff; float: left; height: 200px; background-size: auto 100% !important; !important; color: #fff; }
.kalender-spalte-doppelt { width: 28%; }
.kalender-spalte-leer { background-color: #f2f2f2; }

.kalender-leer-tag { display: block; color: #b5b5b5; text-align: center; font-size: 52px; line-height: 52px; padding: 30px 0 0; }
.kalender-leer-datum { display: block; color: #b5b5b5; text-align: center; font-size: 32px; line-height: 32px; }

.kalender-date { display: block; background-color: #646464; color: #fff; text-align: center; }
.kalender-title, .kalender-title-first  { position: absolute; bottom: 30px; width: 100%; display: block; text-align: center; color: #fff; background-color: rgba(0, 0, 0, .70); padding: 5px 0; }
.kalender-info, .kalender-info-first { position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; display: block; background-color: rgba(255, 255, 255, .90); text-align: center; color: #000; }
.kalender-title-first { bottom: auto; min-height: 52px; top: 21px; }
.kalender-info-first { bottom: auto; top: 73px; }

.kalender-info.status2 {  }
.kalender-info.status3 { background-color: #EC008C; color: #fff; }
.kalender-info.status4 { background-color: #F58220; color: #fff; }
.kalender-info.status5 { background-color: #EC008C; color: #fff; }


/** Facebook Fotos **/
#tnt_pagination a:link, #tnt_pagination a:visited { color: #000 !important; }
#tnt_pagination .active_tnt_link, #tnt_pagination a:hover { background-color: #B5B9BB !important; border: 1px solid #000 !important; color: #000 !important; }

.fbalbum div.Image_Wrapper { width: 24% !important; height: 180px !important; margin-right: 2px !important; }
.fbalbum img, .srizon-yt-container img { width: 100% !important; height: auto !important; }
.fbalbum a { display: block; height: 180px; }

/*** FOOTER ***/
#footer { position: absolute; width:100%; height:auto;  }
.footer-content { width: 1170px; margin: 0 auto; height:auto; background-color: #b5b9bb; }
.footer-content h3 { font-size: 24px; text-transform: uppercase; }
.footer-content h3 span { font-weight: bold; }

.footer-box1 { float: left; width: 360px; padding: 30px 20px 0 40px; }
.footer-box1 .box-left, .footer-box1 .box-right { float: left; width: 50%; font-size: 13px; }
.footer-box2 { float: left; width: 220px; padding: 30px 20px 0; }
.footer-box2 a { font-size: 14px; color: #000; text-transform: uppercase; }
.footer-box3 { float: left; width: 220px; padding: 30px 10px 0; }
.footer-box4 { float: left; padding: 30px 10px 0; }

.footer-box-newsletter { padding: 0 20px 0 40px; }
.footer-box-newsletter p { margin-bottom: 5px; }
.footer-box-newsletter form input { background: url('http://ticketshop.spectrum-club.de/templates/emotion_spectrum2014/frontend/_resources/images/backgrounds/bg_newsletter.png') no-repeat 0 0 #fff; width: 200px; height: 14px; border-color: #CDCDCD; float: left; margin: 5px 0 0; padding: 5px 5px; font-size: 11px; color: #777; }
.footer-box-newsletter form input.submit { background: url('http://ticketshop.spectrum-club.de/templates/emotion_spectrum2014/frontend/_resources/images/arrows/bg_arrow_newsletter.gif') no-repeat 0 0; cursor: pointer; text-indent: -9999em; display: block; float: left; height: 26px; width: 24px; border: 0; font-size: 0; line-height: 0; }

.footer-facebook { display: block; width: 194px; height: 173px; background: transparent url('images/facebook.png') no-repeat left top; text-indent: -9999em; }
.footer-app { display: block; width: 190px; height: 201px; background: transparent url('images/app.png') no-repeat left top; text-indent: -9999em; }

.footer-copyright { border-top: 1px solid #000; font-size: 13px; text-align: right; padding: 10px 20px; margin: 20px 20px 0; }
.footer-copyright a { color: #000; }


/*** TEXT-STYLING ***/
a { color: #81bd42; text-decoration: none; }
a:hover { color: #000; }

p { padding: 0 0 10px 0; }
b, strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { padding: 0 0 20px 0; line-height: 1.2; color: #151515; }
h1 { font-size: 34px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }

/*** FORMULAR ***/
form p { float: left; width: 100%; padding: 0 0 10px 0; }
form .is_required { padding: 0 0 0 5px; color: #FF0000; }
form label { float: left; width: 250px; }
form input[type=submit] { margin-right: 10px; }

/* captcha */
.captcha { width: 212px; }
.captcha-kontakt { top: -5px; }

div.wpcf7-validation-errors { border: 0 !important; font-weight: bold; color: #ff0000; }

/* input-filelds */
input, button, select, textarea { width: 300px; padding: 7px 12px 8px 12px; margin: 0; color: #7D7D7D; font-family: Arial; border: 1px solid #DDDDDD; background: #FFFFFF; outline: 0; }
select { width: 326px; padding: 6px 6px 7px 6px; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { border: 1px solid #BBBBBB; background: #FCFCFC; outline: 0; }

input[type=submit], input[type=button], input[type=reset], button { width: auto; }
input[type=text] { line-height: 17px; }
button, input[type=submit], input[type=button], input[type=reset] { padding: 8px 10px 7px 10px; color: #414141; font-size: 13px; line-height: 17px; text-decoration: none; cursor: pointer; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-color: white #F8F8F8 #F2F2F2 #F8F8F8;    box-shadow: 1px 1px 2px #C5C5C5; -moz-box-shadow: 1px 1px 2px #C5C5C5; -webkit-box-shadow: 1px 1px 2px #C5C5C5; -o-box-shadow: 1px 1px 2px #C5C5C5; background: #F5F5F5; transition: all ease .2s; -moz-transition: all ease .2s; -webkit-transition: all ease .2s; -o-transition: all ease .2s; }

button[disabled=disabled], input[disabled=disabled] { opacity: 0.6; cursor: default; }
.ie7 button, .ie8 button { border: 1px solid #DDDDDD; }

button:hover, input[type=submit]:hover, input[type=reset]:hover { background: #81bd42; color: #fff; }
button[disabled=disabled]:hover, input[disabled=disabled]:hover { background: #F5F5F5; }
legend { text-indent: -9999em; }
fieldset { clear: left; padding:15px; margin:0; border:0; }

/* =easyClearingMethode */
.group:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear { clear: both; }