@charset "utf-8";
/*
Projekt:     Ruhrverband
Dateiname:   style.css
Erstellt am: 25.05.2009
Autor:       eks (BF)
*/

/* Allgemeine Layout-Angaben */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url('../images/bg_body.jpg') repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

body * {
  text-align: left;
}

#MasterContainer {
  width: 949px;
  height: 512px;
  margin: 11px auto 25px auto;
  padding: 10px;
  background: #ffffff url('../images/bg_content.png') no-repeat;
}

#HeaderContainer {
	width: 949px;
	height: 189px;
	float: left;
	background: #ffffff;
  padding: 0;
  margin: 0;
}

#LogoSuche {
	width: 294px;
	height: 189px;
	float: left;
  padding: 0;
  margin: 0;
}

#Logo {
  width: 294px;
  height: 70px;
  float: left;
  text-align: center;
}

#Language {
	height: 19px;
	line-height: 19px;
	width: 220px;
	margin: 40px 0 0 35px;
	float: left;
}

#Language #fontSize {
  float: left;
  height: 19px;
  width: 75px;
  margin: 0 0 0 5px;
  font-size: 10px;
  color: #000000;
}

#Language #fontSize ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#Language #fontSize ul li {
  float: left;
  margin-right: 5px;
}

#Language #fontSize ul li.plus {
  font-size: 12px;
}

#Language #fontSize ul li.plusplus {
  font-size: 14px;
}

#Language #fontSize ul li a, #Language #fontSize ul li a:link, #Language #fontSize ul li a:visited {
  text-decoration: none;
  color: #0076bd;
  margin: 0 6px 0 0;
}

#Suche {
	width: 264px;
	height: 100px;
	float: left;
	margin: 21px 0 0 30px;
}

input.suche {
	width: 168px;
	height: 18px;
	border: 0;
	background: #ffffff url('../images/bg_suche.gif') no-repeat;
	padding: 2px 0 0 30px;
}

input.searchButton {
	width: 16px;
	height: 16px;
	border: 0;
	background: #ffffff url('../images/submit_button.gif') no-repeat;
	margin: 0 0 -3px 0;
	cursor: pointer;
}

#PortalGrafik {
	width: 655px;
	height: 189px;
	float: left;
	padding: 0;
         margin: 0;
}

#PortalGrafik.home {
  background: #ffffff url('../images/header_home.jpg') no-repeat;
}

#PortalGrafik.fluesse {
  background: #ffffff url('../images/header_fluesse.jpg') no-repeat;
}

#PortalGrafik.fluesse2 {
  background: #ffffff url('../images/header_fluesse_seen2.jpg') no-repeat;
}

#PortalGrafik.abwasser {
  background: #ffffff url('../images/header_abwasser1.jpg') no-repeat;
}

#PortalGrafik.abwasser2 {
  background: #ffffff url('../images/header_abwasser2.jpg') no-repeat;
}

#PortalGrafik.abwasser3 {
  background: #ffffff url('../images/header_abwasser3.jpg') no-repeat;
}

#PortalGrafik.wissen {
  background: #ffffff url('../images/header_wissen.jpg') no-repeat;
}

#PortalGrafik.wissen2 {
  background: #ffffff url('../images/header_wissen2.jpg') no-repeat;
}

#PortalGrafik.sport {
  background: #ffffff url('../images/header_freizeit.jpg') no-repeat;
}

#PortalGrafik.sport2 {
  background: #ffffff url('../images/header_freizeit2.jpg') no-repeat;
}

#PortalGrafik.presse {
  background: #ffffff url('../images/header_presse.jpg') no-repeat;
}

#PortalGrafik.ueberuns {
  background: #ffffff url('../images/header_ueber_uns.jpg') no-repeat;
}

