﻿/*farbcodes tg.ch
------------------------------------------
--------------------------------------------
#ffff33 = horizont gelb
#33ad33 = horizont gruen
#92d6f5 = horizont blau
#eefaee = hellgruen banner
#E2E2E2 = grau spalten
------------------------------------------
-------------------------------------------*/
body {
	padding: 0;
	margin: 0 0 10px 0;
	background-color: #E8E8E8;
	color: #000000;
	font-size: 0.75em;
	line-height: 1.3em;
	font-family: Verdana, Arial, Sans-Serif;

}
#accesskeys {
	position: absolute;
	top: -500px;
}
#container-3spaltig,
#container-2spaltig {
	text-align: left;
	margin: auto;
	width: 990px;
	background-image: url("/pictures/bg_spalten.gif");
	background-repeat: repeat-y;
	border: 1px solid #cccccc;
	border-top: none;
}
#container-2spaltig {
	background-image: url("/pictures/bg_spalten2.gif");
}

* html #container-3spaltig {
    background-image: url("/pictures/bg_spaltenIE.gif");
}
*+html #container-3spaltig {
    background-image: url("/pictures/bg_spaltenIE.gif");
}


/* Kopfbereich 
------------------------------------------
------------------------------------------*/
#header {
	height: 117px;
	background-color: #fff;
	background-image: url("/pictures/background.gif");
	background-repeat: repeat-x;
	padding-left: 10px;
}
#logo {
	float: right;
}
#toptitle-amt {
	float: left;
	font-size: 1.35em;
	color: #000;
	margin: 25px 0px 0px 0px;
	padding: 0 0 2px 0;
}

/* breadcrumb
---------------------------------------*/
ul#breadcrumb {
	margin: 0 0 20px 0;
	padding: 0;
		}

ul#breadcrumb li {
	float:left;
	margin: 0 !important;
	padding: 0;
	list-style-type:none;
	}

ul#breadcrumb li a  {
	padding:0 10px 0 0;
	background:url(/pictures/trenner_breadcrumb.gif) right 50% no-repeat;	
	}

/* suche / quicklinks
------------------------------------------*/
form#volltextsuche {
	margin: 0;
	padding: 15px 0px 0px 0px;
	clear: left;
}
ul#quicklinks li.suche-top {
	border-right: none;
	padding: 0px 3px 0px 3px;
}
form#volltextsuche #search {
	margin: 0;
	color: #999;
	font-size: 10px;
	width: 125px;
	padding: 3px 2px 2px 4px;
	border: solid 1px;
	margin-right: 4px;
}
img.lupe {
	position: relative;
	top: 4px;
}
#search:hover, #search:focus {
	color: #6b6b6b;
	border: solid 1px;
}
ul#quicklinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#quicklinks li {
	padding: 0px 7px 0px 4px;
	margin: 0;
	display: inline;
	border-right: 1px solid #909090;
}
* html ul#quicklinks li {
	padding: 0px 4px 0px 7px;
}
ul#quicklinks li a {
	color: #626262;
	text-decoration: none;
}
ul#quicklinks  li a:hover {
	color: #626262;
	text-decoration: underline;
}
ul#quicklinks li.erstereintrag {
	padding: 0;
	margin-right: 18px;
	border-right: none;
}
/* linke spalte 
------------------------------------------
------------------------------------------*/
#navi {
	width: 156px;
	float: left;
	min-height: 420px;
	height:auto !important;  /* für moderne Browser */
	height:420px;  /*für den IE */
}
/* rechte spalte 
------------------------------------------
------------------------------------------*/
#right {
	width: 190px;
	float: right;
}
/* content 
------------------------------------------
------------------------------------------*/
#content {
	width: 625px;
	margin: 0 0 0 165px;
}
* html #content {
	overflow: hidden;
}
#container-2spaltig #content {
	width: 817px;
	margin: 0 0 0 165px;
}
* html #container-2spaltig #content {
	width: 814px;
}
/* nav-bottom 
------------------------------------------
------------------------------------------*/
ul#nav-bottom {
	clear: both;
	border-top: 1px solid #cccccc;
	padding: 5px 0px 9px 0px;
	width: 625px;
	margin: 25px 0px 0px 165px;
}
#container-2spaltig ul#nav-bottom {
	width: 817px;
}
* html #container-2spaltig ul#nav-bottom {
	width: 814px;
}
ul#nav-bottom li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#nav-bottom li.print {
	margin: 0;
	padding: 0;
	float: right;
}
ul#nav-bottom a {
	color: #626262;
	text-decoration: none;
}
ul#nav-bottom a:hover {
	color: #0000cc;
	text-decoration: underline;
}
/*=sidebar
------------------------------------------
------------------------------------------*/
#sidebar {
	font-size: 12px;
	line-height: 13px;
	padding: 0;
	margin: 0;
	text-align: left;
}
#sidebar dl {
	margin: 0 auto;
	padding: 0;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
#sidebar dt {
	margin: 0;
	padding: 4px 8px;
	font-weight: bold;
	color: #fff;
	background-color: #666666;
}
#sidebar dd {
	margin: 0;
	padding: 0;
	background-color: #EEFAEE;
	border-bottom: 1px solid #666666;
}
#sidebar a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 7px 5px 0 45px;
}
* html #sidebar a {
	width: 187px;
}
*+html #sidebar a {
	width: 138px;
}
#sidebar a img {
	float: left;
	margin-top: -7px;
	margin-left: -45px;
	margin-right: 6px;
}
* html #sidebar a img {
	margin-left: -48px;
}
#sidebar a:hover {
	color: #0000cc;
	background-color: #fff;
}
/* diverses 
------------------------------------------
------------------------------------------*/
.hidden, .invis {display: none;}
.clear {clear: both;}
img.gruen {border: 1px solid #39a139;}


#formmail textarea {
font-family: Verdana, Arial, Sans-Serif;
font-size: 1em;
}

