@charset "utf-8";

body {
   background:#fff url(../images/bg-body.jpg) 0 0 repeat-x;
   font:11px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#46494d;
}

html, body {
	height: 100%;
}

.clear {
   float:none;
   clear:both;
}

div#site-container {
   margin:0 auto;
   width:980px;
   min-height:100%;
   height:auto !important;
   height:100%;
}

/*************************************************************************/
/* =header */
/*************************************************************************/

div#header-container {
   width:980px;
   height:476px;
   position:relative;
   background:url(../images/bg-header-container.jpg) 0 0 no-repeat;
}

h1#branding {
   display:block;
   width:255px;
   height:130px;
   position:absolute;
   top:10px;
   left:0;
   background:url(../images/logo-damer-partner.jpg) 0 0 no-repeat;
}

h1#branding a {
   display:block;
   width:256px;
   height:130px;
   text-indent:-9000px;
}

div#header-slideshow {
   width:725px;
   height:328px;
   position:absolute;
   top:140px;
   right:0px;
   background:url(../images/slideshow/slideshow1.jpg) 0 0 no-repeat;
}

/*************************************************************************/
/* =navigation-additonal */
/*************************************************************************/

ul#navigation-additonal {
	display:block;
	width:600px;
	height:30px;
	position:absolute;
	top:102px;
	right:0px;
	z-index:15;
	text-align:right;
}

ul#navigation-additonal li {
   display:inline;
}

ul#navigation-additonal li a,
ul#navigation-additonal li a:visited {
   padding:10px;
   height:30px;
   line-height:30px;
   color:#575a5e;
   background:none;
   text-decoration:none;
}

ul#navigation-additonal li a:hover,
ul#navigation-additonal li a:active {
   color:#575a5e;
   background:#e9eaec;
   text-decoration:underline;
}

ul#navigation-additonal li a.active {
   color:#575a5e;
   background:#e9eaec;
   text-decoration:none;
}

/*************************************************************************/
/* =navigation */
/*************************************************************************/
	
ul#navigation {
   display:block;
   width:255px;
   height:328px;
   background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
   position:absolute;
   top:140px;
   left:0px;
}

ul#navigation li {
   display:block;
   height:41px;
   position:relative;
}

ul#navigation li a {
   display:block;
   height:41px;
   text-indent:-9999px;
}

ul#navigation li a.strassenbau,
ul#navigation li a.strassenbau:visited {
   background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}
ul#navigation li a.strassenbau:hover,
ul#navigation li a.strassenbau:active,
ul#navigation li a.strassenbau-active {
   background:url(../images/bg-navigation.jpg) -256px 0 no-repeat;
}

/**************************************/

ul#navigation li a.abwasser,
ul#navigation li a.abwasser:visited {
   background:url(../images/bg-navigation.jpg) 0 -41px no-repeat;
}
ul#navigation li a.abwasser:hover,
ul#navigation li a.abwasser:active,
ul#navigation li a.abwasser-active {
   background:url(../images/bg-navigation.jpg) -256px -41px no-repeat;
}

/**************************************/

ul#navigation li a.wasserwirtschaft,
ul#navigation li a.wasserwirtschaft:visited {
   background:url(../images/bg-navigation.jpg) 0 -82px no-repeat;
}
ul#navigation li a.wasserwirtschaft:hover,
ul#navigation li a.wasserwirtschaft:active,
ul#navigation li a.wasserwirtschaft-active {
   background:url(../images/bg-navigation.jpg) -256px -82px no-repeat;
}

/**************************************/

ul#navigation li a.wasserversorgung,
ul#navigation li a.wasserversorgung:visited {
   background:url(../images/bg-navigation.jpg) 0 -123px no-repeat;
}
ul#navigation li a.wasserversorgung:hover,
ul#navigation li a.wasserversorgung:active,
ul#navigation li a.wasserversorgung-active {
   background:url(../images/bg-navigation.jpg) -256px -123px no-repeat;
}

/**************************************/

