html, body {
	background: #fcfdec;
}

body {
	background: #fcfdec;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
} 

a:link, a:active, a:hover, a:visited {
	color: #444;
}

h1, h2, h3, h4 {
	color: #444444;
	margin: 0;
	font-weight: bold;
}

ul, ol {
	margin: 0;
	padding: 0;
}

.container {
	width: 670px;
}

strong {	
	font-weight:900 !important;}

#head {
	margin: 50px 0 20px 0;
}
.firsthead {
	font-size: 34px;
	padding: 2px;
	margin-bottom: 0;
}
.secondhead {
	font-size: 25px;
	background: #a4becd;
	padding: 2px;
}

#bar {	
	background: #a4becd;
	padding: 0;
	margin-bottom: 25px;
}

#bar ul.navi li {
	float: left;
	padding: 20px 26px;
}

ul.navi li a {
	display: block;
	height: 15px;
	overflow: hidden;
	background-image:url('../img/navi.png');
	background-repeat:no-repeat;
	text-indent: -999px;
}

.navi li {background: #A4BECD;}
.navi li:hover{background: #81A6B6;}


.navi #overview a {width: 114px; background-position: 0 0;}
.navi #overview a:hover {background-position: 0 -20px;}

.navi #country a {width: 134px; background-position: 0 -40px;}
.navi #country a:hover {background-position: 0 -60px;}

.navi #type a {width: 92px; background-position: 0 -80px;}
.navi #type a:hover {background-position: 0 -100px;}

.navi #more a {width: 122px; background-position: 0 -120px;}
.navi #more a:hover {background-position: 0 -140px;}

#costs p {
	width: 68px;
	height: 70px;
	background-image: url('../img/costs.png');
	background-repeat: no-repeat;
}
#costs div p {
	text-indent: -999px;
}

#costs div span{
	font-size: 29px;
} 


#costs #already-financed {background-position: 0 0}
#costs #to-be-financed {background-position: 0 -100px;}
#costs #considered-financing {background-position: 0 -200px;}



#footer {
	margin-top: 50px;
}

#footer ul {
	padding: 0;
}

#footer ul li {
	float: left;
	margin-left: 15px;
}

#footer ul li:first-child {
	margin-left: 0;
}

#headline {
	margin: 5px;	
}

#headline h2 {
	color: #fff;
	font-size: 25px;
	margin: 0;
}

#headline p {
	margin: 0;
	color: #fff;
}

#headline p a {
	color: #fff;
}

/* FÜR DAS DUFTE DROPDOWN */
	#jsddm li
	{	list-style: none;
		padding: 13px;
		}
		
		#jsddm-sub .first {
			padding-right: 20px;
			display: inline;
			background: url(../img/asc.gif) no-repeat right 15px;
		}
		
		#jsddm-sub .first a {
			text-decoration: none;
		}

#jsddm .first {
	background-image: url(../img/asc.gif);
	background-repeat:  no-repeat;
	background-position: 200px 20px;
}

	#jsddm li a
	{	display: block;
		padding: 0px 12px;
		height: 15px;
		white-space: nowrap}
		
		#jsddm li ul, #jsddm-sub li ul
		{	margin: 15px 0 0 -13px;
			padding: 0;
			position: absolute;
			z-index: 1;
			visibility: hidden;
	}
		#jsddm-sub li ul
		{	margin: 0;

	}
		
		#jsddm li ul li
		{	float: none;
			margin: 0;
			border-bottom: 2px solid #fcfdec;
			padding: 13px;
			width: 204px;
			}
			
		#jsddm-sub li ul li
		{	float: none;
			margin: 0;
			padding: 0;
			border-bottom: 2px solid #fcfdec;
			padding: 0 15px;
			background-color: #81a6b6;
			}
			
		#jsddm-sub li ul h2 a
		{	color: #fff;
			text-decoration: none;
			}
			
		#jsddm-sub li ul h2 a:hover
		{	color: #eaf6fe;
			text-decoration: none;
			}

#jsddm-sub {
	margin-bottom: 10px;
}
			
			
			
/* END JSDMM */

.detail-headline {
	font-size: 16px;
}

/* tables */
table#grid {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	color: #fff;
}

table#grid a {
	color: #fff;
} 

table#grid thead tr .header {
	background: url(../img/bg.gif) center right no-repeat #6E8B9F;
	cursor: pointer;
	border-right: 2px solid white;
	border-left;: 2px solid white;
}
table#grid tbody td {
	padding: 15px 5px;
	vertical-align: top;
	border-right: 2px solid white;
	border-left;: 2px solid white;
	
}
table#grid thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table#grid thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
tbody tr {
	background: #abbdcb;
}
tbody tr:nth-child(2n) td, tbody tr td {
	background: #abbdcb; 
}

