@charset "utf-8";
/*<![CDATA[/*>*/

/***************************************************************/
/* SCREEN CSS FOR EMCHBERGER.CH                                */
/* CSS Code by MEDIAparx.com | Marius Bleuer | October 2007    */
/***************************************************************/
/* RELEASED UNDER:                                             */
/*-------------------------------------------------------------*/
/* Creative Commons 2.5 Schweiz                                */
/* Namensnennung - NichtKommerziell                            */
/* http://creativecommons.org/licenses/by-nc-nd/2.5/ch/        */
/***************************************************************/
/* Table of Contents:                                          */
/* ------------------------------------------------------------*/
/* 1. basic container defintions                               */
/* 2. columnLeft                                               */
/*    2.1 navigation                                           */
/* 3. columnCenter                                             */
/*    3.1 decoTop                                              */
/*    3.2 serviceNavi                                          */
/*    3.3 banner                                               */
/*    3.4 contentSmall                                         */
/*    3.5 contentMedium                                        */
/*    3.6 contentLarge                                         */
/*         3.6.1 general table styles                          */
/*         3.6.2 table news                                    */
/*         3.6.3 table referenzen                              */
/*         3.6.4 table downloads                               */
/*         3.6.5 table jobs                                    */
/*         3.6.6 table referenzen detail                       */
/*    3.7 footer                                               */
/*    3.8 font styles                                          */
/*    3.9 fast access                                          */
/*    3.10 container back button                               */
/*    3.11 form styles                                         */
/*    3.12 sitemap styles                                      */
/*    3.13 search results styles                               */
/*    3.14 location styles                                     */
/* 4. columnRight                                              */
/*    4.1 language navigation                                  */
/* 5. ez publish releated styles                               */
/***************************************************************/

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

html{
	font-size:medium;
}

body{
	font-size:75%;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size-adjust:none;
	background:#fff;
	color:#646464;
}

img{
	border:none;
}

fieldset{
	border:none;
}

input, textarea, select, button{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

.clear{
	clear:both;
	font-size:0em;
	line-height:0px;
	height:0px;
}

a{
	outline:none;
	text-decoration:none;
}

a img{
	border:none;
}

p{
	margin-bottom:1.35em;
}

code, pre{
	font-size:110%;
	font-family:"Courier New", Courier, monospace;
}

pre{
	font-family:Arial, Helvetica, sans-serif;
}

#AccessKeys{
	display:none;
}


/*************************************************/
/* 1. basic container defintions                 */
/*************************************************/
#columnLeft{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:160px;
	min-height:250px;
	padding-top:120px;
	background:#fff;
}

#columnCenter{
	float:left;
	margin-left:160px;
	width:720px;
}

#columnRight{
	position: absolute;
	left: 880px;
	top: 0px;
	width: 140px;
	font-size: 95%;
}


/*************************************************/
/* 2. columnLeft                                 */
/*************************************************/

/*------------------------------*/
/* 2.1 navigation               */
/*------------------------------*/
#columnLeft ul{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

#columnLeft ul li{
	margin-top:0.1em;
	padding-bottom:0.1em;
}

#columnLeft ul li a{
	display:block;
	width:140px;
	padding-left:20px;
	color:#7e7e7e;
}

#columnLeft ul li a:hover,
#columnLeft ul li .active{
	color:#000;
}

#columnLeft ul li ul{
	margin-left:20px;
}

#columnLeft ul li ul li{
	margin-top:0px;
	padding-bottom:0px;
}

#columnLeft ul li ul li a{
	display:block;
	width:128px;
	padding-left:10px;
	line-height:120%;
	padding-top:1px;
	padding-bottom:1px;
}


/*************************************************/
/* 3. columnCenter                               */
/*************************************************/

/*------------------------------*/
/* 3.1 decoTop                  */
/*------------------------------*/
#columnCenter #decoTop{
	float:left;
	width:480px;
	height:106px;
}

