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


/*------
------*/

*			{ margin: 0; padding: 0; list-style-type: none; }

html, body	{ width: 100%; height: 100%; }
body		{ background: url(images/BG.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; }
p			{ margin: 0 0 16px 0; }

/*------
------

#content		{ background: #9FF; }
#rightcol		{ background: #FCF; }
#footer			{ background: #E4E4E4; }
#apropos		{ background: #9CF; }
#lastnews		{ background: #CCF; }*/

/*------
------*/

#container		{ /*background: url(images/BGbottom.gif) repeat-x bottom;*/ width: 100%; min-height: 100%; position: relative; }
#contentcenter	{ width: 940px; position: relative; left: 50%; margin: 0 0 0 -470px; }

/*------
------*/

#header						{ height: 142px; }
#header	#topmenu			{ text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 30px; position: absolute; top: 76px; right: 0; }
#header	#topmenu li			{ float: left; padding: 0 0 0 22px; }
#header	#topmenu li	a		{ color: #999; font-size: 14px; text-decoration: none; }
#header	#topmenu li	a:hover	{ color: #94CC3D; }
#header	#topmenu li	a.on	{ color: #94CC3D; }

a.on	{ color: #94CC3D; font-weight: normal; }

#header	h1 a				{ display: block; background: url(images/LOGOvayton.gif) no-repeat; width: 338px; height: 23px; position: absolute; top: 68px; }
#header	h1 a span			{ display: none; }

#header select				{ position: absolute; top: 8px; right: 0; width: 70px; font-size: 10px; text-transform: capitalize; }
#header form				{ text-transform: capitalize; }

/*------
------*/

#content						{ float: left; padding: 0; font-size: 11px; color: #333; }
#content h2						{ font-size: 22px; color: #000; margin: 0 0 11px 0; text-transform: uppercase; font-weight: normal; }
#content p						{ line-height: 14px; text-align: justify; margin: 0 0 12px 0; }
#content a						{ color: #009; text-decoration: none; }
#content a:hover				{ text-decoration: underline; }
#content small					{ color: #999; display: none; }
#content hr						{ visibility: hidden; clear: both; height: 10px; }
#content ul						{  margin: 0 0 12px 0; padding: 0; }
#content ul li					{ background: url(images/arrow-gray.gif) no-repeat 0 5px; padding: 0 0 0 8px; }

.home							{ width: 720px; }
.content						{ width: 500px; margin: 0 0 0 20px; }

#leftcol						{ width: 200px; float: left; padding: 0 0 20px 0; font-size: 11px; color: #333; text-align: justify; }
#rightcol						{ width: 200px; float: right; padding: 0 0 20px 0; font-size: 11px; color: #333; text-align: justify; }

.rightbox						{ background: url(images/boxbottom.gif) no-repeat left bottom; text-align: left; margin: 0 0 20px 0; }
.boxtop							{ background: url(images/boxtop.gif) no-repeat left top; display: block; height: 8px; font-size: 1px; }
.whitepapers-fr					{ background: url(images/boxtop-whitepapers-fr.gif) no-repeat left top; display: block; height: 8px; font-size: 1px; padding: 92px 0 0 0; }
.whitepapers-en					{ background: url(images/boxtop-whitepapers-en.gif) no-repeat left top; display: block; height: 8px; font-size: 1px; padding: 92px 0 0 0; }
.boxtitle						{ padding: 8px 10px 0 10px; margin: 0 0 8px 0; font-size: 12px; font-weight: bold; color: #94CC3D; }
.boximg							{ margin: 7px 0 0 10px; }
.boxtitle a						{ color: #94CC3D; text-decoration: none; }
.boxtitle a:hover				{ text-decoration: underline; }
.boxcontent						{ padding: 0 10px 0 10px; margin: 0 0 4px 0; }
.boxmenus						{ padding: 0 10px 18px 10px; }
.boxmenus li					{ background: url(images/arrow-gray.gif) no-repeat 0 5px; padding: 0 0 0 8px; }
.boxmenus li a					{ color: #333; text-decoration: none; }
.boxmenus li a:hover			{ text-decoration: underline; }
.menutitle						{ font-size: 18px; }

.leftmenu						{ padding: 8px 10px 16px 10px; font-size: 12px; }
.leftmenu li a					{ font-weight: bold; color: #94CC3D; text-decoration: none; }
.leftmenu li a:hover			{ color: #94CC3D; text-decoration: underline; }
.leftmenu ul					{ padding: 4px 0 8px 0; }
.leftmenu ul li					{ background: url(images/arrow-gray.gif) left 5px no-repeat; font-size: 11px; padding: 0 0 2px 8px; }
.leftmenu ul li a				{ font-weight: normal; color: #666; text-decoration: none; }
.leftmenu .on					{ color: #94CC3D; text-decoration: underline; }
.leftmenu li img				{ margin: 0 0 10px 0; }

.rightbox .boxmenus2			{ padding: 0 10px 18px 10px; }
.rightbox .boxmenus2 li			{ background: url(images/arrow-green.gif) no-repeat 0 4px; padding: 0 0 0 10px; }
.rightbox .boxmenus2 li a		{ font-weight: bold; color: #94CC3D; text-decoration: none; }
.rightbox .boxmenus2 li a:hover	{ text-decoration: underline; }

/*------
------*/

#footer					{ height: auto; clear: both; padding: 20px 0 20px 0; font-size: 11px; color: #999; }
#footer a				{ color: #666; text-decoration: none; }
#footer a:hover			{ text-decoration: underline; }

#hierarchie				{ color: #666; font-size: 11px; margin: 0 0 26px 0; }
#hierarchie	a			{ color: #999; text-decoration: none; }
#hierarchie	a:hover		{ color: #666; text-decoration: underline; }

/*------
HOME----
------*/

#apropos			{ width: 320px; float: left; padding: 0 0 0 20px; }
#lastnews			{ width: 320px; float: right; padding: 0 20px 0 0; }

/*------
------*/

.banner				{ margin: 0 0 28px 0; }
.readmore,
#content .readmore  { background: url(images/BGreadmore.gif) no-repeat left 4px; color: #72A51F; text-decoration: none; text-transform: lowercase; font-weight: bold; padding: 0 0 0 8px; }
.nomargin			{ margin: 0; }
.language			{ position: absolute; top: 8px; right: 0; color: #999; font-size: 10px; text-decoration: none; }
.language:hover		{ color: #94CC3D; text-decoration: underline; }

/*------
------*/

.page_404 .cartouche	{ margin: 40px 0 80px 0; font-size: 120px; color: #E2E2E2; }