#MetaNavi {
	position: relative;
	top: 0;
	left: 335px;
	width: 320px;
	height: 23px;
	background: #0076bd;
	margin: 0;
	padding: 0;
	filter:alpha(opacity=75); 
  -moz-opacity: 0.75; 
  opacity: 0.75;
}

#MetaNavi ul {
	margin: 0;
	padding: 0;
}

#MetaNavi ul li {
	list-style: none;
	float: left;
	height: 15px;
	margin-top: 4px;
	border-right: 1px solid #ffffff;
}

#MetaNavi ul li.last {
	border-right: 0;
}

#MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
	color: #ffffff;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 11px 0 11px;
	line-height: 15px;
}

#MetaNavi ul li a:hover {
	text-decoration: underline;
}

#ContentContainer {
	width: 947px;
	height: auto;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	overflow: hidden;
}

/* Ausnahme Startseite */

#ContentStart {
	width: 747px;
	height: auto;
	float: left;
	padding: 0;
}

#ContentStart #breadcrumb {
	margin: 21px 21px 5px 21px;
	width: 705px;
	height: 20px;
	background: #ffffff;
	border-bottom: 5px solid #0076BD;
}

#ContentStart #breadcrumb h1 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

#ContentStart #breadcrumb h1 img {
	padding-top: 4px;
}

#ContentStart h1 {
  color: #0076bd;
  font-size: 14px;
  padding: 0px 0 10px 21px;
  margin: 15px 0 0 0;
}

#ContentStart h3 {
  color: #0076bd;
  font-size: 12px;
  padding: 10px 0 0px 21px;
  margin: 0;
}

#ContentStart p {
  font-size: 11px;
  line-height: 14px;
  margin: 0 21px 0 21px;
}

#ContentStart table {
  padding: 3px;
  margin: 21px;
}

#ContentStart table tr td {
  font-size: 11px;
  color: #000000;
}
/*
#ContentStart .csc-textpic-text {
  margin: 0 21px 0 21px;
}
*/
#ContentStart .csc-textpic-imagewrap {
	margin: 0 21px 0 21px;
}


#ContentStart .box {
	width: 325px;
	padding: 21px;
	background: #ffffff;
	height: 140px;
	float: left;
}

/*  Thema Wasser */
#ContentStart .box h1 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 180px;
	border-bottom: 5px solid #0076bd;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_dkl_blau.gif') 0 3px no-repeat;
}

/*  Thema Presse */
#ContentStart .box h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 180px;
	border-bottom: 5px solid #660066;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_violett.gif') 0 3px no-repeat;
}

/*  Thema Mitglieder */
#ContentStart .box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 180px;
	border-bottom: 5px solid #ff3300;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_rot.gif') 0 3px no-repeat;	
}

/*  Thema Wissen */
#ContentStart .box h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 180px;
	border-bottom: 5px solid #ff9900;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_gelb.gif') 0 3px no-repeat;	
}

/*  Thema Sport & Freizeit */
#ContentStart .box h5 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 180px;
	border-bottom: 5px solid #99cc33;
	padding: 0 0 5px 15px;
	margin: 0 0 10px 0;
	background: url('../images/pfeil_gruen.gif') 0 3px no-repeat;	
}

/*  Thema Verband */
#ContentStart .box h6 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 180px;
	border-bottom: 5px solid #22bbea;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_hell_blau.gif') 0 3px no-repeat;	
}
/*
#ContentStart .box strong {
	font-size: 11px;
	font-weight: bold;
	color: #0076bd;
	width: 130px;
}
*/
#ContentStart .box p {
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 16px;
	/*float: left;*/
	width: 135px;
}

#ContentStart .box img {
  margin: 0px 0 0 0px;
  width: 160px;
  height: auto;
  padding: 0;
  border: 0;
}

#ContentStart .box a, #ContentStart .box a:link {
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 16px;
	text-decoration: underline;
}

#ContentStart .box a:hover {
	text-decoration: none;
}

#ContentStart .boxGesamt .csc-textpic-imagewrap {
	margin: 0 0px 0 0px;
}