#columnCenter #decoTop #logo{
	float:left;
	position:relative;
	margin-left:-40px;
	margin-top:30px;
	width:61px;
	height:61px;
	background:url(/extension/eb_design/design/eb_design/images/layout/img-logo.gif) no-repeat;
}
#columnCenter #decoTop #logoPfaeffikon{
	float:left;
	position:relative;
	margin-left:-40px;
	margin-top:26px;
	width:143px;
	height:65px;
	background:url(/extension/eb_design/design/eb_design/images/layout/img-logo-pfaeffikon.gif) no-repeat;
}
#columnCenter #decoTop #logoWSB{
	float:left;
	position:relative;
	margin-left:-40px;
	margin-top:30px;
	width:192px;
	height:61px;
	background:url(/extension/eb_design/design/eb_design/images/layout/img-logo-wsb.gif) no-repeat;
}

/*------------------------------*/
/* 3.2 serviceNavi              */
/*------------------------------*/
#serviceNavi{
	float:right;
	width:240px;
	height:106px;
	background:#e6e6e6;
}

#serviceNavi.large{
	height:397px;
}

#serviceNavi #dummyBg{
	float:left;
	width:240px;
	padding-bottom:4px;
}

#serviceNavi ul{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

#serviceNavi ul li{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:0.7em;
	margin-right:12px;
}

#serviceNavi ul li a{
	display:block;
	width:10px;
	height:10px;
	background:no-repeat;
}

#serviceNavi a#linkHome{
	width:11px;
	margin-left:10px;
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-home.gif) 0px 1px;
}

#serviceNavi a#linkHome:hover,
#serviceNavi a#linkHome.active{
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-home.gif) 0px -80px;
}

#serviceNavi a#linkPrint{
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-print.gif) 0px 1px;
}

#serviceNavi a#linkPrint:hover,
#serviceNavi a#linkPrint.active{
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-print.gif) 0px -80px;
}

#serviceNavi a#linkContact{
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-contact.gif) 0px 1px;
}

#serviceNavi a#linkContact:hover,
#serviceNavi a#linkContact.active{
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-contact.gif) 0px -80px;
}

#serviceNavi a#linkSitemap{
	width:14px;
	margin-right:0px;
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-sitemap.gif) 0px 1px;
}

#serviceNavi a#linkSitemap:hover,
#serviceNavi a#linkSitemap.active{
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-sitemap.gif) 0px -80px;
}

#serviceNavi form{
	float:right !important;
	display:inline;
	margin-top:4px;
	padding-right:5px;
	width:128px;
}

#serviceNavi form input{
	float:left;
	border-left:1px solid #717171;
	border-top:1px solid #717171;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding:1px;
	padding-left:2px;
	padding-right:2px;
	font-size:95%;
	width:106px;
	margin-right:4px;
}

#serviceNavi form button{
	float:left;
	border:none;
	height:16px;
	width:10px;
	cursor:pointer;
	background:url(/extension/eb_design/design/eb_design/images/layout/ico-search.gif) 0px 50% no-repeat;
}

#serviceNavi #SiteName{
	padding-left: 10px;
	padding-top: 65px;
	color: #000000;
}


/*------------------------------*/
/* 3.3 banner                   */
/*------------------------------*/


#bannerMultiple{
	float:left;
	width:480px;
	height:322px;
	overflow:hidden;
	background: #fff;
}

#bannerMultiple img{
	width:480px;
	height:322px;
}

#banner{
	float:left;
	width:720px;
	height:165px;
	background:#e6e6e6;
}

#banner img{
	float:left;
}


/*------------------------------*/
/* 3.4 contentSmall             */
/*------------------------------*/
#contentSmall,
#contentSmallSpecial,
#contentSmallReference,
#contentSmallIndexGroup{
	float:right;
	width:220px;
	padding-top:40px;
	padding-bottom:12px;
	background:url(/extension/eb_design/design/eb_design/images/layout/img-bg-contentSmall.gif) bottom repeat-x;
	padding-left:10px;
	padding-right:10px;
	min-height:174px;
}

#contentSmallReference{
	padding-top:0px;
	min-height: 322px;
}
#contentSmallReference .referenceClear{
	padding-bottom: 10px;
	clear: both;
}

#contentSmallReference #small_2,
#contentSmallReference #small_3{
	float:left;
	margin-bottom:10px;
	cursor:pointer;
	width:120px;
	height:80px;
}


#contentSmallReference img.Reference{
	width:120px;
	height:80px;
}

#contentSmall .imageEmployee{
	margin-bottom:8px;
}

