/**
 * @section        Default Elements
 *
 * Default stylings for default elements
 */
.section,
.nav,
.footer {
  display: block;
}

h1 span.hide {
  display: none;
}

input.submit:hover {
  cursor: pointer;
}


/**
 * @section        Layout
 *
 * Layout styling
 */
html {
  background: url('/images/layout/html_bg.png') repeat-x #0089d0 fixed;
}

body {
  background: url('/images/layout/body_bg.jpg') no-repeat fixed;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Tahoma", sans-serif;
  line-height: 140%;
  font-size: 12px;
}

.site_wrapper {
  margin: 0 0 0 260px;
  padding-top: 40px;
  position: relative;
  width: 737px;
}

.site_wrapper #csu_logo {
  background: url('/images/layout/csu_logo.png') no-repeat; /*ie6 transparency fix*/
  display: block;
  height: 41px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  text-indent: -2000px;
  top: 15px;
  width: 126px;
}

.site_wrapper h1#site_title {
  background: url('/images/layout/site_title_bg.png') no-repeat; /*Ie6 transparency fix*/
  clear: both;
  display: block;
  height: 79px;
  width: 344px;
}

.site_wrapper h1#site_title a {
  display: block;
  padding: 26px 0 0 36px;
  position: relative; /*Ie6 needs this*/
}

.site_wrapper h1#site_title a img {
  display: block;
}

/**
 * @section        Layout
 * @subsection     Navigation
 *
 * Navigation Styling
 */
#main_navigation {
  position: relative;
  z-index: 20;
}

#main_navigation div.nav_container {
  background: url('/images/layout/main_navigation_bg.png') no-repeat;
  height: 58px;
  margin-top: -6px;
/*  position: relative;
  z-index: 20;*/
}

#main_navigation a {
  position: relative; /*ie6 needs this*/
}

#main_navigation ul.main {
  padding-top: 7px;
  padding-left: 6px;
}

#main_navigation ul.main li {
  color: #5b5c57;
  float: left;
  font-size: 15px;
}

#main_navigation ul.main li a {
  border-right: 1px solid #B7B7B6;
  color: #4B4B4B;
  display: block;
  height: 45px;
  line-height: 40px;
  text-align: center;
  width: 120px;
}

#main_navigation ul.main li a:hover,
#main_navigation ul.main li.active a {
  background: url('/images/layout/main_navigation_bg_active.png') no-repeat center top;
  color: #333;
  text-decoration: none;
}

/*start navi*/
#main_navigation ul.main li.start a:hover,
#main_navigation ul.main li.start a {
  background-position: left top;
}

/*contact navi*/
#main_navigation ul.main li.contact a {
  border: none;
}

#main_navigation ul.main li.contact a:hover,
#main_navigation ul.main li.contact a {
  background-position: right top;
}

/**
 * @section        Layout
 * @subsection     Main Content
 *
 * Main Content Styling
 */
.content_wrapper {
  background: url('/images/layout/content_bg.png') repeat-y;
  padding: 5px 25px 0 24px;
  position: relative;
  top: -10px;
  z-index: 10;
}

/**
 * @section        Layout
 * @subsection     Sidebar
 *
 * Sidebar Stuff
 */
#sidebar {
  float: right;
  width: 183px;
  padding-right: 15px;
}

#sidebar .sidebar_item {
  background: url('/images/sidebar/item_bg.png') no-repeat;
  clear: both;
  margin: 20px 0;
  width: 183px;
}

#sidebar .sidebar_item .content {
  padding: 0 12px;
}

#sidebar .sidebar_item h1 {
  border: none;
  color: #0b69b6;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0 0 0;
  margin: 0 0 10px 0;
  position: static;
}

#sidebar .sidebar_item .bottom_bg {
  clear: both;
  background: url('/images/sidebar/item_bg.png') no-repeat left bottom;
  height: 10px;
}

#sidebar .sidebar_item div.form_item {
  margin-bottom: 10px;
}

