/****** stylesheet ******/
*{
margin:0;
padding:0;
}
body{
background:#fff url(images/bg.png) repeat-x;
margin:0px 0px 8px 0px;
font-size:86%;
font-family:Arial, Helvetica, sans-serif;
}
#box{
margin:0 auto;
width:99%;
min-width:700px;
max-width:1100px;
border:1px solid #ccc;
background:#FFFFFF url(images/box_bg.gif) left repeat-y;
}
/************ INTRO PAGINA ********/
.flags img, .logo img{
border:0px}
.flags img{
padding:6px 4px;
}
#maintable{
margin-left:auto; 
margin-right:auto; 
margin-top:40px; 
padding-bottom:10px;
}
#error_text{
color:red;
}
/************ INDELING ************/
#center{
margin:14px 200px 0px 200px;
padding:0px 8px 6px 8px;
}
#right{
font-size:11px;
width:176px;
float:right;
padding-top:12px;
padding-right:10px;
padding-bottom:0px;
padding-left:9px;
border-left:1px solid #ccc;
}
#left{
width:177px;
padding:10px 0px 1px 10px;
float:left;
}
/***************** HEADER ****************/
#header{
background:transparent url(images/header_new.png) no-repeat;
background-color:#034786;
height:165px;
}
/************ MENU BOVENIN ************/
ul#menutop{
list-style:none;
float:right;
margin-top:10px;
margin-right:15px;
}
#menutop li {
	padding-bottom:10px;
	}
#menutop li a{
	margin-top:0px;
}
#menutop li a {
	width:160px;
	display:block;
	font-weight:bold;
}
#menutop li a span{
	width:120px;
}
#menutop li a .flag{
	width:24px;
	height:19px;
	float:right;
}
#menutop a {color:#ffffff; text-decoration:none;}
#menutop a.current,
#menutop a:active,
#menutop a:hover{color:#E4CB3B;}
#menutop .jp a .flag {
background-image:url(images/flags/Japanese.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#menutop .ch a .flag {
background-image:url(images/flags/Chinese.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#menutop .es a .flag {
background-image:url(images/flags/Spanish.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#menutop .fr a .flag {
background-image:url(images/flags/French.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#menutop .eng a .flag {
background-image:url(images/flags/English.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#menutop .jp a:active .flag,
#menutop .jp a:hover .flag,
#menutop .jp a.current .flag{
background-position:0px -19px;
}
#menutop .ch a:active .flag,
#menutop .ch a:hover .flag,
#menutop .ch a.current .flag{
background-position:0px -19px;
}
#menutop .es a:active .flag,
#menutop .es a:hover .flag,
#menutop .es a.current .flag{
background-position:0px -19px;
}
#menutop .fr a:active .flag,
#menutop .fr a:hover .flag,
#menutop .fr a.current .flag{
background-position:0px -19px;
}
#menutop .eng a:active .flag, 
#menutop .eng a:hover .flag,
#menutop .eng a.current .flag{
background-position:0px -19px;
}


/************ MENU LEFTSIDE ************/
#leftmenu{
border:1px solid #999;
border-bottom:0px;
}
#leftmenu, #leftmenu ul{
list-style:none;
}
.imgtop{
margin-bottom:-3px;
}
#leftmenu a:link, #leftmenu a:visited{
background:#ececec;
background-image:url(images/menuleft_bg.gif);
font:bold 13px "Trebuchet MS",'Lucida Grande', Arial, tahoma, verdana, sans-serif;
color:#003399;
display:block;
height:19px;
padding:3px 4px 4px 10px;
border-top:1px solid #ffffff;
border-bottom:1px solid #999;
}
#leftmenu a:hover, #leftmenu a:active, #leftmenu a.active{
background-image:url(images/menuleft_bg_hover.gif);
background-color:#dddddd;
color:#333333;
font-weight:bold;
}
#subkop a:link, #subkop a:visited{
color:#444;
background-image:none;
background-color:#f3f3f3;
border-bottom:1px solid #ccc;
font-weight:normal;
font-size:12px;
}
#subkop a:hover, #subkop a:active{
color:#000;
background:#FFFFFF url(images/subkop_hover.gif) right no-repeat;
}

#subkopselected1 a:link, #subkopselected1 a:visited{
color:#000;
background:#FFFFFF url(images/subkop_hover.gif) right no-repeat;
font-weight:normal;
}

/************ CONTENT CENTER ************/
#center p{
font:normal 12px Arial, Helvetica, sans-serif;
padding:0px 0px;
color:#555555; 
line-height:1.5em;
text-align:justify;
}
/************ NEWSITEMS HOMEPAGE ************/
.intropartLeft, .intropartRight{
width:97%;
float:left;
margin:0px 0px 0px 1.5%;
padding:0px 0px 8px 0px;
background:url(images/bg_item.gif)0px 9px repeat-x;
border-bottom:1px solid #eae8db;
}
.intropartLeft img, .intropartRight img{
padding:4px;
border:1px solid #bbb;
float:left;
margin:0px 8px 0px 0px;
/*background-image:url(images/imgbg.gif)*/
}

#pageimg{
padding:4px;
border:1px solid #bbb;
margin:0px 8px 8px 0px;
/*background-image:url(images/imgbg.gif);*/
float:left;

}