#contentSmallSpecial{
	width:240px;
	padding-left:0px;
	padding-right:0px;
}

#columnCenter #contentSmall h2{
	margin-bottom:0.5em;
}

#columnCenter #contentSmall .h2News{
	margin-bottom:1em;
}

#columnCenter #contentSmall .specialSpace{
	margin-bottom:0.5em;
}

#columnCenter #contentSmall p,
#columnCenter #contentSmallSpecial p,
#columnCenter contentSmallIndexGroup p{
	margin-bottom:0.75em;
}

#columnCenter #tableRefDetails{
	width:220px;
	border:0px;
	margin-bottom:0.75em;
}

#tableRefDetails .Col1{
	width:150px;
	padding-right:5px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #dddcdc;
}

#tableRefDetails .Col2{
	width:65px;
	text-align:right;
	vertical-align:top;
	border-bottom:1px solid #dddcdc;
}

/*------------------------------*/
/* 3.5 contentMedium            */
/*------------------------------*/
#contentMedium{
	float:left;
	width:430px;
	padding-right:50px;
	min-height:300px;
}

#contentMedium .employee_list_title{
	cursor: pointer;
}

#contentMedium .employee_list_title:hover{
	color:#004060;
}

/*------------------------------*/
/* 3.6 contentLarge             */
/*------------------------------*/
#contentLarge{
	float:left;
	width:720px;
	min-height:300px;
}
#contentLargeCustom{
	float:left;
	width:720px;
	min-height:300px;
}



/*// 3.6.1 general table styles */
/*//============================*/
#columnCenter table td{
	vertical-align:top;
}

#contentLarge .odd{
	background:#ebebeb;
}

#contentLarge .first{
	border-top:1px solid #7e7e7e;
}

#contentLarge table{
	margin-top:3px;
}

#contentLarge table td{
	padding:3px 8px 3px 8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #7e7e7e;
	line-height:120%;
}

#tableNews,
#contentLarge #tableReferenzen,
#contentLarge #tableDownloads,
#contentLarge #tableJobs{
	width:720px;
	border:0px;
}

#contentLargeCustom table td{
	padding: 3px 0px 3px 0px;
	border:0px none;
	line-height:120%;
}

/*// 3.6.2 table news */
/*//==================*/
#tableNews .Col1{
	width:60px;
}

#tableNews .Col2{
	width:318px;
	color:#000;
}

#tableNews .Col3{
	width:253px;
}

#tableNews .Col4{
	width:64px;
	border-right:0px;
}

/*// 3.6.3 table referenzen */
/*//========================*/
#contentLarge table#tableReferenzen td.Col1{
	width:84px;
	padding:1px 0px 1px 0px;
	line-height:0px;
}

#contentLarge table#tableReferenzen td.Col1 a img{
	float:left;
}

#tableReferenzen .Col2{
	width:150px;
	color:#000;
	padding-top:5px;
}

#tableReferenzen .Col3{
	width:422px;
	padding-top:5px;
}

#tableReferenzen .Col4{
	width:64px;
	border-right:0px;
	padding-top:5px;
}

/*// 3.6.4 table downloads */
/*//=======================*/
#tableDownloads .Col1{
	width:494px;
}

#tableDownloads .Col2{
	width:90px;
}

#tableDownloads .Col3{
	width:84px;
	border-right:0px;
}

/*// 3.6.5 table jobs */
/*//=======================*/
#tableJobs .Col1{
	width:60px;
}

#tableJobs .Col2{
	width:237px;
	color:#000;
}

#tableJobs .Col3{
	width:140px;
}

#tableJobs .Col4{
	width:135px;
}

#tableJobs .Col5{
	width:64px;
	border-right:0px;
}

/*// 3.6.6 table referenzen detail */
/*//===============================*/
#contentMedium #tableReferenzenDetail{
	width:430px;
	border:0px;
}

#tableReferenzenDetail .Col1{
	width:135px;
	padding-right:10px;
	color:#000;
}

#tableReferenzenDetail .Col2{
	width:285px;
	border-right:0px;
}

