/* CSS Document metrik.de*/
a img {border: 0;}
ol, ul, li{}

body {
	background:  #fff;
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height: 150%;
	margin: 0;
	text-align:center;
}
#container {
	width: 920px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(../images/bg_shadow.jpg) repeat-y scroll center center;
}
#schatten_oben {
	width: 920px;
	height: 10px;
	background: url(../images/header_shadow.jpg) no-repeat center top;
}

#main_container {
	width:920px;
	height: 100%;
	margin:0 auto;
	background: url(../images/header_logo.jpg) no-repeat center top;
}

#header_container {
	height: 50px;
	padding-top:190px;
	padding-left: 60px;
	font-size:10pt;
}

#header_text {
	font-weight: bold;
}

#menu_list {
	margin-top: 15px; 
	margin-left: -15px;
}

#header_suche {
	float: right;
	padding-right:20px;
}

.header_suchfeld {
	color:#999;
}
.header_suchbutton {
	
}


#topmenu {
	
	height:32px;
	line-height: 28px;
	width:899px;
	clear:both;
	border-top: 1px solid #b4b4b4;
	background: url(../images/bgTopmenu.gif) repeat-x;
}
#topmenu div {
	width:895px;
	height:28px;
}
#topmenu div form {display: inline; margin: 0; padding: 0;}
#topmenu div input {margin: 0;}
#topmenu div span a, #layoutwechsel a{
	color: #4d4d4d;
	text-decoration: none;
	padding-right: 10px;
}
#meta {float:right;border: 0;}
/*
 * Suche
 */
a.lang_flag {position: relative; top: 2px; display: none;}
#layoutwechsel {
	float:left;
	font-size: 1em;
	margin-left: 25px;
}
#suche {
	height: 35px;
	text-align:right;
	margin: 15px 18px 0 0;
	position: relative;
	display:inline;
}
input#sucheInput {
	width: 148px;
	vertical-align: middle;
	border: 1px solid #979893;
	margin-right: 0;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	position: relative; top: -6px;
}
input#sucheSubmit {
	vertical-align: middle;
	width: 26px;
	height: 22px;
	margin-left: 0;
	position:relative; right: 4px; top: -6px;
}
input#sucheSubmit:hover {
	cursor: pointer;
}
label.sucheLabel{
	color: #4d4d4d;
	display:none;
	vertical-align:middle;
	font-size:0.9em;
}
div#main{position:relative;}
/*
 * Menu
 */

#menu {
	font-size:90%;
	left:-42px;
	position:absolute;
	width:242px;
	text-align: left;
        padding-top: 40px;

}
#menuhead {
	background: url(../images/menu_head.jpg) no-repeat;
	height: 31px;
	color: #484848;
	font-weight:bold;
	font-size:110%;
	line-height: 32px;
	text-align: center;
}

#menuwrap {
	background: url(../images/menu_hg_repeat.jpg) repeat-y;
}
#menubody {
	background:url(../images/menu_bg_mitte.jpg) no-repeat;
	padding: 0 25px;
	position:relative; top: -1px;
}
#menubody ul {width: 192px; list-style: none; margin: 0; padding: 0;}
#menubody ul ul  {width: 100%;}

#menubody ul li {
	border-bottom: 1px dotted #4d4d4d;
	padding-left: 24px;
	/*line-height: 23px;*/
	font-weight:bold;
}
#menubody ul li.last {border:0;}

#menubody ul ul li {
	border-bottom: 0;
	padding-left: 15px;
	/*line-height: 16px;*/
}
#menubody li a:link, #menubody li a:visited, #menubody li a:active {
	color: #4d4d4d;
	text-decoration:none;
	display:block;
	padding-left: 24px;
	margin-left: -24px;
	
}
#menubody li a:hover, #menubody li a:focus, #menubody li a.current{
	color: #018c13;
	text-decoration:none;
	display:block;
}
#menu li a.current {
	margin-left: -12px;
	padding-left: 12px;
	background: url(menuListStyle.gif) no-repeat 0 .2em;
	/* background: url(../images/menuListStyle.gif) no-repeat 0 .2em; */
}
#menu ul ul ul li a.current {background:  none;}
#menu  ul ul ul li {font-size: 90%;}
#menubottom {
	background: url(../images/menu_hg_unten.jpg) bottom no-repeat;
	height: 6px;
	position:relative;
}
#content_container {
	margin-top: 40px;
	min-height: 300px;
	left:220px;
	width:700px;
	position: relative;
}

