/*************************************************************************/
/**** CSS - Gemeinde Egnach **********************************************/
/**** February 2009 ******************************************************/
/*************************************************************************/
/**** START design debug ***************************************************************************/
div{	
	/*border:1px solid red;*/
}
/**** END design debug *****************************************************************************/
body{
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:0px;
	font-family:Arial, Verdana, sans-serif;
	color:#1b161c;
	font-size:11px;
	line-height:14px;
}

/**** START «LINK»-tags ****************************************************************************/
a{
	color:#026745;
	outline: none;
	text-decoration:none;
}
a:hover{
	color:#1a171b;
	text-decoration:none;
}

#pagenav{
	float:left;
	clear:none;
	width:520px;
	padding-top:10px;
	text-align:center;
}
#pagenav a:hover, #pagenav a.activepage{
	color:#1a171b;
	text-decoration:none;
}
/**** END «LINK»-tags ******************************************************************************/

/**** START Formularfelder**************************************************************************/
.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	height:19px;
	padding:0px 4px 4px 4px;
	vertical-align:middle;
	background-color:#026745;
	border: 1px solid #b2b3b4;
}
.searchformfix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
	height:12px;
	border: 1px solid #b3b3b5;
	border: 1px solid #b3b3b5;
	background-color:#fffffff;
}
.InputSelect{
	width:90px;
	font-size:11px;
	border:1px solid #026745;
}
.InputSelect1{
	width:140px;
	font-size:11px;
	border:1px solid #026745;
}
.InputSelect2{
	width:50px;
	font-size:11px;
	border:1px solid #026745;
}
.formfix2{
	width: 180px;
	font-size: 11px;	
	border: 1px solid #026745;
}
.formfix3{
	width: 200px;
	font-size: 11px;
	border: 1px solid #026745;
}
.formFormular{
	font-size: 11px;
	height:14px;
	border: 1px solid #026745;
}
.InputSelectForm{
	font-size:11px;
	border:1px solid #026745;
}
.inputgaptcha{
	font-family:Arial, Verdana, sans-serif;
	font-size:20px;
	font-weight:bold;
	height:22px;
	border:1px solid #026745;
}
/**** ENDE F333rmularfelder**************************************************************************/

/* Start Style für Sitemap **************************************************************************/
#sitemap{
	float:left;
	clear:none;
}
#sitemap a{
	text-decoration:none;
	color:#026745;	
}
/* 	Haupt-Kategorie */
#sitemap ul li{
	font-size:11px;
	list-style-image: url(/pagemedia/ul.gif);
}
/* 	Unterkategorien */
#sitemap ul li ul li{
	font-size:11px;
	list-style-image: url(/pagemedia/ul.gif);
}
#sitemap a:hover{
	text-decoration:none;
	color:#1b161c;
}
/* Ende Style für Sitemap ***************************************************************************/

/* Alle Bilder ohne Rahmen */
img{
	border:none;
}
/*	Formatierung Überschriften */
h1{
	font-size:13px;
	font-weight:bold;
	color:#1b161c;
	padding:0px;
	margin:0px;
}
h2{
	font-size:12px;
	color:#1a171b;
	font-weight:bold;
	padding:0px;
	margin-bottom:5px;
}
h3{
	font-size:11px;
	color:#1b161c;
	padding-top:3px;
	padding-bottom:2px;
	margin:0px;
}
h4{
	font-size:11px;
	color:#1b161c;
	padding-top:3px;
	margin:0px;
}
hr{
	width:530px;
	color:#026745;
	background-color:#026745;
	height:1px;
	border:0px dashed blue;
}

/**** START Haupt Frame ************************************************************************************/
#main{
	float:left;
	clear:none;
	width:970px;
	background-color:#f6f6f6;
}
#headerLinksHome{
	float:left;
	clear:none;
	width:270px;
	height:250px;
	background-image:url(/pagemedia/bgHeaderLinksHome.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#headerRechtsHome{
	float:left;
	clear:none;
	width:700px;
	height:250px;
}
#headerBildHome{
	float:left;
	clear:none;
	width:700px;
	height:220px;
	overflow:hidden;
	}
