/* CSS Document */


/*gallery teaser*/
.teaser-132 { background-color: #E1E7F3; height: 180px; width: 138px; float: left; padding: 7px; margin: 3px 3px; text-align: left; font-weight: bold; border: 0px solid #E1E7F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 0px; font-size: 13px; line-height: 1em; font-style: italic; }
.teaser-132:hover { background-color: #E1E7F3; border-color: #E1E7F3; }
.teaser-132 .image { height: 88px; width: 132px; margin: 0 0 7px 0; border: 3px solid #C2CCDC; }
.teaser-132-1st a { display: block; padding: 0 0 0 3px; color: #345499 !important; }
.teaser-132-date { display: block; padding: 0; color: #E6AC00 !important; font-size: 12px; }
.h3-teaser-132 { font-size: 16px; padding: 0 0 5px 7px; border-bottom: 1px solid; border-bottom-color: #CAD1D9; margin: 0 0 12px 0; color: #254280 !important; clear: both; font-weight: 700; display: block; }
.h1-teaser-132 { font-size: 16px; padding: 0 0 5px 7px; border-bottom: 1px solid #CACED9; margin: 0 0 12px 0; color: #345499 !important; clear: both; font-weight: 700; }



/*gallery teaser v2*/
.teaser-132v2-container { padding: 12px; margin: 0; background-color: #FFFFFF; height: auto; }
.teaser-132v2 { background-color: #E1E7F3; height: 146px; width: 138px; float: left; padding: 5px; margin: 2px; text-align: left; font-weight: bold; border: 1px solid #E1E7F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 0px; font-size: 13px; line-height: 1em; }
.teaser-132v2:hover { background-color: #E1E7F3; border-color: #B2C4EB; }

.teaser-132v2 img { height: 88px; width: 132px; margin: 0 0 7px 0; border: 3px solid #C2CCDC; }
.teaser-132v2-1st a { display: block; padding: 0 0 0 3px; color: #345499 !important; }
.teaser-132v2-date { display: block; padding: 0; color: #E6AC00 !important; font-size: 13px; font-style: italic; }
.h3-teaser-132v2 { font-size: 13px; padding: 0 0 5px 7px; border-bottom: 1px solid; border-bottom-color: #CAD1D9; margin: 0 0 12px 0; color: #2D509A !important; clear: both; font-weight: 700; }
.h1-teaser-132v2 { font-size: 16px !important; padding: 5px 7px; border-bottom: 1px solid #96A7CD; margin: 0; color: #254280 !important; background-color: #FFFFFF; clear: both; font-weight: 700; }

.h1-teaser-132v2 a {color:#254280}


/*gallery teaser v3*/
.teaser-132v3-container { padding: 0; margin: 0; background-color: #EEEEEE; height: auto; }
.teaser-132v3 { height: auto; width: 18%; float: left; padding: 0.45%; margin: 1%; text-align: left; font-weight: 400; font-size: 12px; line-height: 1.1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.teaser-132v2 .image {margin:0;padding:0;}
.teaser-132v3 img { height: 123px; width: 163px; margin: 0 0 7px 0; border: 0px solid #C2CCDC; }
.teaser-132v3-1st a { display: block; padding: 0 0 0 3px; color: #345499 !important; }
.teaser-132v3-date { display: block; padding: 3px 0 0 0; color: #E6AC00 !important; font-size: 10px; font-weight: 700; font-style: normal; }
.h3-teaser-132v3 { font-size: 13px; padding: 0 0 5px 7px; border-bottom: 1px solid; border-bottom-color: #CAD1D9; margin: 0 0 12px 0; color: #2D509A !important; clear: both; font-weight: 700; }
.teaser-132v3:hover { background-color: #E1E7F3; border-color: #B2C4EB; }
.chicklets {content: "" !important;}
.stButton {margin:0!important; padding:0 !important;}


/*youtube playlist teaser*/
.teaser-youtube-132 { background-color: #E1E7F3; height: 204px; width: 138px; float: left; padding: 7px; margin: 3px 3px; text-align: left; font-weight: bold; border: 0px solid #CED7EB; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 0px; font-size: 11px; line-height: 1em; 
}
.teaser-youtube-132:hover { background-color: #E1E7F3; border-color: #B2C4EB; }
.teaser-youtube-132 img { height: 167px; width: 132px; margin: 0 0 7px 0; border: 3px solid #C2CCDC; 
}
.teaser-youtube-132-1st a { display: block; padding: 0 0 0 3px; color: #345499 !important; }
.teaser-youtube-132-date { display: block; padding: 0; color: #bb0000 !important; font-size: 10px; }
.h3-teaser-youtube-132 { font-size: 13px; padding: 0 0 5px 7px; border-bottom: 1px solid; border-bottom-color: #CAD1D9; margin: 0 0 12px 0; color: #FF130B !important; clear: both; font-weight: 700; }
.h1-teaser-youtube-132 { font-size: 16px; padding: 0 0 5px 7px; border-bottom: 1px solid; border-bottom-color: #CAD1D9; margin: 0 0 12px 0; color: #336699 !important; clear: both; font-weight: 700; }

.teaser-100p img {max-width:100%;}
.3col li img { border: 3px solid #C2CCDC !important; }


#itemContainer {background-color:#eeeeee !important;}
ul.teaser-132v4 { margin: 0; padding: 0; list-style: none; height: auto;  }
ul.teaser-132v4 li {float:left; width:18.5%;height: 210px;padding: 0.7%;margin: 1% 0.7%;text-align: left; font-weight: 400; font-size: 12px; line-height: 1.1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.teaser-132v4 li.active, ul.teaser-132v4 li:hover  { background-color:#ffffff;}
ul.teaser-132v4 li img { height: 123px; width: 163px; margin: 0 0 7px 0; }
ul.teaser-132v4 li .image {margin:0;padding:0;}
ul.teaser-132v4 li a .teaser-132v3-1st {color:#254280;}