/* ==================== begin global definitions ==================== */

img, div, h1 { behavior: url("fileadmin/template/sysgrade/zz_scripts/iepngfix.htc") }

html, body {
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
	width: 100%;
}

body {
	margin: 0px auto; padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	background: #ffffff;
	width: 100%;
	height: 100%;
	background: url(../zz_global_images/bg.jpg) repeat;
}

* html body {
	font-size: x-small; /*for IE5/WIN */
	f\ont-size: small; /*for other IE Versions*/
}

p {
	margin: 0px; padding: 0px 0px 10px 0px;
	font-size: 100%;
	color: #2e332d;
	font-weight: normal;
	line-height: 1.5em;
}

a, a:visited{
	color: #77b800;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}


ul {
	margin: 0px 0px 10px 30px; padding: 0px;
	font-size: 100%;
	color: #2e332d;
	font-weight: normal;
	line-height: 1.5em;
}

h1{
	padding: 0px 0px 0px 35px; margin: 26px 0 8px 0;
	color: #2e332d;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 25px;
	font-family: lucida, georgia, serif;
	background: url(../zz_global_images/icon_h1.gif) no-repeat;
	line-height: 25px;
}

h2{
	padding: 0px 0px 15px 0px; margin: 0px;
	color: #77b800;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 1.5em;
}

hr {
	padding: 0; margin: 0;
	height: 0px;
	border: 0px;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	padding: 0px; margin: 0px;
	border: 0px;
	font-family: Helvetica, sans-serif;
}

label {
	padding: 0; margin: 0;
	margin-top: 5px;
	padding-top: 2px;
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 7px;
	color: #363434;
	font-size: 100%;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
}

input, select, textarea {
	padding: 2px; margin: 0;
	margin-top: 4px;
	display: block;
	float: left;
	width: 250px;
	color: #787675;
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #D8D3C6;
	font-family: Helvetica, sans-serif;
}

/* ==================== end global definitions ==================== */



/* Containers
----------------------------------------------------------------------------------------------------*/
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	border: 0;
	background: url(../zz_global_images/wrapper_bg.png) no-repeat 0% 0%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	border: 0;
}

.left {
	float: left;
	width: 225px;
}

.right {
	float: right;
	width: 675px;
	background: url(../zz_global_images/content_top_right_bg.png) no-repeat 100% 0%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_1_n,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}
.grid_1_n  {
	margin-left: 0;
	margin-right: 0;
	padding-left: 25px;
	padding-right: 25px;
}


/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container .grid_1 {
	width:175px;
}

.container .grid_1_n {
	width:225px;
	background: url(../zz_global_images/grid_1_n_bg.gif) no-repeat 0% 0%;
	voice-family:"\"}\""; /*Hack für IE bis 5.5*/
	width: 175px;
}

.container .grid_2 {
	width:400px;
}

.container .grid_3 {
	width:625px;
}
.container .grid_3_n {
	width:675px;
	voice-family:"\"}\""; /*Hack für IE bis 5.5*/
	width: 625px;
}

.container .grid_4 {
	width:850px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearandspace_4 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 4px;
}
.clearandspace_20 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 20px;
}


/* Header*/
.header {
	height: 111px;
}
div.logoimg{
	padding: 0px; margin: 0px;
	padding-top: 34px;
	padding-left: 25px;
}
div.logoimg img{
	border: 0;
}
div.logoimg img a, div.logoimg img a:hover{
	text-decoration: none;
}



/* Navigation */
.navigation {height: 28px;position:relative;z-index:1;}
.navigation ul.tabs {float: left; padding: 0px; margin: 0px; list-style: none;}

