/* ********************************************************************************
 * Sections
 * body		     Page body
 * .container    Page container
 * .banner		 Logo + horizontal 1st level navigation
 * .banner		 The main content area
 * .sidebar-a    Left Sidebar
 * .footer       Footer with Customer Login
 */

/* Main definitions - applying to all other elements */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bkgr.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: center;
	background-attachment: fixed;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* Container definitions - applying sidebar-a, content and footer */

.container {
	width: 950px;
	\width: 970px;
	w\idth: 950px;
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

h3 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 22px;
	color: #75BBDD;
	margin: 0px;
	padding: 0px;
	font-variant: normal;
	font-weight: bold;
	line-height: 28px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #75BBDD;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #75BBDD;
	text-decoration: none;
	font-weight: bold;
}


/* banner definitions */

.banner {
	background-color: #FFFFFF;
	height: 112px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	background-image: url(../img/tzllogo_gross.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

#topnavi {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 90px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 0px;
	margin-right: 155px;
	_margin-right: 79px;
	height: 0px;
	float: right;
}

#topnavi ul {
	margin:0;
	padding:0;
	list-style:none;    
}
	
#topnavi ul li {
	float:left;
	margin:0;
	padding:0;
	background-image: url(../img/white_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#topnavi a {
	display:block;
	background-image: url(../img/white_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 15px;
	line-height: normal;
}  

#topnavi #current {
	background:url(../img/yellow_right.gif) no-repeat right top;
}

#topnavi #current a {
	display:block;
	background-image: url(../img/yellow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 15px;
	color: #666666;
}

#topnavi a:link {
	color: #666666;
	text-decoration: none;
}

#topnavi #current a:link {
	color: #333333;
	text-decoration: none;
}

#topnavi a:hover {
	color: #666666;
	text-decoration: none;
}

#topnavi a:active {
	color: #666666;
	text-decoration: none;
}

#topnavi a:visited {
	color: #666666;
	text-decoration: none;
}

#topnavi #current a:hover {

	color: #333333;
	text-decoration: none;
}

#topnavi #current a:active {
	color: #333333;
	text-decoration: none;
}

#topnavi #current a:visited {
	color: #333333;
	text-decoration: none;
}

/* .content definitions */

.content {
	padding: 25px 10px 10px 25px;
	margin-left: 175px;
	margin-right: 175px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	min-height: 450px;
	_height: 450px;
}

.contentimgright {
	padding: 5px;
	float: right;
	border: 1px solid #CCCCCC;
	margin: 5px 12px 10px 10px;
}
.contentimgcenter {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 12px;
}

.contentimgleft {
	padding: 5px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 10px;
}


/* .sidebar-a definitions (left sidebar) */

.sidebar-a {
	float: left;
	\width: 160px;
	w\idth: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 16px;
	margin: 0;
}

.sidebar-a h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 5px;
	line-height: 16px;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #CCCCCC;
}

.sidebar-a a {
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	text-decoration: none;
}

.sidebar-a select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	_margin-top: 0px;
	font-size: 10px;
	color: #666666;
	background-color: #FFCE08;
	width: 160px;
}

.sidebarimg {
	padding: 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
	margin-left: 0px;
}

.sidebarsuche {
	padding: 5px 16px 5px 20px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	text-align: center;
}


/* .sidebar-b definitions (right sidebar)*/

.sidebar-b {
	float: right;
	\width: 160px;
	w\idth: 160px;
	padding: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 16px;
	margin: 0;
}

.sidebar-b h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 5px;
	line-height: 16px;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #CCCCCC;
}

.sidebar-b a {
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
}

.sidebar-b select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	_margin-top: 0px;
	font-size: 10px;
	color: #666666;
	background-color: #FFCE08;
	width: 160px;
}


/* .footer definitions */

.footer {
	padding: 5px 5px 10px 10px;
	margin-top: 0px;
	border-top: 0px none #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 9px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 175px;
	_margin-left: 178px;
	background-color: #999999;
	margin-right: 175px;
	_margin-right: 178px;
	margin-bottom: 20px;
	clear: none;
	vertical-align: text-top;
}

.footer a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:active {
	font-weight: bold;
	color: #75BBDD;
	text-decoration: none;
}

.footer a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.footer img {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	padding: 0px;
	vertical-align: bottom;
	_vertical-align:middle;
}

/* Definitions for Forms and Buttons */

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 15px;
	border: 1px solid #999999;
}


.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #75BBDD;
	border: 2px outset #A3D6E9;
	height: 18px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 120px;
	border: 1px solid #999999;
	width: 190px;
}

/* Definitions for Tables */

.tableimageteam {
	padding: 5px;
	float: none;
	border: 1px solid #CCCCCC;
	margin: 0px 12px 10px 0px;
}

.teamtext {
	margin-left: 150px;
}

.teamtable {
	font-size: 11px;
	line-height: 15px;
}

.teamtable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #75BBDD;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.tablemitborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	font-size: 10px;
}

.tablemitborder td {
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.tablemitborder th {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	padding-left: 5px;
	background-color: #CCCCCC;
}






/*Eine Rote Box, Verwendung für Rahmen, Fehler*/
.rotebox{
	border: thin groove #FF0000;
    outline: 1px solid red;
}
/*Alle Eingabefelder*/
input 
{
	border: thin solid #336699;
	font-size: 11px;
	color: #000033;
}
/*Alle Textfelder*/
textarea 
{
	border: thin solid #336699;
	font-size: 11px;
	color: #000033;
}
/*Dick geschriebener Text*/
.dick {
	font-size: 12px;
	font-weight: 900;
	color:#336699;
}

/*noch dicker geschriebener Text*/
.dicker {
	font-size: 15px;
	font-weight: bold;
}
/*Normer Text*/
.normal {
	font-size: 13px;
}
/*Hilfstext*/
.hilfstext {
	font-size: 11px;
}
/*normalertext*/
.ueberschrift{
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
}
/*Hilfstext Fehler*/
.hilfstexterror {
	font-size: 11px;
	color:#FF0000;
}
/*Hilfstext*/
.hilfstextok {
	font-size: 11px;
	color:#006600;
}
/*Fehlerliste im Formular*/
ul#fehlerliste{
	font-size: 13px;
	color:#FF0000;
	list-style-position: outside;
	list-style-type: square;
}.abstandZumHeader {
padding-top:30px;
}
.referenzPadding {
	padding-left: 10px;
}
.aufzaehlung {
	line-height: 5px;
	padding-left: 15px;
	min-height:inherit;

}

.form_bg {
	padding:10px;
	background-color:white;
	color:black;
}