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

html{height:100%;}

body {
	margin-top: 0;
	background: #bed73e url(/i/bg_gradient.gif) repeat-x top;
	text-align:center;
	color:#323232;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

img {
	border: 0;
}
 
a
{
	color: #2ca243;
	text-decoration:none;
	font-size: 16px;
}

a:hover
{
	color: #000;
	text-decoration:none;
}

h1
{
	color:#323232;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 20px;
	margin-top: 0;
}

h2
{
	color:#323232;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
	margin: 0;
}

h3
{
	color:#323232;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	margin: 0;
}

h4 
{
	color:#323232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style: italic;
	margin: 0;
}

p
{
	margin: 0;
}

.clear
{
	clear: both;
	height: 0;
}

/* --- Fonts ---*/
.quicklinks {
	font:Arial;
	font-weight:bold;
	font-size: 12px;
	color:#ccc;
	display:block;
	padding: 0 0 0 10px;
}

.quicklinks a{color: #ccc;text-decoration:none;font-weight:bold;padding:0 0 0 10px;}
.quicklinks a:hover{color: #333;text-decoration:none;font-weight:bold;}

.newsboxtext {
	font:Arial;
	font-weight:normal;
	font-size: 14px;
	color:#616161;
}

.newsboxtext h2{
	font-size: 14px; 
	color: #323232; 
	font-weight:bold;
	letter-spacing: 1px;
	padding:0 0 0 30px;
	margin: 5px 0 10px 0;
}

.newsboxtext a{font-size: 11px; color: #2ca243;text-decoration:none;font-weight:normal;}
.newsboxtext a:hover{color: #2ca243;text-decoration:underline;font-weight:normal;}

.newsboxtext2 {
	font:Arial;
	font-weight:normal;
	font-size: 11px;
	color:#323232;
	width:170px;
}

.newsboxtext h2{
	font-size: 13px; 
	color: #616161; 
	font-weight:bold;
	letter-spacing: 1px;				
	padding:0 0 0 30px;
	margin: 5px 0 10px 0;
}

.newsboxtext2 a{font-size: 11px; color: #2ca243;text-decoration:none;font-weight:normal;}
.newsboxtext2 a:hover{color: #2ca243;text-decoration:underline;font-weight:normal;}

.bannertext
{
	padding-left: 11px;
	padding-right: 14px;
	font: Arial;
	font-weight: bold;
	font-size: 14px;
	color:#2ca243;
}

.bannertext_hover:hover
{
	text-decoration: underline;
}

.bannertext a{color:#2ca243;text-decoration:none;}
.bannertext a:hover{color:#2ca243;text-decoration:underline;}

.breadcrumbstext {
	font:Arial;
	font-weight:normal;
	font-size: 10px;
	color:#2ca243;
}

.breadcrumbstext a{color:#666;text-decoration:none;}
.breadcrumbstext a:hover{color:#666;text-decoration:underline;}

.smalltext {
	font:Arial;
	font-size: 10px;
	color:#666;
}

.imgtext {
	font:Arial;
	font-size: 12px;
	color:#323232;
}

.formfield {
	font:Arial;
	font-size: 11px;
	color:#666;
	border: 1px solid #666;
}

.pushers {
	font:Arial;
	font-size: 20px;
	color:#323232;
}

.pushers a{font-size: 20px;color: #616161;text-decoration:none;}
.pushers a:hover{color: #616161;text-decoration:underline;}

.pushers_jp {
	font:Arial;
	font-size: 16px;
	color:#323232;
}
.pushers_jp a{font-size: 16px;color: #616161;text-decoration:none;}
.pushers_jp a:hover{color: #616161;text-decoration:underline;}


.leftnavi
{
	font: Arial;
	font-size: 16px;
	font-weight:bold;
	color:#2ca243;
	line-height:24px;
	margin: 4px 0;
}

.leftnavi a{font-size: 16px;color: #2ca243;text-decoration:none;}
.leftnavi a:hover{color: #000;text-decoration:none;}
.leftnavi img{padding-right:10px;}

.leftnaviSub
{
	font: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 18px;
}

.leftnaviSub a{color: #2ca243; font-size: 12px; text-decoration:none;}
.leftnaviSub a:hover{color: #000;text-decoration:none;}
.leftnaviSub div{padding-left: 25px;}

.MiddleContentFont {
	font:Arial;
	font-size: 12px;
	font-weight:normal;
	color:#323232;
}

.MiddleHeadline {
	font:Arial;
	font-size: 20px;
	font-weight:bold;
	color:#000;
}

.middlenavi {
	font:Arial;
	font-size: 16px;
	font-weight:bold;
	color:#000;
	height:25px;
	width: 523;
	border-bottom:1px dotted #ccc;
	text-align:left;
	padding-top:7px;
}

.middlenavi a{color: #2ca243;text-decoration:none;padding-left:10px;}
.middlenavi a:hover{color: #000;text-decoration:none;padding-left:10px;}

.middlenaviOpen {
	font:Arial;
	font-size: 16px;
	font-weight:bold;
	color:#000;
	height:auto;
	width: 523;
	border-bottom:1px dotted #ccc;
	text-align:left;
	padding-top:7px;
}

.middlenaviOpenText {
	font:Arial;
	font-size: 11px;
	font-weight:normal;
	color:#666;
	height:auto;
	width: 130px;
	text-align:left;
	padding-top:7px;
	float: left;
	padding-left:27px;
	margin-bottom:15px;
}

.middlenaviOpenText2 {
	font:Arial;
	font-size: 11px;
	font-weight:normal;
	color:#666;
	height:auto;
	width: 179px;
	text-align:left;
	padding-top:7px;
	float: left;
	padding-left:27px;
	margin-bottom:15px;
}

.middlenaviOpenText a{color: #2ca243;text-decoration:none;padding-left:10px;font-weight:bold;}
.middlenaviOpenText a:hover{color: #000;text-decoration:none;padding-left:10px;font-weight:bold;}

.txt_how {
	color:#323232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* --- Layout structure ---*/
#MainContainer {
	position: relative;
	width:980px;
	height:auto;
	background-color:#fff;
	background-image:url(/i/bg_header.gif);
	background-repeat:no-repeat;
	margin:0px auto 20px auto;
}

#topmenu {
		position: absolute;
		top: 13px;
		right: 29px;
		width: 380px;
		height: 55px;
		text-align:right;
}

#logo {
		width: 189px;
		height: 85px;
		float: left;
		padding-left: 37px;
		padding-top: 10px;
}

#intropic {
		padding-left: 24px;
		width: 927px;
		height: 279px;
		background-image:url(/i/introcollage.jpg);
		background-repeat:no-repeat;
		text-align:left;
}
#intropic_fr {
		padding-left: 24px;
		width: 927px;
		height: 279px;
		background-image:url(/i/Sfree_collage_89_fra.jpg);
		background-repeat:no-repeat;
		text-align:left;
}
#intropic_de {
		padding-left: 24px;
		width: 927px;
		height: 279px;
		background-image:url(/i/introcollage_de2.jpg);
		background-repeat:no-repeat;
		text-align:left;
}
#introtext {
		padding-top:24px;
		width: 420px;
		height: auto;
		font: bold 25px Arial, sans-serif;
		color:#fff;
		text-align:left;
}

#mainmenu {
	width:748px;
	margin:0px auto;
	height:30px;
	float: right;
	display:block;
	overflow:hidden;
	margin-top:0px;
	padding-top:79px;
}

#Footer {
	width:980px;
	padding-top: 20px;
	background:#fff url(/i/bg_footer.gif) no-repeat bottom left;
	height:117px;
	float:left;
}

.Pusherbox {
	padding-left: 5px;
	padding-top: 5px;
	width:460px;
	background-color:#fff;
	height:auto;
	text-align:left;
}

.newsbox {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-color:#fff;
	height:auto;
	text-align:left;
	border-top: 2px #ccc dotted;
	background: url(/i/arrow_big.gif) no-repeat 5px 5px;	
}

.newsbox2 {
	padding: 5px;
	background-color:#fff;
	height:auto;
	text-align:left;
	border-top: 2px #ccc dotted;
	border-bottom: 2px #ccc dotted;
	background: url(/i/arrow_big.gif) no-repeat 5px 5px;		
}

.newsbox3 {
	margin-left:11px;
	margin-top:10px;
	padding: 5px 0;
	width:180px;
	background-color:#fff;
	height:auto;
	text-align:left;
	border-top: 2px #ccc dotted;
	border-bottom: 2px #ccc dotted;
	background:url(/i/arrow_big.gif) no-repeat 5px 5px;		
}

.rightbanner {
	padding: 0;
	width:180px;
	height:114px;
	background-color:#fff;
	text-align:left;
}

.rightbanner2 {
	padding: 0 20px 0 0;
	width:202px;
	height:78px;
	background: #fff url(/i/banner_bg.gif) no-repeat;
	text-align:left;
}

.Contents {
	padding-left: 24px;
	padding-top: 17px;
	text-align:left;
}

.ContentPusher {
	width: 475px;
	padding-left: 24px;
	padding-top: 17px;
	text-align:left;
	float:left;
}

.ContentNewsbox {
	width: 220px;
	padding-left: 10px;
	padding-top: 17px;
	text-align:left;
	float:left;
}

.ContentRightbanners {
	width: 202px;
	padding-left: 15px;
	padding-top: 10px;
	text-align: left;
	float: left;
}

.ContentRightbanners2 {
	padding-left: 23px;
	padding-top: 0px;
	padding-right: 20px;
	text-align:left;
	float:right;
	width:197px;
}

.ContentRightbanners3 {
	padding-left: 0;
	padding-top: 10px;
	padding-right: 24px;
	text-align:left;
	float:right;
	width:180px;
}

.Footerbox {
	float: left;
	padding-left: 45px;
	padding-top: 20px;
	width:460px;
	height:auto;
	text-align:left;
    font:Arial;
	font-size: 10px;
	color:#666;
	background: url(/i/arrow_small.gif) no-repeat 22px 20px;
}

.Footerbox a{
	color:#666;
}

.ContentFooterbanners {
	padding-left: 0;
	padding-top: 15px;
	text-align:left;
	float:right;
}

.breadcrumbs {
	padding-left: 24px;
	padding-top: 17px;
	float:left;
	text-align:left;
}

.ContentLeftNavi
{
	width: 183px;
	padding-left: 24px;
	padding-top: 17px;
	padding-bottom: 40px;
	text-align:left;
	float:left;
	background: url(/i/leftnavibottom.gif) no-repeat bottom;
}

.LeftNaviSelex {
	width:183px;
	background-color:#fff;
	height:auto;
	text-align:left;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	margin: 4px 0;
	padding-bottom: 4px;
}

.MiddleContentLeft {
	width: 500px;
	padding-left: 20px;
	padding-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:left;
	float:left;
	background-color: #fff;
}

.MiddleContentLeft a{
	color:#2ca243;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:underline;
	font-weight:normal;
}

.MiddleContentWide {
	width: 700px;
	padding-left: 20px;
	padding-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	text-align:left;
	float:left;
	background-color: #fff;
}

.MiddleContentWide a{
	color:#2ca243;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:underline;
	font-weight:normal;
}

.MiddleContentWide900 {
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	padding-left: 0;
	padding-top: 0;
	text-align:left;
	float:left;
	background-color:#fff;
}

.MiddleContentRight {
	width: 160px;
	padding-left: 20px;
	padding-top: 0;
	text-align:left;
	float:left;
	background-color:#fff;
}

.MiddleContentBottom {
	width: 523px;
	padding-left: 20px;
	padding-top: 0;
	text-align:left;
	float:left;
	background-color: #fff;
	margin-left: 182px;
	margin-bottom: 40px;
}

.spectop {
	width: 165px;
	height: 16px;
	background-image:url(/i/spec_header.gif);
	background-repeat:no-repeat;
	font:Arial;
	font-size: 12px;
	font-weight:bold;
	color:#000;
	padding-left:10px;
	padding-top:2px;
	margin-top:10px;
	margin-bottom: 0;
	overflow:hidden;
}

.specmiddle {
	width: 165px;
	height: auto;
	background-image:url(/i/spec_bg.gif);
	background-repeat:repeat-y;
	font:Arial;
	font-size: 10px;
	font-weight:normal;
	color:#000;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:0;
	margin-top:0;
}

.specbottom {
	width: 175px;
	height: 18px;
	background-image:url(/i/spec_bottom.gif);
	background-repeat:no-repeat;
}

/* --- mainmenu behaviour ---*/
ul.main-menu{
	margin:0;
	padding:0 28px 0 0;
	list-style:none;
	height:29px;
	}

ul.main-menu li{
	float:right;
	height:29px;
	margin-left:3px;
	}

ul.main-menu li a{
	float:left;
	height:29px;
	background:url(/i/bg-main-menu-left.gif) no-repeat left 0;
	text-decoration:none;
	}

ul.main-menu li a span{
	float:left;
	height:23px;
	font:bold 16px Arial, sans-serif;
	color:#fff;
	padding:6px 10px 0;
	background:url(/i/bg-main-menu-right.gif) no-repeat right 0;
	text-decoration:none;
	cursor:pointer;
	}

ul.main-menu li a:hover, ul.main-menu li a.chosen{
	background-position:left 100%;
	}

ul.main-menu li a:hover span, ul.main-menu li a.chosen span{
	background-position:right 100%;
	}
	
.box {
	width: 195px;
}
.boxTop {
	background: url(/objects/Box/images/box_bgt.gif) no-repeat top left;
	height: 17px;
}
.boxBottom {
	background: url(/objects/Box/images/box_bgb.gif) no-repeat top left;
	height: 20px;
}
.boxContent {
	background: url(/objects/Box/images/box_bg.gif) repeat-y top left;
}
.col {
	float: left;
}
.colfirst {
	margin-right: 5px;
}
.collast {
	margin-left: 5px;
}