tbody tr:nth-child(2n) td, tbody tr.even td {
	background: #6e8b9f;
}

table#grid tbody td.country, table#grid tbody td.type {
	font-weight: bold;
}

table#grid .a_financed {
	color: #ec6504;
	font-weight: bold;
	text-align: right;
}

table#grid .tb_financed {
	color: #c3006b;
	font-weight: bold;
	text-align: right;
}

table#grid .cf_financed {
	color: #FFEC00;
	font-weight: bold;
	text-align: right;
}

table#grid thead .a_financed, table#grid thead .tb_financed, table#grid thead .cf_financed {
	text-align: left;
}



/* TYPES STARTSEITE */
#types {margin-top: 20px;}
#types div.type a {
	display: block;
	width: 70px;
	height: 71px;
	margin-top: 20px;
	background-image: url(../img/types.png);
	text-indent: -999px;
}

#types p {
	margin: 5px 0;
	font-size: 8px; 
	text-align: center;
}


#types a {
	text-decoration: none;
}



#types div.type#roads a						{background-position: 0px 0px;}
#types div.type#roads a:hover				{background-position: 0px -80px;}

#types div.type#water-management a			{background-position: -80px 0px;}
#types div.type#water-management a:hover	{background-position: -80px -80px;}

#types div.type#waste-incinerators a		{background-position: -160px 0px;}
#types div.type#waste-incinerators a:hover	{background-position: -160px -80px;}

#types div.type#railway a					{background-position: -240px 0px;}
#types div.type#railway a:hover				{background-position: -240px -80px;}

#types div.type#airport a					{background-position: 0px -160px;}
#types div.type#airport a:hover				{background-position: 0px -240px;}

#types div.type#energy-slash-biomass a		{background-position: -80px -160px;}
#types div.type#energy-slash-biomass a:hover {background-position: -80px -240px;}

#types div.type#bridge a					{background-position: -160px -160px;}
#types div.type#bridge a:hover 				{background-position: -160px -240px;}

#types div.type#public-transport-slash-metro a {background-position: -240px -160px;}
#types div.type#public-transport-slash-metro a:hover {background-position: -240px -240px;}


/* COUNTRIES STARTSEITE */

#countries h2 {
	font-weight: normal;
	font-size: 13px;
	margin: 0;
	margin-bottom: -10px;‚
}

#countries .sprite {
	display: block;
	width: 129px;
	margin-top: 15px;
	height: 130px;
	background-image: url('../img/countries_overview.png');
	background-repeat: no-repeat;
}

#countries a#bulgaria 		{background-position: 0px 0px;}
#countries a#bulgaria:hover {background-position: 0px -140px;}

#countries a#czech-republic {background-position: 0px -280px;}
#countries a#czech-republic:hover {background-position: 0px -420px;}

#countries a#estonia		{background-position: 0px -560px;}
#countries a#estonia:hover	{background-position: 0px -700px;}

#countries a#hungary		{background-position: 0px -840px;}
#countries a#hungary:hover	{background-position: 0px -980px;}

#countries a#macedonia	 	{background-position: 0px -1120px;}
#countries a#macedonia:hover {background-position: 0px -1260px;}

#countries a#poland			{background-position: 0px -1400px;}
#countries a#poland:hover	{background-position: 0px -1540px;}

#countries a#slovakia		{background-position: 0px -1680px;}
#countries a#slovakia:hover {background-position: 0px -1820px;}



/* TYPES GRID */
.type_small {
	width: 20px;
	height: 21px;
	background-image: url(../img/type_icons_bgdark.png);
	float: left;
	display: block;
	text-indent: -999px;
}

span.gridcount {
	float: left;
	margin: 0 5px 0 2px;
	vertical-align: 5px;
}

.type_small.roads {background-position: 0px -320px;}
#type-all .type_small.roads{background-position: -120px -320px;}

.type_small.water-management {background-position: -30px -320px;}
#type-all .type_small.water-management {background-position: -150px -320px;}

.type_small.waste-incinerators {background-position: -60px -320px;}
#type-all .type_small.waste-incinerators {background-position: -180px -320px;}

.type_small.railway {background-position: -90px -320px;}
#type-all .type_small.railway {background-position: -210px -320px;}

.type_small.airport {background-position: 0px -350px;}
#type-all .type_small.airport {background-position: -120px -350px;}

.type_small.energy-slash-biomass {background-position: -30px -350px;}
#type-all .type_small.energy-slash-biomass {background-position: -150px -350px;}

