/* ######################################
Erstellt am: 28.07.2008
Autor: Bernd Fladung (eks)
Projekt: Stadtwerke Olpe
Name: style.css
###################################### */

body {
background:#FFFFFF;
font-family:Verdana,Arial,Helvetica,san-serif;
margin:0pt;
padding:0pt;
text-align:center;
}
body * {
text-align:left;
}

#MasterContainer {
height:auto;
margin:0pt auto 25px;
padding:0pt 0pt 25px;
width:990px;

}

#portal {
height:135px;
margin:0pt;
padding:0pt;
width:990px;
}

/* Steurung der Portalgrafiken zur Zeit nicht mehr genutzt */
.standard {
background:#FFFFFF url(../images/olpe_kopf_grau.gif) no-repeat;
}

.akt {
background:#FFFFFF url(../images/header_olpe.jpg) no-repeat;
}

.prod {
background:#FFFFFF url(../images/header_olpe.jpg) no-repeat;
}

.service {
background:#FFFFFF url(../images/olpe_kopf_grau.gif) no-repeat;
}

.wir {
background:#FFFFFF url(../images/olpe_kopf_blau.gif) no-repeat;
}

/* Positionierung Logo der Stadtwerke */
#MasterContainer #portal #logo_stw_olpe {
  position:relative;
  top: 40px;
  left: 5px;
  width: 200px;
  height: 55px;
  margin: 0;
}

/* Positionierung Logo der Stadt */
#MasterContainer #portal #logo_std_olpe {
  position:relative;
  top: -15px;
  left: 810px;
  width: 130px;
  height: 52px;
  margin: 0;
}

/* Metanavigation unten rechts */
#meta {
background:#FFFFFF;
float:left;
height:25px;
margin:10px 0pt 0pt;
width:257px;
}

#meta ul {
background:#FFFFFF;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt 0px;
padding:0px 0pt 0pt;
}

#meta ul li {
background:#FFFFFF;
border-right:1px dotted #315EA2;
float:left;
font-size:6px;
padding:0pt 3px;
}

#meta ul li a, #meta ul li a:link, #meta ul li a:visited {
color:#026DB8;
font-size:11px;
text-decoration:none;
}

#meta ul li a:hover, #meta ul li a:active, #meta ul li a.active {
color:#888888;
text-decoration:none;
}

/* Horizontale Hauptnavigation */
#MainNavi {
background: url(../images/navigationsleiste_blau.jpg) repeat-x;
border-top:1px solid #FFFFFF;
height:28px;
margin:0pt;
padding:0pt 0pt 0pt 211px;
width:779px;
}

#MainNavi ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}

#MainNavi ul li {
float:left;
height:28px;
padding:0pt;
width:135px;
}

#MainNavi ul li a, #MainNavi ul li a:link {
background: url(../images/button_blau_2.jpg) no-repeat;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
height:15px;
letter-spacing:1px;
padding:7px 0px 6px 0;
text-align:center;
text-decoration:none;
}

#MainNavi ul li a:hover, #MainNavi ul li a:active, #MainNavi ul li a.active {
background: url(../images/button_grau_2.jpg) no-repeat scroll 0% 0%;
color:#000000;
}

#MainNavi form {
margin: 0;
width: 226px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
line-height:15px;
padding:6px 0px 6px 0px;
float: right;
text-align: right;
}

* html #MainNavi form {
padding:5px 0px 7px 0px;
}

#MainNavi form input {
font-size: 11px;
background: #ffffff;
color: #888888;
font-weight: normal;
border: 1px solid #ffffff;
margin: 0 8px 0 0;
}

#ContentContainer {
background:#F2FAFD;
border:1px solid #0075B8;
margin-top:2px;
overflow:hidden;
padding-bottom:0px;
width:988px;
}

/* Vertikale Subnavihation */
#ContentContainer #navi {
background:#ffe1bf;
border:1px solid #CCCCCC;
float:left;
margin:0px 8px -32767px 5px;
padding:0pt 0pt 32767px;
width:194px;
}

* html #ContentContainer #navi {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin-right:5px;
margin-left:3px;
width:185px;
}

#ContentContainer #navi #ff_bug_navi {
background:#ffe1bf;
height:5px;
margin:-2px 0pt 0pt;
width:194px;
}

#ContentContainer #navi ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0pt;
}

#ContentContainer #navi ul li {
display:inline;
margin:0pt;
padding:0pt;
}

#ContentContainer #navi ul li a, #ContentContainer #navi ul li a:link {
background: url(../images/nav_pfeil.gif) no-repeat 150px 11px;
border-bottom:1px solid #9F9F9F;
color:#888888;
display:block;
width: 159px;
font-size:12px;
font-weight:normal;
line-height:25px;
margin:0pt 2px 0pt 12px;
padding:1px 0pt 1px 0px;
text-decoration:none;
}

