/* STYLES fuer metabo.com */
/* 

	Eine fiese border und background zum checken:
border: solid 1px #f00;
background: #fcc;

The semi-liquid layout of this site is shamelessly pillaged from the ingenious:
http://www.positioniseverything.net/articles/sidepages/jello-piefecta-clean.html
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    0. import anderer stylesheets
		1. generelles layout 
		2. spezielle klassen - generelle anwendung
    3. typo3-spezifische klassen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Achtung: 
		Dieses Sheet enthaelt nur die Styles fuer die konstanten RAHMEN der Seiten
		Alle STYLES fuer die wechselnden INHALTSBEREICHE liegen im anderen Sheet
    Spezialbereiche (z.B. menu-Styles) sind zur besseren Uebersichtlichkeit
    in eigene Stylesheets ausgelagert
    
   Wichtig: alle IE < 7 Bugfixes in eigene Datei auslagern!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Farbwerte      ( border - hell -    halbhell - mittel - dunkel )
Die Beige-Töne:   #666    #EDEDE5   #E8E6D9    #E3E2D7  #D9D7C8
Die Gruen-Töne:   #7FB5A7 #B6DBD1   #D7E9E4    #A0D2C5  #7FB5A7

 */

span.hx {

   font-size: 9px;
   font-weight:normal;
   text-transform: none;
   color:#009900;
    margin-left: 12px;
}

span.hxhell {

   font-size: 9px;
   font-weight:normal;
   text-transform: none;
   color:#eee;
   margin-left: 12px;
}
 
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

*
{
  margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, caption, dt, dd, form, fieldset, label, select, input, textarea, address, blockquote, nobr
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #213983;
}

img
{
	border: none;
}

.hrClearBoth,
.clearBoth
{
	clear: both;
	position: absolute;
	top:-1000px;
	font-size: 0.1em;
	height: 0em;
	visibility: hidden;
}

