/*Design & Code by 
Verve - Webdesign und Grafik
Aathalstrasse 84, CH-8610 Uster, Switzerland
Tel. +41-43-399 0392, Fax. +41-43-399 0562, info@verve.ch, www.verve.ch
Letzte Aenderung:27.01.2009

Copyright ©2008 Verve Webdesign und Grafik - Switzerland. All Rights Reserved.
All content from this site may not be reproduced without prior written permission.
All characters, titles and plublication names on this site are the intellectual property 
of their respective owners/creators.

<BASE HREF=http://www.stationhittnau.ch>*/

/* =Browser Reset
-------------------------------------------------------------------------*/
p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style: none;
}
a {
	outline: 0;
}

html {
overflow-y:scroll;
}

html {
overflow-y:scroll;
}

body {
	background-color:#E6E7E8;
	font-size: 12px;
	font-family: Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
	color:#FFFFFF;  
	padding:0px;
	margin: 0px;
background-image:url(/images/body_bg.gif);
background-repeat: repeat-y;
background-position:center;
}

h1{
	font-size:18px;
}

/* for iePC */ td {
	font-size: 12px;
}

a { color: #FFFFFF;text-decoration: underline;}
a:hover { text-decoration:none;color:#CCCCCC;}
a:visited { text-decoration:underline;color:#CCCCCC;}


form{
	padding: 0px;
	margin: 0px;
}

.form{
	padding: 0px;
	margin: 5px 25px 15px 25px;
}

textarea, .formgenerell input, input.formgenerell {
	width:300px;
	margin-top: 5px;
	padding: 2px;
}

.formbutton {
	width:100px;
	border: 1px solid #aaaaaa; 
}

.textarea{
    height: 80px;
}

.captcha {
width:100px;
border: 1px solid #aaaaaa; 
margin-top: 5px;
padding: 2px;
}

/* patforms filter */
.formErrors {
    margin: 5px 25px 25px 25px;
    padding: 5px 5px 5px 5px;
    border: 1px solid ;
    background-color: #FFBBBB;
}

.formlabelerror {
    color: #BB1111;
    font-weight: bold;
}

/* container to center the layout
-------------------------------------- */
#wrappertabs {
	width:943px;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	background:transparent;
}

#wrapper{
	width:840px;
	margin:0 0 0 40px;
	background:transparent;
}

#container {
	width:840px;
	margin:0px;
	background-color:#FFF;
background: url(/images/container_bg.gif) top left repeat-y;
}


/* head container for logo and metanavi
-------------------------------------- */
#banner {
	padding: 0px;
	margin: 0px;
	background-color:#FFFFFF;
height:80px;
}
#banner a {
	color: #194182;
	text-decoration:none; 
}
#banner  a:hover {
	color: #3B649F;
}

.logo {
padding-top:30px;
}

#metanavi { 
	float: right;
	padding: 52px 5px 0px 0px;
	margin: 0px;
font-size:12px;
}
.dist {
padding-left:30px;
}
img {
border:none;
}
.index {
width:840px;
height:405px;
margin-left:auto;
margin-right:auto;
background-color:#194182;
z-index:200;
}

/* content elements
-------------------------------------- */
#content {
	padding:0 0 20px 0;
	margin:0 0 0 180px;
	background-color:#194182;
min-height:470px;
}

#content h1 {
font-size:12px;
	line-height: 18px;
	padding: 30px 0 0 0;
	margin:0 100px 0 85px;
font-weight:bold;
}
#content h4{
margin:0;
padding:0 0 10px 0;
font-size:12px;
line-height:18px;
}

#content p {
	line-height: 18px;
	padding: 0px;
	margin:30px 100px 0 85px;
}
#content p.bauland { 
	padding:0; 
	margin:0 100px 0 85px;
}
#content p.impressum {
	line-height: 18px;
	padding: 0px;
	margin:0px 100px 0 85px;
}
#content p.center{
	text-align:center;
}