#ContentContainer #navi ul li a:hover {
color:#000000;
}

#ContentContainer #navi ul li a:active, #ContentContainer #navi ul li a.active {
font-weight:bold;
}

#ContentContainer #navi ul ul li a, #ContentContainer #navi ul ul li a:link {
background:#ffe1bf;
border-bottom:1px solid #FFFFFF;
color:#888888;
display:block;
font-size:11px;
font-weight:normal;
width: 144px;
line-height:18px;
padding:1px 0pt 1px 16px;
text-decoration:none;
}

#ContentContainer #navi ul ul li a:hover {
color:#000000;
font-weight:normal;
}

#ContentContainer #navi ul ul li a:active, #ContentContainer #navi ul ul li a.active {
font-weight:normal;
color:#000000;
}

#ContentContainer #navi ul ul ul li a, #ContentContainer #navi ul ul ul li a:link {
background:#ffe1bf;
border-bottom:0pt none;
color:#888888;
display:block;
font-size:11px;
width: 129px;
font-weight:normal;
line-height:16px;
padding:1px 0pt 1px 22px;
text-decoration:none;
}

#ContentContainer #navi ul ul ul li a:hover, #ContentContainer #navi ul ul ul li a:active, #ContentContainer #navi ul ul ul li a.active {
color:#000000;
font-weight:normal;
}

#ContentContainer #navi ul ul ul ul li a, #ContentContainer #navi ul ul ul ul li a:link {
background:#ffe1bf;
border-bottom:0pt none;
color:#888888;
display:block;
font-size:11px;
width: 129px;
font-weight:normal;
line-height:16px;
padding:1px 0pt 1px 28px;
text-decoration:none;
}

#ContentContainer #navi ul ul ul ul li a:hover, #ContentContainer #navi ul ul ul ul li a:active, #ContentContainer #navi ul ul ul ul li a.active {
color:#000000;
font-weight:normal;
}

/* Contentdarstellung */
#ContentContainer #content {
background:#fff1cf none repeat scroll 0% 0%;
border:1px solid #CCCCCC;
float:left;
margin:0px 0px -32767px 0pt;
padding:5px 5px 32767px;
width:531px;
}

* html #ContentContainer #content {
border-color:#CCCCCC;
border-style:none solid;
border-width:0pt 1px;
margin-left:2px;
}

#ContentContainer #content #ffbug {
background:#fff1cf none repeat scroll 0% 0%;
height:5px;
margin-left:-5px;
padding-right: 10px;
margin-top:-9px;
width:531px;
z-index:5;
}

* html #ContentContainer #content #ffbug {
width:530px;
}

#ContentContainer #content h1 {
color:#315EA2;
font-size:14px;
line-height:20px;
margin:0pt 0pt 15px;
padding:0pt;
}

#ContentContainer #content h2, #ContentContainer #content h3, #ContentContainer #content h4 {
color:#797B70;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
}


#ContentContainer #content p {
color:#797B70;
font-size:11px;
line-height:16px;
margin-top:0pt;
}

#ContentContainer #content ul li, #ContentContainer #content ol li {
color:#797B70;
font-size:11px;
line-height:16px;
}

#ContentContainer #content ul li.first a, #ContentContainer #content ul li.first a:link {
color:#EE8722;
font-weight:bold;
}

#ContentContainer #content ul li.sub a, #ContentContainer #content ul li.sub a:link {
color:#EE8722;
font-weight:normal;
}

#ContentContainer #content a, #ContentContainer #content a:link, #ContentContainer #content a:visited {
color:#EE8722;
text-decoration:underline;
}

#ContentContainer #content a:hover {
text-decoration:none;
}

#ContentContainer #content form {
margin:0pt;
padding:0pt;
}

#ContentContainer #content input, #ContentContainer #content textarea {
background:#E0E2EF none repeat scroll 0% 0%;
border:1px dotted #000000;
color:#989B8C;
font-family:Verdana,Arial,Helvetica,san-serif;
font-size:11px;
}

/* Formularwelt */

#ContentContainer #content input.long,
#ContentContainer #content input.zip,
#ContentContainer #content input.city,
#ContentContainer #content input.single,
#ContentContainer #content textarea.long
{
  background : #E0E2EF none repeat scroll 0% 0%;
  border     : 1px dotted #000000;
  color      : #989B8C;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size  : 11px;
  margin     : 2px 2px 2px 0px;
  padding    : 1px 0px 1px 0px;
}

