/* CSS Document */
* html {
height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#layout {
	max-width:930px; width:100%;
	height: auto;	
	
}

#footer {width: 92%; padding: 1% 4%; display: block; float: left; height: auto; color: #fff; 
	 font-size: 95%; background: #003cf1;}
	 
	 .foot {float: left; width: 50%; display: block;}
#top {
	max-width:930px; width: 100%; display: block;
	height: 164px;
background: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;		
}
#topleft {
	min-width: 165px; max-width:165px; width: 36%; 
	height: auto; overflow: hidden;
	float: left;	
}
#topright {max-width:765px; width: 64%; height: auto; font-size: 120%; float: left; color: #fff; font-weight: normal; padding-top: 2%;}
#topright .headline {font-size: 200%;  font-weight: bold; line-height: 200%;}
#topright strong {font-weight: bold;}
#main {
	max-width:930px; width: 100%; display: block; 
	height: auto;	
}

#left {
	max-width:165px; width: 34%;
	height: auto;
	float: left; display: block;	
}
#contentk {

	max-width:535px; width: 61%;
	height: auto;
	float: left;
}

#right {
	max-width:165px; width: 14%;
	height: auto;
	float: left;	
}

#contentl {margin-left: 4%;
	width: 61%;
	height: auto;
	float: left;	 display: block;margin-bottom: 20px;
}

/*______________________Navigation__________________*/
.moduletable h3 {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 2px;
	
}

.menu {

	padding-top: 5px;
	font-weight: normal;
	text-align: right;	

}

.moduletable_menu {  margin-bottom: 10px; display: block;  float: left;  width: 100%;}

#left ul.menu {list-style: none; min-width:160px; width:100%; font-size:110%; display: block;float: left; text-align: left; margin-top: 0px; padding-left: 5px;}
#left ul.menu li, #left ul.menu li a {list-style-type: none;font-size: 14px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; text-align:left; display: block!important;width:165px!important;}	
#left span.separator {margin-right: 5px; margin-left: 5px; color: #fff; text-transform: normal;	font-weight: lighter; 	text-decoration: none;	display: block;	float: left; line-height: 20px;	}	
#left ul.menu li a:link, #left ul.menu li a:visited{margin-bottom: 0px; color: #777777; text-transform: normal;	font-weight: lighter; 	text-decoration: none;	display: block;	float: left; line-height: 20px;	}	
#left ul.menu li a:hover{margin-bottom: 0px; background-color: #dae3fd;  color: #1b449d; text-transform: normal;font-weight: lighter; text-decoration: none;	display: block;	float: left; line-height: 20px;	}
#left ul.menu li.active a{margin-bottom: 0px; background-color: #dae3fd;  color: #1b449d; text-transform: normal;font-weight: lighter; text-decoration: none; text-align: right; border-bottom: 1px solid #1b449d; display: block;	float: left; line-height: 20px;	}
#left ul.menu li.parent.active a{margin-bottom: 0px; background-color: #dae3fd;  color: #1b449d; text-transform: normal;font-weight: lighter; text-decoration: none; text-align: left; display: block;	float: left; line-height: 20px;	}
#left ul.menu li ul li {display: block; float:none;}
#left ul.menu li ul {visibility:hidden; display: none; float:left; text-transform: none!important;margin-top:0px; min-width:160px; width:100%;}
#left ul.menu li:hover ul, #left ul.menu li a:hover ul, #left ul.menu li.active ul {list-style: none; visibility:visible; display: block; min-width:160px; width:100%; padding-bottom: 2px; border-bottom: 1px solid #1b449d;  font-size: 100%;}
#left ul.menu li.parent ul li {list-style-type: none;font-size: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 1px; text-align:left;text-transform: none!important;}
#left ul.menu li.parent ul li a {text-transform: none!important; display: block; min-width:160px; width:100%; font-size: 100%; border: none;}
#left ul.menu li.parent ul li a:link, #left ul.menu li.parent ul li a:visited {padding-top: 1px !important; padding-bottom: 1px; color: #777777; line-height: 14px; text-align: left;}
#left ul.menu li.parent ul li a:hover, #left ul.menu li.parent.active ul li a:hover {padding-top: 1px !important; padding-bottom: 1px; color: #1b449d; background-color: #dae3fd; line-height: 14px;}
#left ul.menu li.parent ul li#current.active a {padding-top: 1px; padding-bottom: 1px; color: #1b449d; line-height: 14px; text-align: right;}
#left ul.menu li.parent.active ul li a:link, #left ul.menu li.parent.active ul li a:visited { background-color: transparent;  }
#left ul.menu li.parent.active ul li a:hover, #left ul.menu li.parent.active ul li.active a { background-color: #dae3fd;  }

/*______________________article_settings__________________*/

.article_indent, 
#component-contact		{padding:10px 0px 10px 0px;}
#contact_text			{height:auto; overflow:auto; margin:0px 0px 5px 0px; width:90%}
.article_bot			{line-height:5px}
.article_separator		{padding:0px 0px 0px 0px; display:block; margin:0px 0px 0px 0px}
.column_separator		{padding:0px 0px 0px 5px;}

/*______________________TEXT_____________________*/