#sidebar .sidebar_item label.hide_label {
  color: #666;
  font-size: 10px;
  font-weight: bold;
  padding-left: 3px;
}

textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Tahoma", sans-serif;
  font-size: 12px;
}

#sidebar .sidebar_item input.text,
#sidebar .sidebar_item textarea {
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #777;
  font-size: 12px;
  padding: 2px 3px;
  width: 150px; /*Width is fixed for ie7 and ie6*/
}

#sidebar .sidebar_item div.form_item_check {
  display: none;
}

#sidebar .sidebar_item input.submit_blue,
#content .contact_form_container input.submit_blue,
#content .recommend_site input.submit_blue,
#content .subscribe_newsletter input.submit_blue {
  border: none;
  background: url('/images/buttons/blue_70_21.png') no-repeat;
  color: #FFF;
  display: block;
  font-size: 11px;
  height: 21px;
  text-align: center;
  width: 70px;
}

#sidebar .sidebar_item input.submit_blue:hover,
#content .contact_form_container input.submit_blue:hover,
#content .recommend_site input.submit_blue:hover,
#content .subscribe_newsletter input.submit_blue {
  background-position: left bottom;
}

#sidebar .error_box,
#content .error_box  {
  background: #912C1C;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
  padding: 3px 5px;
  margin-bottom: 10px;
  font-size: 10px;
}

#content .error_box {
  font-size: 12px;
  padding: 8px 10px;
}

#sidebar .error_box ul li,
#content .error_box ul li {
  background: url('/images/layout/error_list_style.png') no-repeat 0 0.75em;
  padding-left: 8px;
}

#sidebar .success,
#content .success {
  background: #1B9119;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
  padding: 3px 5px;
  margin-bottom: 10px;
  font-size: 10px;
}

#content .success {
  font-size: 12px;
  padding: 8px 10px;
}

/**
 * @subsection     Sidebar
 *
 * @subsubsection     Newsletter
 *
 * Newsletter Sidebar Item styling
 */
#sidebar .newsletter {
  
}

/**
 * @subsection     Sidebar
 *
 * @subsubsection     Video
 *
 * Youtube Video sTyling
 */
#sidebar .video a.show_video {
  position: relative;
  display: block;
  margin-bottom: 5px;
}

#sidebar .video a.show_video span {
  background: url('/images/icons/video_play_big.png') no-repeat;
  cursor: pointer;
  display: block;
  left: 55px;
  height: 54px;
  position: absolute;
  top: 35px;
  width: 54px;
  z-index: 20;
}

#sidebar .video a.show_video img {
  border: 1px solid #7F7F7F;
  display: block;
  width: 157px;
}

#sidebar .video a.more_videos {
  color: #666;
  font-size: 11px;
}

/**
 * @subsection     Sidebar
 *
 * @subsubsection     Statement
 *
 * Statement styling
 */
#sidebar .statements {
  font-size: 10px;
}

#sidebar .statements .supporter_image {
  border: 1px solid #999;
  display: block;
}

#sidebar .statements .voting_text {
  color: #7D7D7D;
  font-size: 11px;
  font-weight: bold;
  margin-top: -5px;
  margin-bottom: 5px;
}

#sidebar .statements .supporter_name {
  color: #7F7F7F;
  padding-top: 4px;
  margin-bottom: 6px;
}

#sidebar .statements .supporter_name a {
  color: #7F7F7F;
}

#sidebar .statements .show_all {
  text-align: right;
}

#sidebar .statements .show_all a {
  color: #666;
}

/**
 * @subsection     Sidebar
 *
 * @subsubsection     Communities
 *
 * Communities Styling
 */
#sidebar .communities ul.community_list li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#sidebar .communities ul.communities li.last_in_row {
  margin-right: 0;
}

#sidebar .communities ul.community_list li img {
  display: block;
}



/**
 * @section        Layout
 * @subsection     Content
 *
 * Content stylign
 */
#content {
  margin-left: 15px;
  margin-bottom: 30px;
  margin-right: 15px;
  position: relative;
  width: 450px;
}


