/* - - - - - - - - - - - - Basic styles - - - - - - - - - - - - */
html, body	{
	margin:	0px;
	padding: 0;
	color: #000000;
	background:	url(../../imgs/bg/main.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

p        {margin:0px 0px 6px;padding:0px;}
span     {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;line-height:150%;}
form     {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;line-height:150%;margin:0px;padding:0px;}
td       {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;}
img 	 {border: 0; padding: 0; margin: 0;}

/* - - - - - - - - - - - - Macrolayout - - - - - - - - - - - - */

#mainbox {
	margin: 0px auto;
	padding: 0px;
	text-align:	left;
	width: 964px;
	display: block;
	position: relative;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 168px;

}
.footer a:link {color: #FFFFFF; text-decoration: none;}
.footer a:visited {color: #FFFFFF; text-decoration: none;}
.footer a:hover {color: #FFFFFF; text-decoration: underline;}
.footer a:active {color: #FFFFFF; text-decoration: none;}

/* - - - - - - - - - - - - End Macrolayout - - - - - - - - - - - - */

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px;
	line-height: 15px;
}
.text a:link {color: #000000; text-decoration: underline;}
.text a:visited {color: #000000; text-decoration: underline;}
.text a:hover {color: #000000; text-decoration: none;}
.text a:active {color: #000000; text-decoration: underline;}

.textlogo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 3px;
}
.textlogo a:link {color: #000000; text-decoration: underline;}
.textlogo a:visited {color: #000000; text-decoration: underline;}
.textlogo a:hover {color: #000000; text-decoration: none;}
.textlogo a:active {color: #000000; text-decoration: underline;}

.textlogo02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 0px 3px 0px 0px;
	font-weight: bold;
}
.textlogo02 a:link {color: #000000; text-decoration: underline;}
.textlogo02 a:visited {color: #000000; text-decoration: underline;}
.textlogo02 a:hover {color: #000000; text-decoration: none;}
.textlogo02 a:active {color: #000000; text-decoration: underline;}


.textsmal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.textsmal a:link {color: #333333; text-decoration: underline;}
.textsmal a:visited {color: #333333; text-decoration: underline;}
.textsmal a:hover {color: #333333; text-decoration: none;}
.textsmal a:active {color: #333333; text-decoration: underline;}

.textsubtitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.textsubtitel a:link {color: #333333; text-decoration: underline;}
.textsubtitel a:visited {color: #333333; text-decoration: underline;}
.textsubtitel a:hover {color: #333333; text-decoration: none;}
.textsubtitel a:active {color: #333333; text-decoration: underline;}

.teaser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 3px;
}
.teaser a:link {color: #FFFFFF; text-decoration: none;}
.teaser a:visited {color: #FFFFFF; text-decoration: none;}
.teaser a:hover {color: #FFFFFF; text-decoration: underline;}
.teaser a:active {color: #FFFFFF; text-decoration: none;}

.teaserheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 3px;
}
.teaserheadline a:link {color: #FFFFFF; text-decoration: none;}
.teaserheadline a:visited {color: #FFFFFF; text-decoration: none;}
.teaserheadline a:hover {color: #FFFFFF; text-decoration: underline;}
.teaserheadline a:active {color: #FFFFFF; text-decoration: none;}

.bottomtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px;
	margin-right: 34px;
	margin-left: 34px;
	margin-bottom: 26px;
	text-align: center;



}
.bottomtext a:link {color: #FFFFFF; text-decoration: underline;}
.bottomtext a:visited {color: #FFFFFF; text-decoration: underline;}
.bottomtext a:hover {color: #FFFFFF; text-decoration: none;}
.bottomtext a:active {color: #FFFFFF; text-decoration: underline;}

.formtextheadline
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


/* - Login - */
.login {
	margin: 12px;
}

.logintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	padding-left: 0px;
}
.logintext a:link {color: #666666; text-decoration: underline;}
.logintext a:visited {color: #666666; text-decoration: underline;}
.logintext a:hover {color: #666666; text-decoration: none;}
.logintext a:active {color: #666666; text-decoration: underline;}


.borderbgleft {
	background-image: url(../../imgs/border/bg_l.jpg);
	background-repeat: repeat;
}
.borderbgright {
	background-image: url(../../imgs/border/bg_r.jpg);
	background-repeat: repeat;
}
.col1_architektur {
	background-color: #010C10;
	background-image:  url(../../imgs/bg/01_architektur.jpg);
	background-repeat: no-repeat;
	width: 179px;
}
.col3_architektur {
	background-color: #002121;
	background-image:   url(../../imgs/bg/01r_architektur.jpg);
	background-repeat: no-repeat;
	height: 596px;
	width: 140px;
}

.col1_umwelt {
	background-color: #010C10;
	background-image:  url(../../imgs/bg/umwelt_l.jpg);
	background-repeat: no-repeat;
	width: 179px;
}
.col3_umwelt {
	background-color: #002121;
	background-image:   url(../../imgs/bg/umwelt_r.jpg);
	background-repeat: no-repeat;
	height: 596px;
	width: 140px;
}

.col1_auto {
	background-color: #3e4243;
	background-image:  url(../../imgs/bg/01_auto.jpg);
	background-repeat: no-repeat;
	width: 179px;
}
.col3_auto {
	background-color: #3e4243;
	background-image:   url(../../imgs/bg/01r_auto.jpg);
	background-repeat: no-repeat;
	height: 596px;
	width: 140px;
}

.col1_bau {
	background-color: #010C10;
	background-image:  url(../../imgs/bg/bau_l.jpg);
	background-repeat: no-repeat;
	width: 179px;
}
.col3_bau {
	background-color: #002121;
	background-image:   url(../../imgs/bg/bau_r.jpg);
	background-repeat: no-repeat;
	height: 596px;
	width: 140px;
}
.col1_gesundheit {
	background-color: #010C10;
	background-image:  url(../../imgs/bg/gesundheit_l.jpg);
	background-repeat: no-repeat;
	width: 179px;
}
.col3_gesundheit {
	background-color: #002121;
	background-image:   url(../../imgs/bg/gesundheit_r.jpg);
	background-repeat: no-repeat;
	height: 596px;
	width: 140px;
}
.col1 {
	background-color: #010C10;
	background-image:  url(../../imgs/bg/01_architektur.jpg);
	background-repeat: no-repeat;
	width: 179px;
}
.col3 {
	background-color: #002121;
	background-image:   url(../../imgs/bg/01r_architektur.jpg);
	background-repeat: no-repeat;
	height: 596px;
	width: 140px;
}

.col2 {
	background-color: #FFFFFF;
	padding-top: 28px;
	padding-right: 14px;
	padding-bottom: 28px;
	padding-left: 12px;
}
.navicontainer {
	padding-bottom: 28px;
	padding-left: 28px;
}
.teasercontainer {
	padding-top: 170px;
	padding-left: 22px;
}
.teaserimg {
	padding: 3px 0px;
}
.headline {
	padding-bottom: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #000000;

}
.headlineblue {
	padding-bottom: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #008DD2;

}

.headlinedarkblue {
	padding-bottom: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #0c1e4c;

}


.block {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #000000;
	font-size: 11px;
	line-height: 15px;
}
.block a:link {color: #000000; text-decoration: underline;}
.block a:visited {color: #000000; text-decoration: underline;}
.block a:hover {color: #000000; text-decoration: none;}
.block a:active {color: #000000; text-decoration: underline;}

.imagecell {
	padding-top: 3px;
	padding-right: 12px;
}
.logocell {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 200px;



}
.imagecellright {
	padding-top: 3px;
	padding-left: 12px;
}
.imagecellrightleft {
	padding-top: 3px;
	padding-left: 12px;
	padding-right: 12px;

}
.formtext
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 3px;
}
.formtext a:link {color: #000000; text-decoration: underline;}
.formtext a:visited {color: #000000; text-decoration: underline;}
.formtext a:hover {color: #000000; text-decoration: none;}
.formtext a:active {color: #000000; text-decoration: underline;}


.forminput {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #E2E2E2;
	height: 18px;
	width: 200px;
	margin: 1px;
	border: 1px solid #999999;
}
.formtextarea {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #E2E2E2;
	height: 100px;
	width: 200px;
	margin: 1px;
	border: 1px solid #999999;
}
.formselect {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #E2E2E2;
	height: 18px;
	width: 200px;
	margin: 1px;
	border: 1px solid #999999;
}
.indexbg {
	background-color: #000000;
	background-image:  url(../../imgs/content/ZINK_start_architektur.jpg);
	height: 596px;
	width: 896px;
}
.indexbg_architektur {
	background-color: #000000;
	background-image:  url(../../imgs/content/ZINK_start_architektur.jpg);
	height: 596px;
	width: 896px;
}

.indexbg_umwelt {
	background-color: #000000;
	background-image:  url(../../imgs/bg/umwelt.jpg);
	height: 596px;
	width: 896px;
}
.indexbg_auto {
	background-color: #000000;
	background-image:  url(../../imgs/content/ZINK_start_auto.jpg);
	height: 596px;
	width: 896px;
}
.indexbg_lebenswert {
	background-color: #000000;
	background-image:  url(../../imgs/content/ZINK_start_lebenswert.jpg);
	height: 596px;
	width: 896px;
}
.indexbg_gesundheit {
	background-color: #000000;
	background-image:  url(../../imgs/content/ZINK_start_gesundheit.jpg);
	height: 596px;
	width: 896px;
}
.imgpad {
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	padding-top: 0px;
}
.logo {
	padding-bottom: 302px;
}
.logoheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 16px;
	padding-top: 26px;
}

#gerversionstart{
position:absolute;
z-index:4;
margin-top:3px;
margin-left:0px;

}
/* - - - Style-Definitionen f?r Navigation - - - */
.navi_container{
	width: 142px;
	margin-left: 20px;
	margin-bottom: 40px;
}

.level_one a
{
	display: block;
	padding: 4px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	-moz-box-sizing:border-box;
}
.level_one a:hover 
{
	display: block;
	padding: 4px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	-moz-box-sizing:border-box;
}
.level_one_active a
{
	display: block;
	padding: 4px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	-moz-box-sizing:border-box;
}


/* - - - Style-Definitionen f?r die 2.-Level-Navigation - - - */

.level_two a
{
	display: block;
	padding: 4px 2px 4px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../imgs/tools/dot_white.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	-moz-box-sizing:border-box;
}

.level_two a:hover 
{
	display: block;
	padding: 4px 2px 4px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../imgs/tools/dot_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	-moz-box-sizing:border-box;
}

.level_two_active a
{
	display: block;
	padding: 4px 2px 4px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../imgs/tools/dot_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	-moz-box-sizing:border-box;
}


/* - - - Style-Definitionen f?r die 2.-Level-Navigation - - - */

.level_three a
{
	display: block;
	padding: 4px 2px 4px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../imgs/tools/subdot_white.gif);
	background-repeat: no-repeat;
	background-position: 14px 9px;
	-moz-box-sizing:border-box;
}
.level_three a:hover 
{

	display: block;
	padding: 4px 2px 4px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../imgs/tools/subdot_red.gif);
	background-repeat: no-repeat;
	background-position: 14px 9px;
	-moz-box-sizing:border-box;
}
.level_three_active a
{
	display: block;
	padding: 4px 2px 4px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-image: url(../../imgs/tools/subdot_red.gif);
	background-repeat: no-repeat;
	background-position: 14px 9px;
	-moz-box-sizing:border-box;
}