@import url("flyout_mainmenu.css");
@import url("jquery-ui-1.8.23.custom.css");
@import url("submenu.css");
@import url("agendamenu.css");
@import url("footer.css");
@import url("header.css");
@import url("sitemap.css");
@import url("clickmenu.css");

@import url("additionals.css");
@import url("bubbles.css");
@import url("imagecycle.css");
@import url("iclei_tt_news_v3_styles.css");

@import url("print.css") print;

/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
  reset.css
  Resets default browser CSS.
   
  Based on but not the same as work by Eric Meyer:
  http://meyerweb.com/eric/tools/css/reset/
  v1.0 | 20080212
   
-------------------------------------------------------------- */



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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  #vertical-align: baseline;
  background: transparent;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse:collapse;
  border-spacing: 0;
  }

caption, th, td {
  text-align: left;
  font-weight:400;
  }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

a:active,
a:focus {
  outline: none;
  }
a {
    color: #239bd2;
    text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* @end Reset Styling */

/* @group Base Styling */
html {
  height: 100%;
}

body {
  font-family: Open Sans, 微软雅黑, 黑体, 宋体, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background: url(../images/body_bg_yellowline.png) top center no-repeat;
  font-weight: normal;
  height: 100%;
}

body, html {
  font-family: Open Sans, 微软雅黑, 黑体, 宋体, Helvetica, sans-serif !important;
}

/* NOTE: Much of the typography styling is handled in rte.css */

/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
  border-collapse:collapse;
  width: 100%;
  }

/* @end Table Styling */

/* @group Additional Tags */


pre {
  margin-bottom: 15px;
  }

code {
  margin-left: 10px;
  margin-right: 10px;
}

pre code {
  margin-left: 0px;
  margin-right: 0px;
  }

pre,
code {
  font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
  }


/* @end Additional Tags */

/* @group Forms */


form input, form textarea {
  margin-right: 5px;
  padding-left: 5px;
  }

form input:focus, form input:hover {
  color: black;
  }

form select {
  font-size: 11px;
  }

form option {
  margin: 0px;
  margin-left: 5px;
  margin-right: 10px;
  }

optgroup {
  font-weight: bold;
  font-style: italic;
  margin: 0;
  margin-top: 5px;
  }

optgroup option {
  padding-left: 5px;
}

legend {
  font-weight: bold;
  color: black;
  }


/* @end Forms */

/* @end Base Styling */

/* @group TYPO3 Styling Adjustments */
.blue_color{color: #239bd2;}
i{font-style:italic;}
b{font-weight:bold;}

/*div.csc-textpic-center div.csc-textpic-imagewrap,
div.csc-textpic-left div.csc-textpic-imagewrap,
div.csc-textpic-right div.csc-textpic-imagewrap {
  margin-bottom: 10px;
  }*/

/* @end TYPO3 Styling Adjustments */


/* @group Common Classes */

.clear {
  clear: both;
  }


.clearOnly {
  clear: both;
  height: 0px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  }

.outOfSight {
  position: absolute;
  top: 0;
  left: -4000px;
  }

.csc-firstHeader {
  margin-top: 0px;
  }

.graphicTextWrap {
  overflow: hidden;
  }

.graphicText {
  line-height:300px;
  display: block;
  }

/* @end Common Classes */

/* @group Layout */

.pageWrap {
  width: 950px;
  padding: 0 5px;
  margin: 0 auto;
  background-color: #fff;
  }

#feature {
  clear: both;
  margin-bottom: 0px; padding-bottom: 0;
  height: 306px !important;
  }
.agendamenu {margin-top: 0 !important;}
#feature img, #feature DIV.csc-textpic DIV.csc-textpic-single-image IMG {padding: 0 !important; margin:0 !important;}  

#contentblockwrapper{clear: left;}
#contentBlock-3{
  padding-bottom: 30px;}
#generatedContent-1 {
  width: 230px;
  float: left;
  margin-right: 20px;
  }

#generatedContent-2 {
  width: 230px;
  float: right;
  }
#f1a #contentBlock-1 {
  clear: both;
  padding-bottom:0px;
}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
  float: right;
  width: 730px;
  }
