@CHARSET "utf-8";

/******** html ********/
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10pt;
	text-align:center;
	background: url('/img/lay/background_raster.png') repeat fixed 0 0 transparent;
}

form {
	margin:0px 0px 0px 0px;
}

a{
	text-decoration:underline;
	color: #000000;	
}

/*damits in allen browsern (also auch ie) gleich aussieht*/
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-image: url(/img/ico/square_lGrey.gif);
}

#dialogBody ul, #dialogBody ol {
	margin: 2px !important;
	padding-left: 20px !important;
}
#dialogBody li {
	margin: 2px !important;
	padding-left: 4px !important;
}

a:link {
	color: #000000;	
}
a:visited {
	color: #000000;
}
a:hover {
	color: #BED600;
}
a:active {
	color: #000000;
}

img{
	border:0px;
	padding:0px;
	margin:0px;
}
fieldset{
	border: 1px solid #717274;
	padding: 4px 10px;
	margin: 0;
}	

/* Headline zum Fliesstext - Noch nicht bearbeitet */
h1,h2,h3,h4 {
	padding:0px;
}

h1{
	font-size:1.4em;
	margin:20px 0px 10px 0px;
	letter-spacing:0.03em;
}
h2{
	font-size:1.1em;
	margin:12px 0px 8px 0px;
}
h2 a{
	text-decoration: none;
}
h3{
	font-size:1em;
	margin:8px 0px 4px 0px;
}
h4{
	font-size:1em;
	margin:2px 0px 2px 0px;
}
/*input, textarea, select { 	
	border-width: 1px;
	/*border-color:#ABADB3 #DBDFE6 #E3E9EF #E2E3EA; 
	margin:0;
	padding:2px;*//*
	
	background-color:#EFEFEF;
	border: 1px solid #DDDDDD;
	margin:0;
	padding:0;
}*/

input[type=text], input[type=password], textarea, select {
     padding: 2px;
     border: 1px solid;
     border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
     background-color:#FFFFFF;
     -moz-border-radius: 1px;
     margin: 1px 0;
}

input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover, select:focus, select:hover  {
	border-color: #5794bf #b7d5ea #c7e2f1 #c5daed;
}

input[type=image]{
	
}

input:focus, textarea:focus, select:focus {
	background-color:#EFF9FF;
}

hr{
	color:#DDDDDD; 
	background-color:#DDDDDD; 
	height:1px;
  	margin-right:0; 
	text-align:center; 
	border:0px;
}

label{
	cursor: pointer;
	margin: 4px 0;
}

/* Big-Banner show*/
#featureDescBox{
	width: 838px; /* 838 */
	height: 338px;
	position: static;
	float:left;
	background: url('/img/lay/bg_book_middle_grey.png') repeat-y left top transparent; 
}
#featureDescBox h3{
	font-size:0.8em;
	margin-top:4px;
}
#featureDescBox h4{
	margin-top:4px;
	margin-bottom:0px;
}
#backgroundImgBox {
   	width: 838px; /* 838 */
   	height: 340px;
   	position: relative;
}
#rbHeader {
	width: 818px; /* 838 - 10 - 10 */
	height: 8px; /* 28 - 10 - 10 */
	padding: 0px 10px;
   	background: url('/img/lay/bg_book_header_grey.png') no-repeat left top; 
   	margin-bottom: 0; 
}  
#rbFooter {
	width: 818px; /* 838 - 10 - 10 */
	height: 14px;  /* 32 - 8 - 10 */
	position: static;
	margin: 0;
	padding: 8px 10px 10px 10px;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/lay/bg_book_footer_grey.png');
}
#rbFooter[id]{
	background: url('/img/lay/bg_book_footer_grey.png') no-repeat left bottom;
}
#rbContent {
	width: 788px; /* 838 - 20 - 30 */
	height: 300px; /* 340 - 32(-1) - 28(-1) */
   	padding: 0px 20px 0px 30px;
   	margin: 0; 
   	border:0;
}
#rbContent .row1 { 
	width:430px;
	float:left;
}
#rbContent .row2 {
	width:338px; 
	float:right;
}
#linkPrevFeature{
	position: absolute;
	top: 20px;
	left: -20px;
	opacity: 0.8;
}
#linkNextFeature img{
	position: absolute !important;
	top: 20px !important;
	right: -20px !important;
	opacity: 0.8 !important;
}

/******** id ********/
#titleRow h1{
	font-size:1.6em;
	margin:00px 4px 10px 0px;
	letter-spacing:0.03em;
	display:inline;
}
#titleRow h2{
	font-size:1.1em;
	margin:12px 0px 8px 0px;
	display:inline;
}
#container{
	width:980px;
	min-height: 690px;
	background-color: white;
	padding: 0px 0px;
	margin: 0px auto;
	text-align:left;
}
#content{
	width: 840px;
	margin: 20px auto 0px auto; /*(980-840)/2 = 70*/
	padding: 170px 0px 4px 0px;
}
#blackBar{
	height:20px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
}
/* IE ignores styles with [attributes], so it will skip the following. */
#greyBar{
	height:105px;
	width: 100%;
	position: absolute;
	z-index: 0;
	top: 20px;
	left: 0px;
	right: 0px;
	margin: auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/lay/grey_bar_top.png');
}
#greyBar[id]{
	background: url('/img/lay/grey_bar_top.png') repeat scroll 0 0 transparent;
}
#border_side_left{
	width: 16px;
	height: 696px;
	position: relative;
	right: 16px;
	float: left;
	z-index: 5;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/lay/shadow_left.png');
}
#border_side_left[id]{
	background: url('/img/lay/shadow_left.png') repeat scroll 0 0 transparent;
}
#border_side_right{
	width: 16px;
	height: 696px;
	position: relative;
	left: 16px;
	float: right;
	z-index: 4;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/lay/shadow_right.png');
}
#border_side_right[id]{
	background: url('/img/lay/shadow_right.png') repeat scroll 0 0 transparent;
}
#headerErgosoft{
	width:980px;
	position: absolute;
	top: 20px;
	left: auto;
	right: auto;
	bottom: auto;
	z-index: 2;
}
#ergosoftLogo{
	float: left;
	margin: 0;
	padding: 30px 0 0 18px;;
}