#content_mitte {
	width: 460px;
        text-align: justify;
	float:left;
}
#content_rechts{
	width:190px;
	margin-left: 30px;
	float: left;
	background: url(../images/rechts_schatten_hg.jpg) repeat-y center;
}
#content_rechts_hg {
	background: url(../images/rechts_schatten_oben.jpg) center top no-repeat;
	padding: 15px 15px;
}
#content_rechts_unten {
	height:6px;
	background: url(../images/rechts_schatten_unten.jpg) center bottom no-repeat;
}



#content1 {width:460px; float:left; font-size: 14px}
#content2 {width:180px; margin-left: 9px; float: left;}
#fussnote {
	padding-top: 10px;
	margin-top: 50px;
	border-top: 1px solid #BDBDBB;
	text-align:right;
	background-color:#FFFFF7;
	clear:left;
	position:fixed; bottom: 0;
	width: 620px;
}
#content #fussnote a {
	color: #4d4d4d;
	text-decoration: none;

}
#metrik_footer {
	height:168px;
	background: url(../images/metrik_footer.jpg) bottom center no-repeat;
	line-height:1px;
	clear:both;
}

/* 
 * Typo
 */
h1, h2, h3, h4, h5, h6 {
	color: #018c13;
	font-size: 1.2em;
}
h1.csc-firstHeader {
	margin-top: 0.6em;
}
#headerKontakt address {
	font-style:normal;
}
#headerKontakt h6 {
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#headerKontakt a, #headerKontakt h6 a {
	color: #000000;
	text-decoration: none;
}
#headerKontakt h6 a {color: #018c15;}
#content a:link, #content a:active, #content a:visited {
	text-decoration: underline;
	color: #018c13;
}
#content a:hover, #content a:focus {
	color: #018c13;
	text-decoration:none;
}
.green {color: #018c13;}
acronym, abbr {border-bottom: 1px dashed black; padding-bottom: 0; cursor: help;}
#content ul li {
	/* background:url(menuListStyle.gif) no-repeat 0 .2em; */
	margin-left: -1em;
	padding-left: 1em;
}
#content2 ul li {
	/* background:url(menuListStyle.gif) no-repeat 0 .2em; */
	margin-left: 0em;
	padding-left: 1em;
}
#content2 ul#tabbed_nav
{
	margin-bottom: 10px;
	font-size:90%;
	font-weight:bold;
	
}
#content ol li {list-style:decimal;}

.cReduceTextSize {font-size: 80%; vertical-align: baseline;}
.cNormalTextSize {font-size: 100%;vertical-align: baseline;}
.cEnlargeTextSize {font-size: 120%;vertical-align: baseline;}

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color: red;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 0px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 0 none;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	display: none;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 250px;
	float: left;
	clear: both;
	font-weight: normal;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 0px 0 10px 0px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 150px;
}
	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
/*
 * EXT: dropdownsitemap
 */
#content .tx-dropdownsitemap-pi1 ol li, #content .tx-dropdownsitemap-pi1 ul li {list-style: none;}

/* PDF-Links mit Adobe-Icon */
a[href $='.pdf']{
	padding-left: 18px;
	background:transparent url(http://www.metrik.de/fileadmin/user_upload/images/pdf_button.png) no-repeat center left;
}a[href $='.PDF']{
	padding-left: 18px;
	background:transparent url(http://www.metrik.de/fileadmin/user_upload/images/pdf_button.png) no-repeat center left;
}

#content2 li .cur
{
	background:url(menuListStyle.gif) no-repeat 0 .2em;
	padding-left:12px;
	margin-left:-12px;
	text-decoration: none;
}






/*
 * Neues Header-Menü
 * Sollte browserübergreifend funktionieren
 */
#nav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear:left;
	display:inline;
    float:left;
	height:61px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0 0 0px;
	position:relative;
	width:800px;
	list-style: none;
}

#nav li {
	background:;
	float:left;
	line-height:1;
	background: url(../images/menu_trenner.jpg) repeat-y left;
	padding:0px 10px;
}
#nav .current, #nav li:hover, #nav li.sfhover {
background:;
}
#nav li#nav_home {
background:transparent none repeat scroll 0 0;
}
#nav li#nav_home.current_home, #nav li#nav_home.current, #nav li#nav_home:hover, #nav li#nav_home.sfhover {
background:;
}
#nav .current_contact, #nav li#nav_contact:hover, #nav li#nav_contact.sfhover {
background:;
}
#nav li a {
color:#fff;
display:block;
float:left;
padding:5px 0px;
text-decoration:none;

