@import url("reset.css");
@import url("irfaq.css");
@import url("sitemap.css");
@import url("powermail.css");
@import url("ke_questionnaire_styles.css");

/* default styles and classes
****************************************************/
body {
  color: #000000;
  line-height: 12pt;
  font-family:arial,helvetica,sans-serif;
  font-size:9pt;
  }
div#wrapper {
  width: 1140px;
}
a {
  text-decoration: none;
  color: #000000;

}  
div#maincontent a {
  text-decoration:underline;
}
/* Maincontent
****************************************************/
div#leftside {
  padding-bottom: 15px;
  width: 720px;
  float:left;
  background-color:#F5F5F6;
}
div#rightside {
  width: 300px;
  margin-left: 8px;
  float:left;
}  
/* Mainmenu
****************************************************/
ul#mainmenu {
  display: block;
  height: 26px;
  background: transparent url(images/mainmenu_bg.gif) repeat-x;
  
}
ul#mainmenu li {
  display: block;
  float: left;
  
}
ul#mainmenu li  a{  
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px 8px 0px 8px;
  display:block;
  float:left;
}
ul#mainmenu li.active a{  
  text-decoration: underline;
}
ul#mainmenu li span {
  display: none;
  width: 6px;
  height: 26px;
  
}
span.mainmenu_left {
  background: transparent url(images/button_red_left.gif) no-repeat;
  float:left;
}
span.mainmenu_right {
  background: transparent url(images/button_red_right.gif) no-repeat;
  float:right;
}
/* CE People Slider
****************************************************/
img.previousbutton, img.nextbutton ,div.carouselwrapper, div.peoples_element {
  float: left;
  cursor:pointer;
}
div.innercarousel {
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  width:10000px;
}
div.carouselwrapper {
  width: 200px;
  height: 190px;
  overflow:hidden;
  position:relative;
}
div.peoples_element {
  width: 127px;
  padding-left:12px;
}
div.peoples_element  img {
  
}
div.ce_sidebarbox_people_body {
  padding: 5px 0 5px 0;
  border: 1px solid #CACBCC;
  border-top:0;
  background-color:#F5F5F6;
}
/* Submenu
****************************************************/
ul#submenu {
  display: block;
  width: 120px;
  margin:0;
  padding:0;
  float: right;
}
ul#submenu  li{
  display: block;
  height: 90px;
  background: transparent url("images/submenu_bg.gif") no-repeat;
  margin:0;
  padding:0;
  text-align: right;
}
ul#submenu li.active {
  background: transparent url("images/submenu_active_bg.gif") no-repeat;
}
ul#submenu  li a{
  display: block;
  font-weight: bold;
  color: #868789;
  padding-left: 30px;
  width: 80px;
  display: table-cell;
    vertical-align: middle;
  height: 90px;
}
ul#submenu  li.active a{
  color: #FFFFFF;
}
/* CE SIdebox
****************************************************/
div.ce_sidebarbox {
  margin-bottom: 10px;
  background-color: #f5f5f6;
}
div.ce_sidebarbox_header {
  /*background: transparent url("images/sidebox_bg.gif") repeat-x;*/
  background: transparent url("images/mainmenu_bg.gif") repeat-x;
  
  height: 26px;
}
div.ce_sidebarbox_header a ,div.ce_sidebarbox_header h2 {
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  padding: 5px 0px 0px 10px;
  display: block;
  font-size:9pt;
}
div.ce_sidebarbox_body {
  border: 1px solid #CACBCC;
  border-top: 0px;
  padding: 8px;
}
div.ce_sidebarbox_image {
  float: left;
  padding-right: 8px;
}ll 
div.ce_sidebarbox_text {
  margin-bottom: 20px;
}
div.sidebarlink {
  margin-top: 5px;
  background: url("images/sidebox_linkimage.gif") no-repeat 2px 3px;
  padding-left: 16px;
  float: left;
}
div.sidebarlink a { 
  color: #6f7072;
}
/* Inhalte / Maincontent
****************************************************/
div.myGallery, div.imageblock {
  width:315px;
  height:239px;
  margin: 0 30px 10px 0;
}
div.csc-textpic-imagewrap,div.rgmediaimages-media  {
  /*width:315px;*/
  /*height:239px;*/
  display: block;
  float: left;
  margin: 0 15px 6px 0;
}
span.rgmediaimages-player {
  width:315px;
  height:239px;
  display: block;
}
div#maincontent {
  width: 580px;
  margin: 15px 0 0 10px;
  float: left;
}
h1.csc-firstHeader , .csc-textpicHeader h1, div#maincontent h1{
  font-size: 15pt;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 21pt;
}
div#maincontent ul, div#maincontent ol{
list-style-position: inside;
list-style-type:   disc;
}

