/*
Stylesheet Name: Wirtschaftsförderung Metropole Ruhr Layout
Theme URI: http://www.wmr.de
Description: Grundlegende Stildefinition für Wirtschaftsförderung Metropole Ruhr
Version: 0.33
Creator: Raphael GmbH

    Inhaltsverzeichnis:
	---
    0. ...... Grundlegende Deklarationen
    1. ...... Allgemeingültige Element-Formatierungen
    2. ...... Allgemeingültige Klassen-Angaben
    3. ...... IDs (von oben nach unten)
    	3.1 ..... Header
    	3.2 ..... Center
		3.3 ..... Footer
    4. ...... Spezielle Angaben
		4.1 ..... Specialelements: wmr_pageheader
		4.2 ..... Specialelements: wmr_pageoverview
		4.3 ..... Specialelements: vkalender
		4.4 ..... Specialelements: wnRSS
		4.5 ..... Tabellen
		4.6 ..... Template big
		4.7 ..... Gallery
		4.8 ..... Schwarzes Brett
*/


/*
* 0. Grundlegende Deklarationen 
*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100.1%;
	width: 100%;
}
	
body {
	background-color: #FFFFFF;
	color: #000000;
	font: 12px Trebuchet MS, Helvetica, sans-serif;
	height: 100.1%;
	line-height: 16px;
	width: 100%;
}


/*
* 1. Allgemeingültige Element-Formatierungen
*/

a {
	color: #777777;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
}

h1 {
	color: #FF6600;
	font-size: 16px;
	line-height: 20px;
}

h2 {
	color: #FF6600;
	font-size: 20px;
	line-height: 24px;
}

h3 {
	color: #FF6600;
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
}

h5 {
	background: url(../images/h_press.gif) no-repeat left top;
	color: #FF6600;
	font-size: 16px;
	line-height: 20px;
	padding-left: 15px;
}

img {
	border: 0px;
}

input {
	color: #000000;
	font: 12px Trebuchet MS, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #777777;
	margin: 0px 0px 5px auto;
	padding: 0px 3px 0px 3px;
}

select {
	color: #000000;
	font: 12px Trebuchet MS, Helvetica, sans-serif;
	border: 1px solid #777777;
	height: 20px;
	margin: 0px 0px 5px auto;
	padding: 0px 0px 0px 3px;
}

textarea{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #777777;
	margin: 0px 0px 5px auto;
	padding: 0px 0px 0px 3px;
}

ul {
	margin: 0px;
	padding: 0px;
}


/*
* 2. Allgemeingültige Klassen-Angaben
*/

a.link, a.link-file, a.link-url, a.link-mail {
	background: url(../images/back_arrow_grey.gif) no-repeat left top;
	margin-left: 5px;
	padding-left: 15px;
}

a:hover.link, a.link-file:hover, a.link-url:hover, a.link-mail:hover {
	background: url(../images/back_arrow_orange.gif) no-repeat left top;
	margin-left: 5px;
	padding-left: 15px;
}

.box {
	margin: 0px 0px 15px 0px;
}

.box .hr{
	background: url(../images/back_hr_orange.gif) repeat-x;
	font-size: 0px;
	height: 1px;
	line-height: 1px;
}

.box  p.bodytext {
	margin: 0px;
}

.borderbottom {
	margin: 0px 0px 11px 0px;
}

.borderbottom .hr {
	background: url(../images/back_hr.gif) repeat-x;
	font-size: 0px;
	height: 1px;
	line-height: 1px;
}

.csc-textpic-caption {
	font-size: 9px;
}

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

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

.errors {
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 15px;
}

h1.headline {
	color: #000000;
	font-size: 26px;
	line-height: 30px;
}

.hr {
	background: url(../images/back_hr.gif) repeat-x;
	font-size: 0px;
	height: 1px;
	line-height: 1px;
}

p.bodytext {
	margin-bottom:15px;
}

.csc-sitemap ul {
	list-style-type: none;
}

.csc-sitemap li {
	background: url(../images/back_arrow_li_grey.gif) no-repeat left top;
	padding-left: 15px;
}

div.h_linklist p {
	margin: 0px;
}

