/* CSS des EPS Verbandes */

html,body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333E73;
	background-color:#333E73;
	/*min-height:100%;
	height:100%;*/
	overflow:auto;
}

td, p, tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333E73;
}

a {
	text-decoration:none;
	color:#333E73;
}

a:hover {
	font-weight:bold;
}

/*
#preFrame {
	padding: 0px;  
	margin: 0px;
	width:100%;
	height:100%;
	min-height:100%;
	text-align:left;
	overflow:auto;
}
*/

#contentFrame {
	padding: 0;  
	margin: 0px auto auto auto;
	width:980px;
	/*height:100%;
	min-height:100%;*/
	text-align:left;
	overflow:visible;
	background-color:#FFFFFF;
	/*border:6px solid black;*/
	z-index:100;
}

#contentContainer {
	position:relative;
	top:0px;
	left:0px;
	/*height:100%;
	min-height:100%;*/
	width:980px;
	background-color:#FFFFFF;
	overflow:hidden;
	/*border:6px solid black;*/
}


#mainContent {
  position:relative;
	background: url("../../fileadmin/img/maincontentbg.gif") repeat-x top left;
	border-left:1px solid #A1AAAE;
	background-color:#F3F3F9;
	position:relative;
	top:0px;
	left:0px;
	/*height:100%;*/
	min-height:400px;
	width:819px;
	float:left;
	overflow:visible;
}


/* star-html Hack, um min-height auch im IE zu verwenden. */
*html #mainContent {
	height:400px;
}

#contentLeftPic {
	float:left;
	width:74px;
}

#content {
	position:relative;
	top:0px;
	left:18px;
	width:715px;
	/*height:100%;
	min-height:100%;*/
	float:left;
	overflow:visible;
}

#contentFooter {
	width:200px;
	height:20px;
}

#header {
	background: url("../../fileadmin/img/headerback.gif") repeat top left;
	position:relative;
	background-color:#FFFFFF;
	left:0px;
	top:0px;
	padding:0;
	margin:0;
	height: 86px;
	width:980px;
	overflow: hidden;
}

#logo {
	position:relative;
	top:0px;
	left:0px;
	float:left;
}

#subnaviTop {
	position:relative;
	top:65px;
	left:20px;
	height:22px;
	width:525px;
	float:left;
	color:#FFFFFF;
}

#subnaviTop a {
	color:#FFFFFF;
}

.subnaviTopActive {
	font-weight:bold;
}

#naviTopRightContainer {
	background: url("../../fileadmin/img/navitoprightbg.gif") no-repeat top left;
	position:relative;
	top:0px;
	left:0px;
	width:194px;
	height:83px;
	float:right;
}

#langNavi {
	position:relative;
	top: 0px;
	left: 5px;
}

#langNavi a {
	color:#72838B;
}

#naviTopRight {
	position:relative;
	top: 0px;
	left: 5px;
}

#naviTopRight a {
	color:#72838B;
}

.naviLineTopRight {
	height:21px;
}

.naviTopRightActive {
	font-weight:bold;
}

.level2NaviAnwendungenNO {
	font-size:12px;
	font-weight:normal;
	color:#333E73;
	padding-top:20px;
	padding-bottom:0px;
}

.level2NaviAnwendungenACT {
	font-size:12px;
	font-weight:bold;
	color:#333E73;
	padding-top:20px;
	padding-bottom:0px;
}

.level3NaviAnwendungen {
	font-style:normal;
}

.level3NaviAnwendungen {
	font-style:normal;
}

.level4NaviNO {
	font-size:10px;
}

.level4NaviACT {
	font-size:10px;
	font-weight:bold;
}

.white {
	color:#FFFFFF;
}

#topPicContainer {
	position:relative;
	top:0px;
	left:0px;
	height:55px;
	width:980px;
}