/**
 * @section        Layout
 * @subsection     Footer
 *
 * Footer stylings
 */
.main_footer {
  background: #bed8f0;
  color: #0b69b6;
}

.main_footer a {
  color: #0b69b6;
}

.main_footer .nav {
  text-align: center;
  padding: 8px 0 10px;
}

.content_bottom_bg {
  background: url('/images/layout/content_bottom_bg.png') no-repeat;
  height: 19px;
  position: relative;
  top: -10px;
}

/**
 * @section        Contents
 *
 * All the content stylings
 */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
}

#content h1 {
  border-bottom: 1px dotted #999;
  color: #666;
  font-size: 19px;
  line-height: 120%;
  margin: 35px 0 15px 0;
  padding: 0 0 6px 0;
  position: relative;
}

#content h2 {
  color: #0b69b7;
  font-size: 16px;
  font-weight: normal;
  margin: 15px 0 7px 0;
}

#content h3 {
  font-size: 14px;
  margin: 10px 0 4px;
}

#content .default_section {
  margin: 15px 0 40px 0;
}

#content .default_section .time {
  color: #999;
  font-weight: bold;
  font-size: 10px;
}

#content .default_section .default_image {
  border: 1px solid #ccc;
}

/**
 * @section        Contents
 * @subsection     Default Article
 *
 * This is a default styling for static contents
 */

#content .default_article ul.default_list {
  margin: 9px 0 15px 0;
}

#content .default_article ul.default_list li {
  background: url('/images/layout/default_list_style.png') no-repeat 4px 5px;
  padding-left: 17px;
}

#content a {
  color: #0B69B6;
}

#content a.more {
  background: url('/images/icons/more.png') no-repeat left center;
  padding-left: 15px;
}

#content a.less {
  background: url('/images/icons/less.png') no-repeat left center;
  padding-left: 15px;
}

a.more_gray {
  background: url('/images/icons/more_blue.png') no-repeat left center;
  padding-left: 15px;
}

a.more_gray:hover {
  background:url('/images/icons/more_gray.png') no-repeat left center;
}

.button {
  display: block;
  background: url('/images/buttons/blue_21.png') no-repeat left -30px;
  padding-left: 4px;
}

.button:hover {
  background-position: left -90px;
  text-decoration: none;
}

.button:active {
  background-position: left -150px;
}

.button span {
  color: #FFF;
  display: block;
  float: left;
  font-size: 11px;
  background: url('/images/buttons/blue_21.png') no-repeat right top;
  height: 21px;
  line-height: 20px;
  padding-left: 6px;
  padding-right: 10px;
  text-align: center;
  text-decoration: none;
}

.button:hover span {
  background-position: right -60px;
}

.button:active span {
  background-position: right -120px;
}

#content .bright_text {
  color: #666;
}

#content .image_border {
  border: 1px solid #CCC;
}

.block {
  display: block;
}

#content .back_to_previous {
  text-align: right;
  margin-bottom: 5px;
  position: absolute;
  right: 0;
  top: 20px;
}

#content .pagination {
  background: #EDEDED;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 4px;
  margin-top: 15px;
}

#content .pagination span,
#content .pagination a {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0 4px;
}

#content .pagination .disabled {
  color: #999;
}

#content .pagination .current {
  background: #B1B1B1;  
  color:#FFF;
}

#content ul.event_list {
  margin-top: 25px;
}

#content ul.event_list li {
  margin: 15px 0 25px;
}

#content ul.event_list li.last_item {
  margin-bottom: 0;
}

#content .event_item h3 {
  margin-top: 0;
  margin-bottom: 3px;
}

#content .event_item .aside {
  margin-bottom: 20px;
  margin-right: 15px;
  width: 59px;
}

#content .calendar {
  background: #EDEDED;
  border: 1px solid #CCC;
  color: #999;
  display: block;
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  padding: 1px;
  text-align: center;
  width: 55px;
}

#content .calendar span.month {
  background: #0B69B6;
  color: #fff;
  display: block;
  font-size: 10px;
  margin-bottom: 7px;
}