#ContentStart .boxGesamt {
	width: 655px;
	padding: 21px;
	background: #ffffff;
	height: auto;
	float: left;
}

/*  Thema Wasser */
#ContentStart .boxGesamt h1 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 390px;
	border-bottom: 5px solid #0076bd;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_dkl_blau.gif') 0 3px no-repeat;
}

/*  Thema Presse */
#ContentStart .boxGesamt h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 390px;
	border-bottom: 5px solid #660066;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_violett.gif') 0 3px no-repeat;
}

/*  Thema Mitglieder */
#ContentStart .boxGesamt h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 390px;
	border-bottom: 5px solid #ff3300;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_rot.gif') 0 3px no-repeat;	
}

/*  Thema Wissen */
#ContentStart .boxGesamt h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 390px;
	border-bottom: 5px solid #ff9900;
	padding: 0 0 5px 15px;
	margin: 0 70px 10px 0;
	background: url('../images/pfeil_gelb.gif') 0 3px no-repeat;	
}

/*  Thema Sport & Freizeit */
#ContentStart .boxGesamt h5 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 390px;
	border-bottom: 5px solid #99cc33;
	padding: 0 0 5px 15px;
	margin: 0 0 10px 0;
	background: url('../images/pfeil_gruen.gif') 0 3px no-repeat;	
}

/*  Thema Verband */
#ContentStart .boxGesamt h6 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	width: 390px;
	border-bottom: 5px solid #22bbea;
	padding: 0 0 5px 15px;
	margin: 0 0 10px 0;
	background: url('../images/pfeil_hell_blau.gif') 0 3px no-repeat;	
}

#ContentStart .boxGesamt strong {
	font-size: 11px;
	font-weight: bold;
	color: #0076bd;
}

#ContentStart .boxGesamt p {
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 16px;
	float: left;
	width: 330px;
}

#ContentStart .boxGesamt img {
  margin: 0px 0 0 12px;

  padding: 0;
}

#ContentStart .boxGesamt a, #ContentStart .boxGesamt a:link, #ContentStart .boxGesamt a:visited {
	color: #000000;
	background: url('../images/navi_pfeil_ebene_1.gif') 40px 3px no-repeat;
	text-decoration: underline;
	width: 60px;
	display: inline;
	float: left;
}

#ContentStart .boxGesamt a:hover {
	text-decoration: none;
}


#ContentStart a, #ContentStart a:link, #ContentStart a:visited {
	font-size: 11px;
	line-height: 16px;
	color: #0076bd;
	text-decoration: underline;
}

#ContentStart a:hover {
	text-decoration: none;
}

/* Sitemap */
#ContentStart ul {
  list-style: none;
}

#ContentStart ul li a, #ContentStart ul li a:link {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  width: 250px;
  display: block;
  border-bottom: 3px solid #0076bd;
  margin-bottom: 10px;
}

#ContentStart ul li a:hover, #ContentStart ul li a.active {
  text-decoration: underline;
}

#ContentStart ul ul li a, #ContentStart ul ul li a:link {
  font-weight: normal;
  font-size: 11px;
  color: #0076bd;
  line-height: 16px;
  border-bottom: 0;
  margin-bottom: 3px;  
}

#ContentStart ul ul ul li a, #ContentStart ul ul ul li a:link {
  font-size: 11px;
  color: #0076bd;
}

#ContentStart ul ul ul ul li a, #ContentStart ul ul ul ul li a:link {
  font-size: 11px;
  color: #0076bd;
}

/* Ende Ausnahme Startseite */

#Margin {
	width: 190px;
	height: auto;
	float: left;
	background: #DDDEE0;
	margin: 0px 0 0 0;
	padding: 5px;
         padding-bottom: 32767px;
         margin-bottom: -32767px;
}

#Margin h1 {
	background: #0076BD;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 172px;
	height: 12px;
	padding: 9px;
	margin: 0;
}

