* {
	padding:0;
	margin:0;
	/*border:0;*/
	font-size : 1em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin: 0 auto;
	text-align: center;
	padding:0px;
	border:0px;
}

p, td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;
}

p, .fwelement p {margin:0px; margin-bottom:0.3em;}

a {
	color: #58A3F3;; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: Georgia,Times,Serif;*/
	/*font-weight: normal;*/
	color: #58A3F3;
}
h1, p.doctitle {
	font-size: 1.8em;
	margin-top: 15px;
	margin-bottom: 10px;
}

h2 {
	color: #58A3F3;;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 10px;
}

img {
	border: 0;
}

hr {
	border: 1px solid #686868;
	border-bottom: 0px solid #ffffff ;
	height: 1px;
}

ul, ol {
	list-style-position: inside;
}

.fwelement {margin-bottom:19px;}

#page { margin: 0px auto; text-align: center; padding:10px;}
#logo { width:20%; min-width:150px; margin-bottom:10px;}
#logo div.fwpicture-group div.fwpicture {margin:0px;width:100%;}
#logo img {max-width:100%;width:100%;height:auto;} 
#emotion { width:100%; margin-bottom:10px; float:right;}
#emotion .fwelement {margin:0px;}
#emotion div.fwpicture-group div.fwpicture {margin:0px;width:100%;}
#emotion img {max-width:100%;width:100%;height:auto;}
#navigationcontainer { position:relative; width:100%; height:40px; float:right; color:#ffffff; font-size:0.9em;}
#navigationcontainer, #footer {
border-radius: 5px;
background: #4c4c4c;
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}

#navigation ul {}

#navigation li {position:relative; line-height: 40px; margin: 0px; padding: 0px; list-style:none;}
#navigation li a {display:block; line-height: 40px; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
#navigation li a:hover {text-decoration: underline;}
#navigation ul {}
#navigation ul li {background:#58a3f3;}
#navigation ul.menu2 li {background:#6faff3;}
#navigation ul.menu3 li {background:#85baf2;}
#navigation ul li:hover {background:#3d94f2;}
#navigation ul.menu3 li a {font-weight:normal; padding-left:20px;}
#navigation > a {display:none;line-height: 40px; text-align:left; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

#navigation:not( :target ) > a:first-of-type,
#navigation:target > a:last-of-type {display:block;}
#navigation > ul {height:auto; display:none; position:absolute; left:0; right:0;}
#navigation:target > ul {display:block;}
#navigation > ul > li {width:100%; float:none; margin-top:2px; margin-bottom:2px; padding-bottom:5px; border-radius:5px;}
#navigation li ul {position:static;}


@media screen and (min-width : 830px)  {
	#navigation > a {display:none;}
	#navigation:not( :target ) > a:first-of-type, #navigation:target > a:last-of-type {display:none;}
	#navigation > ul {display:block;}
	#navigation > ul > li {float:left;width:auto; margin:0px; padding-bottom:0px; background:transparent;}
	#navigation > ul > li:hover {background:none;}
	#navigation ul {background:transparent;}
	#navigation ul.menu2 li {background:#58a3f3; text-align:left;}
	#navigation ul.menu3 li {background:#6faff3;}
	#navigation ul li:hover {}
	#navigation li ul {display:none; position:absolute; top:100%;}
	#navigation li:hover ul {display:block;}
}
/*
#navigation ul li { line-height: 40px;	list-style: none; margin: 0px; padding: 0px; float:left;}
#navigation ul li a { display: block; line-height: 40px; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
#navigation ul a:hover {text-decoration: underline;}
#navigation ul li.selected {background: url(../navigation1sel.gif); background-repeat:no-repeat; background-position: bottom center;}
#navigation ul li.selected a {}
#navigation #scrollcontainer {width:540px; position:relative; overflow:hidden; float:left;}
#navigation ul {list-style: none; margin: 0px; padding: 0px; width:560px; position:relative;}
#navigation #goleft {width:20px; line-height: 40px; float:left;}
#navigation #goright {width:20px; line-height: 40px; float:left;}
#navigation div.goleft {background: url(../goleft.gif);}
#navigation div.goright {background: url(../goright.gif);}
*/
#infos { width:100%; margin-top:10px; text-align: left; float:left; color:#999999; font-size:0.9em;}
#infos a {color:#ffffff;}
#infos a:visited {color:#ffffff;}
#infos div.info {background:#58A3F3; color:#ffffff; padding-top:5px; padding-bottom:10px; margin-bottom:10px; border-radius:5px;}
#infos div.info .fwparagraph {display: inline-block; min-width:45%; margin-bottom:10px;}
#infos div.info table {margin:0px; padding:0px;}
#infos div.info table td.txt {}
#infos div.info div.subject { font-weight:bold; }
#infos h1, #infos h2 {color:#ffffff;font-size:1em;text-align:center;margin-bottom:1em;}
#infos .fwelement {margin:0px;padding-left:5px;padding-right:5px;}
#content {width:100%; float:right; text-align: left;}
#footer {width:100%; text-align: left; height:20px; line-height:20px; margin-top:10px; float:left; font-weight:bold; font-size: 11px; color: #ffffff; vertical-align:baseline;}
#footer a {color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px;}
#footer a:hover {text-decoration: underline;}
#powered { width:100%; height:20px; margin-top:5px; float:left; color:#999999; font-size:0.8em;}
#powered a {color:#999999; text-decoration: underline;}

@media screen and (min-width : 830px)  {
	#page {width:830px;}
	#logo {width:240px; height:230px; float:left; margin-right:10px; margin-bottom:0px;}
	#emotion {width: 580px;height: 180px;}
	#navigationcontainer {width: 580px;}
	#infos {width:240px;}
	#content {width:580px;}
	#footer {}
}

div.gb {}
div.gb table.title {display:none;}

div.fwformtomail {background:#e6e6e6; border-radius:5px;}
div.fwspace {height:10px;}

div.fwpicture-group {margin:0px;}
div.fwpicture-group div.fwpicture {margin:0px;}

#content .fwparagraph1 {background:#e6e6e6; border-radius:5px; padding:10px; }
#content .fwtext1 {background:#e6e6e6; border-radius:5px; padding:10px; }
#content .fwpicture img {width:100%; height:auto; max-width:100%;}
.fwsubmenu li {background:#6faff3; line-height: 40px; border-radius:5px;}
.fwsubmenu li a {display:block; line-height: 40px; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.fwsubmenu li a:hover {text-decoration: underline;}
.fwsubmenu li .link {display: none}