#content .past_event_item .calendar span.month,
#content .past_container .calendar span.month {
  background: #999;
}

#content .calendar span.day_number {
  color: #8C8C8C;
  display: block;
  font-weight: bold;
  font-size: 20px;
}

#content .calendar span.day_text {
  font-size: 9px;
  font-weight: normal;
}

#content .event_article {
  margin-top: 40px;
}

#content .event_item {
  position: relative;
}

#content .event_item a.mail_to {
  background: url('/images/icons/mail_small.png') no-repeat 4px 1px;
  color: #999;
  font-size: 9px;
  padding-left: 23px;
}

#content .event_item a.mail_to:hover {
  background-position: 4px -16px;
}

#content .event_item .data {
  float: left;
  padding-top: 4px;
  width: 355px;
  margin-bottom: 20px;
}

#content .past_event_item .data {
  padding-top: 0;
}

#content .event_item .preview p {
  color: #666;
  margin-bottom: 5px;
}

#content .event_item img {
  border: 1px solid #CCCCCC ;
}

#content .event_item .details dl {
  font-size: 11px;
  margin-bottom: 10px;
}

#content .event_item .details dl dt {
  clear: both;
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  width: 70px;
}

#content .past_event_item .details dl dt {
  margin-bottom: 0;
}

#content .past_event_item .details dl.left_aligned dt {
  clear: both;
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  width: 70px;
}

#content .event_item .details .text {
  margin-bottom: 15px;
}

#content .event_item .details dl dd {
  color: #666;
  float: left;
  margin-bottom: 5px;
  width: 280px;
}

#content .past_event_item .details dl dd {
  clear: both;
  width: 185px;
}

#content .past_event_item .details dl.left_aligned dd {
  color: #666;
  clear: none;
  float: left;
  margin-bottom: 5px;
  width: 280px;
}

#content .event_item .details dl p.flickr {
  margin-top: 10px;
}

#content .past_event_item .details .image_top {
  margin: 0 0 10px 10px;
}

#content .past_event_item .details .image_top p {
  color: #999;
  font-size: 10px;
  text-align: right;
}

#content .past_event_item .details .review_text {
  padding-top: 4px;
  margin-bottom: 15px;
}

#content .past_event_item .details .image_bottom {
  margin-right: 15px;
}

/**
 * @section        Start News stylign
 *
 * Styling for the newsbox on the startpage
 */
#content .latest_news h1 {
/*  padding-left: 40px;*/
}

#content .latest_news h1 span.icon {
  background: url('/images/icons/news_big.png') no-repeat;
  display: inline-block;
  height: 29px;
  position: relative;
  width: 32px;
}

#content .latest_news h1 span.cycle_nav {
  display: block;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 13px;
}

#content .latest_news h1 span.cycle_nav a {
  background: #B1B1B1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin-left: 3px;
  padding: 0px 4px;
}

* #content .latest_news h1 span.cycle_nav a,
*+ #content .latest_news h1 span.cycle_nav a {
  display: block;
}

#content .latest_news h1 span.cycle_nav a:hover {
  background: #CCC;
  text-decoration: none;
}

#content .latest_news h1 span.cycle_nav a.active {
  background: none;
  color: #B1B1B1;
}

#content .latest_news .article {
  height: 105px;
}

/**
 * @section        Start Events Styling
 *
 * Styling for Events-Section on Startpage
 */
#content .event_overview {
  
}

#content .event_overview .events_container {
  background: #EDEDED;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px;
}

#content .event_overview .events_container .aside {
  margin-right: 15px;
}

#content .event_overview .events_container .calendar {
  background: #FFF;
  border: 1px solid #B3B3B3;
}

#content .overview_event_list {
  float: left;
  width: 355px;
}

#content .overview_event_list li {
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#content .overview_event_list li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#content .overview_event_list h3 {
  font-size: 12px;
  margin-top: 3px;
}

#content .overview_event_list .preview {
  color: #666;
  font-size: 10px;
}

#content .overview_event_list .preview p {
  margin-bottom: 5px;
}

