@import url('generic.css');

#document {
	width: 925px;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0 auto;
	font-size: .75em;
	font-family: helvetica, arial, sans-serif;
	background: #fff;
	color: #57595b;
}

#header {
	background: url(../img/header-bg.png) top left no-repeat;
	padding-top: 30px;
	line-height: 1em;
	font-size: .92em;
	height: 102px;
	position: relative;
}

.lang-en #header {
	background-image: url(../img/header-bg-en.png);
}

	#header A,
	#footer A {
		color: #919294;
	}

	#header .logo {
		float: left;
		margin: -10px 0 0 30px;
	}
	
	#header .nav-lang {
		float: right;
		margin-right: 4em;
	}
	
	#header .nav-top {
		float: right;
		margin-right: 1.5em;
	}
	
	#header .search {
		float: right;
		margin-top: -3px;
	}

		#header .search .text {
			border: 1px solid #ccc;
			width: 125px;
			font-size: .92em;
			padding: .05em;
		}

		#header .search .submit {
			border: 0;
			background: url(../img/icon-arrow.png) left center no-repeat;
			padding: 0 20px 0 15px;
			color: #919294;
		}
		
	#header .nav-main {
		clear: both;
		font-size: 1.25em;
		position: absolute;
		left: 0;
		bottom: 0;
	}

    ul.leftnavi { 
    	padding: 0px; margin: 0px;
    	}

	#header .nav-main LI {
		width: 142px;
		height: 24px;
		line-height: 24px;
		padding: 0 0 0 12px;
		color: #fff;
		background: url(../img/top-navi-bg.png) no-repeat;
	}

	#header .nav-main LI.selected {
		background-image: url(../img/top-navi-bg-active.png);
	}

	#header .nav-main LI A {
		color: #fff;
		display: block;
		height: 24px;
		line-height: 24px; /* ie stuff */
	}
	