ul#navigation li a.erschliessungen,
ul#navigation li a.erschliessungen:visited {
   background:url(../images/bg-navigation.jpg) 0 -164px no-repeat;
}
ul#navigation li a.erschliessungen:hover,
ul#navigation li a.erschliessungen:active,
ul#navigation li a.erschliessungen-active {
   background:url(../images/bg-navigation.jpg) -256px -164px no-repeat;
}

/**************************************/

ul#navigation li a.freianlagen,
ul#navigation li a.freianlagen:visited {
   background:url(../images/bg-navigation.jpg) 0 -205px no-repeat;
}
ul#navigation li a.freianlagen:hover,
ul#navigation li a.freianlagen:active,
ul#navigation li a.freianlagen-active {
   background:url(../images/bg-navigation.jpg) -256px -205px no-repeat;
}

/**************************************/

ul#navigation li a.kanalinformationssysteme,
ul#navigation li a.kanalinformationssysteme:visited {
   background:url(../images/bg-navigation.jpg) 0 -246px no-repeat;
}
ul#navigation li a.kanalinformationssysteme:hover,
ul#navigation li a.kanalinformationssysteme:active,
ul#navigation li a.kanalinformationssysteme-active {
   background:url(../images/bg-navigation.jpg) -256px -246px no-repeat;
}

/**************************************/

ul#navigation li a.vermessung,
ul#navigation li a.vermessung:visited {
   background:url(../images/bg-navigation.jpg) 0 -287px no-repeat;
}
ul#navigation li a.vermessung:hover,
ul#navigation li a.vermessung:active,
ul#navigation li a.vermessung-active {
   background:url(../images/bg-navigation.jpg) -256px -287px no-repeat;
}


/*************************************************************************/
/* =content-main */
/*************************************************************************/

div#content-container {
   width:980px;
   background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

div#content-main {
   padding:20px 0 30px 45px;
   width:680px;
   float:right;
}

div.content-main-box {
   padding:10px;
   background:#ebebed;
}

div#content-main1 {
   padding:0 30px 0 0;
   margin:0 30px 0 0;
   width:305px;
   float:left;
   border-right:1px dashed #b6b7b8;
}

div#content-main2 {
   padding:0 0 0 0;
   width:305px;
   float:left;
}

div#content-main h2 {
   margin:20px 0 10px 0;
   font:26px/18px Myriad Pro, Arial, Helvetica, sans-serif;
   color:#072c98;
}

div#content-main h3 {
   margin:15px 0 5px 0;
   font:15px/18px Myriad Pro, Arial, Helvetica, sans-serif;
   color:#072c98;
}

div#content-main h4 {
   margin:0 0 5px 0;
   font:15px/18px Myriad Pro, Arial, Helvetica, sans-serif;
   color:#072c98;
}

div#content-main h5 {
   margin:0 0 5px 0;
   font:15px/18px Myriad Pro, Arial, Helvetica, sans-serif;
   color:#737578;
}

div#content-main p {
   margin:0 0 10px 0;
   font:11px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#46494d;
}
div#content-main p.highlight, div#content-main p strong {
   font-weight:bold;
}

div#content-main ul {
   margin:0 0 20px 6px;
   font:11px/24px Verdana, Arial, Helvetica, sans-serif;
   color:#46494d;
}

div#content-main ul li {
   padding:0 0 0 14px;
   background:url(../images/icon-content-main-ul-li.png) 0 10px no-repeat;
}

div#content-main p strong {
   font-weight:bold;
}

div#content-main div.hr {
   margin:0 0 15px 0;
   height:1px;
   border-bottom:1px dashed #b6b7b8;
   float:none;
   clear:both;
}

div#content-main a,
div#content-main a:visited {
   color:#072c98;
   text-decoration:none;
}

div#content-main a:hover,
div#content-main a:active {
   color:#072c98;
   text-decoration:underline;
}

div#content-main img.image {
   margin:4px 8px 4px 0;
   border:5px solid #e9e9eb;
}

div#content-main img.image:hover {
   margin:4px 8px 4px 0;
   border:5px solid #d3d3d6;
}

/*************************************************************************/
/* =content-sidebar */
/*************************************************************************/