#content .overview_event_list .details .review_text,
#content .overview_event_list .details .text {
  color: #666;
  margin-bottom: 15px;
}

#content .overview_event_list .details .image_top {
  color: #666;
  font-size: 10px;
}

#content .overview_event_list .details .image_bottom {
  margin-right: 10px;
}

#content .overview_event_list .details dl {
  font-size: 10px;
  margin-bottom: 15px;
}

#content .overview_event_list .details dl dt {
  font-weight: bold;
}

#content .overview_event_list .details dl dd {
  color: #666;
  
}

#content .overview_event_list .details .hide_details {
  font-size: 10px;
}

/**
 * @section        Reviews on Startpage
 *
 * Styling for reviews on startpage
 */
#content .news_preview_detailed {
  margin-bottom: 15px;
  position: relative;
}

#content .event_item .news_preview_detailed {
  margin-bottom: 0;
}

#content .news_preview_detailed .aside {
  margin: 0 15px 0 0;
  width: 92px;
}

#content .news_preview_detailed .aside .thumb {
  display: block;
}

#content .news_preview_detailed .aside .thumb img {
  border: 1px solid #CCC;
  display: block;
}

#content .news_preview_detailed .data {
  padding: 0;
  width: 343px;
  margin: 0;
  padding: 0;
}

#content .news_preview_detailed_without_image .data {
  width: auto;
}

#content .news_preview_detailed .infos {
  margin-bottom: 9px;
}

#content .news_preview_detailed .infos .start_date {
  color: inherit;
  display: inline;
  font-weight: bold;
  font-size: 12px;
  margin-right: 10px;
}

#content .news_preview_detailed .infos a {
  color: #999;
}

#content .news_preview_detailed .infos a.title {
  color: #666;
  display: block;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  width: 275px;
}

#content .news_preview_detailed_without_image .infos a.title {
  width: 380px;
}

#content .news_preview_detailed .infos small {
  color: #999;
  font-weight: bold;
}

/**
 * @section        Greeting box
 *
 * styling for greeting box on startpage
 */
#content .welcome_greeting h1 {
  border: none;
  margin: 30px 0 0 0;
  padding: 0;
}

#content .welcome_greeting p {
  margin-bottom: 5px;
}

#content .welcome_greeting .sign,
#content .status_page .sign {
  background: url('/images/start/sign_2.png') no-repeat;
  width: 178px;
  height: 74px;
  overflow: hidden;
  text-indent: -9999em;
}



/**
 * @section        Event Table list styling
 *
 * Styling for Event List in Table-style
 */
#content .event_table_list .event_item,
#content .news_table_list .news_item,
#content .mixed_list .mixed_item {
  font-size: 12px;
  margin-bottom: 9px;
  position: relative;
}

#content .event_table_list .recent_upcomming_divider {
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#content .event_table_list .day_divider {
  margin-top: 25px;
}

#content .event_table_list .action,
#content .news_table_list .action,
#content .mixed_list .action {
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
}

#content .action .event_button {
  display: block;
  height: 23px;
  overflow: hidden;
  text-indent: -9999em;
  width: 49px;
}

#content .action .event_button_review           { background: url('/images/buttons/event_sprite.png') no-repeat; }
#content .action .event_button_review:hover     { background-position: -70px 0; }
#content .action .event_button_review:active    { background-position: -140px 0; }

#content .action .event_button_recent           { background: url('/images/buttons/event_sprite.png') no-repeat 0 -30px; }
#content .action .event_button_recent:hover     { background-position: -70px -30px; }
#content .action .event_button_recent:active    { background-position: -140px -30px; }

#content .action .event_button_upcomming        { background: url('/images/buttons/event_sprite.png') no-repeat 0 -60px; }
#content .action .event_button_upcomming:hover  { background-position: -70px -60px; }
#content .action .event_button_upcomming:active { background-position: -140px -60px; }

#content .event_table_list .date,
#content .event_table_list .starts_at,
#content .event_table_list .city,
#content .news_table_list .date,
#content .mixed_list .news_preview_small .date {
  display: block;
  float: left;
  font-size: 12px;
}