div.h_linklist ol, div.h_linklist ul {
	font-size: 11px;
	list-style-type: none;
	margin-top: 5px;
	width: 505px;
}

div.h_linklist li {
	background: url(../images/back_arrow_li_grey.gif) no-repeat;
	padding-left: 15px;
	float: left;
	width: 153px;
}

div.h_linklist li a{
  background: none !important;
  padding-left: 0px;
}

div.h_linklist li a:hover{
  background: none !important;
  padding-left: 0px;
}

div.h_linklist li:hover {
	background: url(../images/back_arrow_li_orange.gif) no-repeat;
	color: #FF6600;
}

div.h_linklist li:hover a {
	color: #FF6600;
}

.link_top {
	height:19px;
	line-height:16px;
	margin: 15px 0px 5px 0px;
}

.link_top a {
	font-size: 11px;
}

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 5px;
	margin-top: 3px
}

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 5px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 5px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 5px;
}

input.full {
	width: 497px;
}

input.half {
	width: 204px;
}

input.submit {
	height: 20px;
}

textarea.full {
	width: 500px;
}

textarea.half {
	width: 204px;
}

select.cnavi {
	color: #777777;
	margin-left: 8px;
	width: 150px;
}

.vk-container{
	line-height: 16px;
	vertical-align: middle;
}

.vk-label {
	float: left;
	line-height: 16px;
	width: 200px;
}

.vk-checkbox {
	float: left;
	width: 50px;
}

.vk-checkbox-input {
	vertical-align: middle;
	line-height: 16px;
	height: 16px;
}

/*
* 3. IDs (von oben nach unten)
* ---
* 3.1 Header
*/
#sprungmenu{
  display: none;
}

#wrapper {
	background: url(../images/back_wrapper.gif) repeat-y;
	margin: 15px auto;
	width: 620px;
}

#header {
  background-color: #FFF;
	width: 620px;
}


#header-regions {
	display: none;
}

#header-languages {
	display: none;
}

#header-regions-county {
	display: none;
}

#header-languages-space {
	display: none;
}

#header-logo {
	background-color:#FFFFFF;
	height: 60px;
	margin-bottom: 15px; 
	margin-right: 2px;
	width: 730px;
}


#header-logo h1 {
  background: url(../images/logo_wirtschaftsfoerderung_metropoleruhr.gif);
  height: 60px;
  width: 727px;
}


#header-logo h1 span{
  visibility: hidden;
}

#header-search {
	display: none;
}


#header-locationsearchers {
	display: none;
}


#header-locationsearchers-img {
	display: none;
}

#header-locationsearchers-link {
	display: none;
}

#header-employers {
	display: none;
}

#header-employers-img {
	display: none;
}

#header-employers-link {
	display:none;
}

#header-economysponsors {
	display: none;
}



/*
* 3. IDs (von oben nach unten)
* ---
* 3.2 Center
*/

#center-left {
	width: 620px;
}

#center-left-subnavigation {
	display: none;
}

#center-left-subnavigation-breadcrumb {
	display: none;
}

#center-left-subnavigation-print {
	display: none;
}

#center-left-navigation {
	display: none;
}


ul.ul_2 {
	font-size: 11px;
	list-style-type: none;
	margin-top: 5px;
	width: 505px;
}

ul.ul_2 li {
	background: url(../images/back_arrow_li_grey.gif) no-repeat;
	padding-left: 15px;
	float: left;
	width: 153px;
}

ul.ul_2 li:hover {
	background: url(../images/back_arrow_li_orange.gif) no-repeat;
	color: #FF6600;
}

ul.ul_2 li:hover a {
	color: #FF6600;
}

ul.ul_2 li.li_2_h {
	background: url(../images/back_arrow_li_orange.gif) no-repeat;
}
 
ul.ul_2 li.li_2_h a {
	color: #FF6600;
}


ul.ul_3 {
	list-style-type: none;
	margin-top: 5px;
	width: 342px;
}

ul.ul_3 li {
	background: url(../images/back_arrow_li_grey.gif) no-repeat;
	padding-left: 15px;
	float: left;
	margin: 0px 5px 0px 5px;
	width: 146px;
}

ul.ul_3 li:hover {
	background: url(../images/back_arrow_li_orange.gif) no-repeat;
	color: #FF6600;
}