#headerLinksIndex{
	float:left;
	clear:none;
	width:220px;
	height:158px;
	background-image:url(/pagemedia/bgHeaderLinksIndex.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#headerRechtsIndex{
	float:left;
	clear:none;
	width:750px;
	height:158px;
}
#headerBildIndex{
	float:left;
	clear:none;
	width:750px;
	height:128px;
	overflow:hidden;
	}
#toprechts{
	float:right;
	clear:none;
	height:30px;
	text-align:right;
	overflow:hidden;
}
/**** ENDE Haupt Frame ************************************************************************************/

/**** START nav top ************************************************************************************/
#metaTop{
	width:970px;
	height:31px;
}
#strich{
	float:left;
	clear:none;
	padding-top:12px;
	padding-left:3px;
	padding-right:3px;
}
#lupe{
	float:left;
	clear:none;
	width:30px;
	height:25px;
	padding-top:10px;
	padding-right:15px;
}
#suchen{
	float:left;
	clear:none;
	padding-top:8px;
	padding-left:5px;
}
#navTop{
	float:left;
	clear:none;
	text-align:left;
	font-size:11px;
	padding-top:10px;
}
#navTop a{
	color:#1a171b;
}
#navTop a, #navTop a:visited{
	color:#1a171b;
}
#navTop a:hover, #navTop a.active{
	color:#026745;
}
.adresse{
	float:left;
	clear:none;
	width:168;
	line-height:14px;
}
.adresseIndex{
	width:168;
	line-height:14px;
	padding-bottom:20px;
	padding-left:13px;
}
/**** END nav top ************************************************************************************/

/*** Beginn Linker Panel *****************************************************************************/
#left_panel{
	float:left;
	clear:none;
	width:167px;
}
/*	############## Beginn Navigation Links ######### */
#left ul {
	margin:0px;
	padding:0px;
}
#left ul li{
	margin:0px;
	padding:0px;
	line-height:normal;
	list-style-type:none;
}
#left ul li a{
	color:#1b161c;
	margin-left:15px;
	margin-right:15px;
	padding:0px;
	line-height:22px;
	border-bottom:1px solid #94bba9;	
	display:block;
}
#left ul li a.activelink{
	color:#1b161c;
	font-weight:bold;
}
#left ul li a:hover{
	color:#026745;
}
/*	Sub-Navigation */
left ul li ul {
	margin:0px;
	padding:0px;
}
#left ul li ul li {
	margin:0px;
	padding:0px;
	line-height:normal;
	list-style-type:none;
}
#left ul li ul li a{
	color:#1b161c;
	padding-left:15px;
	margin-left:15px;
	margin-right:15px;
	line-height:16px;
}
#left ul li ul li a.subactive{
	color:#1b161c;
	font-weight:bold;
}
#left ul li ul li a:hover{
	color:#026745;
}
/*	############## Ende Navigation Links ######### */
#wetter{
	clear:both;
	z-index:1000;
	top:400px;
	position:absolute;
	width:142px;
	height:70px;
	padding-left:13px;
	display:none;
}
#wetterRahmen{
	clear:none;
	float:left;
	border:1px solid #026745;
}
#wetterDetail{
	text-align:center;
	clear:none;
	float:left;
	color:#000000;
	background-color:#e1f0e9;
}
.wetterDay{
	color:#000000;
	font-size:11px;
}
.tempBlue{
	color:#0000FF;
	font-size:10px;
}
.tempRed{
	color:#FF0000;
	font-size:10px;
}
.tempTemperaturen{
	text-align:center;
	clear:none;
	float:left;
	width:29px;
}
/***Ende Linker Panel ********************************************************************************/