#ContentContainer #content input.long,
#ContentContainer #content textarea.long
{
  width      : 258px;
}

#ContentContainer #content input.zip
{
  width      : 60px;
}

#ContentContainer #content input.city
{
  width      : 190px;
}

#ContentContainer #content input.single
{
  width      : 15px;
}

#ContentContainer #content li
{
  margin: 2px 0px 2px 20px;
}

#ContentContainer #content input.btn {
background:#B9BDD7 none repeat scroll 0% 0%;
border:1px solid #000000;
color:#000000;
cursor:pointer;
text-align:center;
}

#ContentContainer #content input.btn[disabled] {
background:#D4DF4D none repeat scroll 0% 0%;
border:1px solid #686869;
color:#686869;
cursor:auto;
font-size:11px;
font-weight:normal;
}

#ContentContainer #content select {
background:#E0E2EF none repeat scroll 0% 0%;
border:1px dotted #000000;
color:#000000;
font-family:Verdana,Arial,Helvetica,san-serif;
font-size:11px;
}

/* Darstellung der Tabellen im Content */
#ContentContainer #content table {
margin:0pt;
padding:0pt;
width:520px;
}

#ContentContainer #content table thead tr td {
background:#E9E7E8;
border-bottom:1px solid #FFFFFF;
font-size:11px;
font-weight:bold;
height:16px;
padding:2px;
width:520px;
}

#ContentContainer #content table tr td {
border-bottom:1px solid #cccccc;
background: #fff1cf;
font-size:11px;
vertical-align:top;
}

/* Darstellung der Sitemap */
.csc-sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}

.csc-sitemap ul li a, .csc-sitemap ul li a:link, .csc-sitemap ul li a:visited {
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding: 0 0 0 0px;
margin: 0;
}

.csc-sitemap ul li a:hover {
text-decoration:underline;
}

.csc-sitemap ul ul li a, .csc-sitemap ul ul li a:link, .csc-sitemap ul ul li a:visited {
color:#797B70;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.csc-sitemap ul ul li a:hover {
text-decoration:underline;
}

.csc-sitemap ul ul ul li a, .csc-sitemap ul ul ul li a:link, .csc-sitemap ul ul ul li a:visited {
color:#989B8C;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.csc-sitemap ul ul ul li a:hover {
text-decoration:underline;
}

/* darstellung der rechten Spalte */
#ContentContainer #margin {
background:#ceddf2 none repeat scroll 0% 0%;
border:1px solid #CCCCCC;
float:left;
margin:0px 5px -32767px 7px;
padding:0pt 0pt 32767px 0;
width:220px;
}

* html #ContentContainer #margin {
border-color:#CCCCCC;
border-style:none solid;
border-width:0pt 1px;
margin-left:7px;
margin-right:0px;
}

#ContentContainer #margin #ff_bug {
background:#ceddf2 none repeat scroll 0% 0%;
height:5px;
margin-left:0px;
margin-top:-2px;
width:220px;
z-index:5;
}

#ContentContainer #margin form {
margin:0 5px 0 7px;
padding:0pt;
}

#ContentContainer #margin input {
background:#E0E2EF none repeat scroll 0% 0%;
border:1px dotted #000000;
color:#989B8C;
font-family:Verdana,Arial,Helvetica,san-serif;
font-size:11px;
}

#ContentContainer #margin input.btn {
background:#B9BDD7 none repeat scroll 0% 0%;
border:1px solid #000000;
color:#000000;
cursor:pointer;
text-align:center;
}

#ContentContainer #margin select {
background:#E0E2EF none repeat scroll 0% 0%;
border:1px dotted #000000;
color:#000000;
font-family:Verdana,Arial,Helvetica,san-serif;
font-size:11px;
}

#ContentContainer #margin h1 {
background:#cdddf1 none repeat scroll 0% 0%;
color:#0075b8;
font-size:11px;
font-weight:bold;
line-height:20px;
margin: 0 5px 0 7px;
padding:0;
}

#ContentContainer #margin p {
color:#888888;
font-size:11px;
margin:0pt;
padding:10px 5px 18px 7px;
}

#ContentContainer #margin .csc-textpic-imagewrap {
padding:10px 5px 20px 7px;
}

#ContentContainer #margin a, #ContentContainer #margin a:link, #ContentContainer #margin a:visited {
color:#888888;
text-decoration:underline;
margin: 0;
padding: 0;
}

#ContentContainer #margin a:hover {
text-decoration:none;
}

/* Darstellung der tt_news */
.news-single-item {
background-color:#fff1cf;
border:0pt none;
font-size:11px;
margin-bottom:5px;
}

