/*
	STYLESHEET für Firefox
	Author: Franziska I. Jungen Pärli - eMedia Jungen
	Author URI: http://www.emediajungen
*/

/*<![CDATA[ */
html, body {
	margin: auto;
	padding: 0;
	background: #ececec url(images/bg_zsol.jpg) repeat-y center;
	color: #666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#container {
	margin: auto;
	width: 952px;
	height: 100%;
}
#top {
	background: url(images/zsol_balken_oben.jpg) no-repeat;
	height: 24px;
	width: 952px;
	margin: auto;
	color: #ffffff;
	text-transform: uppercase;
}
ul#topnavigation {
    margin: 0; 
	padding: 4px;
    text-align: center;
    border: none;
}
ul#topnavigation li {
    list-style: none;
    display: inline;
    margin: 10px; 
	padding: 0;
}
ul#topnavigation a, ul#topnavigation span {
    text-decoration: none; 
	color: #ffffff;
}
* html ul#topnavigation a, * html ul#topnavigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w\idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#topnavigation a:hover, ul#topnavigation span {
    color: #ffffff; 
	background-color: #6381aa;
}
#logo {
	background: url(images/zsol_header.jpg) no-repeat;
	height: 147px;
	width: 952px;
	margin: auto;
}
#contentaktuelles { 
	background: url(images/content.jpg) no-repeat;
	min-height: 610px;
	height: expression(this.scrollHeight > 610 ? "auto":"610px"); 
}
#window {
	position: relative;
	top: 11px;
	left: -8px;
	width: 952px;
}
.content {
	position: relative;
	top: 15px;
}
.titel {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
#window1 { 
  position: absolute;
  top: 0px;
  left: 25px;
  width: 540px;
  float: left;
  display: block;
}
#window2 { 
  position: relative;
  top: 0px;
  left: 28px;
  width: 200px;
  float: right;
}
.glass {
  position: absolute;
  top: 0px;
  left: -8px;
  width: 736px;
  height: 19px;
  background: #8aa1c0; 
  display: block;
}
.glasslogin {
  position: relative;
  top: 0px;
  left: -13px;
  width: 183px;
  height: 19px;
  background: #8aa1c0; 
  display: block;
}
.glasslogin2 {
  position: relative;
  top: 0px;
  left: -13px;
  width: 183px;
  height: 19px;
  background: #8aa1c0; 
  display: block;
}
h1, h2, h3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
h2 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.titleheader {
	position: absolute;
	left: -3px;
	padding-top: 3px;
	color: #ffffff;
	font-weight: bold;
	z-index: 20;
}

/* Aktuelles */

#aktuelles {
	z-index: 10;
}
#aktuelles ul {
	margin: 0;
	list-style: none;
}

/* Login */

#login {
	position: relative;
  	top: 0px;
	z-index: 10;
}
#login form {
	position: relative;
	top: 0px;
}
input, select, textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px; 
	color : #000000;
	padding: 1px;
	border : 1px solid #666666;
}
.input { 
	padding: 1px;
	border : 1px solid #8aa1c0;
}
.inputspezial { 
	padding: 1px;
	border : 1px solid #ffffff;
}
.submit {
	background: #ececec;
	color: #000000;
	font-size: 11px;
	width: 80px;
	margin-top: 2px;
}
#toplinks {
	position: relative;
  	top: 12px;
	z-index: 10;
}

/* Admin */

#contentadmin { 
	background: url(images/content_spezial.jpg) no-repeat;
	min-height: 850px;
	height: expression(this.scrollHeight > 850 ? "auto":"850px"); 
}
#adminbereich {
	position: absolute;
	left: -5px;
	top: 10px;
	width: 540px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
ul#loginnavigation {
	position: absolute;
	left: 739px;
	top: 20px;
	width: 180px;
    margin: 0; 
	padding: 2px;
    text-align: left;
    border: none;
}
ul#loginnavigation li {
   	background-color: #efefef;
	color: #000000; 
	list-style: none;
    display: block;
    margin: 2px; 
	padding-left: 5px;
}
ul#loginmenu li {
   	color: #666666; 
	list-style-type: square;
	margin: 2px; 
	padding-left: 5px;
}
#titleheader_adminnavigation {
	position: absolute;
	left: -7px;
	padding-top: 3px;
	color: #ffffff;
	font-weight: bold;
	z-index: 20;
}

/* See-Bezirke */

