*
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ebebeb url(../images/ets_tile.jpg) repeat-x left top;
}

form
{
	margin: 0px;
}

a, a:active, a:hover, a:link, a:visited 
{
	color: #47a2e2;
	text-decoration: underline;
}

a img
{
	border: 0px;
}

h1
{
	font-size: 13pt;
	font-weight: bold;	
}


/*
  vier Sonderfaelle fuer Links in den contentNavigationLevel1 Ueberschriften
*/
h1 a {
    color: #666666;
	font-size: 13pt;
	font-weight: bold;	
    text-decoration: none;
}

h1 a:active {
    color: #666666;
	font-weight: bold;	
    text-decoration: none;
}

h1 a:hover {
    color: #666666;
	font-size: 13pt;
	font-weight: bold;	
    text-decoration: none;
}

h1 a:link {
    color: #666666;
	font-size: 13pt;
	font-weight: bold;	
    text-decoration: none;
}

h1 a:visited {
    color: #666666;
	font-size: 13pt;
	font-weight: bold;	
    text-decoration: none;
}

.errorMsg
{
	color: #990000;
	font-weight: bold;
}

/* margin on left side */
.leftMargin20
{
	margin: 0px 20px 0px 0px;
}

/* cell use to strec the image */
td.fullSize, td.fullSizeRight
{
	width: 100%;	
}
td.fullSizeRight
{
	text-align: right;
}

/* HEADER */
.site
{
	width: 960px;
        margin: 0pt auto;
}

.siteHeader
{
	background: #ffffff;
	height: 40px;
	border-bottom: 5px solid #003366;
}

.siteHeaderTable 
{
	width: 100%;
	height: 100%;
}

.siteHeaderTable td
{
	vertical-align: top;	
}

.siteHeaderLogoCell
{
	width: 100%;
}

.siteHeaderNavigationTable td
{
	vertical-align: bottom;
	padding: 0px 8px 4px 8px;	
}
td.siteHeaderLanguage
{
	padding: 0px 8px 6px 0px;
	vertical-align: bottom;
}


.siteHeaderNavigation
{
	border-left: 1px solid #D4D0C8;
	height: 40px;
}

.siteHeaderNavigation a, .siteHeaderNavigation a:active, .siteHeaderNavigation a:hover, 
.siteHeaderNavigation a:link, .siteHeaderNavigation a:visited 
{
	color: #666666;
	text-decoration: none;
}
.siteHeaderNavigation a:hover 
{
	color: #237CBD;
}

/* HEADER IMAGE */


/* MAIN NAVIGATION */
.siteMainNavigationContainer
{
	background-image: url(../images/navigation/mainNavBg.gif);
	border-top: 1px solid #ffffff;
	height: 30px;		
}

.siteMainNavigation
{
	width: 690px;
}
.siteMainSearch
{
	width: 270px;
}
.siteMainSearchInput
{
	width: 190px;
}
.siteMainNavigationItem
{
	border-right: 1px solid #ffffff;
	text-align: left;
}
.siteNavigationPopupItem
{
	border-left: 1px solid #ffffff;
	text-align: right;
	float: right;
}

/* CONTENT */
.siteMainContainer
{
	
}

/* SUB NAVIGATION*/
.contentNavigationContainer
{
	vertical-align: top;
	width: 201px;
	background-image: url(../images/navigation/subnavigationBg.gif);
}