.contentpaneopen font	{color:#000; font-weight:normal; font-size:11px; text-decoration:none; text-transform:none}
.contentpaneopen img	{margin:0px 6px 0px 0px;}

/*______________________HEADING__________________*/

.componentheading		{
	color:#1b449d;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	line-height:20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.page-header {
	color:#1b449d;
	font-size:120%;
	font-weight:bold;
	margin:0px;
	line-height:20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 10px!important;
}
.contentpaneopen {	margin-top: 10px!important;
}
td.contentheading		{}
.buttonheading			{padding:7px 0px 0px 5px;}

/*______________________BUTTONS__________________*/

 
.validate				{background:url(../images/readon.gif) no-repeat 0 0; color:#333333; font:bold 13px arial; width:89px; margin:0px 0px 0px 0px; padding:2px 7px 4px 7px; display:block; text-transform:none; text-align:center; border:none; vertical-align:middle; line-height:16px}
* html .button, * html .validate {height:25px}

/*______________________READ_MORE________________*/	

#editor-xtd-buttons div.readmore {background:none; width:auto; height:auto; margin:0px 0px 0px 0px;}
div.readmore			{margin:4px 0px 0px 0px; padding:4px 0px 0px 0px;}
div a.readon			{
	color:#333333 !important;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 0px 0px !important;
	padding:5px 0px 0px 0px;
	display:block;
	text-decoration:none;
	display:block;
	text-align:right;
}
a.readon:hover			{	color:#1b449d !important;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px !important;
	padding:5px 0px 0px 0px;
	display:block;
	text-decoration:none;
	display:block;
	text-align:right;
	}
a.readon:visited 		{color:#333333;}
.readmore				{}

/*______________________ITEMINFO_________________*/

.iteminfo				{padding:0px 0px 6px 0px; margin:0px 0px 15px 0px;}
.modifydate				{color:#333333; font-size:10px; padding:5px 0px 0px 0px; text-decoration:none !important; text-align:right}
.createdby				{color:#333333; font-size:11px; font-weight:normal; display:block; text-transform:none; }
.createdate				{color:#333333; font-size:11px; margin:0px 0px 10px 0px; text-transform:none; padding:0px 0px 5px 0px; }
span.small				{color:#333333; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.small				{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/*______________________BLOGMORE__________________*/

.blog_more				{padding:0px 0px 10px 18px;}
.blog_more h2			{color:#333333 !important; font-size:12px; background:none; padding:0px 0px 0px 0px;}
.blog_more ul			{margin:10px 0px 0px 10px;}
.blog_more ul li		{padding:0px 0px 0px 0px !important; background:none !important}
.blog_more a			{color:#333333; text-decoration:underline}
.blog_more a:hover		{color:#333333; text-decoration:none;}			
.blog_more strong		{color:#333333; }


/*______________________USER______________________*/

dl.contentpane	dt {
	padding:10px 0px 20px 0px;
}
dl.contentpane	dd {
	width:100%;
	overflow:hidden;
}
dl.contentpane	div {
	vertical-align:middle
}
dl.contentpane .description {
	width:110px;
	float:left;
	padding:2px 0px 0px 0px;
}
dl.contentpane .input-field {
	width:160px;
	float:left;
}
dl.contentpane .button-field {
	width:100px;
	float:left;
}

#contentbg div h3{
	margin: 0;
	color: #333333;
	font-weight: bold;
	font-size: 140%;
	height: 48px;
	width: 100%;
	text-align: center;
	line-height: 16px;
}

td a:link, a:visited{
	margin: 0;
	color: #333333;
	line-height: 18px;
	text-decoration:none;

}

td a:hover{
	margin: 0;
	color: #1b449d;
	line-height: 18px;

}


#contentbg div ul ul{
	margin: 0px 0;
	padding-left: 0px;
	font-size: 10px;
}

#search{
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 10px;

}
#user2{
	text-align: right;
	padding-right: 10px;
	padding-top: 30px;
	font-size: 10px;

}

.button, .inputbox {
	width: auto;
	color: #000000;
	border: thin solid #1b449d;
	height: auto;
}

#right .contentpaneopen {
	border: thin solid #999999;
	font-size: 11px;
}

#right .contentpaneopen tr td{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;

}

label {
height: 24px;
line-height: 24px;
width: auto;}

.moduletable_news {
display: block;
padding-bottom: 25px;}

.moduletable_news h3 {
color: #FF0000;
}

.team_group {float: left; width: 725px; display: block; margin-top: 20px; }
.team, .team img {float: left; display: block; width: 175px!important; height: auto!important; padding: 3px;text-align: center;}

.mod-languages {
  /* position: relative; */
  display: block;
  /* top: 120px; */
  /* left: 880px; */
  padding-top: 7px; padding-left: 12px;
  /* float: left; */}

.jicons-icons {display: none;}

dl {margin-bottom: 10px;}

form#contact-form fieldset {border: none;}

.contact-form-submit button {margin-top: 5px; border: 1px solid #ccc; width: 120px; line-height: 16px; background: none;  color: #333333;   font: bold 13px arial;  padding: 4px;
  display: block;text-transform: none;  text-align: center;  vertical-align: middle;}
  
.contact-form-submit button:hover {margin-top: 5px; border: 1px solid #000; width: 120px; line-height: 16px; background: none;  color: #000;   font: bold 13px arial;   padding: 4px;
  display: block;text-transform: none;  text-align: center;  vertical-align: middle; cursor: pointer;}
  
#contact-form label {display: block;}
#contact-form input {width: 50%;}

@media (max-width: 800px){
body {font-size: 10px;}
#topright {font-size: 120%; padding-top: 6%;}
#topright .headline {font-size: 150%;  font-weight: bold; line-height: 150%;}

#left {display: block; max-width: 100%; width: 100%; float: left;}
#contentl {margin-left: 4%;	width: 96%;	height: auto;	float: left;	 display: block;}

#left ul.menu li, #left ul.menu li a {  width: 98%!important;}

 .foot {float: left; width: 100%; display: block; padding-bottom: 2%;}

}

@media (max-width: 500px) and (-webkit-device-pixel-ratio: 1){
body {font-size: 10px;}
#topright { display: none; padding-top: 6%;}
#topright .headline {font-size: 100%;  font-weight: bold; line-height: 100%;}
}