#picStatLeft {
	border-bottom:1px dotted #A1AAAE;
	position:relative;
	top:0px;
	left:0px;
	height:55px;
	width:160px;
	float:left;
}

/* star-html Hack, um gepunktete Linien auch im IE darzustellen. */
* html #picStatLeft {
  border: none;
  background-image: url("../../fileadmin/img/dottedborder.gif");
  background-position: bottom;  
  background-repeat: repeat-x;
  padding-bottom: 1px;
}

#picDynamic {
	border-bottom:1px solid #A1AAAE;
	border-left:1px solid #A1AAAE;
	border-right:1px solid #A1AAAE;
	position:relative;
	top:0px;
	left:0px;
	height:55px;
	width:624px;
	float:left;
	overflow:hidden;
}

#picStatRight {
	background: url("../../fileadmin/img/toprightbg.jpg") no-repeat top left;
	border-bottom:1px solid #A1AAAE;
	position:relative;
	top:0px;
	left:0px;
	height:55px;
	width:194px;
	float:left;
}

#naviLeft {
	position:relative;
	top:0px;
	left:0px;
	/*height:100%;
	min-height:100%;*/
	width:160px;
	float:left;
	overflow:visible;
}

/* star-html Hack, um min-height auch im IE zu verwenden. */
*html #naviLeft {
	height:100%;
}

/* Inaktiver Menupunkt */
.naviLineLeft {
	border-bottom:1px dotted #A1AAAE;
}

/* star-html Hack, um gepunktete Linien auch im IE darzustellen. */
* html .naviLineLeft {
  border: none;
  background-image: url("../../fileadmin/img/dottedborder.gif");
  background-position: bottom;  
  background-repeat: repeat-x;
  padding-bottom: 1px;
}

.naviLineLeft a {
	display:block;
	height:31px;
}

.naviLineLeft a:hover {
	background-color:#F3F3F9;
}

.naviLineActive {
	background-color:#F3F3F9;
	font-weight:bold;
}

.naviTextMargins {
	margin-left:10px;
}

#addressBox {
	position:absolut;
	bottom:10px;
	padding-left:10px;
	padding-top:50px;
}

#addressBox a {
	color:#A1AAAE;
}

#addressBox p {
	color:#A1AAAE;
	font-size:10px;
}

#spezMenu1 {
	border-top:1px dotted #A1AAAE;
	border-right:1px dotted #A1AAAE;
	border-bottom:1px dotted #A1AAAE;
	padding:3px 3px 3px 0px;
	margin:0px;
	margin-bottom: 10px;
	width:529px;
}

#level4Menu {
	padding:0px 0px 15px 0px;
}

.maintitel {
	font-size:12px;
	font-weight:bold;
	color:#333E73;
	padding-top:40px;
	padding-bottom:13px;
}

.maintitel2 {
	font-size:12px;
	font-weight:bold;
	color:#333E73;
	padding-top:20px;
	padding-bottom:0px;
}

.subtitle {
  font-weight:bold;
	color:#333E73;
}

.subTitle2 {
	color:#A1AAAE;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom::3px;
}

.subTitle3 {
	padding-top: 3px;
	padding-bottom:3px;
}

.subTitle4 {
	font-weight:bold;
}

.tablePaddingBottom {
  padding-bottom: 5px;
}

.menuULSpez1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:none;
}

#contentBox  {
	border-top:1px dotted #A1AAAE;
	border-right:1px dotted #A1AAAE;
	border-bottom:1px dotted #A1AAAE;
	padding:0px 0px 0px 0px;
	margin:4px 0px 0px 0px;
	margin-bottom: 10px;
	width:529px;
}

#contentBox td {
	color:#72838B;
	font-size:11px;
}

.contentBox1, .contentBox2  {
	border-top:1px dotted #A1AAAE;
	border-right:1px dotted #A1AAAE;
	border-bottom:1px dotted #A1AAAE;
	margin:4px 0px 10px 0px;
	width:529px;
	height:auto;
	overflow:hidden;
	color:#72838B;
	font-size:11px;
	line-height:15px;
}

