/* - - - - - - - - - - - - - - - - - - - - - - 
| stylesheet für www.westfalenwoche.de
| fasc | 2008-06-29
| 
| inhaltsverzeichnis
| - CSS-Reset
| - allg. Styles
| - Header
| - Mitte
| - Footer
| - Branding
| - Navigation
| - Hauptinhalt
| - erw. Inhalt
| - erw. Navigation
| - Partner
| - Ping
| - Spalten
| - Formulare
|
\* - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - 
| css-reset & RTE (include)
\* - - - - - - - - - - - - - - - - - - - */

@import "@external/reset.css";


/* - - - - - - - - - - - - - - - - - - - 
| allg. Styles
\* - - - - - - - - - - - - - - - - - - - */

a, div, h3, input, div.label, label, p, strong {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  line-height: 16px;
}

body {
  background: #666;
  padding-left: 10px;
}

.image-small {
  background: url(../images/image-kl-background.gif) no-repeat;
  clear: left; float: left;
  width: 118px; height: 149px;
}

.image-small img {
  margin-left: 8px;
  margin-top: 7px;
}

strong {
  font-weight: bold;
}


/* - - - - - - - - - - - - - - - - - - - 
| Header
\* - - - - - - - - - - - - - - - - - - - */

#branding {
  background: #fff; 
  width: 930px;
}


/* - - - - - - - - - - - - - - - - - - - 
| Mitte
\* - - - - - - - - - - - - - - - - - - - */

#wrapper_extra 	{
	position: relative;
}
* html #wrapper	{
	position: relative;
}
#wrapper{
	width: 930px;
	overflow: hidden; 
}
* html #wrapper_extra	{
	float: left;
	width: 100%;
}
#wrapper 	{
	float: left;
	float/**/: none;
}
/* easy clearing */
#wrapper:after 	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper	{
	display: inline-block;
}
/*\*/
#wrapper {
	display: block;
}
/* */

#nav_main {
  background: url(../images/navigation-background.gif) no-repeat #eee;
	float: left;
  margin-left: -930px;
  min-height: 456px; height: 456px;
	width: 289px;
}
html>body div#nav_main {
  height: auto;
}

#nav_main h2 {
  display: none;
}

#content_main {
  background: #fff;
	float: left;
  margin-left: 289px;
  overflow: visible;
	width: 431px; min-height: 546px; height: 546px;
}
html > body #content_main {
  height: auto;
}
* html #content_main {
	display: inline;
}

#content_sub {
  background: url(../images/content-background.gif) repeat-y top right #eee;
	float: left;
	width: 210px;
}

/* Start Mac IE5 filter \*/
#content_main, #content_sub, #nav_main {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
  #content_main, #content_sub, #nav_main {
	  padding-bottom: 0 !important;
    margin-bottom: 0 !important; 
  }
  
  #content_main:before, #content_sub:before, #nav_main:before {
	  content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    background: inherit;
    padding-top: 32767px !important;
    margin-bottom: -32767px !important;
    height: 0;
	}
}
/* End Mac IE5 filter */


/* - - - - - - - - - - - - - - - - - - - 
| Footer
\* - - - - - - - - - - - - - - - - - - - */

#footer {
  background: #fff;
  border-bottom: 1px solid #eee;
  clear: both;
  height: 30px;
  overflow: hidden;
  width: 930px;
}

* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}


/* - - - - - - - - - - - - - - - - - - - 
| Branding
\* - - - - - - - - - - - - - - - - - - - */

div#branding h1 {
  background: url(../images/westfalenwoche.gif) no-repeat 10px 65px #e70000;
  text-indent: -9999px;
  width: 289px; height: 153px;
}
div#branding h1 a {
  position: absolute; 
  top: 0; left: 10px;
  width: 289px; height: 153px;
}

div#branding div#slideshow {
  position: absolute;
  left: 299px; top: 0;
}

div#branding div#slideshow div#opaque {
  background: #e7e7e7;
  opacity: .2; -moz-opacity: .2; -khtml-opacity: .2; filter:alpha(opacity=20);
  position: absolute;
  top: 0; left: 466px;
  width: 175px; height: 152px;
}


/* - - - - - - - - - - - - - - - - - - - 
| Navigation
\* - - - - - - - - - - - - - - - - - - - */

div#nav_main ul {
  padding-top: 90px;
}

div#nav_main li {
  padding: 7px 0; margin: 0;
  text-align: right;
}

div#nav_main li a {
  color: #000;
  display: block;
  font-size: 16px; font-weight: bold;
  padding-right: 30px;
  text-decoration: none;
  width: 259px;
}

div#nav_main li.active a,
div#nav_main li a:hover {
  background: url(../images/navigation-hauptpunkt.gif) no-repeat 267px 1px;
  color: #e70000;
}

div#nav_main li ul {
  padding: 5px 0 15px 0;
}

div#nav_main li li {
  padding: 0;
}

div#nav_main li li a,
div#nav_main li.active li a {
  line-height: 12px;
  background: none;
  color: #000;
  display: inline;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  margin-right: 30px;
}

div#nav_main li li a:hover,
div#nav_main li li.active a {
  border-bottom: 1px dotted #e70000;
  color: #e70000;
}


/* - - - - - - - - - - - - - - - - - - - 
| Hauptinhalt
\* - - - - - - - - - - - - - - - - - - - */

#content_main .content {
  margin: 50px 0 15px 30px;
  overflow: visible;
  padding-bottom: 20px;
}


#content_main a {
  background: url(../images/link-background.gif) 0px 6px no-repeat;
  color: #e70000;
  padding-left: 10px;
}