.tabs li {display:block; float:left; margin:0 -13px 0px 0;}
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a span.p1 {display: block; width: 26px; height: 28px; background: url(../zz_global_images/left_no.png); float: left;}
.tabs li a.m1 span.p1 {background: url(../zz_global_images/left_no_first.png);}
.tabs li a span.p2 {display: block; height: 28px; padding: 0px 8px 0px 0px; background: url(../zz_global_images/middle_no.png) repeat-x; float: left; color: #4e7900; text-decoration: none; text-align: left; font-weight: normal; font-size: 14px; line-height: 28px;}
.tabs li a span.p3 {display: block; width: 30px; height: 28px; background: url(../zz_global_images/right_no.png); float: left; position: relative; z-index: 10000;}

.tabs li a.m1 {z-index:60000;}
.tabs li a.m2 {z-index:50000;}
.tabs li a.m3 {z-index:40000;}
.tabs li a.m4 {z-index:30000;}
.tabs li a.m5 {z-index:20000;}
.tabs li a.m6 {z-index:10000;}

.tabs li a:hover, .tabs li a:focus, .tabs li a:active 
{border:0; z-index:70000;}

.tabs li a:hover span.p1, .tabs li a:focus span.p1, .tabs li a:active span.p1
{position:relative; z-index:10000; background:url(../zz_global_images/left_ho.png); cursor:pointer;}
.tabs li a.m1:hover span.p1, .tabs li a.m1:focus span.p1, .tabs li a.m1:active span.p1
{background:url(../zz_global_images/left_ho_first.png);}
.tabs li a:hover span.p2, .tabs li a:focus span.p2, .tabs li a:active span.p2
{position:relative; z-index:10000; background:url(../zz_global_images/middle_ho.png) repeat-x; color:#ffffff; cursor:pointer;}
.tabs li a:hover span.p3, .tabs li a:focus span.p3, .tabs li a:active span.p3
{position:relative; z-index:10000; background:url(../zz_global_images/right_ho.png); cursor:pointer;}

.tabs li a.selected
{z-index:80000;}

.tabs li a.selected span.p1, .tabs li a:hover.selected span.p1, .tabs li a:active.selected span.p1
{position: relative; z-index: 20000; background: url(../zz_global_images/left_act.png); cursor: default;}
.tabs li a.m1.selected span.p1, .tabs li a.m1:hover.selected span.p1, .tabs li a.m1:active.selected span.p1
{background: url(../zz_global_images/left_act_first.png);}
.tabs li a.selected span.p2, .tabs li a:hover.selected span.p2, .tabs li a:active.selected span.p2
{position: relative; z-index: 20000; background: url(../zz_global_images/middle_act.png) repeat-x; color: #ffffff; cursor: default;}
.tabs li a.selected span.p3, .tabs li a:hover.selected span.p3, .tabs li a:active.selected span.p3
{position: relative; z-index: 20000; background: url(../zz_global_images/right_act.png); cursor: default;}

a.contact {
	float: right;
	margin-right: 25px;
	margin-top: 9px;
	padding-left: 22px;
	background: url(../zz_global_images/contact.gif) no-repeat;
	color: #2e332d;
	line-height: 11px;
}

.menu ul {
	padding: 0px; margin: 0px;
	list-style: none;
}
.menu ul li{
	padding: 0px; margin: 0px;
	display: block;
}
.menu ul li a{
	padding: 10px 0 0 30px;
	display: block;
	text-decoration: none;
	width: 225px;
	height: 54px;
	background: url(../zz_global_images/submenuitem.png) no-repeat;
	color: #535801;
	voice-family:"\"}\""; /*Hack für IE bis 5.5*/
	height: 44px;
	width: 195px;
}
.menu ul li a em {
	color: #77b800;
	font-family: lucida, georgia, serif;
	font-size: 11px;
}
.menu ul li.first a {
	background: url(../zz_global_images/submenuitem_first.png) no-repeat;
}
.menu ul li a:hover, .menu ul li.active a {
	background: url(../zz_global_images/submenuitem_ho.png) no-repeat;
}
.menu ul li.first a:hover, .menu ul li.first.active a {
	background: url(../zz_global_images/submenuitem_first_ho.png) no-repeat;
}

/* Teaser */
.teaser {
	height: 177px;
	background: url(../zz_global_images/teaser_bg.png);
}
.teaser h1{
	padding: 35px 0 10px 0; margin: 0;
	color: #ffffff;
	background: none;
	line-height: normal;
}
.teaser h2{
	padding: 0px; margin: 0px;
	color: #c1e770;
}
.teaser_small {
	height: 85px;
	background: url(../zz_global_images/teaser_small_bg.png);
}
.teaser_small h1{
	padding: 35px 0 10px 0; margin: 0;
	color: #ffffff;
	background: none;
	line-height: normal;
}


/* Ads */
.ads {
//	height: 204px;
	background: url(../zz_global_images/ads_bg.png) no-repeat #f1fcd1;
	overflow: hidden;
}
.ads h1 {
	padding: 30px 0 3px 0; margin: 0;
	color: #6a6e69;
	font-size: 20px;
	background: none;
	line-height: normal;
}
.ads h2 {
	padding: 0px 0 10px 0; margin: 0;
	font-family: lucida, georgia, serif;
	font-size: 11px;
}
.ads p {
	font-family: lucida, georgia, serif;
	color: #74786f;
	font-size: 11px;
}
.ads a {
	font-family: lucida, georgia, serif;
	color: #77b800;
	font-size: 11px;
}

.related h1 {
	padding: 28px 0 3px 0; margin: 0;
	color: #6a6e69;
	font-size: 20px;
	background: none;
	line-height: normal;
}

/* Cnt_Start */
.cnt_start {
	background: url(../zz_global_images/content_start_bg.png) repeat-y;
}

.news h1 {
	padding: 28px 0 3px 0; margin: 0;
	color: #6a6e69;
	font-size: 20px;
	background: none;
	line-height: normal;
}
.news h2 {
	padding: 0px 0 10px 0; margin: 0;
	font-size: 11px;
	font-family: lucida, georgia, serif;
}
.news p {
	color: #6a6e69;
	font-size: 90%;
	line-height: 1.7em;
}
.news a {
	color: #77b800;
}



/* Cnt_Main */

.cnt_main {
	background: url(../zz_global_images/content_start_bg.png) repeat-y;
}


.cnt_main_ref {
	background: url(../zz_global_images/content_ref_bg.png) repeat-y;
}

/* Cnt_Bottom - Anbschluss nach unten */
.cnt_bottom {
	height: 15px;
	background: url(../zz_global_images/content_bottom_bg.png) no-repeat;
}



/* tt-news */

.news-latest-item hr {
	border-bottom: 1px dashed #c5c5c5;
	margin-top: 5px;
	margin-bottom: 15px;
}

.news-list-item {
	padding: 15px 0 15px 0;
}

.news-single-backlink {
	margin-bottom: 10px;
}

.news-list-item h3 {
	padding: 0px 0 3px 0; margin: 0;
	color: #77b800;
	font-size: 14px;
	background: none;
	line-height: 1.5em;
	font-weight: normal;
}

.news-list-item .news-list-date,
.news-single-item .news-single-timedata {
	padding: 0px 0 10px 0; margin: 0;
	display: block;
	font-size: 11px;
	font-family: lucida, georgia, serif;
}

.news-single-item .news-single-timedata {
	color: #77b800;
	padding-bottom: 15px;
}

.news-list-container h1 {
	margin-left: 25px;
	margin-right: 25px;
}
.news-single-item h1 {
	line-height: 1.1em;
}

.tx-ttnews-single-subheader {
	color: #74786f;
}

.tx-ttnews-browsebox {
	padding-bottom: 5px;
	text-align: center;
}

.tx-ttnews-browsebox span{
	line-height: 1.5em;
}

.grid_1 .news-single-related {
	margin-top: 50px;
}

/* Footer */

.footer {
	text-align: right;
	font-size: 9px;
}
.footer p {
	color: #979a8f;
}
.footer a {
	color: #979a8f;
}



/* mailform */

textarea{
	height: 120px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#mailformformtype_mail { /* den Submit-Button */
  clear: both;
  float: none;
  width: auto;
  margin-left: 107px;
  padding-left: 7px;
  padding-right: 7px;
}



/* mooflow */

.mf{visibility: hidden; z-index:1; color:#fff; font-size:14px}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(skin/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:30px;
	width:100%;
	color: #74786f;
}

// sitemap
.deep0 {
margin-left:5px;
}

.deep1 {
margin-left:15px;
}

.deep2 {
margin-left:25px;
}


/* tabelle */
table.producttable {
	padding-bottom: 15px;
}
	table.producttable th {
		color: #77b800;
		font-size: 14px;
		text-align: left;
		font-weight: normal;
		padding: 10px 0px 5px 0px;
	}
	table.producttable td {
		padding: 4px 0px 3px 3px;
		font-size: 12px;
		line-height: 1.5em;
	}
	table.producttable td.dots {
		background: url(../zz_global_images/td-dots.png) repeat-x 0% 100%;
		padding: 4px 0px 3px 0px;
	}
	table.producttable span {
		background: #FFFFFF;
		padding-right: 2px;
	}
	table.producttable {
		border-collapse: collapse;
		margin-bottom: 10px;
	}
	
span.detail {
	font-size: 9px;
	line-height: normal;
}