/*
Theme Name: Matt
Author: Frederic Aue
Author URI: http://frdrc.de
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
main, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-family: 'Open Sans', sans-serif; font-weight: 400}

a:link, a:visited, a:active {color: #fff; text-decoration: none}
a:hover{color: #A4263C}

html { 
    width: 100%;
    height: 100%;
  background: url(images/bg_start.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-color: #000000;
} 

body{margin: 0; padding: 0;background-color: #000000;width: 100%; height: 100%;}

#wrapper{width: 850px; margin-left:auto;margin-right: auto}

@media screen and (max-device-width: 468px) {
   #wrapper{width: 98%; margin-left:auto;margin-right: auto}
}

#start{position: fixed;bottom: 0;width: 850px; height: 300px}

@media screen and (max-device-width: 468px){
    #start{position: fixed;bottom: 0;width:100%; height: 200px}
}

#nav{margin: 0 auto;padding: 20px 0 20px 0; font-size: 0.8em; text-align: center}
#nav_mobile{visibility: hidden; height: inherit}
ul {list-style: none;}

#nav li {display:inline-block; padding: 5px;margin:0 5px 0 5px;cursor: pointer;}
#nav li a {cursor: pointer}

#nav .children li{padding: 0}

#media_menu .menu-item a{display:block;250px; padding: 10px; margin-bottom: 10px; font-size: 0.8em;background: url(images/bg_green.png); color: #fff}

#nav .current-page-ancestor {background: url(images/bg_red.png)}


#media_menu .current_page_item a{display:block;background: url(images/bg_red.png)}

.current-menu-item, .current-menu-parent{background: url(images/bg_red.png)}

.current-menu-parent .current-menu-item{
    background: none;
}
.current-menu-item .menu-item-has-children{
        a:link{color: #6AADC5;}
    }


.current-menu-parent .current-menu-item a:link,.current-menu-parent .current-menu-item a:visited,.current-menu-parent .current-menu-item a:hover{
    color: #6AADC5;
}
.current_page_item a:hover{color: #fff}

.sub-menu{margin-left: 20px;}

.mobile_menu_btn{
    display: block;
    width: 100%; margin-left:auto;margin-right: auto;
    height: 40px;
    line-height: 40px;
    margin: 0;
    background: url(images/bg_green.png);
}
.mobile_menu_btn a{
    margin-left:20px;
}
#nav_mobile .menu{
    margin-top:10px;
    background: url(images/bg_green.png);
    
}
#nav_mobile li{
    padding: 10px 0 10px 20px;
    
}


#header{width:100%;text-align: center}

@media screen and (max-device-width: 468px){
    #header{width:98%; text-align: center; margin: 0 0 10px 0}
    .std_nav{visibility: hidden; height:0px;}   
    #nav_mobile{visibility: visible;}   
}

#header .mlp_language_box{font-size: 1.2em;text-align: center}
#header .mlp_language_box li{margin: 10px}

.main_wrapper{100%; float: right; margin-top:30px;}

#main{width: 570px; float: right; margin-bottom: 40px;background: url(images/bg_black_40.png);}
.entry{margin:5%}

#sidebar{width: 270px; margin-left:10px;float: right;}

#press_main{width: 850px; float: left; margin-bottom: 40px}
#cal_main{width: 570px; float: right; margin-bottom: 40px;}

.sidebar_element,.sidebar_element_contact{width:100%;font-size: 0.8em;color: #fff;float: right; text-align: left;background: url(images/bg_green.png);min-height: 40px;}
.sidebar_element h3, .sidebar_element_contact h3{margin:10px 0 10px 20px}
.sidebar_element h2, .sidebar_element_contact h2{margin:10px 0 10px 20px}
.sidebar_element p, .sidebar_element_contact p{margin:10px 0 10px 20px}
.sidebar_trans{background-color: transparent}
.next_event{background: url(images/bg_red.png); color: #fff}


@media screen and (max-device-width: 468px) {
    #main{width: 100%; margin-bottom: 40px; margin-top: 30px; background: url(images/bg_black_40.png);}
    #sidebar{width: 100%; margin-left:0px; margin:0px;}
    .sidebar_element,#media_menu{visibility: hidden; min-height: 0px; height: 0px; margin:0}
    .sidebar_element_contact{margin:30px 0 10px 0}
    #press_main,#cal_main{width: 100%; float: left;margin-bottom: 40px; margin-top: 30px;}
}


#footer{position:fixed;bottom: 0;width: 830px;padding: 10px; font-size: 0.8em; background: #000;}

#main a:link,#main a:visited,#main a:active {color: #6AADC5; text-decoration: none}
#main a:hover{color: #fff}

#press_main a:link,#press_main a:visited,#press_main a:active {color: #6AADC5; text-decoration: none}
#press_main a:hover{color: #fff}

.img_header{text-align: center}
.text_footer{color: #fff}


h2{color: #6AADC5; font-size: 1em}

h4{font-size: 0.9em;margin-top:10px; margin-bottom: -5px; color: #6AADC5}



.entry p{color: #fff;margin-top: 10px;font-size: 0.9em; line-height: 1.5; }
.entry img{width:100%}

.press_entry{margin:5px; background: url(images/bg_black_40.png);color: #fff; float:left}
.press_content{margin: 10px 20px 20px 20px;}

.full{width: 840px;}
.half{width: 415px;}
.one_third{width: 273px;}
.two_third{width: 557px;}

.press_entry_container p{margin-top:10px;font-size: 0.8em; line-height: 1.5}
.quelle{font-size: 1.2em; font-weight: bold}
.media{ text-align: right}


.toggle_events{font-size: 0.9em}
.event-time{width:80px; height: 110px; padding: 10px; float: left; background: url(images/bg_red.png); text-align: center; color: #fff; }
.event_right{width:440px;min-height: 110px; padding:10px; float: left;margin-left: 10px;color: #fff;background: url(images/bg_black_40.png);}

@media screen and (max-device-width: 468px) {
    .press_entry{margin:5px 0 5px 0; background: url(images/bg_black_40.png);color: #fff; float:left}
    .press_content{margin: 10px 10px 10px 10px;}
    .full,.half,.one_third,.two_third{width:100%}    
    .event_right{width:235px;min-height: 110px;  padding:10px; float: left; margin-left: 10px;color: #fff;background: url(images/bg_black_40.png);}
}

.event_day{font-size: 0.8em}
.event_day_number{font-size: 2.9em;line-height: 0.9em}
.event_month{font-size: 0.8em;}
.event_time{font-size: 0.8em;}

.event-item{float: left;margin-bottom: 15px}
.event-item p{font-size: 0.8em}
.small_event{margin-top: 10px;}
.dtstart_small{color:#000;}
.description{margin-top: 5px;}

.expired_events .event_right{ color: #999;}
.expired_events .event-time{background: url(images/bg_black_40.png);color: #999;}

#footer .mlp_language_box{font-size: 0.8em;text-align: right}

#footer .mlp_language_box{font-size: 0.8em;text-align: right}

.wp-playlist, .wp-audio-playlist, .wp-playlist-dark {
    background: #fff;
}
.wp-playlist-dark {
	color: #fff;
    background: #fff;
	
}