.contentNavigationContainer h1
{
	color: #666666;
	margin: 14px 10px 7px 10px;
}
.contentNavigationBox
{
	border-top: 3px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	margin-right: 1px; /* so that we get the line on the right side */
	background-color: #ffffff;
}
/* push subitem level 2 and 3 10px from the left and right side */
.contentNavigationBoxSubLevels
{
	padding: 0px 10px 0px 10px;
	background-image: url(../images/navigation/navigationSubLevelBg.gif);
}
/* at the end of active items makes line */
.contentNavigationBoxActiveItems
{
	border-top: 1px solid #E7E5E0;
}
/*LEVEL1*/
.contentNavigationLevel1, .contentNavigationLevel1Active
{
	padding: 5px 20px 5px 10px;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/navigation/navLevel1Bg.gif);
	background-color: #E7E5E0;
	background-repeat: no-repeat;
	background-position: top;
}
.contentNavigationLevel1Active
{
	padding: 5px 20px 5px 10px;
	background-image: url(../images/navigation/navLevel1BgActive.gif);
 	background-color: #2982BF;
}
.contentNavigationLevel1 a, .contentNavigationLevel1 a:active, .contentNavigationLevel1 a:hover, 
.contentNavigationLevel1 a:link, .contentNavigationLevel1 a:visited ,
.contentNavigationLevel2 a, .contentNavigationLevel2 a:active, .contentNavigationLevel2 a:hover, 
.contentNavigationLevel2 a:link, .contentNavigationLevel2 a:visited,
.contentNavigationLevel3 a, .contentNavigationLevel3 a:active, .contentNavigationLevel3 a:hover, 
.contentNavigationLevel3 a:link, .contentNavigationLevel3 a:visited 
{
	color: #333333;
	text-decoration: none;
}
.contentNavigationLevel1Active a, .contentNavigationLevel1Active a:active, .contentNavigationLevel1Active a:hover, 
.contentNavigationLevel1Active a:link, .contentNavigationLevel1Active a:visited 
{
	color: #ffffff;
	text-decoration: none;
}

/*LEVEL2*/
.contentNavigationLevel2, .contentNavigationLevel2Active
{
	padding: 5px 10px 5px 15px;
	background-image: url(../images/navigation/navLevel2Bg.gif);
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top;
}

.contentNavigationLevel2Active
{
	background-image: url(../images/navigation/navLevel2BgActive.gif);
}

.contentNavigationLevel2Active a,
.contentNavigationLevel2Active a:active,
.contentNavigationLevel2Active a:hover, 
.contentNavigationLevel2Active a:link,
.contentNavigationLevel2Active a:visited, 
.contentNavigationLevel3Active a, 
.contentNavigationLevel3Active a:active,
.contentNavigationLevel3Active a:hover, 
.contentNavigationLevel3Active a:link,
.contentNavigationLevel3Active a:visited 
{
	color: #2982BF;
	text-decoration: none;
}

*/

.contentNavigationLevel1Active,
.contentNavigationLevel2Active,
.contentNavigationLevel3Active
{
	/*cursor: hand;*/
	cursor: pointer;	
}

/*LEVEL3*/
.contentNavigationLevel3
{
	font-size: 8pt;
	background-image: url(../images/navigation/navLevel3Bg.gif);
	padding: 2px 10px 2px 15px;
	border-top: 1px solid #E7E5E0;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top;
}

.contentNavigationLevel3Active
{
	font-size: 8pt;
	background-image: url(../images/navigation/navLevel3BgActive.gif);
	padding: 2px 10px 2px 15px;
	border-top: 1px solid #E7E5E0;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top;
}

.contentNavigationLevel3 a,
.contentNavigationLevel3 a:active,
.contentNavigationLevel3 a:hover, 
.contentNavigationLevel3 a:link,
.contentNavigationLevel3 a:visited 
{
	font-size: 8pt;
}

.contentNavigationLevel3Active a,
.contentNavigationLevel3Active a:active,
.contentNavigationLevel3Active a:hover, 
.contentNavigationLevel3Active a:link,
.contentNavigationLevel3Active a:visited 
{
	font-size: 8pt;
}


/* TEASER PART */
.teaserAreaBottom
{
	vertical-align: bottom;
	background-image: url(../images/teaserAreaBg.gif);
}
.teaserAreaBottom img
{
	border: 1px solid #D4D0C8;
	margin: 0px 10px 10px 10px;
}

.contentTeaserAreaContainer
{
	vertical-align: top;
	// width: 251px;
	background-image: url(../images/teaserAreaBg.gif);
}

.contentTeaserAreaContainer h1
{
	color: #666666;
	margin: 14px 10px 7px 20px;
}
.contentTeaserAreaService
{
	margin: 0px 10px 0px 20px;
	font-size: 7pt;
	color: #666666;
}
.contentTeaserAreaService h1 
{
	color: #333333;
	font-size: 13pt;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
}
.contentTeaserAreaService img
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.teaserAreaNews
{
	border-top: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-image: url(../images/teaserAreaNewsBg.gif);
	width: 250px;
	float: left;
}
.teaserAreaNewsItem
{
	margin: 10px 10px 10px 10px;
	float: left;
}
.teaserAreaNewsItemDatum
{
	color: #999999;
	width: 60px;
	float: left;	
	margin: 0px 10px 0px 0px;
}
.teaserAreaNewsItemText
{
	width: 135px;
	display: block;
	float:left;
}