/*------------------------------*/
/* 3.7 footer                   */
/*------------------------------*/
#columnCenter ul#footer{
	float:left;
	width:720px;
	list-style:none;
	margin-left:0px;
	margin-top:20px;
	padding-bottom:20px;
	border-top:1px solid #7e7e7e;
	color:#7e7e7e;
	font-size:85%;
}

#footer li{
	float:left;
	margin-right:5px;
}

#footer li a{
	color:#7e7e7e;
}

#footer li a:hover{
	color:#000;
}

/*------------------------------*/
/* 3.8 font styles              */
/*------------------------------*/
#columnCenter h1,
#columnCenter h2,
#columnCenter h3,
#columnCenter h4,
#columnCenter h5,
#columnCenter h6,
#columnCenter h7{
	font-weight:normal;
	color:#000;
}

#columnCenter h1{
	font-size:130%;
	margin-bottom:1em;

}

#columnCenter h2{
	font-size:115%;
	margin-bottom:0.1em;
}

#columnCenter h3,
#columnCenter h4,
#columnCenter h5,
#columnCenter h6,
#columnCenter h7{
	font-size:100%;
}

#columnCenter a{
	color:#006699;
}

#columnCenter a:hover{
	color:#004060;
}

#columnCenter table p,
#columnCenter table ul,
#columnCenter table ol,
#columnCenter table dl{
	margin-bottom:0px;
}

#columnCenter ul,
#columnCenter ol,
#columnCenter dl{
	margin-bottom:1.35em;
}

#columnCenter ul{
	margin-left:20px;
}

#columnCenter ol{
	margin-left:25px;
}

#columnCenter dl{
	padding-left:0px;
	margin-left:0px;
}

#columnCenter dt{
	margin-left:0px;
}

#columnCenter dd{
	margin-left:20px;
}

#columnCenter table{
	margin-bottom:2.6em;
}

/*------------------------------*/
/* 3.9 fast access              */
/*------------------------------*/
#columnCenter #fastAccess{
	float:right;
	width:220px;
	padding:10px;
	padding-top:3px;
	color:#333;
}

#fastAccess select{
	border:1px solid #848484;
	font-size:90%;
	margin-top:3px;
	width:180px;
}

/*------------------------------*/
/* 3.10 container back button   */
/*------------------------------*/
#containerBackButton{
	float:left;
	width:480px;
	height:30px;
	padding-top:8px;
	font-size:90%;
}

/*------------------------------*/
/* 3.11 form styles             */
/*------------------------------*/
#columnCenter form{
	float:left;
}

#columnCenter form h3{
	margin-top:1.5em;
}

#columnCenter form .labelLeft{
	float:left;
	width:145px;
	margin-bottom:2px;
	margin-right:7px;
	padding-top:2px;
	padding-bottom:2px;
}

#columnCenter form .select{
	float:left;
	margin-bottom:3px;
	width:248px;
	border-left:1px solid #717171;
	border-top:1px solid #717171;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding-top:1px;
	padding-bottom:1px;
}

#columnCenter form .inputTextField{
	float:left;
	margin-bottom:2px;
	width:242px;
	border-left:1px solid #717171;
	border-top:1px solid #717171;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:2px;
}

#columnCenter form .inputFile{
	float:left;
	margin-bottom:2px;
	margin-top:3px;
	border-left:1px solid #717171;
	border-top:1px solid #717171;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:2px;
}

#columnCenter form .textarea,
#columnCenter form .textareaBig{
	float:left;
	width:242px;
	border-left:1px solid #717171;
	border-top:1px solid #717171;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:2px;
	height:80px;
}

#columnCenter form .textareaBig{
	height:250px;
}

#columnCenter form .dummyFormList{
	float:left;
	width:242px;
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:3px;
	margin-bottom:3px;
}

#columnCenter form .dummyFormList li{
	width:242px;
	float:left;
	padding-left:0px;
	background:none;
}

#columnCenter form .dummyFormList input{
	float:left;
	width:16px;
	height:16px;
	margin-right:2px;
	margin-top:3px;
}

#columnCenter form .dummyFormList label{
	float:left;
	width:220px;
}

#columnCenter form .buttonSubmit{
	float:left;
	border-right:1px solid #717171;
	border-bottom:1px solid #717171;
	border-left:2px solid #dfdfdf;
	border-top:2px solid #dfdfdf;
	background:#f0f0f0;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	margin-top:15px;
	margin-right:5px;
	margin-left:150px;
}