/*** Beginn Rechter Panel ****************************************************************************/
#right_panel{
	float:left;
	clear:none;
	width:175px;
}
#rightBild{
	text-align:left;
	clear:both;
	z-index:1000;
	position:absolute;
	width:114px;
	padding-left:32px;
}
.Bild{
	float:left;
	clear:none;
	padding-top:5px;
}
/**** Beginn Quicklink Navigation ********************************************************************************/
#right{
	float:left;
	clear:none;	
	width:175px;
	text-align:left;
	padding:0px;
	margin:0px;
}
#right ul {
	float:left;
	clear:none;
	width:160px;
	margin: 0px;
	padding-left:10px;
}
#right ul li{
	float:left;
	clear:none;
	width:160px;
	padding-left:20px;
	padding-top:6px;
	list-style-type:none;
}
#right ul li a{
	float:left;
	clear:none;
	width:160px;
	color:#1b161c;	
	background-image:url(/pagemedia/linieNaviRechts.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#right ul li a:hover {
	float:left;
	clear:none;
	color: #026745;
}
#right ul li a.rightactive {
	float:left;
	clear:none;
	color: #1b161c;
	font-weight:bold;
}
/*** Ende Rechter Panel ****************************************************************************/

/*	############# Content Panel ######### */
#inhalt{
	clear:none;
	float:left;
	width:970px;
	min-height:610px;
	height:auto !important;
	height:610px;
	background-image:url(/pagemedia/bg_content.gif);
	background-repeat:repeat-y;
	background-position:top;
}
#content_panel{
	clear:none;
	float:left;
	width:564px;
	color:#1a171b;
}
#content{
	clear:none;
	float:left;
	width:518px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
}
.content_title {
	font-weight:bold;
	font-size:12px;
	color:#cc0033;
	padding:0px 0px 4px 0px;
	border-bottom:1px solid #cc0033;
}
#contentFrmTBL {
	float:left;
	clear:none;
	width:524px;
	padding-top:5px;
	padding-bottom:5px;
}
#abstandLinks{
	clear:none;
	float:left;
	width:32px;
	height:10px;
}
#abstandRechts{
	clear:none;
	float:left;
	width:38px;
	height:10px;
}
/**** START Startseiteblock *************************************************************************/
#abstandBlock{
	clear:none;
	float:left;
	width:524px;
	height:20px;
}
#block{
	float:left;
	clear:none;
	width:249px;
	margin:0px ;
	padding:0px;
}
#blockAbstand{
	float:left;
	clear:none;
	width:20px;
	height:1px;
}
#blockHeader{
	width:249px;
	height:11px;
	background-image:url(/pagemedia/blockHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#blockTitle{
	width:249px;
	height:20px;
	vertical-align:middle;
	background-image:url(/pagemedia/blocktitle.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#blockContent{
	width:249px;
	background-image:url(/pagemedia/blockContent.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-position:top left;
	min-height:150px;
	height: auto !important;
	height:150px;
}
.blockInhalt{
	color:#D3E2F2;
	overflow:hidden;
	width:232px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;	
}
#blockFooter{
	width:249px;
	height:25px;
	background-image:url(/pagemedia/blockFooter.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.blockDatum{
	float:left;
	clear:none;
	width:60px;
	font-size:11px;
	line-height:12px;
	color:#1b161c;
	font-weight:bold;
}
.blockTitel{
	float:left;
	clear:none;
	width:175px;
	line-height:14px;
	font-size:11px;
	color:#1a171b;
	font-weight:normal;
	padding-bottom:8px;
}
.blockLink{
	float:left;
	clear:none;
	text-align:right;
	width:252px;
	height:15px;
}
.alle{
	border:none;
	width:145px;
	margin-left:12px;
	font-weight:bold;
	text-decoration:none;
}
/**** ENDE Startseiteblock *************************************************************************/

/**** START Reservationen **************************************************************************/
.resTitel{
	color:#FFFFFF;
	background-color:#026745;
	}
/**** ENDE Reservationen **************************************************************************/
/**** START paragraph ******************************************************************************/
.paragraph_first_main{
	float:left;
	clear:none;
	width:100%;
}
.paragraph_first_image{
	float:right;
	clear:none;
}
.paragraph_first_content{
	float:left;
	clear:none;
}
.paragraph_first_more, .paragraph_second_back{
	width:423px;
	float:left;
	clear:none;
	text-align:right;
	padding-top:10px;
}
.paragraph_first_more a, .paragraph_second_back a {
	text-decoration: none;
}
.paragraph_second_main{
	width:423px;
	margin-top:0px;
	margin-bottom:5px;
	float:left;
	clear:none;
}
.paragraph_second_image{
	float:right;
	clear:none;
}

.paragraph_second_content{
	float:left;
	clear:none;
	margin:5px;
}
/**** END paragraph ********************************************************************************/
#footer{
	float:left;
	clear:none;
	width:970px;
}
/**** Ende linke Navigation ****3******************************************************************/

/**** START ONLINE-SCHALTER ***********************************************************************/
#PageTitle {
	font-weight:bold;
	padding:0px 0px 6px 0px;
	margin:0px 0px 0px 0px;
}
#TableTitle {
	color:#1b161c;
	font-weight:bold;
	padding:4px 0px 6px 0px;
}
.TableTitle {
	font-weight:bold;
	padding:4px 0px 6px 0px;
}
#TableHead {
	background:#c2d6cb;
	color:#1b161c;
}
.TableHead {
	background:#c2d6cb;
	color:#1b161c;
}
#TableHeadOnline {
	color:#1b161c;
	vertical-align:middle;
}
#Table {
	width:100%;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
}
.Table {
	width:100%;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
}
#TableOverview {
	width:100%;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
}
#TableOverview td {
	vertical-align:top;
}
.TableOverview {
	width:100%;
	text-align:left;
	vertical-align:top;
	font-family: Arial, Verdana, sans-serif;
}
.TableOverview td {
	vertical-align:top;
}
.width350 {
	width:350px;
}
.width280 {
	width:280px;
}
.width250 {
	width:250px;
}
.width220 {
	width:220px;
}
.width200 {
	width:200px;
}
.width180 {
	width:180px;
}
.width150 {
	width:150px;
}
.width130 {
	width:130px;
}
.width120 {
	width:120px;
}
.width110 {
	width:110px;
}
.width100 {
	width:100px;
}
.width90 {
	width:90px;
}
.width75 {
  width:75px;
}
.width60 {
	width:60px;
}
.width50 {
	width:50px;
}
.width33 {
  width: 32.7%;
}
.width25 {
  width: 24.7%;
}
.width20 {
	width:15px;
}
.width15 {
	width:15px;
}
#Table td {
	vertical-align:top;
}
.Table a:link, .Table a:visited, .Table a:active{
	color:#026745;
	text-decoration:none;
}
.Table a:hover {
	color:#1a171b;
	text-decoration:none;
}
#Table a:link, #Table a:visited, #Table a:active{
	color:#026745;
	text-decoration:none;
	font-style:italic;
}
#Table a:hover {
	color:#1a171b;
	text-decoration:none;
	font-style:italic;
}
#TableLine {
	background-image:url(/pagemedia/tableline.gif);
	background-repeat:repeat-x;
	height:1px;
}
#GovDescription {
	padding:0px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
.GovDescription {
	padding:0px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
}
#GovDescription a:link, #GovDescription a:visited, #GovDescription a:active{
	color: #026745;
	text-decoration:none;
}
#GovDescription a:hover {
	color: #CC0033;
	text-decoration:none;
}
#onlineHPTBL {
	width:683px;
	text-align:left;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:5px 0px 0px 10px;
	margin:0px 0px 15px 0px;
}
.row1 {
background-color:transparent;
}
.row2 {
background-color:#f6f6f6;
}
/**** END ********************************************************************************************/