#Margin p {
	font-size: 11px;
	color: #000000;
	padding: 5px 9px 15px 9px;
	margin: 0;
	line-height: 14px;
}

#Margin a, #Margin a:link, #Margin a:visited {
	font-size: 11px;
	line-height: 16px;
	color: #0076bd;
	text-decoration: underline;
	cursor: pointer;
}

#Margin a:hover {
  text-decoration: none;
}

#FooterGrafik {
	/*width: 947px; JH Version ohne Welle */
	/*height: 50px;  JH Version ohne Welle */
	width: 957px; 
	height: 133px; 
	float: left;
	margin: 0;
	/*margin-top: 5px;  JH Version ohne Welle */	
	/*border-top: 4px solid #0076bd; JH Version ohne Welle */
	background: url('../images/bg_footer.gif') no-repeat;

}

#FooterGrafik div {
	font-size: 11px;
	font-weight: bold;
	color: #0076bd;
	margin-top: 85px;
	/*margin-top: 10px; JH Version ohne Welle */
	margin-left: 21px;
	
}

/*
Projekt:     Ruhrverband
Dateiname:   folge.css
Erstellt am: 28.05.2009
Autor:       eks (BF)
*/

/* Standarddarstellung des Submenüs */
#SubMenu {
	width: 200px;
	background: #DDDEE0;
	float: left;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

#SubMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#SubMenu ul li {
	margin: 0;
	padding: 0;
}

/* Contentdarstellung */

/* Ausnahme gesamte Breite ohne rechte Spalte */

#ContentGesamt {
	width: 721px;
	float: left;
	background: #ffffff;
	padding: 0 5px 0 21px;	
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

#ContentGesamt #breadcrumb {
  width: 721px;
  height: 15px;
  margin: 5px 0 15px 0;
  padding-bottom: 5px;
  border-bottom: 3px solid #0076bd;
  float: left;
}

#ContentGesamt #breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#ContentGesamt #breadcrumb ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#ContentGesamt #breadcrumb ul li a, #ContentGesamt #breadcrumb ul li a:link, #ContentGesamt #breadcrumb ul li a:visited {
	padding: 0 0px 0 12px;
	margin: 0 0 0 10px;
	background: url('../images/navi_pfeil_ebene_1.gif') 0px 2px no-repeat;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#ContentGesamt #breadcrumb ul li a img {
  display: none;
}

#ContentGesamt #breadcrumb ul li.first a {
	margin: 0;
}

#ContentGesamt h1 {
	font-size: 14px;
	font-weight: bold;
	color: #0076bd;
	padding-top: 20px;
}

#ContentGesamt h2, #ContentGesamt h3, #ContentGesamt h4, #ContentGesamt h5, #ContentGesamt h6 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 0;
}

#ContentGesamt p {
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 10px 0;
	margin: 0;
}

#ContentGesamt ul li, #ContentGesamt ol li {
	font-size: 11px;
	line-height: 16px;
}

#ContentGesamt a, #ContentGesamt a:link, #ContentGesamt a:visited {
	font-size: 11px;
	line-height: 16px;
	color: #0076bd;
	text-decoration: underline;
}

#ContentGesamt a:hover {
  text-decoration: none;
}

#ContentGesamt table thead tr th {
	font-size: 12px;
	font-weight: bold;
	background: #0076bd;
	color: #ffffff;
	padding: 3px;
	margin: 0;
}

#ContentGesamt table tr td {
  vertical-align:top;	
  font-size: 11px;
  color: #000000;
  padding: 3px;
}

#ContentGesamt table tr:hover {
  background: #dcdcdc;
}

#ContentCenter {
	width: 505px;
	float: left;
	background: #ffffff;
	padding: 0 21px 0 21px;	
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  font-size: 11px;
}

