/*
Theme Name: luxone
Theme URI: http://localhost/
Description: new template (2012)
Author: Johannes Ott, Michael Zapf
Author URI: 
Version: 0.9
Tags: 

License: not yet specified
License URI: http://localhost/

Description?
*/

body { font-family:'Open Sans Condensed', Verdana, sans-serif;
    font-size:16px; margin:0; padding:0; 
    background:url("./images/body_background.jpg") no-repeat center 0px fixed #DCDCDC; /* background:#DCDCDC; */ }

.clear { clear:both; }
img { border:0px; }

/* Struktur */

#container { width:990px; margin:0 auto; padding:0 5px; }
#header { padding:12px 0; }
#logo {display:block; width:251px; float:left; margin:0 0 12px; }

#main { clear:both; width:990px; }
#content { width:654px; background:white; float:left; margin:0 12px 10px 0; padding:0 0 5px 0; overflow: hidden; }
#sidebar { float:left; background:white; width:320px;}
#footer { margin:5px 20px 20px 3px; font-size:0.9em; text-align:center; }
#footer a.footimp { /* color:#EFEFEF; */ color:#505050; }

/* Menues */

#topmenucontainer { float:right; text-align:right; margin:0 0 3px 0; padding:0; }
#topmenu { margin:0; padding:0;}
#topmenu li { float:left; display:block; border:1px solid black; 
    padding:0; height:29px; background:white;}
#topmenu li:active { margin:2px 0 0 2px; }
#topmenu li+li {margin:0 0 0 12px;}
#topmenu li+li:active {margin:2px 0 0 12px;}
#topmenu li a { text-decoration:none; color:black; display:block; width:100%; height:100%; }
#topmenu li a span { display:block; margin:3px 12px; }
#logolink { display:block; margin-top:16px; font-size:0.8em; color:#646464; text-decoration:none; }
#logolink img { vertical-align:middle; }
#logolink span { display:inline-block; padding:5px 3px 0 0; }

#mainmenu { clear:both; }
#mainmenu ul { margin:10px 0; padding:0;} 
#mainmenu li { display:block; float:left; height:85px; width:153px; background:white;
    border:1px solid black; padding:0; margin:0 0 2px; background-repeat: no-repeat; }
#mainmenu li:active { margin:2px 0 0 ; }
#mainmenu li+li { margin:0 0 0 12px; }
#mainmenu li+li:active { margin:2px 0 0 12px; }
#mainmenu li a { display:block; width:100%; height:100%; position:relative; 
    text-decoration:none; color:black; }
#mainmenu li a span { display:block; width:100%; position:absolute; bottom:0; left:0;
    text-align:center; background-color: white; }
    
#mainmenu li.menu-item-66 { background-image: url(images/button_aktuell.png); }
#mainmenu li.menu-item-67 { background-image: url(images/button_termine.png); }
#mainmenu li.menu-item-72 { background-image: url(images/button_gemeinde.png); }
#mainmenu li.menu-item-84 { background-image: url(images/button_gruppenkreise.png); }
#mainmenu li.menu-item-91 { background-image: url(images/button_konfis.png); }
#mainmenu li.menu-item-331 { background-image: url(images/button_kindergarten.png); }

#submenu { display:block; margin:0; padding:0; width:100%; height:36px; }
#submenu li { display:block; float:left; padding:6px 12px; font-size:1.1em; 
    border-right:1px solid white;}
#submenu li.page_item { font-size:0.9em; padding:10px 11px 7px;}
#submenu li a { color:white; text-decoration:none;}

li.current-cat, 
li.current_page_item, 
li.current-page-ancestor, 
li.current_page_ancestor, 
li.current-menu-item, 
li.current-category-ancestor
{
    font-weight: bold;
}


/* Sidebar */
#sidebar span#eventsmore { font-size: 0.7em; margin: 0 10px; }
#sidebar span#eventsmore a { color:#3F626E; text-decoration: underline; }
#sidebar ul.luxevent-widget-list { margin:0; padding:0; }
#sidebar li.luxevent-widget-item a { color:black; }
#sidebar li.luxevent-widget-item { display:block; border-top:2px solid #BBB; 
    border-bottom:2px solid #BBB; position:relative; }
/* #sidebar li.luxevent-widget-item */ div.datum { display:block; float:left; height:50px; width:50px; 
    margin:0 7px 0 0; position:relative; }
/* #sidebar li.luxevent-widget-item */ div.datum span { display:block; position:absolute; }
/* #sidebar li.luxevent-widget-item */ div.datum span.monat { text-transform: uppercase;
    top:11px; left:3px;}