font-size:9pt;
text-transform: uppercase;
text-decoration: none;
color: #000;
font-weight: bold;
}


#nav .current_home a, #nav .current_contact a, #nav .current a, #nav li:hover a, #nav li.sfhover a, #nav .alink, #nav .clink{
color:#fff;
}

#nav .current ul ul, #nav li ul, #nav li:hover .dropact ul {
left:-999em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
z-index:999;
left:-100px;
top:10px;
width:800px;
z-index:2;
padding-top:20px;
}
#nav li li, #nav li li.current {
float:right;
font-size:85%;
text-indent:0;
background: url(../images/menu_trenner.jpg) repeat-y left;
padding:0px 10px;
}
#nav li:hover li:hover, #nav li.sfhover li.sfhover {

}



#nav li li a {
background:transparent none repeat scroll 0 0 !important;
color:#fff;
float:left;
padding:5px 0px;
width:auto !important;
}

#nav li.first, #nav li li.first {
	background: url() repeat-y left;
}

#nav li a:hover {
	border-bottom:2px solid #008c14;
}
#nav li li a:hover {
	border-bottom: 2px solid #fff;
	color: #008c14;
}


#lesezeichen {
    border:0px solid red;
	margin: 51px -300px 0px 9px;
	position:relative;
	float:left;
}


#content_rechts{
	font-size: 8pt;
}

#footer_container, #footer_container a {
	text-align: center;
	color: #999;
	margin-bottom: 20px;
}

a img {
 border:0;
 }
 
table
{
}
 
.align-right{
	text-align: right;
}

.align-left{
	text-align: left;
}
 
 .align-center{
	text-align: center;
}
 
 .align-justify{
	text-align: justify;
}
 
.bodytext{
	text-align: justify;
}

#content_mitte_breadcrumbs{
	font-size:8pt;
	color: #000;
}

#content_mitte_breadcrumbs a{
	color:  #008c14;
	
}

/*
#nav li a.clink ul, #nav li:hover ul, #nav li.sfhover ul, #nav a:hover ul, #nav a.clink ul, #nav a.alink ul {
left:-100px;
top:10px;
width:800px;
z-index:2;
padding-top:20px;
}
*/

}

.xbtooltip {
	position:absolute;
	top: 20px;
	left: 20px;
	background-color:#ECF5EC;
	border: 1px solid #ECF5EC;
	border-bottom: 1px solid #E6F1E5;
	display:none;
}

div#menubody ul li.active a.alink, div#menubody ul li.active ul li.active a.clink,
div#menubody ul li.active a.clink
{
	background: url("../images/arrow.png") no-repeat left center;
	color: #008c1b;
}

div#menubody ul li.active ul li ul li.active a.clink
{
	background: none;
	color: #008c1b;
}

div#menubody ul li.active ul li ul li.active,
div#menubody ul li.active ul li ul li:hover
{
	background: #67ba72;
}

div#menubody ul li.active ul li ul li.active a.clink, div#menubody ul li.active ul li ul li:hover a
{
	color: #fff;
}

div#header_menu div.menu ul#nav li a.clink, div#header_menu div.menu ul#nav li a.alink,
div#header_menu div.menu ul#nav li a:hover
{
	border-bottom: 3px solid #008c14;
}

div#header_menu div.menu ul#nav li ul li a
{
	color: #3d5442;
}


div#header_menu div.menu ul#nav li.active ul li a.alink,
div#header_menu div.menu ul#nav li.active ul li a.clink,
div#header_menu div.menu ul#nav li ul li:hover a
{
 color: #fff;
}

div#header_menu div.menu ul#nav li ul li.active,
div#header_menu div.menu ul#nav li ul li:hover
{
	background: url("../images/menu_trenner.jpg") repeat-y scroll left center #67ba72;
}

div#header_menu div.menu ul#nav li.active ul li.active a.clink,
div#header_menu div.menu ul#nav li.active ul li.active a.alink,
div#header_menu div.menu ul#nav li li a:hover
{
	border:none;
}