@charset "utf-8";
/* CSS Document */



/**************************************************************************************************************/
/*START:body
/**************************************************************************************************************/
	body,td,th {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		background-color: #CCCCCC;
	}

	body {
		margin:0px;
		text-align:center;
	}
	
	h1 
	{
		color: #E3006A;		
		font-size: 12px;
		font-weight: bold;
	}

	h2
	{
		color: #E3006A;		
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	div.middle_container
	{
		text-align: center;
	}

	div.middle
	{
		border: 1px solid #000000;
		background-color: #FFFFFF;
		margin:10px;
		height: 550px;
		text-align:left;
		width: 800px;	
		/*center div in firefox*/
		margin-left:auto; 
		margin-right:auto; 
	}
/**************************************************************************************************************/
/*END:body
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: content/head row1
/**************************************************************************************************************/
	div.head_row_1
	{
		height: 80px;
	}
	
	div.language
	{
		color: #7F7F7F;
		float: left;	
		font-weight: bold;
		height: 50px;
		padding-top: 20px;
		padding-left: 20px;
		width: 380px;
	}
	
	div.website_area
	{
		color: #7F7F7F;
		float: left;
		font-weight: bold;	
		height: 50px;	
		margin-top: 20px;	
		text-align: right;
		width: 380px;
	}
/**************************************************************************************************************/
/*START: content/head row1
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: content/head row2
/**************************************************************************************************************/

	div.head_row_2
	{
		height: 80px;
	}

	div.head_row_2_logo
	{
		float: left;	
		height: 80px;
		padding-left: 27px;
		padding-right: 17px;
	}

	div.head_row_2_sqaure_small
	{	
		height: 80px;
		margin-left: 20px;
	}
/**************************************************************************************************************/
/*END: content/head row2
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: content/body
/**************************************************************************************************************/
	div.content_frame
	{
		clear:both;
		height: 345px;
	}
	
	div.content_image
	{
		float: left;	
		padding-top: 18px;
		padding-left: 20px;	
	}
	
	div.content_body
	{
		float: left;	
		height: 340px;
		overflow:auto;
		width: 330px;
		padding-left: 20px;
	}

	div.content_body_wide
	{
		float: left;	
		height: 340px;
		overflow:auto;
		width: 668px;
		padding-left: 20px;
	}	
	
	div#content_body_inner_left
	{
		float: left;	
		width: 320px;
		max-height: 400px;	
		margin-right: 20px;
	}
	
	div#content_body_inner_right
	{
		float: left;	
		width: 300px;
		max-height: 270px;		
	}	
		
	div#content_body_inner_left_2
	{
		float: left;	
		width: 510px;
		max-height: 400px;	
		margin-right: 20px;
	}
	
	div#content_body_inner_right_2
	{
		float: left;	
		width: 120px;
		max-height: 270px;		
	}		
	
	div.content_main_menu
	{
		width: 92px;
		text-align: right;
		float: left;		
		height: 330px;
	}
/**************************************************************************************************************/
/*END: content/body
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: content/footer
/**************************************************************************************************************/
	div#footer
	{
		background-image:url(../img/style/footer.jpg);
		background-position:bottom;
		background-repeat: no-repeat;
		height: 45px;
	}
	
	div#footer_inner
	{
		text-align: right;
		color: #CCCCCC;
		padding-right: 21px;
		padding-left: 30px;	
	}

/**************************************************************************************************************/
/*END: content/footer
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: content debug
/**************************************************************************************************************/
	div#debug
	{ 
		background-color:#FFFFCC;
		border: 1px solid #000000;
		height: 500px;
		left: 1200px;
		position: absolute;
		top: 50px;
		text-align: left;
		width: 500px;

		overflow: scroll;
		display: block; 
	}
	
	td.debug
	{ 
		background-color:#CC9900;
	}
/**************************************************************************************************************/
/*END: content debug
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: images
/**************************************************************************************************************/
	img 
	{
		border: 0px;	
	}
	
	img.square_small
	{
		margin-right: 7px;	
		width: 68px;
		height: 68px;
	}
/**************************************************************************************************************/
/*END: images
/**************************************************************************************************************/	





/**************************************************************************************************************/
/*START: Menu (vertical)
/**************************************************************************************************************/
	ul.menu
	{
		padding: 0px;
		margin: 0px;		
	}
	
	li.menu
	{
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		height: 20px;	
	}

	.menu a, a.menu
	{
		color: #731A3E;
		text-decoration: none;
		font-weight: bold;
	}
	
	.menu.on a, a.on
	{
		color: #E3006A;
		text-decoration: none;
	}
	
	.menu a:hover {
		text-decoration: underline;
	}
/**************************************************************************************************************/
/*END: Menu (vertical)
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: Menu (horizontal)
/**************************************************************************************************************/
	a.menu_horizontal, a.menu_horizontal:visited, a.menu_horizontal:active
	{ 
		color: #731A3E ;
		text-decoration: none;
	}
	
	a.menu_horizontal:hover {
		text-decoration: underline;
	}
	
	a.on {
		color: #E3006A;
	}
	
	span.seperator 
	{ 
		color: #E3006A;
		font-size: 13px;		
		font-weight: bold;
		padding-left: 3px;
		padding-right: 3px;
	}

/**************************************************************************************************************/
/* END: Menu (vertical)
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: ul
/**************************************************************************************************************/
	ul
	{
		padding: 0px;
		margin: 5px 0px 5px 20px;
	}
	
	ul li
	{
		margin-top: 1px;
	}
	
/**************************************************************************************************************/
/*END: ul
/**************************************************************************************************************/





/**************************************************************************************************************/
/* START: colors
/**************************************************************************************************************/
	.active
	{
		color: #E3006A;
	}
	
	.red { color:#FF0000; }
	
	.gray { color:#CCCCCC; }
	
	div.error {
		background-color:#FFE0E0;	
		border: #FF0000 1px solid;
		color: #FF0000;
		padding: 3px;
	}
	
	div.success {
		background-color: #E2F7E1;	
		border: #00CC00 1px solid;
		color: #00CC00;
		padding: 3px;
	}

	div.info
	{
		background-image: url(../img/icons/infobox.gif);
		background-repeat: no-repeat;
		background-position: 2px 2px;
		border: 1px solid #FFCC00;
		background-color: #FDF3C9;
		padding: 3px;
		padding-left: 25px;
	}	

	div.question
	{
	background-position: 2px 2px;
	border: 1px solid #FFCC00;
	background-color: #FFE1C4;
	padding: 3px;
	padding-left: 25px;
	padding-top: 10px;
	}	
	
	div.question_icon
	{
		background-image: url(../img/icons/question.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
		padding-left: 40px;
	}		
/**************************************************************************************************************/
/* END: colors
/**************************************************************************************************************/
	
	
	
	
	
/**************************************************************************************************************/
/*START: generally
/**************************************************************************************************************/

	.strong { font-weight: bold;}
	
	.center { text-align: center;}
	
	.right { text-align: right;}
	
	div.distance
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
/**************************************************************************************************************/
/*END: generally
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: export excel, acrobat
/**************************************************************************************************************/
	li.acrobat
	{
		list-style-type: none;
		background-image: url(../img/doctypes/acrobat.png);
		background-repeat: no-repeat;
		background-position:top left;
		padding-left: 20px;
		line-height: 22px;
	}
	
	li.excel
	{
		list-style-type: none;
		background-image: url(../img/doctypes/excel.png);
		background-repeat: no-repeat;
		background-position:top left;
		padding-left: 20px;
		line-height: 22px;
	}
/**************************************************************************************************************/
/*END: export excel, acrobat
/**************************************************************************************************************/





/**************************************************************************************************************/
/*START: table file
/**************************************************************************************************************/
	table.file
	{
		width: 580px;
	
	
	}

	table.file th
	{
		background-color: #FFFFFF;
		font-weight: strong;		
		height: 24px;
		
	}
	
	table.file td
	{
		background-color: #FFFFFF;
		height: 20px;
	}

/**************************************************************************************************************/
/*END: file
/**************************************************************************************************************/




/***********************************************************************************************************************************************************/
/* START: diverse standards
/***********************************************************************************************************************************************************/
	
	/* text colors */
	.green { color: green; }
	.red { color: red; }
	.gray { color: gray; }
	.white { color:#FFFFFF; }
	.yellow { color: #FFF100; }	
	
	
	/*  tables in a box */
	table.box.w1base { width: 145px; }
	table.box.w2base { width: 295px; }
	table.box.w3base { width: 455px; }
	table.box.w4base { width: 615px; }
	table.box.w5base { width: 775px; }
	table.box.w6base { width: 935px; }
	
	
	.w1base { width: 155px; padding-left: 5px; }
	.w2base { width: 315px; padding-left: 5px; }
	.w3base { width: 475px; padding-left: 5px; }
	.w4base { width: 635px; padding-left: 5px; }
	.w5base { width: 795px; padding-left: 5px; }
	.w6base { width: 955px; padding-left: 5px; }
	
	
	.w1col { width: 16px; }
	.w2col { width: 32px; }
	.w3col { width: 48px; }
	.w4col { width: 64px; }
	.w5col { width: 80px; }
	.w6col { width: 96px; }
	.w7col { width: 112px; }
	.w8col { width: 128xp; }
	.w9col { width: 144xp; }
	.w10col { width: 160px; }
	.w11col { width: 176px; }
	.w12col { width: 192px; }
	.w13col { width: 208px; }
	.w14col { width: 224px; }
	.w15col { width: 240px; }
	.w16col { width: 256px; }
	.w17col { width: 272px; }
	.w18col { width: 288px; }
	.w19col { width: 304px; }
	.w20col { width: 320px; }	

/***********************************************************************************************************************************************************/
/* END: diverse standards
/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************/
/* START: boxes
/***********************************************************************************************************************************************************/
	.search_box_top {
		background: url(../img/style/box/search_box_top.gif) no-repeat; 
		height: 5px;
		overflow: hidden; 
		margin: 10px 0 0 0 ;
	}
	
	.search_box_top_active{
		background: url(../img/style/box/search_box_top_active.gif) no-repeat; 
	}	
	
	.search_box {
		background: url(../img/style/box/search_box_bg.gif) repeat-y;
		padding-left: 10px;
		padding-right: 10px;
		width:588px;
	}
	
	.search_box_active {
		background: url(../img/style/box/search_box_bg_active.gif) repeat-y;
	}	
	
	.search_box_bot {
		background: url(../img/style/box/search_box_bot.gif) no-repeat; 
		overflow: hidden; 
		height: 5px;	
	}
	.search_box_bot_active {
		background: url(../img/style/box/search_box_bot_active.gif) no-repeat; 
	}	
	
	.wide_box_top {
		background: url(../img/style/box/box_top.gif) no-repeat; 
		height: 5px;
		overflow: hidden; 
		margin: 10px 0 0 0 ;
	}
	
	.wide_box {
		background: url(../img/style/box/box_bg.gif) repeat-y;
		padding-left: 10px;
		padding-right: 10px;
		width:588px;
	}
	
	.wide_box_bot {
		background: url(../img/style/box/box_bot.gif) no-repeat; 
		overflow: hidden; 
		height: 5px
	}	
	
	.small_box_top {
		background: url(../img/style/box/smal_box_top.gif) no-repeat; 
		height: 5px;
		overflow: hidden; 
	}
	.small_box_bot {
		background:  url(../img/style/box/smal_box_bot.gif) no-repeat; 
		overflow: hidden; 
		height: 5px
	}
	.small_box {
		background: url(../img/style/box/smal_box_bg.gif) repeat-y;
		padding-left: 10px;
		padding-right: 10px;
		width:150px;
	}	
/***********************************************************************************************************************************************************/
/* END: boxes
/***********************************************************************************************************************************************************/


div.img_box
{
	text-align: center;
}