#content .floatleft {
float:left;
margin:0px;
padding:0px;
}
.description {
padding:5px 10px 0 0;
margin:0;
line-height:18px;
}
.clearright {
clear:right;
}

#content .imgdist {
margin:0 0 15px 0;
}

#content ul {
list-style-image:none;
	padding: 0 20px 0 0;
	margin: 0 100px 0 85px;
line-height:18px;
}
#content li {
list-style-type:none;
padding-left:12px;
background:url(/images/list.gif) no-repeat left top;
}
#content .box1 { 
width:530px;
padding: 0px;
margin:30px 100px 0 85px;
* margin:30px 10px 0 85px;
}
#content .box1 p { 
padding:0px;
margin:0px 20px 0px 120px;
}

#content .tab {
	margin:30px 30px 0 85px;

}
#content .tabhinweis {
font-size:10px;
}

#content .lageplan {
padding-left:85px;
margin-top: 30px;
}
.upper { text-transform:uppercase;}

/* elements for left and right navigation
-------------------------------------- */
#left {
  float:left;
  width:165px;
  min-height:470px;
  margin:0 15px 0 0px;
  padding:0px 0px 0px 0px;
  background-color:#194182;
  display:inline;
  }
#left ul a {
  padding-left:10px;
  display:block;
  color:#FFF;
  font-size:14px;
  letter-spacing:0.5px;
  text-decoration:none;
  background-color:#194182;
  border-bottom:1px solid #FFF;
  }
#left ul ul a {
  padding:0px 0px 0px 20px;
  display:block;
  color:#fff;
  font-size:12px;
  letter-spacing:0.5px;
  text-decoration:none;
  border-bottom:1px solid #88AFDB;
  }

#left ul a:hover { color:#FFFFFF;background-color:#88AFDB;}
#left ul a.selected { color:#FFFFFF;font-weight:normal;background-color:#88AFDB;font-weight:bold;}
#left ul ul a:hover { color:#FFFFFF;background-color:#88AFDB;}
#left ul ul a.selected { color:#FFFFFF;font-weight:normal;background-color:#88AFDB;}

#left ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  background-color:#FFFFFF;
  }
#left ul ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  }
#left ul ul ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  }
#left li {
  display:inline; /* :KLUDGE: Removes large gaps in IE/Win */
  line-height:28px;
  }
#left li li {
  display:inline; /* :KLUDGE: Removes large gaps in IE/Win */
  line-height:1.8em;
  }


/*footer
-------------------------------------- */
#footer {
	clear: both;
	padding: 3px 0;
	color: #CCCCCC;
	font-weight: normal;
	margin: 0px;
	background-color:#FFFFFF;
font-size:11px;
}

/*tables
-------------------------------------- */
table.tablesorter {
	font-family:arial;
	background-color: transparent;
	margin:10px 20px 10px 20px;
	font-size: 11px;
	width: 95%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: transparent;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/js/themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #FFF;
	padding: 4px;
	background-color: transparent;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/js/themes/blue/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/js/themes/blue/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: transparent;
}

/*Tabbed Nav Information
-------------------------------------- */
#nav {
	float: right;
	width:33px;
	background: #e1e1e1;
	margin:0;
padding:0;
}

#nav ul, li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.hittnau {
	display: block;
	width:33px;
	height:265px;
	background-image: url(/images/liho-hittnau.gif);
	background-repeat: no-repeat;
	background-position: 0;

}

.oberkempttal {
	display: block;
	width:33px;
	height:230px;
	background-image: url(/images/li-oberkempttal.gif);
	background-repeat: no-repeat;
	background-position:0;
}

a.hittnau, a.oberkempttal {
background-position: 0px 0;
}

a.hittnau:hover {
	background-image: url(/images/li-hittnau.gif);
	background-repeat: no-repeat;
	background-position: 0;
}

a.oberkempttal:hover {
	background-image: url(/images/liho-oberkempttal.gif);
	background-repeat: no-repeat;
	background-position: 0;
}