@font-face {

	font-family: 'DroidSansBold';

	src: url('../fonts/DroidSans-Bold.eot');

	src: local('☺'), url('../fonts/DroidSans-Bold.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}



/* RESET */

html{color:#4f4f4f}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}em{font-style:italic;font-weight:normal;}strong,th{font-style:normal;font-weight:bold}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}a{outline:none}

input[type=checkbox]{vertical-align:middle}



/* FONTS */

body{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 24px;

}select,input,button,textarea{font:100%}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}h1,h2,h3,h4,h5{line-height:1.2}



/* TOOLS */

.border-none {

	border:none!important}

.clear {

	clear:both}

.active {

	cursor:default}

.img-left {

	float:left; margin:0 19px 19px 0}

.img-right {

	float:right; margin:0	0 19px 19px}

.center {

	text-align:center; padding:0 0 15px}



/* LAYOUT */

/* 0. Frame */

html {

	height:100%}

body {

	background:#ebebe6 url(../images/layout/body.png) center 0 no-repeat; height:100%}

body > div {

	min-height:100%; position:relative}

a, a:link, a:visited {

	text-decoration:none; color:#4f4f4f}

a:hover, a:focus, a:active, a.active {

	text-decoration:underline}

#container {

	width:965px; position:relative; margin:0 auto; padding-bottom:41px}



/* 1. Header */

#header {

	height:143px; position:relative}



/* 1.1 Logo */

#logo, #logo span, #logo a {

	top:25px; left:30px; position:absolute; display:block; width:113px; height:112px}

#logo span, #logo a {

	background:url(../images/layout/logo.png) no-repeat; top:0; left:0; text-indent:-9999px}



/* 1.2 Tagline */

#header p {

	position:absolute; left:240px; top:61px; color:#004d60; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; line-height:1.2}

#header p em {

	color:#ad9f01; font-style:normal}



/* 1.3 Nav */

#header div {

	position:absolute; right:151px; top:3px}

#header ul, #header ul li {

	display:inline-block; margin:0 2px}

#header li a:link, #header li a:visited {

	font-size:11px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}

#header ul {

	padding-left:5px}

#header #nav-header a:link, #header #nav-header a:visited {

	color:#004d60}

#header #nav-header li {

	background:url(../images/layout/nav-main-active-main.png) 0 center no-repeat; padding-left:11px}

#header #nav-header li:first-child {

	background:none; padding-left:0}

#header #nav-lang a:link, #header #nav-lang a:visited {

	color:#b0a100; padding:0 1px}



/* 2. Wrapper */

#wrapper {

	overflow:hidden}



/* 2.1 Content */

#content {

	width:764px; float:right; overflow:hidden}

#content h1 {

	font-size:20px; line-height:1.2; color:#b0a000; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 16px}



/* 2.1.1 Main */

#main {

	width:496px; float:left; background:#fff; padding:20px 40px 100px; overflow:hidden}



/* 2.1.2 Sub */

#sub {

	width:183px; float:right}

#sub .top {

	background:url(../images/layout/nav-sec-top.png) no-repeat; height:53px}

#sub .middle {

	background:#fff; padding:18px 24px 7px; width:135px}

#sub .bottom {

	background:url(../images/layout/nav-sec-bottom.png) no-repeat; height:53px}	

#sub .nav-sec {

	margin:0 0 18px}

#sub h2 {

	text-transform:uppercase; color:#575757; font-size:13px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}

#sub a:link, #sub a:visited {

	color:#575757; font-size:13px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}

#sub li a:link, #sub li a:visited {

	background:url(../images/layout/nav-sec-li.png) 0 3px no-repeat; padding-left:11px; display:inline-block; line-height:1.1; margin:2px 0}

#sub .lnk-btn {

	display:block; padding:5px 0 0 58px; color:#919191!important; text-transform:uppercase; background-repeat:no-repeat; position:relative; left:-6px; min-height:45px; line-height:1.2}

#sub .lnk-question {

	background-image:url(../images/layout/lnk-question.png); margin:29px 0 7px}

#sub .lnk-nl {

	background-image:url(../images/layout/lnk-nl.png)}

	

/* 2.2 Nav-main */

#nav-main {

	width:201px; float:left; padding-top:8px}

#nav-main .top {

	background:url(../images/layout/nav-main-active-top.png) no-repeat; height:53px; width:190px}

#nav-main .middle {

	background:url(../images/layout/nav-main-active-middle.png) repeat-y; width:130px; padding:11px 30px 4px; overflow:hidden}

#nav-main .bottom {

	background:url(../images/layout/nav-main-active-bottom.png) no-repeat; height:60px; width:190px}

#nav-main #nav-main-cats {

	position:relative; top:-47px}

#nav-main #nav-main-cats .top {

	background-image:url(../images/layout/nav-main-cats-top.png)}

#nav-main #nav-main-cats .middle {

	background-image:url(../images/layout/nav-main-cats-middle.png)}

#nav-main #nav-main-cats .bottom {

	background-image:url(../images/layout/nav-main-cats-bottom.png)}



#nav-main li {

	margin:4px 0}

#nav-main li h2 span, #nav-main li h2 a:link, #nav-main li h2 a:visited {

	color:#d0be01; font-size:15px; text-transform:uppercase; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}