#content_main h2 {
  color: #737373;
  font-family: "Palatino Linotype", Times, Serif; font-size: 30px; 
  line-height: 35px;
  margin: 0 0 10px 0;
}

#content_main h3 {
  color: #737373;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

#content_main p {
  margin-bottom: 10px;
}

#content_main p.important {
  color: #e70000;
  font-size: 12px; font-weight: bold;
  margin: 10px 0 35px 40px;
}

#content_main ul {
  margin-bottom: 15px;
}

#content_main li {
  list-style-type: disc;
  margin-left: 18px;
}

#content_main .teaser {
  border: 2px solid #eee;
  padding: 2px;
  text-align: center;
}

#content_main .teaser div {
  padding: 5px;
  text-align: left;
}

#content_main .teaser h3 {
  color: #737373;
  font-size: 14px;
  font-weight: bold;
}

#content_main .teaser p {
  color: #737373;
  margin: 0;
}


/* - - - - - - - - - - - - - - - - - - - 
| erw. Inhalt
\* - - - - - - - - - - - - - - - - - - - */

#content_sub li.image {
  min-height: 150px; height: 150px;
  padding-top: 15px;
}
html > body #content_sub li.image {
  height: auto;
}

#content_sub li.big-image {
  background: url(../images/image-gr-background.gif) no-repeat;
  margin-top: 15px;
  width: 207px; height: 149px;
}

#content_sub li.big-image img {
  margin-left: 8px; margin-top: 7px;
}

#content_sub li.teaser {
  background: #e70000;
  margin: 15px 0 0 69px;
  padding: 10px;
  width: 120px;
}

#content_sub li.teaser p,
#content_sub li.teaser div {
  color: #fff;
  line-height: 14px;
}

#content_sub h3 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#content_sub p {
  float: none; 
  font-size: 10px;
  font-weight: bold;
  letter-spacing: -1px;
}


/* - - - - - - - - - - - - - - - - - - - 
| erw. Navigation
\* - - - - - - - - - - - - - - - - - - - */

#nav_sub {
  background: #e70000;
  float: left;
  height: 30px;
  padding: 0 10px;
  width: 269px;
}

#nav_sub h2 {
  display: none;
}

div#nav_sub li {
  display: block;
  float: left;
}

div#nav_sub li.last {
  float: none;
}

div#nav_sub li a {
  background: url(../images/meta-navigation-punkt.gif) no-repeat left center;
  color: #fff;
  font-size: 10px; font-weight: bold;
  line-height: 26px;
  margin-left: 3px;
  padding-left: 6px;
  text-decoration: none;
}

div#nav_sub li a:hover,
div#nav_sub li.active a {
  text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - - - - 
| Partner
\* - - - - - - - - - - - - - - - - - - - */

#partner {
  background: #fff;
  float: left;
  width: 467px; height: 30px;
}

#partner h2 {
  display: none;
}

#partner li {
  display: block;
  float: left;
  margin: 0 18px;
}


/* - - - - - - - - - - - - - - - - - - - 
| Partner
\* - - - - - - - - - - - - - - - - - - - */

#ping { 
  background: url(../images/marginal-background.gif) no-repeat bottom right #eee;
  border-right: 1px solid #eee;
  float: left;
  width: 173px; height: 30px;
}


/* - - - - - - - - - - - - - - - - - - - 
| Spalten
\* - - - - - - - - - - - - - - - - - - - */

.cols {
  margin-top: 15px;
}

.cols .left-col-50 {
  float: left;
  width: 46%;
}

.cols .right-col-50 {
  float: right;
  text-align: right;
  width: 46%;
}


/* - - - - - - - - - - - - - - - - - - - 
| Formulare
\* - - - - - - - - - - - - - - - - - - - */

input, textarea {
  border: 1px solid #6B6C6E;
}

form .col {
  float: left;
  width: 450px;
}

form .varchar,
form .textbox,
form .file,
form .checkbox,
form .submit {
  
  clear: both;
  float: none;
  margin: 3px 0;
}

form .checkbox {
  margin: 5px 0;
}

form .label {
  clear: left;
  display: block;
  float: none;
  padding-top: 8px;
  width: 180px;
  margin: 3px 0 0 0;
}

form .input {
  display: block;
  float: left;
  margin: 3px 0;
}

form .checkbox .input {
  display: block;
  float: left;
  margin-left: 60px;
}
html>body form .checkbox .input {
  margin-left: 180px;
}

form .checkbox .label {
  clear: none;
}


.error { color: #d00; font-weight: bold; }
.errors { color: #d00; }
.success {color: #090; font-weight: bold; }

.fifty {
  width: 135px;
}
.seventyfive {
  width: 203px;
}
.twentyfive {
  width: 67px;
}
.full {
  width: 275px;
}
input.submit {
  border: 1px solid #6B6C6E;
  margin-bottom: 50px;
  width: 75px;
}

/* - - - - - - - - - - - - - - - - - - - 
| Bilderdownload
\* - - - - - - - - - - - - - - - - - - - */

.presse_bilderdownload {
	width:400px;
}

.presse_bilderdownload_spalte {
	float:left;
	width:200px;
	text-align:center;
}

.presse_bilderdownload_spalte_link {
	background:none !important;
	padding:0px !important;
	text-decoration: none;
}

.presse_bilderdownload_spalte p {
	/*padding-right:30px;*/
	padding-bottom:15px;
	text-align:center;
	margin:5px;
}

div#map {
  width: 430px;
  height: 350px;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.fancybox {
  background:none !important;
  padding:0 !important;
  margin:0 !important;
}