#content {
	clear: both;
	min-height: 200px;
	padding: 12px 0;
	overflow: hidden;
}

	#content .column {
		float: left;
		padding: 0 7px;
		overflow: hidden;
		margin-bottom: 2em;
	}

	#content A {
		color: #57595b;
		text-decoration: underline;
	}

	#content .column-left {
		width: 141px;
		font-size: .92em;
	}
	
		#content .column-left .nav-sub {
			font-size: 1.17em;
			color: #919294;
			border-top: 1px solid #dfdfde;
			line-height: 1.8em;
		}

		#content .column-left .nav-sub LI {
			border-bottom: 1px solid #dfdfde;		
		}

		#content .column-left .nav-sub LI LI {
			border: 0;
			font-size: .92em;
			line-height: 1.2em;
		}

		#content .column-left .nav-sub LI UL {
			margin: 0;
			border: 0;
		}

		#content .column-left .nav-sub A,
		#content .column-left .nav-sub LI.selected LI A {
			color: #919294;
			text-decoration: none;
		}

		#content .column-left .nav-sub LI.selected A,
		#content .column-left .nav-sub LI.selected LI.selected A {
			color: #a0a800;
		}
		
		#breadcrumb {
			font-size: .92em;
			margin-left: 162px;
			color: #919294;
			margin-bottom: .5em;
		}

		#breadcrumb A {
			color: #919294;
		}
			
	#content .column-main {
		width: 498px;
	}
	
		#content .column-main .column-main-half {
			width: 230px;
			margin-right: 18px;
			float: left;
		}
	
		#content .column-front H2 {
			color: #b41536;
			font-weight: normal;
			font-size: 1.7em;
			margin: .5em 0;
		}

		#content .column UL {
			list-style: none;
			margin: 1em 0;
			padding: 0;
		}

		#content .column UL UL {
			padding-left: 1em;
		}
		
		#content .column UL LI {
			padding: .5em 0;
			margin: 0;
			background: url(../img/icon-arrow.png) left .6em no-repeat;
			padding-left: 13px;
		}

		#content .column UL LI A {
			background: none;
			padding: 0;
		}

		#content .column UL.nav LI {
			background: none;
			padding-left: 0;
		}
		
		#content H1 {
			font-size: 2em;
			font-weight: normal;
			color: #a0a800;
			margin: .35em 0 .35em 0;
		}
		
		#content H2,
		#content H3,
		#content H4,
		#content H5,
		#content H6,
		#content H2 A,
		#content H3 A,
		#content H4 A,
		#content H5 A,
		#content H6 A {
			color: #b41536;
			font-weight: bold;
			font-size: 1em;
			margin: 1em 0 .25em 0;
			text-decoration: none;
		}
		

		#content .column-main P {
			margin: .5em 0;
		}
		
		P.read-more A.last-child,
		P.read-more A:last-child {
			background: url(../img/icon-arrow.png) left center no-repeat;
			padding-left: 13px;
			text-decoration: underline;
			color: #57595b;
			margin-left: .5em;
			font-size: .92em;
		}
		
		.important {
			color: #b31736;
		}

		.important A {
			color: #b31736;
			text-decoration: underline;
		}
	
	#content .column-right {
		width: 244px;
		font-size: .92em;
	}
	
	#content .column-right UL.news LI {
		background: none;
		padding: .25em 0;
	}

	#content .column-right UL.news .date {
		color: #b31736;
	}

	#content .column-right UL.news H3 {
		font-weight: normal;
		font-size: 1em;

		margin: .2em 0 1em 0;
		line-height: 1.2em;
	}

	#content .column-right UL.news A {
		background: url(../img/icon-arrow.png) left center no-repeat;
		padding-left: 13px;
		text-decoration: underline;
		color: #57595b;
	}
	
	#content .case {
		background: url(../img/case-bg.png) right bottom no-repeat;
		width: 208px;
		overflow: hidden;
		border-top: 1px solid #edecbb;
		border-left: 1px solid #edecbb;
		padding: 8px 14px 10px 10px;
		margin-bottom: 2em;
	}

	#content .case H1,
	#content .case H2,
	#content .case H3,
	#content .case H4,
	#content .case H5,
	#content .case H6 {
		clear: both;
		color: #a0a800;
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 .25em 0;
	}
	
	#content .case P {
		clear: both;
		margin: 0 0 1em 0;
	}

	#content .case A {
		background: url(../img/icon-arrow.png) left center no-repeat;
		padding-left: 13px;
		float: right;
		font-size: .92em;
	}

	#carousel {
		position: relative;
		width: 489px;
		height: 299px;
		overflow: hidden;
	}
	
	#carousel .frame {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#content .column UL.sitemap {
		float: left;
		width: 165px;
		margin: 10px;
		background: url(../img/case-bg.png) bottom right no-repeat;
		border-top: 1px solid #edecbb;
		border-left: 1px solid #edecbb;
	}

		#content .column UL.sitemap LI {
			background: none;
			padding-left: .65em;
			padding-right: .65em;
		}

		#content .column UL.sitemap LI A {
			font-size: 1.1em;
			color: #bc0031;
			text-decoration: none;
		}

		#content .column UL.sitemap UL LI A {
			font-size: 1em;
			color: #57595B;
			text-decoration: underline;
		}

		#content .column UL.sitemap UL {
			padding-left: 0;
			margin: .2em 0;
		}
		
		#content .column UL.sitemap LI LI {
			padding-left: 0;
		}

		#content .column UL.sitemap LI LI LI {
			padding-left: .5em;
		}

		
	#content.content-sub-wide .column-right {
		display: none;
	}

	#content.content-sub-wide .column-main {
		width: 756px;
	}
	
	#content .column-main FORM.search INPUT.text {
		width: 30em;
	}

	#content .column-main FORM.search LABEL {
		display: block;
		line-height: 2em;
	}
	
	#map {
		width: 244px;
		height: 500px;
		overflow: hidden;
	}

	TEXTAREA,
	INPUT.text {
		border: 1px solid #ccc;
	}

	INPUT[type=text] {
		border: 1px solid #ccc;
	}

        TABLE TH, TABLE TD {
                text-align: left;
        }

	FORM TABLE.feedback TH {
		text-align: left;
		line-height: 2em;
		padding-right: 1em;
	}

	FORM TABLE.feedback TEXTAREA,
	FORM TABLE.feedback INPUT.text,
	FORM TABLE.feedback INPUT[type=text] {
		width: 20em;
	}
	
	FORM .autoclear-default {
		color: #aaa;
	}

	FORM .autoclear-edited {
		color: #000;
	}
	
	#route-search {
		margin: .5em 0;
	}

	#route-search INPUT.from {
		width: 60%;
		margin-right: .5em;
	}

	#route-search INPUT.submit {
		width: 30%;
	}

#footer {
	background: url(../img/footer-bg.png) left bottom no-repeat;
	border-top: 1px solid #d8d5d0;
	height: 3em;
	clear: both;
	font-size: .92em;
}

	#footer .nav {
		float: right;
		margin-right: 20px;
		margin-top: 1em;
		line-height: 1em;
	}

	#footer .nav .print {
		background: url(../img/icon-print.png) left center no-repeat;
		padding-left: 15px;
	}

.ngformError {
        color:#cc0000;
}

.formfield {
        width: 99%;
}