/*
style for the right-sidebar calendar, cms module "CGCalendar"
*/

/* ------- CONFIGURATION -------- */

/* HINTERGRUNDFARBE EINES KALENDER EINTRAGS IN DER RECHTEN SIDEBAR IN DER DESKTOP ANSICHT */

/* HINTERGRUNDFARBE EINES KALENDER EINTRAGS IN DER RECHTEN SIDEBAR IN DER MOBILE ANSICHT */

/* FENSTERBREITE BEI DER ZWISCHEN DESKTOP UND MOBILE LAYOUT GEWAECHSELT WIRD */

/* ------- CONFIGURATION ENDE -------- */


/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#right_sidebar #cal-upcominglist .calendar-date-title
,#right_sidebar #cal-upcominglist .calendar-summary-title
{
  display: none;
}

#right_sidebar #cal-upcominglist .calendar-date
,#right_sidebar #cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#right_sidebar #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}



#right_sidebar .calendar-event{
  position:relative;
  background-color:#F0F0F0;
  text-align:center;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);  
}
@media(max-width:1150px){
  #right_sidebar .calendar-event{
    margin-left:5%;
    background-color:white;
  }
  
}
#right_sidebar .event-title{
  position:relative;
  display: inline;
  margin-right: 5px;
  font-size:1.2em;
  font-weight:300;   
}
#right_sidebar .calendar-date-from
,#right_sidebar .calendar-summary{
  margin-left:5px;
  margin-right:5px;
}
#right_sidebar .calendar-date-from{
  vertical-align:middle;
}
#right_sidebar .calendar-summary{
  font-size:0.8em;
}
#right_sidebar .calendar-details{
  display:none;
}
/* calendar icon */
#right_sidebar .calendar-date-from img{
}
/* Stylesheet: uchong_termine_sidebar Modified On 2016-01-24 14:18:25 */
/* ------ CONFIGURATION --------- */

/* FENSTERBREITE BEI DER ZWISCHEN DESKTOP UND MOBILE LAYOUT GEWECHSELT WIRD */

/* ------ CONFIGURATION ENDE ---- */


h1.title {
	font-size: 1.8em;
 	color: #666666;
	margin-bottom: 0.5em;
}
#main {
   position:relative;
   width: 68%;
   margin-left:20%;
   float:left;
}
@media(max-width:1150px){
 #main{
   margin-left:5%;
   margin-right:5%;
   width:90%;
 }
}
#content_tag h1{
  font-size:2.5em;
}
#content_tag h2{
  font-size:2em;
}
#content_tag h3{
  font-size:1.5em;
}
#content_tag h4{
  font-size:1.4em;
  font-weight:bold;
}
#content_tag h5{
  font-size:1.2em;
  font-weight:bold;
}
#content_tag h6{
  font-size:1.0em;
  font-weight:bold;
}

/* Stylesheet: uchong textseite style Modified On 2016-01-24 12:09:27 */
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
/* Stylesheet: pure-0.6-tables-min Modified On 2015-07-12 20:11:05 */
/* -------- CONFIGURATION ---------- */

/* FENSTERBREITE WO ZWISCHEN DESKTOP UND MOBILE LAYOUT GEWECHSELT WIRD */

/* BREITE DER ANCHOR LINKS OBEN WENN 6 LINKS VERWENDET WERDEN */

/* BREITE DER ANCHOR LINKS OBEN WENN $ LINKS VERWENDET WERDEN */

/* -------- CONFIGURATION ENDE ----- */

.anchor_menu{
  width:100%;  
  overflow:hidden;
  margin-top:50px;
  margin-bottom:50px;
}
.anchor_menu_6_items li{
  float:left;
  text-align:center;
  width:16%;
}
@media(max-width:1150px){
    .anchor_menu_6_items li{
        float:none;
        width:100%;
        text-align:left;
        margin-top:10px;
    }
}
.anchor_menu_4_items li{
  float:left;
  text-align:center;
  width:25%;
}
.anchor_menu li h4{
  text-align:center;
  width:100%;
}
#trainertable tbody td{
  vertical-align:middle;
  line-height:2em;
  padding:10px;
}
.googleMapsKarte{
  clear:both;
  margin-top:50px;
}
/* Stylesheet: uchong_schulinformationen Modified On 2016-01-24 13:54:02 */
/*  --------- CONFIGURATION --------- */

/* UCHONG HAUPTFARBE */

/* FARBE DER ALBUM ITEMS IN DER KATEGORIE/ALBEN UEBERSICHT */