/* #sidebar li.luxevent-widget-item */ div.datum span.tag { top:28px; left:3px;}
#sidebar li.luxevent-widget-item div.info { float:left; padding:5px 0;}
#sidebar li.luxevent-widget-item div.title { width:261px; height:23px; white-space:nowrap; overflow:hidden; }
#sidebar li.luxevent-widget-item div.uhrzeit { font-size:0.8em; }
#sidebar div.fb-like { padding:2px 5px; }

/* Ueberschriften */

h1 { margin:0; }

#sidebar h3 { font-size:1.1em; font-weight:normal; padding:7px 12px; margin:0; color:#3f626e; 
    border-top:2px solid #BBB; border-bottom:2px solid #BBB; }

/* event header */
div.eventheader { position: relative; margin: 0; padding: 0; text-align: center; }
div.eventheader p { margin: 0; padding: 0; }
div.eventheader h2 { margin: 5px 0 0 0; padding: 5px 10px 5px 10px; 
    text-align: left; font-size: 1.5em; }
div.eventheader h2.imagehtitle { position: absolute; top: 0; left: 0; margin: 0; 
    width: 655px; color: #fff; background:#000000; }
div.eventheader p { text-align: left; margin: 0 0 20px 0; padding: 0; }
div.eventheader span { margin: 0; padding: 3px 10px 3px 10px; font-size: 1.3em; text-align: left; }
div.eventheader span.imageheventdate { position: absolute; right: 0; bottom: 4px; color: #fff; 
    font-size: 1.3em; text-align: right; background:#000000; }

    
/* Content */

p { margin:5px 10px; }
img.eventimage { width:655px; height:auto; }
/*                      16:9 wäre :  368px */
a { color:black; }
a:visited { color:black; }
a:hover { color:black; }
a:active { color:#000044; }
ul.aktivlist { margin:0 0 0 6px; padding:0; text-align:center; }
ul.aktivlist li { float:left; margin:0; padding:0; list-style:none; width:160px; height:130px;}
.entry iframe { margin:10px 0 0 10px; }
.contentbutton { display:inline-block; float:right; margin:10px; padding:2px 7px; background-color:#F0F0F0; 
    border:1px solid #808080; color:black; font-size:1.2em;}
.contentbutton a { text-decoration:none; }


/* event list */
div.eventlistitem { margin:10px 10px; padding:0; position:relative; border-bottom:1px solid #bababa; background:#F2F2F2; }
div.eventlistitem a { display:block; margin:0; padding:0; text-decoration:none; }
/* div.eventlistitem img { position:absolute; right:0; top:0; height:100%; margin:0 0 0 10px; padding:0; float:right; } */
div.eventlistitem img { margin:0 0 0 10px; padding:0; float:right; }
div.eventlistitem img.rueckblickimg { height:100px; }
div.eventlistitem .eventlistexcerpt { padding: 4px 180px 4px 20px; }
div.eventlistitem .eventlistdisabled { color:#999999; }
div.eventlistitem .eventlistdisabled img { height:70px; margin:0 0 0 10px; padding:0; float:right; }


/* Post (in Kategorie) */

div.post { margin: 5px 10px; }
div.post h2, div.entry h2 { margin:15px 10px 0 10px; font-size: 1.2em; font-weight: bold; }
div.post h2 a, div.entry h2 a { color: black; text-decoration: underline; }
div.entry p, div.entry table { margin:5px 10px 0 10px; }



/* Farben */
.cat_background { color:white; background:#009966; }
body.category-termine .cat_background, body.page-kategorie-termine .cat_background,
body.page-termine .cat_background { 
    color:black; background:#ffcc00; }
body.category-termine .cat_background a { color:black !important; }
body.page-gemeinde .cat_background, body.category-gruppenkreise .cat_background,
body.category-konfis .cat_background { color:white; background:#336699; }
body.category-gruppen .cat_background , body.page-kategorie-mitmachen-aktivteams .cat_background 
    { color:white; background:#ff0b0b; }
/* for gradients of category headers, look in css3.css */


/* NextGen Gallery Styling */
.ngg-slideshow { width:100% !important; }
.ngg-slideshow * { margin:0 auto !important; }
.ngg-slideshow img { position:relative !important; display:block; }
.ngg-galleryoverview { text-align:center; }
.ngg-gallery-thumbnail-box { display:inline-block; text-align:center; float:none !important; margin:0; padding:0; }


/* Slideshow Styling */

#content div.slideshow { margin:0 0 10px 0; }
#content div.slideshow div.control_set { left:0; bottom:0; font-size: 1.1em; }
#content div.slideshow div.control_set div.numbered_button { 
    background: #fff; opacity: 0.6; margin: 2px; padding: 1px 5px; width: 20px; }
#content div.slideshow div.control_set div.ac_selected { background: #000; color: #fff; }

.ui-gmap-content { width:100%; height:100%; }

#wegbeschreibung_map { width:100%; height:329px; }