#f3b #contentBlock-1 {
  float: left;
  margin-left: 0;
  }  

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
  width: 190px;
  float: left;
  }
#f3b #contentBlock-2 {
  float: right;
  }  

#f3a #contentBlock-3,
#f3b #contentBlock-3 {
  width: 950px;
  clear: both;
  padding: 30px 0 30px 0;
  }

.sexybookmarks{padding-bottom:75px; text-align: center;}
/* @end Layout */

/* @group Header */

#header {
  margin-top: 8px;
  margin-bottom: 0px;
  width: 950px;
  }

#masthead {
  float: left;
  margin: 12px 0 0;
  padding: 0;
  overflow: hidden;
  }

#masthead a {
  display: block;
  padding-top: 100px;
  }

#busyNogginID {
  float: right;
  width: 75px;
  height: 38px;
  overflow: hidden;
  background: url(images/bn_top_logo.gif) no-repeat;
  }

#busyNogginID a {
  display: block;
  padding-top: 100px;
  }



/* @end Header */



/* @group Module Styling */

.moduleHeader {
  font-size: 14px;
  margin: 0;
  padding: 8px 15px 8px 0;
  border-bottom: dotted 1px #000;
  color: #239bd2;
  /*background: #eee;*/
/*  background: url(images/right_module_cap.gif) no-repeat right top;*/
  }

.moduleHeader .moduleHeaderInnerWrap {
  display: block;
  padding: 0 0 0 0px;
  text-transform: uppercase;
  /*background: #008aec url(images/left_module_cap.gif) no-repeat left top;*/
  }
.moduleHeaderNoTitle{display: none;}
.moduleFooter {
  aheight: 15px;
  height: 0;
  margin: 0;
  padding-right: 15px;
  /*background: url(images/right_module_cap.gif) no-repeat right bottom;*/
  font-size: 1px;
  overflow: hidden;
  }

.moduleFooter span {
  display: block;
  height: 15px;
  /*background: #008aec url(images/left_module_cap.gif) no-repeat left bottom;*/
  }

.moduleBody {
  padding: 10px 0 10px 0;
  }

.moduleBodyWrap {
  border-left: 0px solid #008aec;
  border-right: 0px solid #008aec;
  /* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
  }

.unframed .moduleBody,
.unframed .moduleBodyWrap {
  padding: 0;
  border: 0;
  }


.moduleBodyBleed {
  padding: 0;
  }

.columnGroup {
  margin-bottom: 10px;
  }

.columnGroupRule {
  border-bottom: 1px solid #7f7f7f;
  }

.moduleGroup {
  margin-bottom: 10px;
  }

.moduleFeature {
  margin-bottom: 15px;
  }

/* @end Module Styling */

/* Start of map style edits */

#sy_iclei_map_steuerung a#sy_iclei_allmembers {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 1) inset !important;
  left: 0 !important;
  border-radius: 0 0 0 3px !important;
  background-position: right 5px !important;
}
#sy_iclei_map_steuerung #sy_iclei_regions {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 1) inset !important;
  left: 236px !important;
} 
#sy_iclei_map_steuerung a#sy_iclei_offices {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 1) inset !important;
  left: 474px !important;
  border-radius: 0 0 3px !important;
  background-position: left 5px !important;
}
#sy_iclei_map_steuerung #sy_iclei_regions img {right:0 !important; top: 9px !important;}
#sy_iclei_map_steuerung #sy_iclei_googlemap_legende {right: 22px !important; top: 5px !important; width: 183px !important;}

#sy_iclei_list_abc_outer {background-color: #f5f5f5 !important; width: 730px !important;border-radius: 3px !important;box-shadow: none !important;}

/* End of map style edits */

/* yellow button */

a.linkyellowbox, a.linkyellowbox:visited {
    font-family: "Open Sans",arial,微软雅黑,黑体,宋体,Helvetica,sans-serif;
    background: #ffe14f none repeat scroll 0 0;
    border-bottom: 1px solid #e5c017;
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    padding: 17px 32px;
    text-align: center;
    min-width: 232px;
}

a.linkyellowbox:hover, a.linkyellowbox:active {
    background: #fee775 none repeat scroll 0 0;
    cursor: pointer;
}

/* yellow button end */