/* FARBE DER ALBUM ITEMS WENN MAN MIT DER MAUS DRUEBERGEHT */

/* BREITE EINES ALBUM ITEMS */

/* MAXIMALE HOEHE EINES ALBUM ITEMS */

/* MAXIMALE BREITE DER FOTO THUMBNAILS IN DEN ALBEN */

/* MAXIMALE HOEHE DER FOTO THUMBNAILS IN DEN ALBEN (IN PIXELN, ABER OHNE 'px' AM ENDE GESCHRIEBEN)*/

/* ---------- CONFIGURATION ENDE ---- */

.gallery_overview_category_title{
  clear:both;
  font-size:2em;
  font-weight:200;
  margin-top:20px;
  cursor:pointer;
}
.gallery_overview_category{
  clear:both;
  display:none;
}
.category_title_aufklapp_pfeil{
    height:1em;
    margin-top:5px;
}
.gallery_overview_album_spacer_box{
  height:180px;
  width:250px;
  float:left;
  margin:10px;
}
.gallery_overview_album{
  padding:5px;
  background-color:#FAFAFA;
  max-height:180px;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
}
.gallery_overview_album:hover{
  background-color:#FFF7F7;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.gallery_overview_album figure{
}
.gallery_overview_album figure img{
}
.gallery_overview_album figure figcaption{
  color:black;
  font-weight:bold;
  max-width:100%;
}

/* gallery view */
.zurueck_text{
  position:relative;
  z-index:1;
  margin:0px;
  padding:20px;
  padding-left:10%;
  background-color:white;
  font-weight:bold;
}
.head_parentpage{
  color:black;
}
.album_title{
  font-weight:200;
  font-size:2em;
  margin-bottom:20px;
}
.album_imagelist{
}
.album_image_item{
  position:relative;
  float:left;
  margin:5px;   
  width:200px; 
  height:200px; //50px more than image for title, fix for floating
}
.album_image_item:hover{ 
}
.album_image_item figure{
  position:absolute;
  bottom:0px;
  margin:0px;
  color:grey;
}
.album_image_item figure:hover{
  color:black;
}
.album_image_item figure figcaption{
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.album_image_item figure img{
  max-width:200px; 
  max-height:150px;
  border-radius:7px; 
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
-webkit-transition: box-shadow 1.5s ease-out;
-moz-transition: box-shadow 1.5s ease-out;
transition: box-shadow 1.5s ease-out;

}
.album_image_item figure img:hover{ 
  -webkit-box-shadow: 0px 0px 2px 2px #FE5F63;
  -moz-box-shadow: 0px 0px 2px 2px #FE5F63;
  box-shadow: 0px 0px 2px 2px #FE5F63;
  -webkit-transition: box-shadow 0.1s linear;
  -moz-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
} 
.lightbox_fullsizelink_p{
  position:fixed;
  left:20px;
  top:20px;
  z-index:100;
  background-color:white;
  font-weight:bold;
  border-radius:4px;
  padding:5px;
  opacity:1;
  line-height:1em;
}
.lightbox_fullsizelink_p:hover{
  -webkit-box-shadow: 0px 0px 2px 2px #FE5F63;
  -moz-box-shadow: 0px 0px 2px 2px #FE5F63;
  box-shadow: 0px 0px 2px 2px #FE5F63;
}
/* Stylesheet: uchong_gallery Modified On 2016-02-12 16:59:20 */
/* --------- CONFIGURATION --------- */

/* UCHONG HAUPTFARBE */

/* HINTERGRUNDFARBE DER BOXEN DER MENU ITEMS */


/* --------- CONFIGURATION ENDE ---- */


.subpages_menu{
}
.subpages_menu ul .menuitem{
  clear:both;
  overflow:hidden;
  margin-bottom:25px;
  padding:20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
  border-width:2px;
  border-color: rgba(0,0,0,0);
  border-style:solid;  
  background-color:;
}
.subpages_menu ul .menuitem:hover{
  border-width:2px;
  border-color:#FE5F63;
}
.subpages_menu ul .menuitem .itemtitle{
  font-size:1.8em;
  font-weight:200;
  color:black;
}
.subpages_menu ul .menuitem .itemdescription{
  color:black;
}
.subpages_menu ul .menuitem .itemimage{
  float:left;
  width:200px;
}
.subpages_menu ul .menuitem .itemimage img{
  max-width:200px; 
  max-height:200px;
}
/* Stylesheet: uchong_menuseite Modified On 2016-01-24 13:05:33 */