#content .event_table_list .date,
#content .news_table_list .date,
#content .mixed_list .news_preview_small .date {
  font-weight: bold;
  width: 80px;
}

#content .news_section .event_table_list .date,
#content .mixed_list .news_preview_small .date {
  width: 92px;
  margin-right: 15px;
}

#content .event_table_list .starts_at {
  font-weight: normal;
}

#content .event_table_list .city {
  height: 17px;
  overflow: hidden;
  width: 225px;
}

#content .event_table_list .title {
  font-size: 11px;
  padding-left: 80px;
  width: 315px;
}

#content .event_table_list .recent_event_item .date,
#content .mixed_list .news_preview_small .date {
  color: #767676;
}

#content .event_table_list .recent_event_item .starts_at {
  color: #727272;
}

#content .event_table_list .recent_event_item .city,
#content .event_table_list .recent_event_item .city a {
  color: #727272;
}

#content .event_table_list .recent_event_item .title {
  color: #969696;
}

#content .event_table_list .upcomming_event_item .date {
  color: #333;
}

#content .event_table_list .upcomming_event_item .starts_at {
  color: #333;
}

#content .event_table_list .upcomming_event_item .city,
#content .event_table_list .upcomming_event_item .city a {
  color: #333;
}

#content .event_table_list .upcomming_event_item .title {
  color: #6A6A6A;
}

#content .news_preview_small .data {
  float: left;
  padding: 0;
  margin: 0;
  width: 305px;
}

#content .news_preview_small .data a.title {
  color: #666;
  font-weight: bold;
  font-size: 12px;
  padding-left: 0;
  display: block;
  width: auto;
}

#content .news_section .news_preview_small .data a.title {
  width: 285px;
}

#content .news_preview_small .data small {
  font-weight: bold;
  color: #999;
}

#content .news_preview_small .data small a {
  color: #999;
}

/**
 * @section        Mixed List
 *
 * styling for mixed list of news and events
 */
#content .mixed_list .mixed_item {
 margin-bottom: 20px;
}


/**
 * @section        Ward Landing
 *
 * Styling for ward landing page
 */
#content .wards_list li {
  float: left;
  width: 150px;
}

#content .congressional_district .ward_image {
  margin-right: 20px;
  padding-left: 5px;
}

#content .congressional_district div.data {
  float: left;
  width: 288px;
}

#content .mandated div.premier {
  margin-bottom: 20px;
}

#content .mandated div.premier div.data {
  float: left;
  padding-top: 5px;
  width: 380px;
}

#content .mandated ul.member_list {
  margin-top: 10px;
  margin-bottom: 20px;
}

#content .mandated ul.member_list li {
  float: left;
  font-size: 10px;
  margin-bottom: 10px;
  width: 225px;
}

#content .mandated ul.member_list li img,
#content .mandated div.premier img {
  float: left;
  margin-right: 10px;
}

#content .mandated ul.member_list li .data {
  color: #666;
  float: left;
  padding-top: 5px;
  width: 150px;
}


/**
 * @section        Ward Detail
 *
 * Styling for ward detail site
 */
#content .ward_description p.subtitle {
  font-size: 11px;
  color: #666;
  margin-bottom: 20px;
}

#content .ward_description .ward_infos {
  
}

#content .ward_description .ward_infos p {
  margin-bottom: 15px;
}

#content .ward_description .ward_image {
  margin: 0 0 10px 5px;
}

#content .ward_description div.description {
  margin: 20px 0 0 0;
}

#content .ward_description div.to_html_content p  {
  margin-bottom: 8px;
}

#content .local_contact .contact_person {
  background: #EDEDED;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px 10px;
  margin-bottom: 25px;
}

#content .local_contact .two_column_persons .contact_person {
  float: left;
  margin-right: 10px;
  width: 200px;
}

#content .local_contact .contact_person h4 {
  color: #666;
  margin: 0 0 3px 0;
}