/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
  display: block;
  }





/* Extensions */
.lof-slider_5 .lof-description_black h3, .lof-slider_5 .lof-description_black h3 a, .lof-slider_5 .lof-description_black h3 a:visited {color:#ddd; text-decoration:none; font-size: 18px;}

.lof-slider_5 .lof-description_white, .lof-slider_5 .lof-description_white a, .lof-slider_5 .lof-description_white a:visited {color: #333 ; font-weight:bold;}

.lof-slider_5 .lof-description_white h3, .lof-slider_5 .lof-description_white h3 a, .lof-slider_5 .lof-description_white h3 a:visited {color: #333; font-weight: bold;}
.lof-slider_5 h3 a{text-transform: uppercase;}
.lof-slider_5 h3 a:hover{text-transform: uppercase; }
.lof-slider_5 .lof-description_black h3, .lof-slider_5 .lof-description_white h3, .lof-slider_5 .lof-description_nobg h3 {margin:0 0px; padding:10px 0 5px 0; }
.lof-slider_5 .lof-description_black, .lof-slider_5 .lof-description_white, .lof-slider_5 .lof-description_nobg {padding:15px 20px 15px 60px;}

.lof-slider_5 .lof-description_black a:hover, .lof-slider_5 .lof-description_white a:hover, .lof-slider_5 .lof-description_nobg a:hover{color: #15898C}

.lof-slider_5 .lof-description_black h3 a:hover, .lof-slider_5 .lof-description_white h3 a:hover, .lof-slider_5 .lof-description_nobg h3 a:hover{color: #15898C}

.lof-slider_5 .lof-description_white {background-image: url("images/transparent_bg_white.png"); }

.lof-slider_5 .lof-main-wapper .lof-item img {padding: 0 20px !important;}
.tx-syicleimemberlist-pi3 input {background-image: none !important; height: 30 !important;}
.tx-syicleimemberlist-pi3 {padding: 23px 23px 24px 17px !important; }

/* tt_news customs */
.news-list-container H2, .news-latest-container H2 {font-size: 15px !important;}
.lof-slider_2 .lof-navigator h3, .lof-slider_2 .lof-navigator h3 a, .lof-slider_2 .lof-navigator h3 {font-size: 13px !important;}
.lof-slider_2 .lof-navigator h3 {padding: 10px 10px 10px 73px !important;}
/* header customs */

h1, h2, h3, h4, h5, h6 {font-weight:700 !important;font-family: "Open Sans","Helvetica","Arial",sans-serif !important;}
h3 {font-size: 18px !important;font-weight: bold;color:#000000 !important;}
h4, h5  {font-family: "Open Sans","Helvetica","Arial",sans-serif !important;}
h6 {color: #fff;}
h4 {margin: 0 !important;}
.moduleHeader {font-weight: normal !important;font-size: 14px !important;}
.imagecurtain.grey_curtain .carousel div h3 {color: #000 !important;font-size: 14px !important;}
.imagecurtain .carousel div h3 {color: #fff !important;font-size: 14px !important;}

/* Droptlist main Menu */
.dropList ul ul li h4 a, nav2 ul li h4 {padding-bottom: 0 !important;padding-top: 0 !important;margin-top: 8px !important;margin-bottom: 0 !important;}
.dropList .mainmenu .first ul li a {font-size: 15px !important;}
.dropList {margin-bottom: 0 !important;}
.dropList ul.mainmenu{ font-size: 15px!important;}

/* Material Design Style */

/* TOP STORIES CARDS */
#c44490 .mdl-card__title {height: 132px !important;display: table !important;overflow: hidden;vertical-align: top !important;}
#c44490 .mdl-card__title h4 {padding: 0 !important;}
#c44490 .mdl-card__title h4 a{color: #000;font-weight: 700 !important;}
#c44490 .mdl-card__title h4 a:hover{color: #239bd2;}
#c44490 .mdl-card {background: #f7f8f5 !important;}
#c44490 .mdl-button:hover, #c44550 .mdl-button:hover  { background-color: rgba(255, 204, 0, 0.5) !important; color: #000 !important;}
#c44502 .mdl-button:hover { background-color: rgba(255, 204, 0, 0.5) !important; color: #000 !important;}
.mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {width: calc(100% - 16px) !important;}
.mdl-card__actions .mdl-button { font-family: "Open Sans","Helvetica","Arial",sans-serif !important;font-size:14px !important;font-weight: 600 !important;color: #239bd2 !important;}
.mdl-button a, .mdl-button a:visited {color: #239bd2 !important;}
.demo-card-event > .mdl-card__title, .demo-card-event > .mdl-card__actions, .demo-card-event > .mdl-card__actions > .mdl-button {color: #ffffff !important;}
.mdl-typography--subhead, .mdl-typography--subhead-color-contrast {font-family: "Open sans","Helvetica","Arial",sans-serif !important; font-size: 14px !important;}
.mdl-card__supporting-text {padding: 15px 0 0 15px !important;}

.android-card-container .mdl-card__media img {width: 100%;}
.android-card-container .mdl-card__media {background: transparent none repeat scroll 0 0;overflow: hidden;}
.android-card-container .mdl-card__title {background: transparent none repeat scroll 0 0;height: auto;}
.android-card-container .mdl-card__title-text {color: black;height: auto;}
.mdl-card__title-text {font-size: 14px !important;}
.android-card-container .mdl-card__supporting-text { color: black; height: auto; padding-bottom: 56px;}
.android-card-container .mdl-card__actions { bottom: 0; position: absolute;}

/* TOP STORIES CARDS END */
.mdl-card__media {background-color: #f7f8f5 !important;} 
.demo-card-event > .mdl-card__actions {border-color: rgba(255, 255, 255, 0.2);}
.demo-card-event > .mdl-card__actions {display: flex;box-sizing:border-box;align-items: center;}
.demo-card-event > .mdl-card__actions > .material-icons {padding-right: 10px;}
.demo-card-event > .mdl-card__title {align-items: flex-start;}
.demo-card-event > .mdl-card__title > h5 {margin-top: 0;padding-top: 0 !important;padding-bottom: 0 !important;}
.demo-card-event > .mdl-card__title > h6 {margin: 0;padding-top: 0 !important;padding-bottom: 0 !important;}
.demo-card-event > .mdl-card__title,
.demo-card-event > .mdl-card__actions,
.demo-card-event > .mdl-card__actions > .mdl-button {color: #fff;}
.android-card-container .mdl-card__actions { bottom: 0 !important; position: absolute !important;}
.mdl-card__media img {width: 100%;height: 138px !important; max-height:138px !important;}

#c44502 .demo-card-event.mdl-card {width: 222px;height: 155px;min-height:155px !important;background: #64c1c3;}

#c44502 .mdl-card__actions .mdl-button { font-family: "Open Sans","Helvetica","Arial",sans-serif !important;font-size:14px !important;font-weight: 600 !important;color: #fff !important;}
#c44502 .mdl-typography--subhead, .mdl-typography--subhead-color-contrast {font-size: 14px !important;color: #ffffff !important;}
#c44502 .mdl-card__title h5 {line-height: 1.4em !important;margin: 0 !important;padding-bottom: 0 !important;vertical-align: top !important;display: table !important;overflow: hidden;}
#c44502 .mdl-card__title {padding: 16px 19px 11px 16px !important;}
#c44502 .mdl-card__supporting-text h6{line-height: 1.4em !important;margin: 0 !important;padding-bottom: 0 !important;vertical-align: top !important;display: table !important;overflow: hidden;}
#c44502 .mdl-card__supporting-text {margin-top: 0 !important;padding-top: 0 !important;vertical-align: top !important;display: table !important;overflow: hidden;}
#c44502 .mdl-card__title h6 {font-family: "Open Sans","Helvetica","Arial",sans-serif;}
#c44502 .mdl-card__title.mdl-card--expand {padding-bottom: 0 !important;margin-bottom: 0 !important;}
#c44502 .mdl-card__supporting-text a, #c44502 .mdl-card__supporting-text a:visited {color:#ffffff !important;}
#c44502 .mdl-card__supporting-text a:hover {color: #000000;!important;}
#c44502 .mdl-card__supporting-text  {color: #ffffff !important;}
#c44503 .mdl-card {background: rgba(100, 193, 195, 0.2) !important;}
#c44503 .mdl-card__supporting-text h5 {margin-top: 0 !important;}
#c44503 .mdl-card__supporting-text a, #c44503 .mdl-card__supporting-text a:visited {color: #239bd2 !important;}
#c44503 .mdl-card__supporting-text a:hover {color: #000 !important;}
#c44550 .mdl-card__supporting-text h2{font-size: 20px !important;color: #000000 !important;margin: 0 !important;font-weight: 700 !important;}
#c44550 .mdl-card__supporting-text {padding: 15px !important;}
#c44550 .mdl-card {background: #f7f8f5 none repeat scroll 0 0 !important;}
#c44551 .mdl-card__supporting-text h3 {font-size: 14px !important;margin: 7px 0 !important;}
#c44553 img {max-width: 970px !important;}
#c44553 .mdl-button--accent.mdl-button--accent.mdl-button--raised {background-color: #ffe14f !important; color: #000 !important;position: relative;float:none !important;left: 342px;top: 278px;height: 46px !important;padding: 0 29px !important;}
#c44553 { width: 100% !important;height: 353px !important;background: url('http://www.iclei.org/fileadmin/templates/skins/ICLEI/images/iclei-agendas-banner.jpg') center / cover;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
#c44553 .mdl-card {width: 100% !important;height: 353px !important; background: none !important;}
#c44580 a {color: #239bd2 !important;}
#c44580 a:hover {color: #000 !important;}
#c44580 {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
#c44492 .demo-card-image.mdl-card {
  width: 222px;
  min-height: 132px;
  background: background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
#c44492 { background: url('http://talkofthecities.iclei.org/wp-content/uploads/2016/02/160222_1280px-Vienna_Skyline-750x350.jpg') center / cover;}
#c44492 .demo-card-image > .mdl-card__actions {
  height: 73px;
  padding: 12px;
}
#c44492 .demo-card-image__filename, #c44492 .demo-card-image__filename a  {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
#c44591 .mdl-button {width: 100%;height: 46px !important;}
#c44577 .mdl-button {width: 100%;height: 46px !important;}
#c44577 {margin-top: 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
#c44577.iclei-gray-bg {background: #f2f2f2 !important;}
#mc_embed_signup{background:transparent; clear:left; width:100%;}
#mc_embed_signup form {text-align: right !important;}
#mc_embed_signup input.email {width: 86% !important;height: 46px !important;border: none !important;font-size: 16px !important;padding-left: 16px;}
#c44591 .mdl-button a, #c44591 .mdl-button a:visited {color: #fff !important;}
#c44591 .mdl-button--accent .mdl-button--accent .mdl-button--fab,
#c44591 .mdl-button--accent.mdl-button--accent.mdl-button--raised {background-color: #ffe14f !important; color: #000 !important;}
#c44492 .mdl-card__supporting-text {color: #ffe14f;font-weight: 500;font-size:18px !important;}
#c44596 .mdl-button--accent.mdl-button--accent.mdl-button--raised,
#c44577 .mdl-button--accent.mdl-button--accent.mdl-button--raised {background-color: #ffe14f !important; color: #000 !important;}
#c44597  h4{font-size: 21px !important;padding: 0 0 5px;color: #888;} 
#c44597 .material-icons {top: 4px !important;position: relative;}
#c44568  h4{font-size: 21px !important;padding: 0 0 5px;color: #888;} 
#c44569 .material-icons {top: 4px !important;position: relative;}
#c44569  h4{font-size: 21px !important;padding: 0 0 5px;color: #888;} 

#view-source {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 40px;
      margin-bottom: 40px;
      z-index: 900;
    }

/*.mdl-demo .mdl-card .mdl-card__supporting-text {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: inherit;
    flex-grow: 1;
    height: auto;
    margin: 16px;
    padding: 16px;
	}*/
.atc-style-blue .atcb-link, .atc-style-blue .atcb-link:hover, .atc-style-blue .atcb-link:active, .atc-style-blue .atcb-link:focus {background: rgba (66, 129, 244, 0.2) none repeat scroll 0 0 !important;box-shadow: none !important;border-radius: 2px !important;font-family: "Open Sans","Helvetica","Arial",sans-serif !important;}
/* @end */