ul.ul_3 li:hover a {
	color: #FF6600;
}

ul.ul_3 li.li_3_h {
	background: url(../images/back_arrow_li_orange.gif) no-repeat;
}
 
ul.ul_3 li.li_3_h a {
	color: #FF6600;
}



#center-left-content {
	width: 505px;
}

#center-left-content-headline {
	float: left;
	overflow: hidden;
	width: 435px;
}

#center-left-content-back {
  display:none;
}

#center-right {
display:none;
}

#center-right-spacer {
	background-color: #FFFFFF;
	font-size: 0px;
	height: 21px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

#center-right div {
	line-height: 26px;
	padding-left: 44px;
	width: 174px;
}

#center-right div.calendar {
	background: url(../images/n_right_calendar.gif) no-repeat;
}

#center-right div.location {
	background: url(../images/n_right_location.gif) no-repeat;
}

#center-right div.download {
	background: url(../images/n_right_download.gif) no-repeat;
}

#center-right div.newsletter {
	background: url(../images/n_right_newsletter.gif) no-repeat;
}

#center-right div.callback {
	background: url(../images/n_right_callback.gif) no-repeat;
}

#center-right div.contact {
	background: url(../images/n_right_contact.gif) no-repeat;
}

#center-right div.contact p {
	line-height: 18px;
}

#center-right div.contact div {
	line-height: 18px;
	padding-left: 0px;
}


/*
* 3. IDs (von oben nach unten)
* ---
* 3.3 Footer
*/

#footer {
	display:none;
}

#footer-navigation {
	position: relative;
	top: 30px;
	left: 0px;
	width: 730px;
}

#footer-impressum {
	float: left;
	width: 430px;
}

#footer-copyright {
	float: left;
	text-align: right;
	padding-right: 9px;
	width: 291px;
}


/*
* 4. Spezielle Angaben
* 4.1 Specialelements: wmr_pageheader
*/
.subpage_header {
	margin-bottom: 15px;
	width: 505px;
}

.subpage_header .col1 {
	float: left;
	position: relative;
	top: 0px;
	left: -8px;
	width: 166px;
}

.subpage_header .col1 a {
	font-size: 11px;
}


.subpage_header .picture {
	background: url(../images/teaser-rahmen.jpg) no-repeat;
	height: 112px;
	width: 166px;
}

.subpage_header .picture img {
	padding-left: 11px;
	padding-top: 11px;
}

#cnavi {
	padding-left: 8px;
	margin-bottom: 5px;
}

#cnavi li {
	background: url(../images/back_arrow_circle_l.gif) no-repeat;
	padding: 2px 0px 2px 20px;
}

#cnavi li:hover {
	background: url(../images/back_arrow_circle_h.gif) no-repeat;
	padding-left: 20px;
}

#cnavi li:hover a {
	color: #FF6600;
}

.subpage_header .col2 {
	padding-top: 5px;
}




/*Sprungnavi Selectliste */
#Selectjump {
  display: none;
}

/*
* 4. Spezielle Angaben
* 4.2 Specialelements: wmr_pageoverview
*/

.subpage_overview .col1 {
	float: left;
	position: relative;
	top: 0px;
	left: -8px;
	width: 166px;
}

.subpage_overview .picture {
	background: url(../images/teaser-rahmen.jpg) no-repeat;
	height: 112px;
	width: 166px;
}

.subpage_overview .picture img {
	padding-left: 11px;
	padding-top: 11px;
}

.subpage_overview .col2 {
	padding-top: 5px;
}


/*
* 4. Spezielle Angaben
* 4.3 Specialelements: vkalender
*/

#vk-content-options a {
	background: url(../images/back_arrow_grey.gif) no-repeat left bottom;
	padding-left: 15px;
}

#vk-content-options a:hover {
	background: url(../images/back_arrow_orange.gif) no-repeat left bottom;
}

#vk-content-options ul {
	margin-top: 15px;
}

#vk2-content-options a {
	background: url(../images/back_arrow_grey.gif) no-repeat left bottom;
	padding-left: 15px;
}

#vk2-content-options a:hover {
	background: url(../images/back_arrow_orange.gif) no-repeat left bottom;
}

