/* -- INFO -----------------------------------------------------------------------
# Project:			HAMBURG WASSER CSS
# File:				hww.css
# Markup:			2.1
# Writer:			WebSeason GmbH (Daniel Knaack, Joe Ray Gregory)
# Last Updated:		Wed, 09/02/20
------------------------------------------------------------------------------- */

/*-| Logo [START] */
.hww #logo { background-image: url('../img/logo_hww.gif'); }
/*-| Logo [STOP] */
.hww #startseite { width:650px;float:left; padding-bottom:10px;}
.hww #startseite * { float:left; }
/*---| Teaser Startseite [START] */
#teaserbox { float:left; width:650px; overflow:hidden; padding:0px; }
#teaserbox .ce_text { float:left; width:310px; height:300px; overflow:hidden; background:url('../img/bg_teaser_home_hww.gif') no-repeat 10px 0px; padding:5px 5px 5px 15px; }
#teaserbox .Startseite_erster_Teaser { background:url('../img/bg_teaser_home_hww_2.gif') no-repeat 0px 0px; padding:5px 5px 5px 5px; }
#teaserbox .ce_text h3 { padding: 7px 0px 0px 15px; height:26px; }
#teaserbox .image_container {float:left;padding:0 0 11px 0;}
#content #teaserbox .image_container a, #content #teaserbox .image_container a img { float:left; border:0px; padding:0px; }

#teaserbox .image_container span { display:none; }
#teaserbox p { float:left; width:280px; color: #607589; line-height: 1.4; padding:0 0 0 20px;}
#teaserbox p.teaserlinks { padding: 18px 0 0 20px; line-height:20px;}
#teaserbox p.teaserlinks a {color:#2a51a0;}


#main .ce_whatsnew { float:left; width:390px;height:210px; background:url('../img/bg_teaser_wusstensie.gif') no-repeat; padding:0px 20px;}
#content .ce_whatsnew h3 {color:#2a51a0;font-style:italic;font-size:17px;text-transform:uppercase;float:left; width:390px; height:42px;padding: 11px 0 0 0;}
#content .ce_whatsnew p {float:left;width:246px;height:116px;}
#content .ce_whatsnew p.whatsnew_link {height:auto;padding-top:5px;}
#content .ce_whatsnew img { float:right; padding:1px;background:#fff;border:1px solid #c1cde1;}
#startbottom {float:left;width:650px; padding-top:10px;}

#sidebar #wasserbus img { float:left; border: 1px solid #bbcadf; padding: 1px; background:#fff; }
#sidebar #sidebar #wasserbus strong { display: block; }
#sidebar #wasserbus .date { background: url(../img/icon_date.gif) no-repeat 0 3px; padding-left: 10px; font-size: 0.81em; }
#sidebar #wasserbus p { padding:0 0 3px 0;}
#sidebar #wasserbus .setleft {padding-right:10px;}
#main .wasserbus_item { float:left; width:310px;padding:3px 0 0 0; background:url('../img/bg_hr.gif') repeat-x left bottom;}
#main .wasserbus_item p span.date { background: url(../img/icon_date.gif) no-repeat 0 4px; padding-left: 12px; font-size: 11px; display:block; padding-bottom:2px; }
#main .wasserbus_item p strong { color:#2a51a0;}
#main #wasserbus h4 { background:url('../img/bg_hr.gif') repeat-x left bottom; }

.icon_link-arrow { display:inline; float:none;color:#0c7be4; padding-left: 19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px;  }
.icon_link-arrow:hover { background-position: 2px -47px;}

#content div.table_baustellen { width:620px; padding:0 10px 5px 10px; }
#content table.baustellenplaner { border-left: 1px solid #d8dfea;border-top: 1px solid #d8dfea;width:100%;}
#content table.baustellenplaner tr td { vertical-align:top;border-right: 1px solid #d8dfea;border-bottom: 1px solid #d8dfea; font-size:12px;padding:3px 6px 2px 6px;}
#content table.baustellenplaner tr td.dlicons {padding: 1px 6px 0px 6px;}
#content table.baustellenplaner tr th { vertical-align:top;border-left: 1px solid #fff;border-top: 1px solid #fff;border-right: 1px solid #d8dfea;border-bottom: 1px solid #d8dfea; font-size:12px;padding:3px 6px 4px 5px;background:url('../img/bg_table_th.gif') repeat-x 0 0 #c2cfe3; color:#0c7be4;}
#content table.baustellenplaner tr.even td { background-color:#f7f7f7; }
#content table.baustellenplaner tr.odd td { background-color:#f3f3f3; }
#content table.baustellenplaner tr.active td { background-color:#daebfb;cursor:pointer;}





/*---| Teaser Startseite [STOP!] */
/*---| Intro [START] */
/*
	.hww #main .intro-start { background: url('../img/intro/bg_intro_hw-start.gif') no-repeat 0% 0%; }
	.hww #main .intro-start p { padding: 20px 250px 0px 30px; }
*/
/*---| Intro [STOP] */
/*---| Teaser 3 Cols [START] */
/*
	.hww #main .col3 .lt h3 { background: url('../img/bg_col3_h3-l.gif') no-repeat 0 0; }
	.hww #main .col3 .mt h3 { background: url('../img/bg_col3_h3-m.gif') no-repeat 0 0; }
	.hww #main .col3 .rt h3 { background: url('../img/bg_col3_h3-r.gif') no-repeat 0 0; }
	.hww #main .col3, .hww #main .col3 .border { float: left; width: 650px; }
	.hww #main .col3 { background: #fff url('../img/bg_col3_bot.gif') no-repeat 0 100%; }
	.hww #main .col3 .border { background: url('../img/bg_col3_top.gif') no-repeat 0 0; }
	.hww #main .col3 .border .box { float: left; width: 200px; }
	.hww #main .col3 .border .lt { padding: 5px 10px 5px 5px; }
	.hww #main .col3 .border .mt { padding: 5px 10px 5px 10px; }
	.hww #main .col3 .border .rt { padding: 5px 5px 5px 10px; }
*/
/*---| Teaser 3 Cols [STOP] */
/*---| Optional Teaser [START] */
/*
	.hww #main .optional { width: 650px; }
	.hww #main .optional #wiki { float: left; width: 370px; background: #fff; border: 1px solid #dce1ea; padding: 25px 29px; }
	.hww #main .optional #wiki h3 {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		color:#2a51a0;
		font-size: 1.06em;
		font-style: italic;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px solid #dce1ea;
	}
	.hww #main .optional #wiki p { font-size: 0.75em; line-height: 1.4; }
	.hww #main .optional #wiki img { float: right; margin-left: 15px; border: 1px solid #dce1ea; padding: 1px; background: #fff; }
	.hww #main .optional #career { padding-left: 10px; float: left; }
	.hww #main .optional #career img { border: 1px solid #dce1ea; }
*/
/*---| Optional Teaser [STOP] */