#contentbezirke { 
	background: url(images/content.jpg) no-repeat;
	min-height: 855px;
	height: expression(this.scrollHeight > 855 ? "auto":"855px"); 
}
#contentbezirkespezial { 
	background: url(images/content_spezial.jpg) no-repeat;
	min-height: 855px;
	height: expression(this.scrollHeight > 855 ? "auto":"855px"); 
}
ul#bezirknavigation {
	position: absolute;
	left: -9px;
	top: 20px;
	width: 140px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
ul#bezirknavigation li {
   	background-color: #efefef;
	color: #000000; 
	list-style: none;
    display: block;
    margin: 2px; 
	padding: 0;
}
ul#bezirknavigation a, ul#bezirknavigation span {
    text-decoration: none; 
	color: #000000;
}
* html ul#bezirknavigation a, * html ul#bezirknavigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#bezirknavigation a:hover, ul#bezirknavigation span {
    color: #7e8193; 
	background-color: #ffffff;
	display: block;
	font-weight: bold;
	width: 136px;
}
ul#bezirknavigation a.hauptbezirk {
	color: #ffffff; 
	background-color: #7e8193;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	width: 134px;
	padding-left: 2px;
}
div#faktengemeinde {
	position: absolute;
	top: 53px;
	left: 140px;
	width: 160px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
div#kartengemeinde {
	position: absolute;
	left: 470px;
	top: 40px;
	width: 100px;
    margin: 0; 
	padding: 0;
    border: none;
}
div#wappengemeinde {
	position: absolute;
	left: 620px;
	top: 40px;
	width: 100px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
div#titelgemeinde {
	position: absolute;
	left: 140px;
	top: 20px;
	width: 540px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
.titelgemeinde {
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 3px;
	width: 325px;
}
.faktengemeinde {
	background-color: #A6A4C6;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 2px;
}
div#inhalt {
	position: absolute;
	left: 140px;
	top: 180px;
	width: 580px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
div#inhalt li {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-type:none;
}
div#inhaltbezirk {
	position: absolute;
	left: 140px;
	top: 60px;
	width: 580px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}
div#inhalttop {
	position: absolute;
	left: 140px;
	top: 30px;
	width: 580px;
    margin: 0; 
	padding: 0;
    text-align: left;
    border: none;
}

/* Branchen-Verzeichnis */

#contentbranchen { 
	background: url(images/content.jpg) no-repeat;
	width: 952px;
	min-height: 770px;
	height: expression(this.scrollHeight > 770 ? "auto":"770px"); 
}
#contentdienstleistungen { 
	background: url(images/content.jpg) no-repeat;
	width: 952px;
	min-height: 960px;
	height: expression(this.scrollHeight > 960 ? "auto":"960px"); 
}
#contenteintraege { 
	background: url(images/content.jpg) no-repeat;
	width: 952px;
	min-height: 1350px;
	height: expression(this.scrollHeight > 1350 ? "auto":"1350px"); 
}

.kleinkursiv {
	font-size: 10px;
	font-style: italic;
}
.weissfett {
	color: white;
	font-weight: bold;
}
.darkblue {
	background-color: #efefef;
	color: #333399;
	font-weight: bold;
}
.erfolgreich {
	color: #009933;
	font-weight: bold;
}
.warnung {
	color: #ff0000;
	font-weight: bold;
}

.button_edit {
	background-color: #8aa1c0;
	color: white;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}
.button_edit a:link {
	color: white;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
}
.button_edit a:active {
	color: white;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
}
.button_edit a:visited {
	color: white;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
}
.button_edit a:hover {
	color: white;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
}
.border_edit {
	border: 1px solid #efefef;
	padding: 2px;
}
.submitbutton {
	background-color: #efefef;
	border: 1px solid black;
	cursor: pointer;
}

a:link { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11px; 
	text-decoration: none; 
	color: #7e8193; 
}
a:active { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11px; 
	text-decoration: none; 
	color: #7e8193; 
}
a:visited { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11px; 
	text-decoration: none; 
	color: #7e8193; 
}
a:hover { 
	color: #335368; 
	text-decoration: underline;
}

a.weiss:link { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11px; 
	text-decoration: none; 
	color: #ffffff; 
}
a.weiss:active { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11px; 
	text-decoration: none; 
	color: #ffffff; 
}
a.weiss:visited { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11px; 
	text-decoration: none; 
	color: #ffffff; 
}
a.weiss:hover { 
	color: #ffffff; 
	text-decoration: underline;
}

/* POST-IT PROFITIEREN SIE */