#nav-main li > a:link, #nav-main li > a:visited {

	color:#fff; font-size:13px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/layout/nav-main-active-main.png) 0 3px no-repeat; padding:0 0 0 11px; display:block; line-height:1.1}

#nav-main li > a:hover, #nav-main li > a:focus, #nav-main li > a:active, #nav-main li > a.active{

	color:#d0be01; text-decoration:none}

#nav-main ul ul ul li > a:link, #nav-main ul ul ul li > a:visited {

	margin:0 0 0 10px; background-image:url(../images/layout/nav-main-active-sub.png)}

#nav-main div > ul > li> ul {

	margin:0 0 17px}

#nav-main-cats .middle {

	padding:8px 30px 0}

#nav-main-cats li h2 span, #nav-main-cats li h2 span a:link, #nav-main-cats li h2 span a:visited {

	color:#004C5A}

#nav-main-cats li > a:link, #nav-main-cats li > a:visited {

	background-image:url(../images/layout/start/nav-c2-li.png)}



/* 4. Footer */

#footer {

	height:41px; background:url(../images/layout/footer.png) repeat-x; width:100%; position:absolute; bottom:0}

#footer .inner {

	height:41px; width:956px; background:url(../images/layout/footer-inner.png) center 0 no-repeat; margin:0 auto; color:#6d6c6c; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:center}

#footer a:link, #footer a:visited {

	color:#6d6c6c}

#footer p {

	padding:25px 0 0; margin:0}

	

/* B. PATTERNS */

/* B.1 - Article Base */

.content h2 {

	font-size:15px;

	color:#035e6f;

	margin:30px 0 8px;

	font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif

}

.content h3 {

	font-size:14px;

	color:#03768C;

	font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif

}

.content h4 {

	font-size:12px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}

.content h3, .content h4 {

	margin:0 0 10px}

.content p, .content ol, .content ul, .content table {

	margin:0 0 22px}

.content ul {

	margin-left:18px}

.content ul > li {

	list-style:disc; padding:0; margin:0 0 4px}

.content ul > li ul > li {

	list-style:circle}

.content ol > li {

	margin:0 0 4px 19px; list-style:outside decimal}

.content > ul, .content > ul > li {

	list-style:none; margin-left:0}

.content > ul > li {

	background:url(../images/layout/content-li.png) 0 8px no-repeat; padding:0 0 0 15px}

.content a, .content a:link, .content a:visited {

	text-decoration:none; color:#b0a000}

.content a:hover, .content a:focus, .content a:active {

	text-decoration:underline}



/* B.2 - Breadcrumbs */

#breadcrumbs, #breadcrumbs ul, #breadcrumbs li {

	margin:0; list-style:none; display:inline; color:#919191; padding:0; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif; background:none!important}

#breadcrumbs {

	display:block; margin:0 0 9px}

#breadcrumbs li, #breadcrumbs li a:link {

	font-size:11px; color:#919191}



/* B.3 - Special links */

.lnk-t1 {

	display:inline-block; line-height:18px; background:url(../images/layout/lnk-t1.png) 0 center no-repeat; padding-left:15px; font-weight:bold}



/* C. PAGES */

/* C.1 - Start */

/*#start {

	background-image:url(../images/layout/start/body.jpg)}*/

#start #container {

	width:700px}

#start #logo {

	left:23px}

#start #header div {

	right:25px}



#start #header p {

	font-size:14px; left:158px; line-height:1.3; top:59px}

#start #nav {

	width:654px; margin:0 auto; padding:0 0 40px}

#start #nav .top {

	background:url(../images/layout/start/nav-top.png) no-repeat; height:92px}

#start #nav .middle {

	background:url(../images/layout/start/nav-middle.png) repeat-y; overflow:hidden; padding:11px 0 0}

#start #nav .bottom {

	background:url(../images/layout/start/nav-bottom.png) no-repeat; height:100px}



#start #nav .c1, #start #nav .c2 {

	width:243px; float:left; padding:0 42px}

#start #nav li {

	margin:4px 0}

#start #nav li h2 {

	color:#fff; font-size:15px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}

#start #nav li h2, #start #nav li h2 a:link, #start #nav li h2 a:visited {

	color:#fff}	

#start #nav li h2 span, #start #nav li h2 span a:link, #start #nav li h2 span a:visited {

	color:#d0be01}

#start #nav li > a:link, #start #nav li > a:visited {

	color:#fff; font-size:13px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/layout/nav-main-active-main.png) 0 3px no-repeat; padding:0 0 0 11px; display:block; line-height:1.1}

#start #nav li > a:hover, #start #nav li > a:focus, #start #nav li > a:active, #start #nav li > a.active{

	color:#d0be01; text-decoration:none}

#start #nav div > ul > li> ul {

	margin:0 0 17px}



#start #nav .c2 li h2, #start #nav .c2 li h2 a:link, #start #nav .c2 li h2 a:visited {

	color:#004c5a}

#start #nav .c2 li > a:link, #start #nav .c2 li > a:visited {

	background-image:url(../images/layout/start/nav-c2-li.png)}

#start #nav .c2 li > a:hover, #start #nav .c2 li > a:focus, #start #nav .c2 li > a:active, #start #nav .c2 li > a.active{

	color:#004c5a}