#content .local_contact .contact_person .text {
  color: #666;
  font-size: 11px;
}

#content .local_contact .two_column_persons .last_in_row {
  margin-right: 0;
}

#content .local_contact .local_branches h4 {
  margin-bottom: 3px;
  float: left;
  line-height: 20px;
}

#content .local_contact .local_branches li {
  margin-bottom: 20px;
}

#content .local_contact .local_branches li.last_in_row {
  margin-right: 0;
}

#content .local_contact .local_branches li.csu_union h4 {
  background: url('/images/icons/csu_small.png') no-repeat right center;
  padding-right: 70px;
}

#content .local_contact .local_branches li.ju_union h4 {
  background: url('/images/icons/ju_small.png') no-repeat right center;
  padding-right: 40px;
}

#content .local_contact .local_branches li.fu_union h4 {
  background: url('/images/icons/fu_small.png') no-repeat right center;
  padding-right: 100px;
}

#content .local_contact .local_branches li.sen_union h4 {
  background: url('/images/icons/sen_small.png') no-repeat right center;
  padding-right: 70px;
}

#content .local_contact .local_branches li p.info {
  color: #666;
  clear: both;
  font-size: 11px;
  margin-bottom: 10px;
}

/**
 * @section        Support
 *
 * Support Sites Stylinge
 */
#content .statement_list li {
  margin-bottom: 20px;
}

#content .statements .become_supporter {
  margin-bottom: 30px;
}

#content .statements .supporter_image {
  border: 1px solid #CCCCCC;
  float: left;
  margin-right: 20px;
}

#content .statements .data {
  float: left;
  padding-top: 7px;
  width: 265px;
}

#content .statements .supporter_text {
  color: #666;
  margin-bottom: 15px;
  margin-top: 5px;
}

#content .statements .supporter_name,
#content .statements .supporter_name a {
  color: #666;
  font-size: 11px;
}

/**
 * @section        Support
 * @subsection     become_supporter
 */
#content .become_supporter p {
  margin-bottom: 10px;
}

/**
 * @section        Support
 * @subsection     Recommend site
 */


/**
 * @section        Support
 * @subsection     donate
 */
#content .donate dl {
  margin: 15px 0;
}

#content .donate dl dt {
  clear: both;
  float: left;
  font-weight: bold;
  width: 110px;
}

#content .donate dl dd {
  color: #666;
  padding-bottom: 5px;
}

/**
 * @section        Support
 * @subsection     communities
 */
#content .communities .community_list {
  margin-top: 15px;
}

#content .communities .community_list li {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}




/**
 * @section        News detail
 *
 * Styling for news detail page
 */
#content .news_article .created_at {
  display: block;
  margin-bottom: 5px;
}

#content .news_article .image {
  margin-right: 15px;
}

/**
 * @section        contact
 *
 * stylings for the contact site
 */
#content .contact_form {
  margin-top: 30px;
}

#content .contact_form_container,
#content .recommend_site form,
#content .subscribe_newsletter form {
  background: #F1F1F1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 15px 0 20px 0;
  padding: 10px;
}

#content .error_box {
  font-size: 12px;
}

#content .contact_form_container .form_item,
#content .recommend_site .form_item,
#content .subscribe_newsletter .form_item {
  margin-bottom: 10px;
  float: left;
  width: 210px;
}

#content .contact_form_container .textarea_item,
#content .recommend_site .textarea_item {
  width: auto;
}

#content .contact_form_container .name_item,
#content .recommend_site .name_item,
#content .subscribe_newsletter .name_item {
  margin-right: 10px;
}

#content .contact_form_container input.text,
#content .contact_form_container textarea,
#content .recommend_site input.text,
#content .recommend_site textarea,
#content .subscribe_newsletter input.text {
  border: 1px solid #B1B1B1;
  font-size: 12px;
  padding: 2px;
}

#content .contact_form_container input.text,
#content .recommend_site input.text,
#content .subscribe_newsletter input.text {
  width: 200px;
}

#content .contact_form_container textarea,
#content .recommend_site textarea {
  width: 420px;
}