hr[class = "hrClearBoth"],
div[class = "clearBoth"]
{
	position: static;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.center
{
	text-align: center;
}

html
{
	height: 100%;
}

body
{ 
	background: #ddddeb;
	font-size: 100.01%;
	text-align: center;
	height: 100%;
}

#wrapper
{
	background: #FFFFFF url(wrapperbg.gif) repeat-y;
	text-align: left;
   margin: 0px auto;
	width: 782px;
	padding-top: 2px;
}

#indexcom #wrapper
{
	background: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* mothers little helpers */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hidden, ul dfn
{
	position: absolute;
	left: -1000px;
	top:-1000px;
	width:0px;
	height: 0px;
	overflow:hidden;
	display:inline;
}

dfn, acronym, abbr 
{
  font-style: normal;
  text-decoration: none;
  cursor: help;
  border-bottom: 1px dotted;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* hNavigationgation 1 level horizontal*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#hNavigation
{
	background: #213983;
	padding-top: 5px;
}

#hNavigation ul
{
	font-size: 0.6em;
	list-style-type: none;
	margin-left: 13px;
	height: 2em;
}

#hNavigation li
{
	line-height: 1.8;
	display: inline;
	color: #c7cee0;
}

#hNavigation li a,
#hNavigation li strong
{
	text-decoration: none;
	padding: 2px 7px;
	color: #c7cee0;
}

#hNavigation li a
{

}

#hNavigation li a:hover,
#hNavigation li a:active,
#hNavigation li a:focus,
#hNavigation li strong
{
		
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* header */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header
{
	background: #213983;
	height: 50px;
}

#screenLogo
{
	float: right;
	width: 98px;
}

#screenLogo img
{
	display: block;
	margin-right: 26px;
}

#headerTitle
{
	float: left;
	width: 400px;
}

#headerTitle img
{
	display: block;
	margin-left: 12px;
}

#indexAtmo
{
	border-bottom: 2px solid #FFFFFF;
}

#indexAtmo img
{
	display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* index navigation*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#hIndexNavigation
{
	border-bottom: 1px solid #FFFFFF;
}

#hIndexNavigation ul
{
	font-size: 0.7em;
	list-style-type: none;
	height: 2em;
}

#hIndexNavigation li
{
   float: left;
	width: 194px;
   padding: 2px 0px 6px;
	background: #DA471F url(hindexnavbg.gif) repeat-x left bottom;
	border-right: 2px solid #FFFFFF;
}

#hIndexNavigation li.last
{
	border-right: none;
}

#hIndexNavigation li a,
#hIndexNavigation li strong
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 10px;
}

#hNavigation li a
{

}

#hNavigation li a:hover,
#hNavigation li a:active,
#hNavigation li a:focus,
#hNavigation li strong
{
		
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main 3 column layout*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainWrap
{
	clear: both;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* left column*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#firstColumn
{
	float: left;
	width: 194px;
	background: #e8ebf2 url(leftcolumnbg.gif) no-repeat left top;
   padding-top: 140px;
	border-bottom: 2px solid #FFFFFF;
}

#indexcom #firstColumn
{
	background: transparent;
	padding-top: 10px;
	border-bottom: 0px;
}

.vNavigation
{
	margin: 4px 0px 0px;
}
#firstColumn .vNavigation
{
	margin-bottom: 20px;
}

.vNavigation ul
{
	list-style-type: none;
}

.vNavigation .ullevel1
{
	font-size: 0.7em;
   background: url(vnavli1.gif) no-repeat left bottom;
	padding-bottom: 1px;
}

.vNavigation .ullevel1 li
{
	padding: 2px 0px 1px;
	background: url(vnavli1.gif) no-repeat left top;
}

.vNavigation .ullevel1 li.first
{
	background: transparent;
}

.vNavigation .ullevel1 li a,
.vNavigation .ullevel1 li strong
{
	display: block;
	color: #213983;
	text-decoration: none;
	padding: 2px 2px 2px 20px;
	font-weight: bold;
}

.vNavigation .ullevel1 li a
{
	background: transparent url(li1no.gif) no-repeat 11px 7px;
}

.vNavigation .ullevel1 li.li1act a
{
	background: transparent url(li1act.gif) no-repeat 11px 7px;
}

.vNavigation .ullevel1 .ullevel2
{
	padding-bottom: 0px;
}

.vNavigation .ullevel1 .ullevel2 li
{
	background: url(vnavli2.gif) no-repeat left top;
}

.vNavigation .ullevel1 .ullevel2 li.first
{
	background: url(vnavli1.gif) no-repeat left top;
}


.vNavigation .ullevel1 .ullevel2 li a,
.vNavigation .ullevel1 .ullevel2 li strong
{
	padding: 2px 2px 2px 26px;
	font-weight: normal;
}

.vNavigation .ullevel1 .ullevel2 li a
{
	background: transparent url(li2no.gif) no-repeat 19px 7px;
}

.vNavigation .ullevel1 .ullevel2 li strong

{
	background: #ced3e4 url(li2no.gif) no-repeat 19px 7px;
}

.vNavigation .ullevel1 .ullevel2 li.li2act a
{
	background: transparent url(li2act.gif) no-repeat 17px 7px;
}

.vNavigation .ullevel1 .ullevel2 .ullevel3 li
{
	background: url(vnavli3.gif) no-repeat left top;
}

.vNavigation .ullevel1 .ullevel2 .ullevel3 li.first
{
	background: url(vnavli2.gif) no-repeat left top;
}

.vNavigation .ullevel1 .ullevel2 .ullevel3 li a,
.vNavigation .ullevel1 .ullevel2 .ullevel3 li strong
{
	padding: 2px 2px 2px 34px;
}

.vNavigation .ullevel1 .ullevel2 .ullevel3 li a
{
	background: transparent;
}

.vNavigation .ullevel1 .ullevel2 .ullevel3 li strong

{
	background: #ced3e4;
}

.vNavigation .ullevel1 .ullevel2,
.vNavigation .ullevel1 .ullevel2 .ullevel3
{
	margin-top: 1px;
}

#quickNavigation
{
	margin: 0px 0px 10px;
}

#quickNavigation ul
{
	list-style-type: none;
}

#quickNavigation .ullevel1
{
	font-size: 0.7em;
}

#quickNavigation .ullevel1 li a,
#quickNavigation .ullevel1 li strong
{
	display: block;
	color: #213983;
	text-decoration: none;
	padding: 2px 2px 2px 18px;
}

#quickNavigation .ullevel1 li a
{
	background: transparent url(li2no.gif) no-repeat 9px 7px;
}

#firstColumn h2
{
	border-top: 2px solid #FFFFFF;
	background: #cad0e1;
	font-size: 0.6em;
	padding: 2px 2px 2px 10px;
	margin-bottom: 5px;
}

#firstColumn .nogap h2
{
	margin-bottom: 0px;
}

#indexcom #firstColumn h2
{
	border-top: 0px;
	background: transparent;
	font-size: 0.7em;
}

#firstColumn h3
{
	font-size: 0.7em;
	padding: 8px 2px 5px 10px;
}

#firstColumn .formBox
{
	margin-top: 25px;
	margin-bottom: 10px;
}

#firstColumn .formBox h2
{
	padding: 2px 2px 2px 7px;
}

#firstColumn .formBox form
{
	padding: 10px 2px 10px 7px;
}

#firstColumn .formBox input,
#firstColumn .formBox select
{
	border: 1px solid #7f9db9;
	background: #FFFFFF;
	width: 145px;
	font-size: 0.7em;
	padding: 2px 0px;
}

#firstColumn .formBox input.submit
{
	width: auto;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #da471f;
	font-weight: bold;
}

#firstColumn .ceWrap
{
	clear: none;
	float: none;
	margin-bottom: 15px;
}

#firstColumn .ceWrap p
{
	margin: 0px 3px 0px 10px;
	font-size: 0.7em;
	line-height: 1.3;
}

#firstColumn .ceWrap a
{
	color: #da471f;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	background: url(link.gif) no-repeat right top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* maincontainer with right column and content*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainContainer
{

	float: right;
	width: 588px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* center Column*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#secondColumn
{
	float: left;
	width: 394px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* right Column*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#thirdColumn
{
	float: right;
	width: 194px;
	background: url(rightcolumnbg.gif) no-repeat left top;
	padding-top: 27px;
}

#indexcom #thirdColumn
{
	padding-top: 0px;
	background: transparent;
}

#thirdColumnContent
{
	background: #e8ebf2 url(thirdcolumncontentbg.gif) no-repeat right bottom;
	padding-bottom: 35px;
}

#indexcom #thirdColumnContent
{
	width: 192px;
	padding-top: 10px;
}

#thirdColumn .vNavigation
{
	margin-bottom: 17px;
}

#thirdColumn .formBox
{
	border-top: 2px solid #FFFFFF;
	margin-bottom: 10px;
	margin-top: 23px;
}

#thirdColumn .formBox form,
#thirdColumn .formCountryBox form
{
	padding: 8px 2px 0px 7px;
}

#thirdColumn .formBox label
{
	font-size: 0.7em;
}

#thirdColumn .formBox input,
#thirdColumn .formCountryBox input,
#thirdColumn .formCountryBox select
{
	border: 1px solid #7f9db9;
	background: #FFFFFF;
	width: 106px;
	font-size: 0.7em;
	padding: 2px 0px;
}

#thirdColumn .formCountryBox select
{
	width: 152px;
}

#thirdColumn .formBox input.submit,
#thirdColumn .formCountryBox input.submit
{
	width: auto;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #da471f;
	font-weight: bold;
}

#thirdColumn .formCountryBox
{
	background: url(map.gif) no-repeat;
	height: 92px;
	padding-top: 20px;
}

#thirdColumn .ceWrap
{
	clear: none;
	float: none;
	margin-bottom: 10px;
}

#thirdColumn h2
{
	border-top: 2px solid #FFFFFF;
	background: #cad0e1;
	font-size: 0.6em;
	padding: 2px 2px 2px 10px;
	margin-bottom: 5px;
}

#thirdColumn .nogap h2
{
	margin-bottom: 0px;
}

#thirdColumn .newsLatestContainer h2
{
	border-top: 0px;
	background: transparent;
	font-size: 0.7em;

}

#thirdColumn h3
{
	font-size: 0.7em;
	padding: 4px 2px 5px 10px;
}	

#thirdColumn .ceWrap p
{
	margin: 0px 3px 0px 10px;
	font-size: 0.7em;
	line-height: 1.3;
}

#thirdColumn .ceWrap ul
{
	margin: 0px 3px 0px 22px;
	font-size: 0.7em;
	line-height: 1.3;
}

#thirdColumn .ceWrap li
{
	margin-bottom: 10px;
}

#thirdColumn .ceWrap .linkListSquare li
{
	margin-bottom: 2px;
}

#thirdColumn .ceWrap p.smalltext,
#thirdColumn .ceWrap ul.smalltext
{
	font-size: 0.6em;
	line-height: 1.3;
}

#thirdColumn .ceWrap ul.smalltext
{
	list-style-image: url(licontent.gif);
}

#thirdColumn ul.linkListSquare
{
	list-style-type: square;
}


#thirdColumn .ceWrap a
{
	color: #da471f;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	background: url(link.gif) no-repeat right top;
}

#thirdColumn .ceWrap p.iconlink
{
	line-height: 1.8;
}
	

#thirdColumn .ceWrap .iconlink a
{
	padding-right: 0px;
	background: transparent;
}

#thirdColumn .ceWrap a.bluelink
{
	color: #213983;
	font-weight: bold;
	text-decoration: none;
	padding-right: 0px;
	background:transparent;
}

#thirdColumn .linkListSquare a
{
	padding-right: 0px;
	background:transparent;
	font-weight: normal;
}

#thirdColumn .ceWrap .newsLatestContainer .pressDate a
{
	font-weight: normal;
	background: transparent;
	padding-right: 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* center contentSection*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contentSection
{
	padding: 10px;
}

#breadCrumb
{
	margin-bottom: 20px;
}

#contentSection #breadCrumb p
{
	font-size: 0.6em;
}

#contentSection #breadCrumb a,
#contentSection #breadCrumb strong
{
	font-weight: normal;
}

#contentSection #breadCrumb img
{
	margin: 0px 5px;
}

.ceWrap
{
       clear: both;
       float: left;
       width: 100%;
       margin-bottom: 6px; 
}

#copy
{
       clear: both;
}

#copy p
{
	color: #8182b1;
	text-align: center;
	padding-top: 30px;
}

#contentSection #copy a
{
	color: #8182b1;
	font-weight: normal;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* example content styles*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contentSection h2
{
	font-size: 18px;
	margin-bottom: 17px;
}

#contentSection h2.negative
{
	font-size: 18px;
	background: #213983;
	color: #FFFFFF;
	padding: 5px;
	margin: 0px;
}

#contentSection h3
{
	font-size: 0.7em;
}

#contentSection h4
{
	font-size: 0.7em;
	line-height: 1.3;
}


#contentSection p
{
        font-size: 0.7em;
        margin: 0px 0px 10px;
        line-height: 1.3;
}

#contentSection ul
{
        font-size: 0.7em;
		  list-style-type: none;
        margin: 0px 0px 0px 15px;
        line-height: 1.3;
}

#contentSection ul ul
{
        font-size: 1em;
}

#contentSection .csc-sitemap ul
{
        margin: 5px 0px 5px 15px;
        line-height: 1.7;
}

#contentSection ol
{
	font-size: 0.7em;
	margin: 0px 0px 0px 25px;
   line-height: 1.3;
}

#contentSection a
{
        color: #DA471F;
		  font-weight: bold;
		  text-decoration: none;
}

#contentSection a:hover,
#contentSection a:active,
#contentSection a:focus
{
	text-decoration: underline;
}

#contentSection .newsListContainer h2,
#contentSection .pressListContainer h2,
#contentSection .faqListContainer h2,
#contentSection .productList h2
{
	background: url(h2bg.gif) repeat-y;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 0;
}

#contentSection .pressSingleContainer h2,
{
	font-size: 0.85em;
}

#contentSection .faqSingleContainer h2
{
	font-weight: normal;
	font-style: italic;
	margin-bottom: 1em;
}

#contentSection .csc-sitemap h2
{
	background: url(h2bg.gif) repeat-y;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10;
}

#contentSection .newsListContainer h3,
#contentSection .productList h3
{
	font-size: 0.85em;
	margin-bottom: 5px;
}

#contentSection .pressSingleContainer h3
{
	font-weight: normal;
	margin-bottom: 0.6em;
}

#contentSection .faqSingleContainer h3
{
	margin-bottom: 1em;
}

.newsListItem
{
	margin-bottom: 15px;
}

.pressListItem
{
	margin: 10px 0px 15px;
}

.newsListItemContainer
{
	margin-top: 7px;
}

.newsListImage
{
	float: left;
	width: 120px;
}

.newsListText
{
	margin-left: 120px;
}

#contentSection .pressListItem p
{
       margin: 0px;
}

#contentSection p.pressDate
{
        font-size: 0.65em;
}

#contentSection ul.aMenu
{
        line-height: 1.5;
		  margin-left: 0px;
}

#contentSection .newsListContainer a,
#contentSection .pressListContainer a,
#contentSection .joblist a,
.forwardLink
{
	color: #da471f;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	background: url(link.gif) no-repeat right top;
}

#contentSection .pressListContainer .aMenu a
{
	padding-right: 0px;
	padding-left: 10px;
	background: url(link.gif) no-repeat left top;
}

#contentSection .singleBackLink a,
.backLink
{
	padding-left: 10px;
	background: url(back.gif) no-repeat 0px 4px;
}

#contentSection .csc-sitemap h2 a
{
	color: #FFFFFF;
}

#contentSection .csc-sitemap ul a
{
	color: #213983;
}

#contentSection .csc-sitemap ul ul a
{
	font-weight: normal;
}

.news-single-img
{
	text-align: center;
}

.news-single-img img
{
	display: block;
	margin: 0px auto;
}

#contentSection p.news-single-imgcaption
{
		font-size: 0.55em;
		background: #e8eBF2;
		padding: 3px 3px 6px 3px;
		text-align: left;
}

.iconlink img
{
	vertical-align: bottom;
}

.imgborder .csc-textpic-image
{
	border: 1px solid #ddddeb;
}

.contenttable
{
	border-collapse: collapse;
	width: 288px;
	margin: 0px auto;
	text-align: left;
}

.contenttable caption
{
	font-size: 0.7em;
	background: #213983;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	margin: 0px auto;
}

.contenttable td
{
	font-size: 0.7em;
	border: 1px solid #FFFFFF;
	padding: 5px;
}

.tr-odd,
.li-odd
{
	background: #e8ebf2;
}

.tr-even,
.li-even
{
	background: #dae0eb;
}

.td-last
{
	width: 84px;
	text-align: right;
}

.req
{
        color: #DA471F;
}

#contentSection .joblist ul
{
	margin-left: 0px;
}

.joblist li
{
	padding: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.joblist li.first
{
	border-top: 2px solid #FFFFFF;
}

#contentSection .formBox
{
	margin-bottom: 20px;
	margin-top: 23px;
}

#contentSection .formCountryBox
{
	background: url(mapindex.gif) no-repeat;
	padding-left: 110px;
}

#contentSection .formBox label
{
	font-size: 0.7em;
	font-weight: bold;
}

#contentSection .formBox input,
#contentSection .formCountryBox input,
#contentSection .formCountryBox select
{
	border: 1px solid #7f9db9;
	background: #FFFFFF;
	width: 220px;
	font-size: 0.7em;
	padding: 2px 0px;
}

#contentSection .formBox input.submit,
#contentSection .formCountryBox input.submit
{
	width: auto;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #da471f;
	font-weight: bold;
}

#contentSection .faqListContainer ul
{
		  list-style-type: square;
        margin: 10px 0px 15px 25px;
        line-height: 1.5;
}

#contentSection .faqListContainer ol
{
   line-height: 1.5;
	margin: 10px 0px 15px 27px;
}

#contentSection .faqListContainer ul a,
#contentSection .faqListContainer ol a
{
	font-weight: normal;
}

.pageBrowser
{
	margin-top: 20px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* indexed search */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.tx-indexedsearch-searchbox td
{
       font-size: 0.7em;
       padding-right: 5px;
       padding-bottom: 3px;
		 line-height: 1.3;
}

.tx-indexedsearch-searchbox input,
.tx-indexedsearch-searchbox select,
.csc-form-fieldcell input,
.csc-form-fieldcell select
{
      border: 1px solid #7f9db9;
		padding: 2px 0px;
}

.tx-indexedsearch-searchbox input.submit
{
      border: none;
      background: transparent;
      color: #DA471F;
      cursor: pointer;
		font-weight: bold;
}


.tx-indexedsearch-res td,
.csc-form-fieldcell input,
.csc-form-fieldcell select
{
      font-size: 0.7em;
}

.tx-indexedsearch-redMarkup
{
      color: #DA471F;
}

.tx-indexedsearch-res td.tx-indexedsearch-info
{
      padding-top: 5px;
		color: #7F9DB9;
}

.tx-indexedsearch-browsebox li
{
	display: inline;
}

.tx-indexedsearch-browsebox
{
	margin: 20px 0px;
}

.tx-indexedsearch-whatis
{
	margin-top: 10px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* mail form */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.formWrap fieldset
{
	border: none;
	background: #e8ebf2;
	margin: 5px 0px;
	padding: 10px;
}

.formWrap .field,
.formWrap .button
{
	clear: left;
	margin: 8px 0px;
}

.formWrap label
{
	float: left;
	width: 160px;
	font-size: 0.7em;
}

.formWrap .radiolabel
{
	font-size: 0.7em;
}

.formWrap input
{
	border: 1px solid #7f9db9;
	padding: 2px 0px;
	width: 172px;
	font-size: 0.7em;
}

.formWrap input.radio
{
	width: auto;
	vertical-align: bottom;
	border: none;
}

.formWrap input.inputmedium
{
	width: 172px;
}

.formWrap input.digit2
{
	width: 25px;
}

.formWrap input.digit4
{
	width: 50px;
}

.formWrap input.formsubmit
{
	width: auto;
	margin-right: 10px;
	background: #e8ebf2;
}

.formWrap .help
{
	color: #DA471F;
	padding-left: 5px;
	font-size: 0.7em;
}

#contentSection .formWrap .help a
{
	font-weight: normal;
	text-decoration: none;
}



.green
{
	color: #2ca343;
}


/* layer */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span span{ /*CSS for enlarged image*/
background-color: #fff;
width: 420px;
padding:15px;
border: 2px dashed #000;
display:block;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -230px;
left: 40px; /*position where enlarged image should offset horizontally */

}
.thumbnail:hover span span{ /*CSS for enlarged image on hover*/
top: 0px;
left:0px; /*position where enlarged image should offset horizontally */

}

.thumbnail:hover span span a{ /*CSS for enlarged image on hover*/
border: solid 1px #00f;
background: #ccf;
display:inline;

}

.thumbnail:hover span.erw{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 40px; /*position where enlarged image should offset horizontally */

}