.news-single-item h2 {
color:#000000;
font-size:12px;
font-weight:bold;
margin-bottom:0px;
}

.news-single-item h3 {
font-size:12px;
margin-bottom:15px;
}

.news-single-img {
float:left;
margin-right:5px;
}

.news-single-imgcaption {
clear:both;
padding:3px;
}

.news-single-category {
float:right;
}

.news-single-backlink, .news-single-backlink a {
font-size:10px;
font-weight:bold;
margin-bottom:15px;
margin-top:10px;
}

.news-single-timedata {
float:right;
}

.news-single-timedata, .news-single-author, .news-single-imgcaption {
font-size:9px;
}

.news-single-author {
padding-bottom:3px;
}

.news-single-additional-info {
background-color:#fff1cf;
border:0pt none;
clear:both;
font-size:11px;
margin-top:15px;
padding:3px 3px 0px;
}

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

.news-single-related dd, .news-single-links dd, .news-single-files dd {
margin-left:0px;
}

.news-single-related dt, .news-single-links dt, .news-single-files dt {
font-size:11px;
font-weight:bold;
margin-left:5px;
}

.news-list-container h3 {
background-color:#fff1cf;
border-bottom:0pt none;
font-size:11px;
margin-bottom:0px;
padding:2px;
}

.news-list-container h3 a:link, .news-list-container h3 a:visited, .news-list-container h3 a:hover {
color:#000000;
padding-left:0px;
}

.news-list-container h3 a {
color:#000000;
}

.news-list-container p {
padding-left:0px;
}

.news-list-date {
background-color:#fff1cf;
color:#3E551C;
float:right;
font-size:9px;
font-weight:normal;
height:20px;
margin-right:-2px;
margin-top:-2px;
text-align:right;
width:180px;
}

.news-list-imgcaption {
float:right;
font-size:9px;
padding-right:3px;
padding-top:3px;
}

.news-list-container img {
border:0pt none;
float:left;
margin-bottom:5px;
margin-left:0px;
margin-right:8px;
}

.news-list-category img {
border:medium none;
float:none;
margin:0px;
}

.news-list-morelink, .news-list-category {
font-size:9px;
margin-left:3px;
}

.news-list-morelink {
margin-bottom:3px;
}

.news-list-browse {
text-align:center;
}

.news-list-container {
background-color:#fff1cf;
border:0pt none;
font-size:11px;
}

.news-list-item {
background-color:#fff1cf;
border:0pt none;
height:1%;
line-height:1.3;
margin:0px;
padding:3px;
}

.news-search-form {
background-color:#fff1cf;
border:0pt none;
margin-bottom:5px;
padding:0px;
}

.news-search-emptyMsg {
margin:0px;
}

.news-search-form form {
margin:0px;
}

.tx-ttnews-browsebox, .browseBoxWrap {
background-color:#fff1cf;
border:0pt none;
margin:3px;
padding:3px;
}

.tx-ttnews-browsebox td {
font-size:10px;
}

.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
font-weight:bold;
}

.tx-ttnews-browsebox-SCell p, .tx-ttnews-browsebox td p {
margin:0px;
}

.tx-ttnews-browsebox-SCell {
background-color:#fff1cf;
border:0px none;
}

.news-search-emptyMsg {
font-size:11px;
margin-left:10px;
}

.csc-textpic-caption {
color:#888888;
font-size:10px;
font-weight:normal;
}

#ContentContainer #content ul li.red {
color:#FF0000;
}

/* Darstellung Fußzeile */
#abbinder {
float:left;
width:990px;
}

#bigge {
background:#FFFFFF;
border:0pt none;
float:left;
height:25px;
margin:10px 0pt 20px 6px;
padding:0pt;
width:726px;
}

#bigge p {
color:#0077B9;
font-size:11px;
margin:0pt;
padding:0pt;
}

#footer {
background:#F2FAFD url(../images/footer_02.jpg) no-repeat scroll center top;
clear:both;
float:left;
height:15px;
margin:0pt 0pt 0pt 5px;
padding:0pt 0pt 15px 2px;
width:975px;
}

#topper {
background:#F2FAFD url(../images/top_02.jpg) no-repeat scroll center top;
clear:both;
float:left;
height:13px;
margin:5px 0pt 0pt 5px;
padding:0pt;
width:976px;
}

* html #topper {
background:#F2FAFD url(../images/top_02.jpg) no-repeat scroll center top;
clear:both;
float:left;
height:13px;
margin:5px 0pt -5px 4px;
padding:0pt;
width:980px;
}

/* Bildergallerie */
.label {
  font-size: 12px;
}

.changealbum-container {
  margin-bottom: 20px;
}