.intropartRight img{
float:right;
margin:0px 0px 0px 8px;
}
.news{
width:99%;
border:1px solid #ccc;
display:block;
height:1%;
float:left;
padding:0px 0px 10px 0px;
margin:5px 0px 10px 0px;
}
/***************** TITELS *****************/
h1{
font-size:13px;
padding:4px 1.5% 4px 5px;
border-bottom:1px solid #ccc;
color:#555;
text-transform:uppercase;
background:#EBEBDA;
}
h2{
font:normal 17px/1.0 "Trebuchet MS",'Lucida Grande', Arial, tahoma, verdana, sans-serif;
padding-bottom:4px;
color:#666;
}
h3{
font-size: 16px;
font-weight: bold;
color: #cc9900;
line-height: 14px;
margin:10px 0px 0px 0px;
padding:0px 0px 4px 0px;
border-bottom:1px solid #dad8cb;
}
h4{
font-size: 13px;
}
/***************** REGULAR LINKS ***************/
a{
color:#003399;
text-decoration:none;
}
a:focus, a:hover, a:active{
color:#333;
}
#center a{
text-decoration:underline}
/************ RIGHTSIDE ************/
#right{
font-size:.9em;
}
.rightlist{
padding:0px 0px 7px 0px;
margin:0px 0em 0px 0;
font-size:11px;
line-height:1.4em;
color:#666;
}

.rightlist img { border:1px solid #cccccc !important; display:block;}
.b2calendartable, #search fieldset, .banners, .rightpart{
background:#f7f2e3;
background-image:url(images/rightbox_bg.gif)
}
.b2calendartable caption {width:100%;}
#right h2, #left h2{
color:#7f7b68;
background-color:#f4ecd6;
background:#4481bd url(images/h2bg_new.gif) bottom repeat-x;
color:#FFFFFF;
border-bottom:1px solid #0e4d8b;
padding:4px 0px 3px 5px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#left h2{height:13px;}

.rightlist a:link, .rightlist a:visited{
color:#666666;
text-decoration:none;
border-bottom:0px;
}
.rightlist a:hover, .rightlist a:active{
color:#003399;
text-decoration:underline;
border-bottom:0px;
}
.rightlist ul{
margin:.1em 2%;
list-style:none;
}
.rightlist ul li{
list-style:none;
margin:2px 0px;
padding:4px 0px 4px 20px;
background:transparent url(images/icon_new.gif) no-repeat 2px 6px;
border-bottom:1px solid #d1c7aa;
}
h2 a:visited, h2 a{ color:#ffffff;}
h2 a:active,h2 a:hover { color:#E4CB3B;}

/************ SEARCH ************/
form {
margin:0px;
}
legend{
font:bold 1.1em/1.1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
color:#4481bd;
}
input.txt{
width:98%;
margin:0px 0px 4px 0px;
border:1px solid #bbb;
}
input.button{
border-bottom:1px solid #333;
border-right:1px solid #333;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
background:#dfebef url(images/bgb.gif);
width:7em;
float:left;
color:#444;
font:bold 11px/1.4 Arial;
padding:2px 0px;
cursor:pointer;
margin-top:2px;
}
label{
display:block;
color:#555;
margin-top:1px;
}
#search fieldset{
border:1px solid #ccc;
padding:3px 3px 6px 3px;
font-size:11px;
}
#search{ 
margin:0px 0px 12px 0px;
}
/*********** CALENDAR ************/
.calendar{
border:1px solid #ccc;
}
.b2calendartable{
width:100%
}
.b2calendartable th{
border-bottom:1px solid #e3dbc5;
background-color:#FFFFFF;
}
.b2calendarheadercell{
font-family: Arial, Helvetica, sans-serif;
font-weight:700;
color:#cc9900;
text-transform:uppercase;
padding:2px 5px 2px 5px;
text-align:center;
}
.b2calendarcell {
background:#fdfefc url(images/calendar_bg.gif);
font-size:11px;
color: #777;
padding:5px;
margin:2px;
text-align:center;
}
.b2calendarcell a:link, .b2calendarcell a:visited {
background-color:#FFFFFF;
color:#003399;
font-weight:700;
border-bottom:1px solid #666
} 
.b2calendarcell a:hover{
color:#000000}
/************ Rightpart **************/
.rightpart{
border:1px solid #ccc;
margin-bottom:10px;
}
.rightpartContent{
padding:6px;
display:block;
font-size:11px}
/************ BANNERS ************/
.adverts{
margin-top:12px;
border:1px solid #ccc;
}
.adverts img{
border:0px}
.adverttext a{
text-align:left;
margin:2px 4px;
}
.banners{
font-size:11px;
}
.bannerimg{
background-color:#FFFFFF;
text-align:center;
width:174px;
display:block;
border-bottom:1px solid #ccc;
padding:2px 0px 0px 0px;
margin:1px 0px;
}
.readmore{
background-image:url(images/link.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:14px;
font-size:12px}

.bannerimg IMG
{
   max-width:170px;
   max-height:60px;
}
/***************** FOOTER ****************/
#footer{
display:table;
width:100%;
clear:both;
font-size:11px;
border-top:3px solid #ccc;
background-color:#f6f6f6;
}
#footer p{
margin:8px 10px 8px 0px;
font-size:11px;
float:right;
width:50%;
text-align:right;
color:#666;
}
#footer ul{
list-style:none;
margin-top:8px;
}
#footer li{
display:inline;
border-right: 1px solid #c4b9c6;
padding:4px 6px;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */

#error{
color:red;
}

.messageboard TD{
border:none;
margin-bottom:3px;
border-bottom:1px solid #CCCCCC;
cursor:pointer;
}

.background{
	background-image: url(../../images/banners/bg.jpg);
	background-repeat: repeat-x;
	padding-left: 20px;
}

.messageboard TABLE{
border:none;

}