#ContentCenter #breadcrumb {
  width: 505px;
  height: 15px;
  margin: 5px 0 15px 0;
  padding-bottom: 5px;
  border-bottom: 3px solid #0076bd;
  float: left;
}

#ContentCenter #breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#ContentCenter #breadcrumb ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#ContentCenter #breadcrumb ul li a, #ContentCenter #breadcrumb ul li a:link, #ContentCenter #breadcrumb ul li a:visited {
	padding: 0 0px 0 12px;
	margin: 0 0 0 10px;
	background: url('../images/navi_pfeil_ebene_1.gif') 0px 2px no-repeat;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#ContentCenter #breadcrumb ul li a img {
  display: none;
}

#ContentCenter #breadcrumb ul li.first a {
	margin: 0;
}

#ContentCenter h1 {
	font-size: 14px;
	font-weight: bold;
	color: #0076bd;
	padding-top: 20px;
}

#ContentCenter h2, #ContentCenter h3, #ContentCenter h4, #ContentCenter h5, #ContentCenter h6 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 0;
}

#ContentCenter p {
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 10px 0;
	margin: 0;
}

#ContentCenter ul li, #ContentCenter ol li {
	font-size: 11px;
	line-height: 16px;
}

#ContentCenter a, #ContentCenter a:link, #ContentCenter a:visited {
	font-size: 11px;
	line-height: 16px;
	color: #0076bd;
	text-decoration: underline;
}

#ContentCenter a:hover {
  text-decoration: none;
}

#ContentCenter table thead tr th {
	font-size: 12px;
	font-weight: bold;
	background: #0076bd;
	color: #ffffff;
	padding: 3px;
	margin: 0;
}

#ContentCenter table tr td {
  vertical-align:top;	
  font-size: 11px;
  color: #000000;
  padding: 3px;
}

#ContentCenter table tr:hover {
  background: #dcdcdc;
}

div.clickenlarge-1 img, div.news-single-img img {
  padding-top: 0;
  padding-right: 0px;
  padding-bottom: 14px;
  padding-left: 0;
  background-image: url('../images/lupe.jpg');
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* Darstellung tt_news Detailansicht */
.news-single-additional-info {
	background-color: #ffffff;
/*	clear: both;*/
	margin-top: 15px;
	border: 0;
	padding:0px;
	font-size: 11px;

}
.news-single-related,.news-single-files,.news-single-links  {
	border: 0;
	margin:0px;
	margin-bottom: 3px;
	padding:0px;
	background-color:#ffffff;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px 0;
	width:90%;
}

.news-single-item a img {
  border: 0;
  margin-right: 10px;
  float: left;
}


/* Kontaktformular */
fieldset {
  border: 0;
  margin: 0;
}

fieldset legend {
  display: none;
}

.csc-mailform-field {
  width: 550px;
  min-height: 20px;
  margin-left: 20px;
  float: left;
}

.csc-mailform-field label {
  font-size: 11px;
  color: #000000;
  width: 150px;
  min-height: 20px;
  float: left;
  margin-bottom: 5px;
}

.csc-mailform-field input {
  font-size: 11px;
  height: 16px;
  color: #000000;
  font-family: Verdana, Arial, Helvetuica;
  float: left;
  margin-bottom: 5px;
}

.csc-mailform-field textarea {
  font-size: 11px;
  color: #000000;
  font-family: Verdana, Arial, Helvetuica;
  float: left;
}

.csc-mailform-field select {
  font-size: 11px;
  height: 20px;
  width: 255px;
  color: #000000;
  font-family: Verdana, Arial, Helvetuica;
  float: left;
  margin-bottom: 5px;
}

.csc-mailform-field input.csc-mailform-submit {
  width: 150px;
  text-align: center;
  background: #0076bd;
  color: #ffffff;
  font-weight: bold;
  height: 22px;
  font-size: 12px;
  cursor: pointer;
  margin: 20px 0 0 150px;
  border: 1px solid #ffffff;
}