#profitieren {
	background: url(images/profitieren_klein.gif) no-repeat;
	position: absolute;
	top: 630px;
	left: 400px;
	height: 200px;
	width: 310px;
	z-index: 20;
}
#profitieren2 {
	background: url(images/profitieren_klein.gif) no-repeat;
	position: absolute;
	top: 750px;
	left: 460px;
	height: 200px;
	width: 310px;
	z-index: 20;
}

/* Immobilien */
#contentImmobilien { 
	background: url(images/content_spezial.jpg) no-repeat;
	width: 952px;
	min-height: 960px;
	height: expression(this.scrollHeight > 960 ? "auto":"960px"); 
}

.immobilien {width:690px; text-align:left; position:relative; margin:0 auto;}
.immobilien ul.immo {display: inline; padding-bottom:10px; margin:0; list-style:none; width:690px; height:auto; position:relative; z-index:10;}
.immobilien ul.immo li {display:block; width:150px; height:170px; float:left; text-align:center; border:10px solid #ccc; margin:1px;}
.immobilien ul.immo li a {display:block;font-size:11px; width:145px; height:167px; text-align:center; line-height:16px; color:#000; float: left; text-decoration:none; border:1px solid #fff; background:#efefef; font-family:verdana, arial, sans-serif;}
.immobilien ul.immo li img {display:block;  border-top:5px solid #efefef;}

.immobilien2 {width:690px; top: 210px; text-align:left; position:absolute; margin:0 auto;}
.immobilien2 ul.immo2 {display: inline; padding-bottom:10px; margin:0; list-style:none; width:690px; height:auto; position:relative; z-index:10;}
.immobilien2 ul.immo2 li {display:block; width:150px; height:170px; float:left; text-align:center; border:10px solid #ccc; margin:1px;}
.immobilien2 ul.immo2 li a {display:block;font-size:11px; width:145px; height:167px; text-align:center; line-height:16px; color:#000; float: left; text-decoration:none; border:1px solid #fff; background:#efefef; font-family:verdana, arial, sans-serif;}
.immobilien2 ul.immo2 li img {display:block;  border-top:5px solid #efefef;}

#immobilienDetailsLinks {
	position: absolute;
  	top: 20px;
  	left: 0px;
  	width: 500px;
  	display: block;
}
#immobilienDetailsRechts {
	position: absolute;
  	top: 20px;
  	left: 520px;
  	width: 180px;
	background: #eeeeee;
	padding: 10px;
}
#immobilienBilder {
	position: relative;
	margin-top: -55px;
  	top: 80px;
  	left: -10px;
  	width: 200px;
	display: block;
	padding: 0;
}

/* Gastro */
#contentGastro { 
	background: url(images/content.jpg) no-repeat;
	width: 952px;
	min-height: 960px;
	height: expression(this.scrollHeight > 960 ? "auto":"960px"); 
}

.gastro {width:690px; text-align:left; position:relative; margin:0 auto;}
.gastro ul.guide {display:inline; padding-bottom:10px; margin:0; list-style:none; width:690px; height:auto; position:relative; z-index:10;}

.gastro ul.guide li {display:inline; width:650px; height:140px; float:left; text-align:left; border:10px solid #ccc; padding-top:1px;margin:1px;}
.gastro ul.guide li td {padding-right: 20px;}
.gastro ul.guide li a {display:block; font-size:11px; width:180px; height:137px; text-align:center; color:#000; text-decoration:none; border:1px solid #fff; background:#efefef; font-family:verdana, arial, sans-serif;}
.gastro ul.guide li img {display:inline; border-top:15px solid #efefef;}

#gastroDetailsLinks {
	position: absolute;
  	top: 20px;
  	left: 0px;
  	width: 500px;
  	display: block;
}
#gastroDetailsRechts {
	position: absolute;
  	top: 20px;
  	left: 520px;
  	width: 180px;
	background: #eeeeee;
	padding-left: 10px;
}
#gastroBilder {
	position: relative;
	margin-top: 0;
  	top: 0;
  	left: 0;
  	width: 200px;
	display: block;
	padding-bottom: 20px;
}
.gastroKueche {
	color: #003399;
	font-weight: bold;
}

/* Footer */

#footer {
	clear: both;
	position: relative;
	background: url(images/zsol_balken_unten.jpg) no-repeat;
	height: 30px;
	width: 952px;
	margin: auto;
	color: #ffffff;
  	font-size: x-small;
	text-align: center;
    border: none;
}
.footercontent {
	position: relative;
	top: 11px;
}
#footer a {
	color: #ffffff;
	font-size: x-small;
	border: none;
	text-decoration: none; 
}

/*]]>*/