.contentBox1  {
	padding:0px 8px 0px 0px;
}

.contentBox1 td {
	color:#72838B;
	font-size:11px;
}

.contentBox2  {
	padding:8px 8px 8px 0px;
}

.contentBox2 td {
	color:#72838B;
	font-size:11px;
}





/*--------------------------------------------------------------------------------------------*/
/*		Menu auf den Seiten «Anwendungen»
/*--------------------------------------------------------------------------------------------*/

.menuULSpez2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:none;
}

.menuLISpez1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menuLITitle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.noHover a:hover {
	font-weight:normal;
}

.blueText {
	color:#333E73;
}


/*--------------------------------------------------------------------------------------------*/
/*    Styles fuer Kontakt Formular und Bestellungsseiten                                      */	
/*--------------------------------------------------------------------------------------------*/

form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.stdInputField {
	height:18px;
	width:150px;
}

.stdInputField2 {
	height:18px;
	width:200px;
}

.smallInputField1 {
	height:18px;
	width:23px;
	text-align:right;
}

.inputFieldNum {
	height:18px;
	width:30px;
}

.txtAreaField {
	height: 80px;
	width: 200px;
}

.sendButton {
	border: 1px solid #A1AAAE;
	color:#333E73;
}

.sendButton:hover{
	color:#ffffff;
	background-color:#A1AAAE;
}

.stdInputField, .stdInputField2, .smallInputField1, .inputFieldNum, .txtAreaField {
	border: 1px solid #A1AAAE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333E73;
	padding:0 3px 0 3px;
}



/*--------------------------------------------------------------------------------------------*/
/*    Styles fuer «EPS im Interview»                                                          */	
/*--------------------------------------------------------------------------------------------*/

#interviewContainer {
	position:relative;
	font-size:11px;
	top: 10px;
	left:-18px;
	background-color:#FFFFFF;
	width:732px;
}

#questionContainer {
	position:relative;
	width:340px;
	margin-bottom:20px;
}

#questionElement {
	position:relative;
	border-left: 1px solid #333E73;
	background-color:#E2E2E2;
	width:320px;
	height:auto;
	padding: 0px 5px 3px 15px;
	margin-bottom: 4px;
}

#answerContainer {
	position:absolute;
	top:0px;
	left:350px;
	width:362px;
	height:auto;
}

#answerText {
	margin: 10px;
	font-size:11px;
	font-weight:bold;
}



/*--------------------------------------------------------------------------------------------*/
  
/*    STYLES FUER DIE tt_news EXTENSION                                                       */
		
/*--------------------------------------------------------------------------------------------*/


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
}

.news-latest-container HR.clearer {
	clear:left;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	/*background-color:#BBE53A;*/
}

.news-list-item {
	padding-bottom:6px;
}


	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	margin-bottom:5px;
}

.news-single-item H2 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 0px;
}

.news-single-item H3 {
	margin-bottom: 15px;
}

.news-single-img {
	float: right;
	margin-left:5px;
	margin-top:16px;
}

.news-single-imgcaption {
	padding:3px;
	clear:both;
}

.news-single-category {
	float: right;
}

.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 10px;
}

.news-single-timedata {
	float: right;
	color:#333E73;
}

.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
	color:#333E73;
}

.news-single-author {
	padding-bottom: 3px;
}

.news-single-additional-info {
/* 	clear: both; */
	margin-top: 15px;
	padding:3px 3px 0px 0px;
}

.news-single-related, .news-single-links, .news-single-files  {
	border-top:1px dotted #A1AAAE;
	border-right:1px dotted #A1AAAE;
	border-bottom:1px dotted #A1AAAE;
	padding:3px 3px 3px 0px;
	margin:0px;
	margin-bottom: 10px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	margin-left:0px;
	width:90%;
}