div#content-sidebar {
   padding:30px 20px 20px 20px;
   margin:-9px 0 0 0;
   position:relative;
   width:215px;
   height:280px;
   float:right;
   background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
}

div#content-sidebar h3 {
   margin:0 0 7px 0;
   font:15px/18px Myriad Pro, Arial, Helvetica, sans-serif;
   color:#fff;
}

div#content-sidebar p {
   font:11px/18px Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
}

div#content-sidebar strong {
   font-weight:bold;
}

div#content-sidebar p a, div#content-sidebar p a:visited {
   color:#fff;
   text-decoration:underline;
}

div#content-sidebar p a:hover, div#content-sidebar p a:active {
   color:#fff;
   text-decoration:none;
}

div#content-sidebar div.hr {
   margin:10px 0 10px 0;
   height:1px;
   float:none;
   border-bottom:1px dashed #9cb6ed;
}

* html div#content-sidebar div.hr {
   margin:5px 0 5px 0;
}

/*************************************************************************/
/* =footer */
/*************************************************************************/

div#footer-container {
   width:100%;
   height:271px;
   position: relative;
   background:url(../images/bg-footer-container.jpg) 0 0 repeat-x;
}

div#footer {
   margin:0 auto;
   padding:0 0 0 0;
   width:980px;
   height:271px;
}

div#footer1 {
   padding:20px 30px 0 0;
   margin:0 31px 0 300px;
   width:305px;
   float:left;
}

* html div#footer1 {
   margin:0 15px 0 150px;
}

div#footer2 {
   padding:45px 0 0 0;
   width:305px;
   float:left;
}

div#footer h4 {
   margin:0 0 15px 0;
   font:18px/18px Myriad Pro, Arial, Helvetica, sans-serif;
   color:#0065be;
}

div#footer p {
   margin:0 0 10px 0;
   font:11px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#46494d;
}

div#footer p a,
div#footer p a:visited {
   color:#004fbe;
   text-decoration:none;
}

div#footer p a:hover,
div#footer p a:active {
   color:#004fbe;
   text-decoration:underline;
}

/*************************************************************************/
/* =schnellkontakt */
/*************************************************************************/

form#schnellkontakt {
   width:305px;
}

form#schnellkontakt label, form#Kontaktformular input, form#schnellkontakt textarea {	
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
    color:#46494d;
	margin:0;
	padding:2px;
	display:block;
	float:left;
}

form#schnellkontakt input {
   margin:0 0 5px 0;
    padding:5px 0 0 5px;
	width:224px;
	height:25px;
	display:block;
	background:transparent url(../images/form-schnellkontakt-input.jpg) 0 0 no-repeat;
	border:none;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
    color:#46494d;
}

form#schnellkontakt textarea {
    padding:5px 0 0 5px;
	width:224px;
	height:78px;
	display:block;
	background:transparent url(../images/form-schnellkontakt-input-textarea.jpg) 0 0 no-repeat;
	border:none;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
    color:#46494d;
}

form#schnellkontakt label {
	margin-right:5px;
	padding:2px 5px 2px 0;		
	width:60px;						
}

form#schnellkontakt legend {
	display:none;
}

form#schnellkontakt fieldset {
	border:none;
}

form#schnellkontakt input#schnellkontakt-submit {
	background:#0a58c6 url(../images/form-schnellkontakt-submit.jpg) 0px 0px no-repeat;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:0.1em;
	display:block;
	margin:4px 0 0 190px;
	width:105px;
	height:29px;
	text-indent:-9000px;
}

form#schnellkontakt input#schnellkontakt-submit:hover {
	background:#177cd6 url(../images/form-schnellkontakt-submit.jpg) 0px -29px no-repeat;
}

form#schnellkontakt br {
	clear:left;
}

form#schnellkontakt fieldset.hidden, form#schnellkontakt input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

#map { /* Kartenausschnitt */
   width:680px;
   height:480px;
}
 
#window { /* Text in Pop-Up-Balloons */
   font-size:12px;
}

#window strong {
   margin:5px 0 5px 0;
   font:13px/18px Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#072c98;
}