/* FORM */


/* field set element */
fieldSet
{
	margin: 0px 0px 20px 0px;
	border: 1px solid #d4d0c8;
}

legend
{
	font-weight: bolder;
}

/* for normal textboxes etc. */
.fieldSetForm
{
	margin: 20px 8px 20px 8px;
	width: 80%;
}
.fieldSetTextarea
{
	width: 95%;
	margin: 20px 8px 20px 8px;
}
.fieldSetForm td
{
	padding: 3px;
}
.fieldSetItemText
{
	width: 30%;
}
.fieldSetItemInput
{
	width: 70%;
}

.fieldSetItemInputSmall
{
	width: 15%;
}
.fieldSetItemTextSmall, .fieldSetItemTextSmallCenter
{
	width: 20%;
}
.fieldSetItemTextSmallCenter
{
	text-align: center;
}
.fieldSetItemInputMiddle
{
	width: 45%;
}
.fieldSetItemTextarea
{
	width: 100%;
}

input.Input94
{
	width: 94%;
}
input.Input100
{
	width: 97%;
}
textarea.textarea100
{
	width: 98%;
	height: 100px;
}


/* MAIN CONTENT PART */

.contentContainer
{
	vertical-align: top;
	background-color: #ffffff;
	width: 540px;
}

.contentContainer h1
{
	margin: 14px 0px 7px 0px;
}

.contentContainer h2
{
    border-bottom: 1px solid #D4D0C8;
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 2px;
    margin: 20px 0px 10px 0px;
    color: #666666;
}

.contentContainer h3
{
    border-bottom: 1px solid #D4D0C8;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 2px;
    margin: 20px 0px 10px 0px;
    color: #666666;
}

.contentTeaserContainer h2
{
    border: none;
    margin: 0px;
    padding: 0px;
    color: #666666;
}

.contentContainer li,
.contentTeaserAreaContainer li
{
        margin-left: -10px;
        margin-top: 2px;
        list-style-image: url(../images/bullet.gif);
}

.content
{
	margin: 0px 20px 20px 20px;
}

.contentImgRight
{
	margin: 30px 0px 30px 0px;
}

.ulContainer
{
	width: 59%;
	float: left;
}

.ulContainer ul
{
	list-style: square;
	color: #909090;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
}

.contentImagePart
{
	border-top: 1px solid #D4D0C8;
}

.contentFooter
{
	margin: 20px 0px 20px 0px;
	vertical-align: bottom;
	border: 1px solid #D4D0C8;	
	background-image: url(../images/contentFotterBg.gif);
	height: 25px;
	width: 100%;
}
.contentFooter, .contentFooter a, .contentFooter a:active, .contentFooter a:hover, 
.contentFooter a:link, .contentFooter a:visited 
{
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
}
.contentFooter img
{
	margin: 0px 5px 0px 15px;
}
.contentFooterCell35
{
	width: 35%;
}
.contentFooterCell30
{
	width: 30%;
}
.contentFooterCell20
{
	width: 30%;
}
.contentFooterCell5
{
	width: 5%;
}