#vk2-content-options ul {
	list-style-type: none;
	width: 522px;
}

#vk2-content-options li {
	float: left;
	width: 174px;
}

#vk2-result-browser {
	padding: 5px 0px 5px 0px;
}

#vk2-result-list li {
	background: url(../images/back_linklist_normal.gif) no-repeat;
	padding: 5px 0px 5px 15px;
}

#vk2-result-list li:hover {
	background: url(../images/back_linklist_hover.gif) no-repeat;
}


/*
* 4. Spezielle Angaben
* 4.4 Specialelements: wnRSS
*/

#wnRSS li {
	background: url(../images/back_linklist_normal.gif) no-repeat;
	padding: 5px 0px 5px 15px;
}

#wnRSS li:hover {
	background: url(../images/back_linklist_hover.gif) no-repeat;
	padding: 5px 0px 5px 15px;
}

#wnRSS2 li {
	background: url(../images/back_linklist_big_normal.gif) no-repeat;
	padding: 25px 0px 5px 15px;
}

#wnRSS2 li:hover {
	background: url(../images/back_linklist_big_hover.gif) no-repeat;
	padding: 25px 0px 5px 15px;
}

/*
* 4. Spezielle Angaben
* 4.5 Tabellen
*/

#center-left-content table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 15px;
}

#center-left-content caption {
	background-color: #FFFFFF;
	background: url(../images/back_tablecaption.gif) repeat-x;
	color: #FF6600;
	font-weight: bold;
	height: 22px;
	line-height: 18px;
	text-align: left;
	padding: 2px;
}

#center-left-content th {
	padding: 2px;
}

#center-left-content td {
	padding: 2px;
	vertical-align:top;
}

.tr-even {
	background-color: #EDEDED;
}

.tr-odd {
	background-color: #FFFFFF;
}

.csc-uploads-icon {
	width: 30px;
}

.csc-uploads-fileSize {
	text-align: right;
	width: 50px;
}

table.contactsearchitem thead {
	background-color: #FFFFFF;
	background: url(../images/back_tablecaption.gif) repeat-x;
	color: #FF6600;
	font-weight: bold;
	height: 22px;
	line-height: 18px;
	text-align: left;
	padding: 2px;
}

/*
* 4. Spezielle Angaben
* 4.6 Template big
*/
#big #wrapper {
	background: none;
}

#big #center-left {
	float: left;
	overflow: hidden;
	width: 950px;
}

#big #center-left-subnavigation {
	width: 950px;
}

#big #center-left-subnavigation-breadcrumb {
	width: 710px;
}

#big #center-left-content {
	width: 725px;
}

#big #center-left-content-headline {
	width: 655px;
}

#big #footer {
	background: none;
}

#big #footer-navigation {
	width: 950px;
}

#big #footer-impressum {
	width: 650px;
}

/*
* 4. Spezielle Angaben
* 4.7 Gallery
*/

.imageGallery {
	margin-left: -5px;
	margin-top: 5px;
}
.tx-chgallery-pi1 .singleNew {
	float: left;
	margin-right: 5px;
	width: 165px;
}

.tx-chgallery-pi1 .singleNew .img {
	border: 1px solid #DBDBDB;
	height: 158px;
	padding: 4px;
	width: 158px;
}

.tx-chgallery-pi1 .singleNew .img .align {
	display: block;
	text-align: center;
}

/*
* 4. Spezielle Angaben
* 4.8 Schwarzes Brett
*/

div.board_element {
	font-size: 11px;
	width: 505px;
}

.even {
	background-color: #EFEFEF;
}

.odd {
	background-color: #FFFFFF;
}

div.board_element div.author {
	float: left;
	overflow: hidden;
	width: 160px;
}

div.board_element p {
	padding: 3px;
}

div.board_element div.message {
	float: left;
	overflow: hidden;
	width: 343px;
}

div.board_element div.message div.subject {
	float: left;
	overflow: hidden;
	width: 273px;
}

div.board_element div.message div.date {
	float: left;
	text-align: right;
	overflow: hidden;
	width: 70px;
}

/*
* 4. Spezielle Angaben
* 4.9 Stadt- & Kreisprofile
*/

#showStadtprofile {
  margin-left: 0px;
}