div.contentobject {
  margin-bottom: 12px;
  clear: left;
}
p.bodytext, div.news-single-item p {
text-align: justify;
}
div.csc-textpic-clear {
  clear: both;
}

div.social_share {
  padding: 15px 0px 15px 0px;
}
div.social_share img {
  float: left;
  margin-right: 5px;
}
div.news-list-item img {
  float: left;
  margin: 0px 8px 8px 0px;
}
div.news-list-item h3 {
  margin-bottom: 8px;
}
span.news-list-morelink {
  margin-left: 5px;
}
/* Bottom
****************************************************/
div#bottomside {
  clear: both;
  padding-top:8px;
  width: 1028px;
}

div#bottomside  div.ce_sidebarbox_topic {
  width: 300px;
  float: left;
}
div#bottomside div.ce_sidebarbox_peopleslider{
  float: right;
  width: 720px;
  margin-bottom: 8px;
}
div#bottomside  div.carouselwrapper {
  width: 688px;
}
div.ce_sidebarbox_peopleslider h2 {
  margin: 3px 0 5px 0;
  font-size:19pt;
  font-weight:bold;
}
/* CE Topics
****************************************************/
div.ce_sidebarbox_topic {
  background-color:#F5F5F6;
  margin-bottom:10px;
}
div.ce_sidebarbox_header_topic {
  height:21px;
  background:transparent url("images/sidebox_bg_gray.gif") repeat-x scroll 0 0;
  color:#FFFFFF;
  font-weight:bold;
  padding:5px 0 0 10px;
  text-transform:uppercase;
}
div.ce_sidebarbox_body_topic {
  border: 1px solid #CACBCC;
  border-top: 0px;
  border-color: #CACBCC;
  padding: 5px 0 5px 0;
}
div.topic_slider {
  display: none;
  padding: 0 10px 10px 10px;
}
div.topic_element_active {
  background-color: #ececed;
}
div.topic_element_header  {
  cursor:pointer;
  color: #1a171b;
  height: 23px;
  background: transparent url("images/topics_inactive.gif") no-repeat 260px 4px;
  border-bottom: 1px solid #d7d7d8;
  padding-top: 4px;
  margin: 0 10px 3px 10px;
}
div.topic_slider_active {
  background-image: url("images/topics_active.gif");
  color: #009ddf;
  font-weight:bold;
}
div.topic_element_link  a{
  color: #009ddf;
  text-decoration: underline;
}
div.topic_element_image {
  float:left;
  margin-right: 10px;
}
/* Header / Logo
****************************************************/
div#logo {
  position:relative;
  width: 720px;
  height: 103px;
  float: left;
}
div#header {
  margin-bottom: 8px;
}  
div#mainmessage {
  position:absolute;
  color: #c80520;
  font-size: 19pt;
  top: 41px;
  left: 130px;
}
div.publications {
  width: 300px;
  background-color: #f5f5f6;
  border: 1px solid #cacbcc;
  margin-bottom: 8px;
  height: 101px;
} 
div.publications_images img{
  float: left;
  margin: 0px 0px 2px 4px;
}
div.publications_header {
  text-transform: uppercase;
  margin: 6px 0 6px 5px;  
  font-weight:bold;
  height: 20px;
}
/* Footer
****************************************************/
div#footer {
  text-align: right;
  width: 1028px;
  margin-bottom: 20px;
}
/* Sitemap
****************************************************/
div#maincontent div.csc-sitemap ul {padding: 0 0 20px 0;list-style-type:none;}
div#maincontent div.csc-sitemap ul ul {margin: 0 0 0 20px;}