.contentTeaserContainer
{
	padding: 16px 6px 16px 16px;
	background: #FAFAF9;
	border-top: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
	float: left;
}
/* small teaser */
.teaserSmallContainer, .teaserSmallContainerActive
{
	vertical-align: middle;
	width: 220px;
	height: 72px;
	background-image: url(../images/fokusBG_small.gif);
}
.teaserLastSmallContainer, .teaserLastSmallContainerActive
{
	vertical-align: middle;
	width: 450px;
	height: 72px;
	background-image: url(../images/fokusBG_long.gif);
}
.teaserSmallContainer, .teaserSmallContainerActive,
.teaserLastSmallContainer, .teaserLastSmallContainerActive
{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.teaserSmallContainerActive, .teaserBigContainerActive
{
	background-image: url(../images/fokusBG_small_active.gif);
	/*cursor: hand;*/
	cursor: pointer;
}
.teaserLastSmallContainerActive
{
	background-image: url(../images/fokusBG_long_active.gif);
	/*cursor: hand;*/
	cursor: pointer;
}

/* big teaser */
.teaserBigContainer, .teaserBigContainerActive
{
	margin-left: 10px;
	margin-top: 10px;
	height: 72px;
	vertical-align: middle;
	width: 230px;
	background-image: url(../images/fokusBG_big.gif);
}
.teaserBigContainerActive
{
	background-image: url(../images/fokusBG_big_active.gif);
}

.teaserSmallContainer img, .teaserSmallContainerActive img,
.teaserLastSmallContainer img, .teaserLastSmallContainerActive img,
.teaserBigContainer img, .teaserBigContainerActive img
{
	margin: 3px 0px 0px 3px;
}

.teaserSmallContainer h2, .teaserSmallContainerActive h2,
.teaserLastSmallContainer h2, .teaserLastSmallContainerActive h2,
.teaserBigContainer h2, .teaserBigContainerActive h2
{
	font-size: 13pt;
	font-weight: bold;	
	color: #666666;
	margin: 0px 0px 0px 0px;
}

.teaserSmallContainer h3, .teaserSmallContainerActive h3,
.teaserLastSmallContainer h3, .teaserLastSmallContainerActive h3,
.teaserBigContainer h3, .teaserBigContainerActive h3
{
	color: #999999;
	padding: 9px 0px 0px 0px;
	margin: 0px;
        border: none;
}

.teaserSmallImage
{
	float: left;
}

/* mews */
.newsContainer
{
}

.newsBox
{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        border-bottom: 1px solid #D4D0C8;
}

.newsBox img
{
	padding: 2px;
	border: 1px solid #D4D0C8;
}



/* FOOTER */
.siteFooter *
{
	
	font-size: 8pt;
	color: #ffffff;
	margin: 0px;
}
.siteFooter
{
	height: 35px;
	background-color: #67afe2;
}
.siteFooter td
{
	height: 35px;
}

.siteFooterLeft
{
	width: 220px;
	border-right: 1px solid #D4D0C8;
}
.siteFooterLeft div {
	padding: 0px 0px 0px 10px;
}

.siteFooterRight
{
	width: 250px;
	border-left: 1px solid #D4D0C8;
}
.siteFooterRight div {
	padding: 0px 10px 0px 0px;
}
.siteFooterRight img
{
	margin-right: 5px;
	vertical-align: middle;
}

.siteFooterCopyRight
{
	background-color: #47a2e2;
	width: 350px;
}
.siteFooterCopyRight div {
	padding: 0px 0px 0px 20px;		
}

.siteFooterDesignBy
{
	background-color: #47a2e2;
	text-align: right;
	width: 220px;
}
.siteFooterDesignBy div  {
	padding: 0px 0px 0px 20px;		
}

.siteFooter a, .siteFooter a:active, .siteFooter a:hover, 
.siteFooter a:link, .siteFooter a:visited 
{
	color: #ffffff;
}

@media print {
	body
	{
		background: #ffffff;
	}
	
	.site, .contentContainer
	{
		width: auto;
	}
	
	.siteImage, .contentNavigationContainer, .siteFooter, 
	.siteMainNavigationContainer, .siteHeaderNavigationTable, .teaserAreaBottom, .contentFooter
	{	
		display: none;
	}
}

*.contentRightSide {
        // padding: 6px 6px 6px 16px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 7pt;
        color: #666666;
}

.contentShoppingCart {
        margin-top: 10px;
        padding: 6px 6px 6px 16px;
        font-size: 7pt;
        color: #666666;
}

.contentShoppingCart a {
        font-size: 7pt;
}


.searchResultsCellLeft { 
  text-align: left;
  margin-bottom: 10px;
  padding: 5px;
  border-bottom: 1px solid #d4d0c8;
}

.searchResultsCellLeft p { 
  margin-top: -0.5em;
}

.searchResultsCellMiddle { 
  /* text-align: middle; */
}

.searchResultTextStart { 
  text-align: left;
}

.srhlogo a, .srhlogo a:hover, .srhlogo a:visited, .srhlogo a:link {
    text-decoration: none;
}

#document {
  margin-top: 10px;
}

.productOrderBox {
        background: #F3F2EF;
        margin-top: 10px;
	border-top: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
}

.productOrderBoxHeading {
        margin: 0px;
        padding: 5px;
        font-weight: bold;
        font-size: 10pt;
        color: #ffffff;
}

#productContainer {
        background: #ffffff;
}

.productListItem {
        padding-left: 3px;
        padding: 3px;
        background: #ffffff;
        border-top: 1px dotted #D4D0C8;
}