#columnCenter #formError{
	float:left;
	width:398px;
	border:1px solid #c2593f;
	margin-bottom:1.5em;
	font-size:90%;
}

#columnCenter #formError h4{
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	background:#c2593f;
	color:#fff;
}

#columnCenter #formError ul{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	color:#c2593f;
}

/*------------------------------*/
/* 3.12 sitemap styles          */
/*------------------------------*/
#columnCenter ul#sitemap{
	margin-left:0px;
	list-style:none;
}

#sitemap li{
	margin-bottom:0.5em;
}

#sitemap li a{
	font-size:120%;
	color:#000;
}

#sitemap li ul{
	list-style:none;
	margin-left:0px;
	margin-top:0.15em;
	margin-bottom:0.75em;
}

#sitemap li ul li{
	margin-left:10px;
	margin-bottom:0px;
}

#sitemap li ul li a{
	padding-left:0px;
	background:none;
	font-size:100%;
	color:#006699;
}

#sitemap li ul li a:hover{
	color:#004060;
}

/*------------------------------*/
/* 3.13 search results styles   */
/*------------------------------*/
#formResults{
	float:left;
	width:430px;
	margin-bottom:0.75em;
}

#formResults #searchText{
	float:left;
	margin-bottom:2px;
	width:340px;
	border-left:1px solid #717171;
	border-top:1px solid #717171;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:2px;
}

#columnCenter #formResults .buttonSubmit{
	position:relative;
	margin-top:0em;
	margin-right:0px;
	margin-left:5px;
}

#listSearchResults li{
	margin-bottom:1em;
}


#NaviSearchTop{
	border-bottom:1px solid #717171;
	margin-bottom:1em;
	padding-top:0.25em;
}

/*------------------------------*/
/* 3.14 location styles         */
/*------------------------------*/
#contentMedium ul#locations{
	margin:0px;
	padding:0px;
	list-style:none;
	width:430px;
	overflow:hidden;
}

ul#locations li{
	float:left;
	margin-bottom:1.25em;
}

ul#locations li.Col1{
	min-width:217px;
	padding-right:20px;

}

ul#locations li.Col2{
	min-width:193px;
}

ul#locations p{
	margin-bottom:0.7em;
}



/*************************************************/
/* 4. columnRight                                */
/*************************************************/

/*------------------------------*/
/* 4.1 language navigation      */
/*------------------------------*/
#columnRight #dummyLanguageNavi{
	float:left;
	width:140px;
	min-height:24px;
}

#columnRight ul{
	list-style:none;
	margin-left:10px;
	margin-top:5px;
}

#columnRight ul li{
	float:left;
	margin-right:6px;
	color:#000;
}

#columnRight ul li a{
	color:#000;
}

#columnRight ul li a:hover,
#columnRight ul li a.active{
	font-weight:bold;
}

#columnRight #linkGroup{
	float:left;
	margin-top:80px;
	margin-left:10px;
	color:#7e7e7e;
}

#columnRight #linkGroup:hover{
	color:#000;
}


/*************************************************/
/* 5. ez publish releated styles                 */
/*************************************************/
div.block div.left, div.viewbar div.left{
    text-align: left;
    float: left;
    clear: left;
}

div.block div.right, div.viewbar div.right{
    text-align: right;
    float: right;
    clear: right;
}

hr{/* General formatting for all hr's */
    color: transparent; /* Color must be set to the same as the background color to hide default formatting in IE */
    border: none; /* All borders must be removed as they are default for Opera */
    border-top: 1px solid #e6e6e6;
    height: 1px;
}

.hide, .invisible{
    display: none;
}

.spamfilter{
    display: none;
}

div.object-left{
    float: left;
    clear: left;
}

div.object-right{
    float: right;
    clear: right;
}

div.object-center{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.break{ /* Used this style to terminate floating elements, to clear all floating attributes */
    clear: both;
    font-size: 0px;
    height: 0px;
}

div.button-left{
    float: left;
}

div.button-right{
    float: right;
}

td.left{
	text-align: left;
}
td.center{
	text-align: center;
}
td.right{
	text-align: right;
}


/*]]>*/