#content .contact_form_container .form_item_check,
#content .recommend_site .form_item_check,
#content .subscribe_newsletter .form_item_check {
  display: none;
}

#content .contact_team .team_pic {
  float: left;
  margin-right: 15px;
  width: 215px;
}

#content .contact_team .team_pic img {
  margin-bottom: 5px;
}

#content .contact_team .team_pic small {
  font-size: 10px;
  line-height: 130%;
}

#content .contact_team .data {
  color: #666;
  width: 220px;
}

#content .contact_team .data h2 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #999;
  margin-top: 20px;
  padding-bottom: 2px;
}

#content .contact_team .data strong {
  color: #333;
}

#content .contact_team .data p {
  margin-bottom: 10px;
}

/**
 * @section        about
 *
 * styling for about site
 */
#content .curriculum_vitae .portrait {
  margin-right: 15px;
  display: block;
}

#content .curriculum_vitae .childhood_info {
  margin-bottom: 30px;
}

#content .curriculum_vitae .childhood_info p {
  padding-top: 20px;
}

#content .curriculum_vitae a.list_image {
  display: block;
  margin-bottom: 5px;
  float: left;
}

#content .curriculum_vitae h2 {
  border-bottom: 1px dotted #999;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 5px;
  margin-left: 90px;
}

#content .curriculum_vitae dl.politics_dl,
#content .curriculum_vitae dl.parliament_dl,
#content .curriculum_vitae dl.private_dl {
  margin-top: 15px;
  margin-bottom: 30px;
}

#content .curriculum_vitae dl dt,
#content .curriculum_vitae dl dd {
  margin-bottom: 15px;
}

#content .curriculum_vitae dl dt {
  clear: both;
  float: left;
  font-weight: bold;
  width: 90px;
}

#content .curriculum_vitae dl dd {
  color: #666;
  float: left;
  width: 340px;
}

#content .curriculum_vitae dl.parliament_dl dd {
  padding-left: 90px;
  width: auto;
}

#content .curriculum_vitae dl dd p {
  margin-bottom: 8px;
}

/**
 * @section        Imprint
 *
 * styling for imprint
 */
#content .imprint p {
  margin: 10px 0 20px;
}

#content .imprint p.border_top {
  border-top: 1px solid #CCC;
  padding-top: 20px;
}

/**
 * @section        Position
 *
 * styling for position site
 */
#content .position_article .aside {
  float: right;
  margin-left: 15px;
  width: 152px;
}

#content .position_article .aside a {
  display: block;
  margin-bottom: 4px;
}

#content .position_article .asidede small {
  line-height: 110%;
  font-size: 10px;
  color: #666;
}


/**
 * @section        Status Pages
 *
 * Styling for 404 and 500 pages
 */
.full_content #content {
  width: auto;
}
#content .status_page p {
  margin-bottom: 20px;
}

#content .status_page .sign {
  margin-bottom: 30px;
}



/**
 * @section        overlay
 *
 * Styling for Overlay
 *
 */
body #overlay {
  background: url('/images/layout/overlay_bg.png') transparent;
  position: absolute;
  width: 100%;
	z-index: 90;
  left: 0;
  top: 0;
}

#overlay #overlay_content {
  position: relative;
}

#overlay .video_detail {
  background: #FFF;
  margin: 0 auto;
  width: 500px;
  height: 365px;
}

/**
 * @section        h5ml5 validation
 */
#html5invalid {
 background: #FDF2AB url('/images/browsercheck/warning_48.png') no-repeat 10px center;
 border-bottom: 2px solid #A29330;
 color: #000;
 font-size: 16px;
 position: fixed;
 top: 0;
 width: 100%;
 left: 0;
 z-index: 999;
}

#html5invalid div {
 padding: 20px 20px 20px 80px;
}

#html5invalid p a {
 color: #A91D14;
 font-weight: bold;
 text-decoration: underline;
}

#html5invalid a.close {
 position: absolute;
 right: 10px;
 top: 10px;
}