.productListItemPrice {
        text-align: right;
        margin-top: 2px;
        border-top: 1px dotted #f1f1f1;
}

.productListItemOrder {
        padding-top: 5px;
        text-align: right;
        margin-top: 2px;
}

.productOrderBoxToggle {
        padding: 5px;
        float: right;
}

#productOrderBoxTop {
	background-image: url(../images/navigation/productOrderBoxMinimize.gif);
	background-color: #2982BF;
        color: #ffffff;
}

.rightSideItem {
        border-bottom: 1px solid #D4D0C8;
}

.brokenLink,
.brokenLink a,
.brokenLink a.link,
.brokenLink a.visited {
        color: #ff0000;
}

.siteMapContainer img
{       
        border-width: 0px;
        vertical-align: text-top;
        margin-right: 3px
}
.siteMapFirstFolderContainer
{       
        margin-top: 3px;
        margin-bottom: 3px;
} 

.siteMapFolderContainer
{
        margin-top: 3px;
        margin-bottom: 3px;
}

div.siteMapFolderContainer
{
        margin-left: 35px;
}

.siteMapContainer h2
{
    border-bottom: 1px solid #D4D0C8;
    font-weight: bold;
    padding-bottom: 2px;
    margin: 20px 0px 10px 0px;
    color: #666666;
}



#infoPane {
        visibility: hidden;
        position: fixed;
        left: 5px;
        top: 30px;
        width: 400px;
        border: 2px solid black;
        padding: 0px;
        background: #eeeeee;
}

#infoPane .heading {
        margin-top: -11px;
        padding-left: 10px;
        background: #ffffff;
}

.infoPaneContent {
        padding-left: 10px;
}


#infoPane h2 {
        font-size: 12px;
        color: #666666;
}

#infoPane td {
        width: 100px;
        border-top: 1px solid #aaaaaa;
}

#controlPane {
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        border-bottom: 1px solid D4D0C8;
        background: #eeeeee url(../images/controlPane/background.gif) repeat-x left top;
        padding: 5px;
}

#controlPane img {
        margin-bottom: -2px;
}

#controlPane a {
        padding: 5px;
        padding-left: 2px
}

#controlPane a:hover {
        background: #dddddd;
}

.searchbody {
  background-color:#ffffff;
  margin: 10px 10px 10px 10px;
  background-image:none;
}

.searchtitle {
  font-weight:bold;
  margin-bottom: 5px;
}

.searchresult {
  color:#000000;
  margin-bottom: 20px;
  margin-left:10px;
}

.prodinfo {
  color:#b2b2b2;
  font-weight:normal;
  margin-left:10px;
}

.hfinfo {
  style:display:none;
}

#divresults {
	width:97%;
	background:#ffffff;
	padding:10 10 10 10;
}

#divinfo {
	width:100%;
	border-bottom:1px solid #dddddd;
}

#divnavigation {
	background:#f4f4f4;
	border-top:1px solid #dddddd;
}

#closeBtn{
  position:absolute;
  left:850px;
  top:70px;
}

.remark {
  display:none;
}

.keywords{
  display:none;
}

.logonForm {
    font-size: 8pt;
}

.logonForm td {
    border-bottom: 1px dotted #D4D0C8;
}

.logonFormField input {
    border: 0px;
    padding-right: 3px;
}

.logonFormSubmitButton {
    border: 0px;
}

dl.image_map {display:block; width:470px; height:462px; background:url(../sync/pics/kompetenzerweiterung.jpg); position:relative; margin:2px auto 2px auto;}
a.LINK0 {left:9px; top:8px; background:transparent;}
a.LINK0 {display:block; width:198px; height:0; padding-top:87px; overflow:hidden; position:absolute;}
a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK1 {left:225px; top:7px; background:transparent;}
a.LINK1 {display:block; width:198px; height:0; padding-top:87px; overflow:hidden; position:absolute;}
a.LINK1:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK2 {left:10px; top:340px; background:transparent;}
a.LINK2 {display:block; width:198px; height:0; padding-top:87px; overflow:hidden; position:absolute;}
a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK3 {left:223px; top:339px; background:transparent;}
a.LINK3 {display:block; width:198px; height:0; padding-top:87px; overflow:hidden; position:absolute;}
a.LINK3:hover  {background:transparent; border:1px dashed black; color:black;}
a.BLINK {left:468px; top:460px; background:transparent;}
a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}
a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}