.type_small.bridge {background-position: -60px -350px;}
#type-all .type_small.bridge {background-position: -180px -350px;}

.type_small.public-transport-slash-metro{background-position: -90px -350px;}
#type-all .type_small.public-transport-slash-metro{background-position: -210px -350px;}


.type-details-bubbles {
	background-image: url(../img/type-details-bubbles.png);
	background-repeat: no-repeat;
	width: 310px;
	height: 200px;
}

.type-details-bubbles #roads {
	background-position: 0 0;
}

.type-details-bubbles#water-management {
	background-position: 0 -200px;
}

.type-details-bubbles#waste-incinerators {
	background-position: 0 -400px;
}

.type-details-bubbles#railway {
	background-position: 0 -600px;
}

.type-details-bubbles#airport {
	background-position: 0 -800px;
}

.type-details-bubbles#energy-slash-biomass {
	background-position: 0 -1000px;
}

.type-details-bubbles#bridge {
	background-position: 0 -1200px;
}

.type-details-bubbles#public-transport-slash-metro {
	background-position: 0 -1400px;
}

.maptext{
	display: none;
}


#type-all a {
	display: block;
	float: left;
	padding: 10px;
}

#type-all .type_small, .firstrow {
	margin-right: 10px;
}

#type-all h2 {
	font-size: 20px;
}


#type-all #roads {
	background: url('../img/all_type_roads.png') #A4BDCC;
	width: 397px;
	height: 221px;
}

#type-all #water-management {
	background: url('../img/all_type_water-management.png') #d9e4eb;
	width: 233px;
	height: 221px;
}

#type-all #railway {
	background: url('../img/all_type_railway.png') #92B1C1;
	width: 207px;
	height: 174px;
}

#type-all #public-transport-slash-metro  {
	background: url('../img/all_type_public-transport-slash-metro.png') #7197AB;
	width: 184px;
	height: 174px;
}

#type-all #waste-incinerators {
	background: url('../img/all_type_waste-incinerators.png') #c6d7e1;
	width: 219px;
	height: 174px;
}

#type-all #airport {
	background: url('../img/all_type_airport.png') #C6D7E0;
	width: 326px;
	height: 83px;
}

#type-all #energy-slash-biomass {
	background: url('../img/all_type_energy-slash-biomass.png') #A4BDCC;
	width: 150px;
	height: 83px;
}

#type-all #bridge {
	background: url('../img/all_type_bridge.png') #92B1C1;
	width: 134px;
	height: 83px;
}

#country-all div a, .country-detail {
	background-image: url('../img/country-all.png');
	background-repeat: no-repeat;
	width: 310px;
	display: block;
	height: 250px;
	text-indent: -9999px;
	background-position: 0 0;
}

#country-all div a h2 {
	text-indent: 0;
}

#country-all div#bulgaria a {background-position: 0px 0px;}
#country-all div#bulgaria a:hover, #bulgaria.country-detail {background-position: 0px -300px;}

#country-all div#czech-republic a {background-position: 0px -600px;}
#country-all div#czech-republic a:hover, #czech-republic.country-detail {background-position: 0px -900px;}

#country-all div#estonia a {background-position: 0px -1200px;}
#country-all div#estonia a:hover, #estonia.country-detail {background-position: 0px -1500px;}

#country-all div#hungary a {background-position: 0px -1800px;}
#country-all div#hungary a:hover, #hungary.country-detail {background-position: 0px -2100px;}

#country-all div#macedonia a {background-position: 0px -2400px;}
#country-all div#macedonia a:hover, #macedonia.country-detail {background-position: 0px -2700px;}

#country-all div#poland a {background-position: 0px -3000px;}
#country-all div#poland a:hover, #poland.country-detail {background-position: 0px -3300px;}

#country-all div#slovakia a {background-position: 0px -3600px;}
#country-all div#slovakia a:hover, #slovakia.country-detail {background-position: 0px -3900px;}

.country-detail {
	position: absolute;
}

.transparent {
	width: 310px;
	height: 250px;
	position: relative;
}

.country-detail-bubble {
	background-image: url('../img/country-detail-bubble.png');
	width: 310px;
	height: 200px;
	background-repeat: no-repeat;
} 

.country-detail-bubble#bulgaria {background-position: 0 0px}
.country-detail-bubble#czech-republic {background-position: 0 -200px}
.country-detail-bubble#estonia {background-position: 0 -400px}
.country-detail-bubble#hungary {background-position: 0 -600px}
.country-detail-bubble#macedonia {background-position: 0 -800px}
.country-detail-bubble#poland {background-position: 0 -1000px}
.country-detail-bubble#slovakia {background-position: 0 -1200px}

area.type{
background: black;
}