/* Navi */
#topNav{
	width:980px;
	padding: 0px 0px;
	margin: 0px auto;
	text-align: right;
}
#topNav a {
	font-size:		10pt;
	text-decoration: none;
	padding-left: 16px;
}
#topNav a:link {
	color: #FFFFFF;
}
#topNav a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
#topNav a:hover{
	color: #BED600;
}
#topNav a:active{
	color: #BED600;
	text-decoration:none;
}

#headNav, #headNavWithSub{   	
   	width:	600px; /* 840 - 260 */
	height:	65px; /* 54 + activeRegister */
	float: right;
   	padding: 64px 70px 0px 0px;
   	margin: 0px auto;
   	text-align: right;
}

#headNav a, #headNavWithSub a {
	font-size: 16pt;
	text-decoration: none;
	text-align: right;
	padding: 20px 12px 0 32px !important;
}
#headNav a:link, #headNavWithSub a:link {
	color: #717274;
}
#headNav a:visited, #headNavWithSub a:visited {
	color: #717274;
	text-decoration:none;
}
#headNav a:hover, #headNavWithSub a:hover {
	color: #BED600;
}

#headNav a:active, #headNavWithSub a:active {
	color: #BED600;
	text-decoration:none;
}
#subNav{
	clear:left;
	margin-top: 20px;
	padding: 0px 0px !important;
}
#subNav a{
	color: #717274 !important;
	padding: 2px 12px 0 32px !important;
	margin-top: 20px;
	font-size:	12pt;
	text-transform: none;
}
#subNav a:hover{
	color: #BED600 !important;
	text-decoration:underline;
}

#activeRegister{
	width:100px; /* 121 */
	height:28px; /* 44 - 16  */
	margin:1px 0 0 -1px !important; /* vorsicht: korreliert mit .register margin-top*/
	padding:16px 0px 0px 0px;
	border-left: 1px dotted #717274;
	border-right: 1px dotted #717274;
}

#headNav #activeRegister{
	height:22px !important;
}
	
#activeRegister.firstRegister {
	width:126px !important; /* 126 */
	height:28px !important; /* 44 - 16  */
}
#navLang, #navContact{
	width:55px; 
	padding:0;
}
	
a:link#activeRegister{
	color: #000000 !important;
}
a:visited#activeRegister{
	color: #9C3022 !important;
}
a:hover#activeRegister{
	text-decoration: none !important;
	cursor: default !important;
}
a#activeSubItem, a:hover#activeSubItem{
	text-decoration: none !important;
	cursor: default !important;
	color:#9C3022 !important;
	border-left: 1px solid #717274;
	border-right: 1px solid #717274;
}
#insideBox{
	width: 580px;
	float:right;
}

#whiteFooter{
	width:980px;
	height: 28px;
	padding: 0px auto;
	margin: 0px auto;
	background: url('/img/lay/bg_ContentFoot.png') repeat scroll 0 bottom transparent;
}
#footer{
	width:840px;
	margin: 8px auto !important;
	padding: auto auto;
	text-align:left;
	font-size:0.9em;
}
#footer a{
	color: #E1E3E4;
	margin-right: 112px; /* (840-280[text])/5 = 112 */
	text-decoration: none;
}
#footer a:hover{
	color: #BED600;
}
#ajaxLoader{
	display: none;
	float:right;
}

/**************************** classes **************************************/
.currFeatureTitle{
	color: #FFFFFF;
}
.topNav{
	text-align: right;
	color: white;
}
.register, .firstRegister{
	width:119px;
	height:22px; /* 28 - 6 */
	text-align:right;
	
	border:0;
	padding: 6px 12px 0 44px !important;
	margin:11px 1px 0 0;
}

.firstRegister{
	width:125px !important; /* vorsicht: korreliert mit .register */
	height:22px;	/* 28- 6 */
}

.smallImgButton{
	border:1px solid #FFFFFF;
	margin-right:2px !important;
}
.imageLink{
	cursor:pointer;
}
.furtherExpl{
	cursor: help;
}
.successfull{
	color:#000000;	
}
.error{
	color:#CF002F;
}
.activeItem{
	cursor:default !important;
	color:#9C3022 !important;
}
a:hover.activeItem {
	text-decoration: none !important;
}
a:hover.darkLink, a:hover.whiteLink{
	color: #BED600 !important;
}
a.darkLink {
	color: #000000;
}
a.whiteLink {
	color: #FFFFFF !important;
}

.hiddenField, input[type=hidden]{
 display: none !important;
}
.editTxtLnk{
	margin-left:6px;
	cursor: pointer;
}
.editTxtLnk:focus, .editTxtLnk:hover{
	
}
.required{
	font-weight: bold;
}

/* ES-Colors */
.esWhiteGrey{
	color: #E1E3E4 !important;
}
.esGrey{
	color: #717274 !important;
}
.esGreen{
	color: #BED600 !important;
}
.esRed{
	color: #9C3022 !important;
}