div.mainmessage {
 color: #ececed;
}
/* Abstimmung
****************************************************/
div.tx-sisosecurevote-pi1 h3 {
  margin-bottom: 5px;
}
input.submit {
background-color:#FFFFFF;
border:1px solid #BBBBBB;
margin-top:10px;
}
label.loginlabel {
  width: 90px;
  float: left;
}
input#user, input#pass {
  float:left;
}
/* Umfragen
****************************************************/
.tx-pbsurvey-pi1 .bar {
  background-color:#7AB2DD;
}
.tx-pbsurvey-pi1 .matrix .surveyrow_even {
  background-color:#7AB2DD;
}
.tx-pbsurvey-pi1 .pageHeader {
  color: #000;
  font-size:15pt;
  font-weight:bold;
  line-height:21pt;
  margin-bottom:12px;
}
div.tx-pbsurvey-pi1 div.formbuttons input {
background-color:#FFFFFF;
border:1px solid #BBBBBB;
margin-top:10px;
}
/* Subsubmenu
****************************************************/
div#maincontent ul#subsubmenu {
  height:44px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
ul#subsubmenu  li a{
  font-size:15px;
  line-height:24px;
  height:35px;
  text-decoration:none;

}
ul#subsubmenu  li {
  background-image:url(images/subsub_inactive.gif);
  background-position:center top !important;
  background-repeat:no-repeat;
  float:left;
  padding: 0px 10px 5px 10px;
  }
ul#subsubmenu  li.active {
  background-image:url(images/subsub_active.gif);
}

/***cb20100706: implement counter***/

#myVideoCounterWrapper  {
  background:url("images/jam/vcounter_bg.png") no-repeat scroll 0 0 transparent;
  height:78px;
  margin-bottom:18px;
  position:relative;
}

#myVideoCounterWrapper #digitwrapper {
  left:50px;
  position:absolute;
  top:25px;
}

#digitwrapper .digit {
  background:url("images/jam/counterzahlen.png") no-repeat scroll 0 -15px transparent;
  float:left;
  height:41px;
  width:25px;
}

/***cb20100706: implement counter***/

#myCounterWrapper  {
  background-color:#000000;
  height:45px;
  margin-bottom:18px;
  position:relative;
}

#myCounterWrapper #digitwrapper {
  left:10px;
  position:absolute;
  top:10px;
}

#digitwrapper .digit {
  background:url("images/inverted/counterzahlen_weiss_neu.png") no-repeat scroll 0 -15px transparent;
  float:left;
  height:41px;
  width:25px;
}

#digitwrapper .digitdoppelpunkt {
background:url("images/inverted/counter_dp.png") no-repeat scroll 0 13px transparent;
float:left;
height:41px;
width:7px;
}

#digitwrapper .digitAbstand{
  float:left;
  height: 41px;
  width: 22px;
}

#lusan_counter_bottom {
background-color: #000000;
height:15px;
margin-top:-35px;
padding-left:16px;
padding-top:10px;
}


div.lusan_counter_lbl{
  width:56px;
  float:left;
  font: inherit;
  text-align: center;
  
}
div#lusan_counter_month{
  background: url("images/inverted/monate_weiss.jpg") no-repeat 0px 0px transparent;
  margin-left: -8px;
}
div#lusan_counter_day{
  background: url("images/inverted/tage_weiss.jpg") no-repeat 0px 0px transparent;
  margin-left: 23px;
}
div#lusan_counter_hour{
  background: url("images/inverted/stunden_weiss.jpg") no-repeat 0px 0px transparent;
  margin-left: 2px;
}
div#lusan_counter_min{
  background: url("images/inverted/min_01_weiss.jpg") no-repeat 0px 0px transparent;
  margin-left: 20px;
}
div#lusan_counter_sec{
  background: url("images/inverted/sek_weiss.jpg") no-repeat 0px 0px transparent;
  margin-left: 0px;
  width: 40px;
}
div.lusan_counter_title{
  background-color: #000000;
  height: 33px;
  margin-bottom: 9px;
  padding-left: 15px;

}

div.lusan_counter_title h2{
  color: #FFFFFF;
  font-weight: lighter;
  padding-top: 8px;
  text-transform: uppercase;
}

div.aec_facebooklink{
  margin-bottom: 3px;
}
div.aec_facebooklink a img{
  height: 91px;
  width: 300px;
}