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

/* ----------------------------- GEN STARTS ----------------------------- */
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
a {
	outline: none;
	text-decoration: none;
}
img {
	border: none;
	display: block;
}
p {
	margin-bottom: 17px;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
}
h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 13px;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	line-height: 17px;
}
hr {
	border-top: dotted 1px #000000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	clear: both;
	height: 0px;
	margin-bottom: 17px;
}
.hide {
	visibility: hidden;
}
.smalltext {
	font-size: 11px;
	line-height: 14px;
}
/* ----------------------------- Gen ends ----------------------------- */

/* ----------------------------- GEN WRAPPERS START ----------------------------- */
#wrapper {
	padding: 21px 21px 42px 21px;
	overflow: hidden;
	position: relative;
	width: 895px;
}
#header_wrapper {
	height: 80px;
	/* margin-bottom: -63px; */
	overflow: hidden;
}
#body_wrapper {
	overflow: hidden;
}
#footer_wrapper {
	clear: both;
	margin-top: 50px;
	overflow: hidden;
}
.wrapper_left, .wrapper_right {
	float: left;
	overflow: hidden;
}
.wrapper_left {
	margin-right: 19px;
	width: 281px;
}
.wrapper_right {
	width: 595px;
}
#header_wrapper a, #subnav a, #signs_nav a {
	border: none !important;
}
/* ----------------------------- Gen wrappers ends ----------------------------- */

/* ----------------------------- EU TURKEY LOGO STARTS ----------------------------- */
#eu_turkey_wrapper {
	color: #636467;
	margin: 0px auto;
	width: 300px;
}
#eu_turkey_wrapper div {
	text-align: center;
}
#eu_turkey_wrapper div img {
	display: inline;
}
#eu_turkey_wrapper div div {
	height: 28px;
	margin: 25px 0px;
}
/* ----------------------------- EU Turkey logo ends ----------------------------- */

/* ----------------------------- COLOURS START ----------------------------- */

/* ----------------------------- COLOUR > BLACK STARTS ----------------------------- */
.black a:link, .black a:visited {
	border-bottom: solid 1px #989898;
	color: #989898;
}
.black a:hover, .black a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.black .image_wrapper .caption {
	background-color: #989898;
	color: #FFFFFF;
}
/* ----------------------------- Colour > Black ends ----------------------------- */

/* ----------------------------- COLOUR > GREY STARTS ----------------------------- */
.grey a:link, .grey a:visited {
	border-bottom: solid 1px #989898;
	color: #989898;
}
.grey a:hover, .grey a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.grey .image_wrapper .caption {
	background-color: #989898;
	color: #FFFFFF;
}
/* ----------------------------- Colour > Grey ends ----------------------------- */

/* ----------------------------- COLOUR > BERLIN STARTS ----------------------------- */
.berlin a:link, .berlin a:visited {
	border-bottom: solid 1px #6a2c91;
	color: #6a2c91;
}
.berlin a:hover, .berlin a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.berlin .image_wrapper .caption {
	background-color: #6a2c91;
	color: #FFFFFF;
}
.berlin h1 {
	color: #6a2c91;
}
/* ----------------------------- Colour > Berlin ends ----------------------------- */

/* ----------------------------- COLOUR > WARSZAWA STARTS ----------------------------- */
.warszawa a:link, .warszawa a:visited {
	border-bottom: solid 1px #b16112;
	color: #b16112;
}
.warszawa a:hover, .warszawa a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.warszawa .image_wrapper .caption {
	background-color: #b16112;
	color: #FFFFFF;
}
.warszawa h1 {
	color: #b16112;
}
/* ----------------------------- Colour > Warszawa ends ----------------------------- */

/* ----------------------------- COLOUR > LONDON STARTS ----------------------------- */
.london a:link, .london a:visited {
	border-bottom: solid 1px #de3a6e;
	color: #de3a6e;
}
.london a:hover, .london a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.london .image_wrapper .caption {
	background-color: #de3a6e;
}
.london h1 {
	color: #de3a6e;
}
/* ----------------------------- Colour > London ends ----------------------------- */

/* ----------------------------- COLOUR > HELSINKI STARTS ----------------------------- */
.helsinki a:link, .helsinki a:visited {
	border-bottom: solid 1px #008ab0;
	color: #008ab0;
}
.helsinki a:hover, .helsinki a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.helsinki .image_wrapper .caption {
	background-color: #008ab0;
	color: #FFFFFF;
}
.helsinki h1 {
	color: #008ab0;
}
/* ----------------------------- Colour > Helsinki ends ----------------------------- */

/* ----------------------------- COLOUR > WIEN STARTS ----------------------------- */
.wien a:link, .wien a:visited {
	border-bottom: solid 1px #a4a510;
	color: #a4a510;
}
.wien a:hover, .wien a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.wien .image_wrapper .caption {
	background-color: #a4a510;
}
.wien h1 {
	color: #a4a510;
}
/* ----------------------------- Colour > Wien ends ----------------------------- */

/* ----------------------------- COLOUR > DORTMUND STARTS ----------------------------- */
.dortmund a:link, .dortmund a:visited {
	border-bottom: solid 1px #f47c23;
	color: #f47c23;
}
.dortmund a:hover, .dortmund a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.dortmund .image_wrapper .caption {
	background-color: #f47c23;
}
.dortmund h1 {
	color: #f47c23;
}
/* ----------------------------- Colour > Dortmund ends ----------------------------- */

/* ----------------------------- COLOUR > MARDIN STARTS ----------------------------- */
.mardin a:link, .mardin a:visited {
	border-bottom: solid 1px #006c67;
	color: #006c67;
}
.mardin a:hover, .mardin a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.mardin .image_wrapper .caption {
	background-color: #006c67;
	color: #FFFFFF;
}
.mardin h1 {
	color: #006c67;
}
/* ----------------------------- Colour > Mardin ends ----------------------------- */

/* ----------------------------- COLOUR > TRABZON STARTS ----------------------------- */
.trabzon a:link, .trabzon a:visited {
	border-bottom: solid 1px #fdba2e;
	color: #fdba2e;
}
.trabzon a:hover, .trabzon a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.trabzon .image_wrapper .caption {
	background-color: #fdba2e;
}
.trabzon h1 {
	color: #fdba2e;
}
/* ----------------------------- Colour > Trabzon ends ----------------------------- */

/* ----------------------------- COLOUR > CANAKKALE STARTS ----------------------------- */
.canakkale a:link, .canakkale a:visited {
	border-bottom: solid 1px #806a00;
	color: #806a00;
}
.canakkale a:hover, .canakkale a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.canakkale .image_wrapper .caption {
	background-color: #806a00;
	color: #FFFFFF;
}
.canakkale h1 {
	color: #806a00;
}
/* ----------------------------- Colour > Canakkale ends ----------------------------- */

/* ----------------------------- COLOUR > KONYA STARTS ----------------------------- */
.konya a:link, .konya a:visited {
	border-bottom: solid 1px #004790;
	color: #004790;
}
.konya a:hover, .konya a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.konya .image_wrapper .caption {
	background-color: #004790;
	color: #FFFFFF;
}
.konya h1 {
	color: #004790;
}
/* ----------------------------- Colour > Konya ends ----------------------------- */

/* ----------------------------- COLOUR > ISTANBUL STARTS ----------------------------- */
.istanbul a:link, .istanbul a:visited {
	border-bottom: solid 1px #cd354a;
	color: #cd354a;
}
.istanbul a:hover, .istanbul a:active {
	border-bottom: solid 1px #000000;
	color: #000000;
}
.istanbul .image_wrapper .caption {
	background-color: #cd354a;
	color: #FFFFFF;
}
.istanbul h1 {
	color: #cd354a;
}
/* ----------------------------- Colour > Istanbul ends ----------------------------- */

/* ----------------------------- Colours end ----------------------------- */

/* ----------------------------- NAV STARTS ----------------------------- */

#logo_mycity {
	position: absolute;
	right: 21px;
	top: 222px;
	z-index: 100;
}
#language_selector {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	margin-bottom: 5px;
}
#header_wrapper a:link, #header_wrapper a:visited {
	color: #000000;
}
#header_wrapper a:hover, #header_wrapper a:active {
	color: #989898;
}
#header_wrapper .wrapper_left {
	border-top: dotted 1px #000000;
	padding-top: 11px;
}
#header_wrapper .wrapper_right {
	border-top: dotted 1px #000000;
	padding-top: 8px;
}

/* Top nav (Project / News etc) */
#header_wrapper ul {
	height: 20px;
	list-style: none;
	margin: 0px 0px 23px 0px;
}
#header_wrapper li {
	margin-right: 15px;
}
#header_wrapper li.last {
	margin-right: 0;
}
#header_wrapper li, #subnav li, #subnav_two_lines li {
	float: left;
}

/* Subnav (inside the body) */
#subnav {
	border-bottom: dotted 1px #000000;
	height: 37px;
	margin-bottom: 20px;
	padding-top: 58px;
}
#subnav_two_lines {
	border-bottom: dotted 1px #000000;
	height: 71px;
	margin-bottom: 20px;
	padding-top: 24px;
}
#subnav.events, #subnav.press {
	border-bottom: dotted 1px #000000;
	height: 71px;
	margin-bottom: 20px;
	padding-top: 24px;
}
#subnav ul, #subnav_two_lines ul {
	clear: left;
	list-style: none;
	margin-bottom: 5px;
	overflow: hidden;
}
* html #subnav_two_lines li {
	margin-bottom: -20px;
}
#subnav li, #subnav_two_lines li {
	margin-right: 16px;
}
#subnav #page_numbers li, #subnav_two_lines #page_numbers li {
	margin-right: 10px;
}

/* Left nav (Turkey / Europe cities) */
#signs_nav {
	border-top: dotted 1px #000000;
	/* margin-top: 37px; */
	margin-top: 95px;
	min-height: 300px;
	padding-top: 20px;
}
#signs_nav p {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 13px;
	margin-top: 17px;
	width: 225px;
}
ul#turkey_europe_selector {
	list-style: none;
	overflow: hidden;
}
ul#turkey_europe_selector li {
	float: left;
}
ul#turkey_europe_selector #separator {
	padding: 0px 7px 0px 6px;
}
ul#signs {
	list-style: none;
	margin-top: 20px;
}
ul#signs li {
	clear: left;
	float: left;
	margin-bottom: 5px;
}
/* ----------------------------- Nav ends ----------------------------- */

/* ----------------------------- BODY STARTS ----------------------------- */

/* ----------------------------- GEN BODY STARTS ----------------------------- */
.column_left {
	float: left;
}
.column_right {
	float: right;
}
.image_wrapper {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 17px;
	/* the width should be removed and replaced dynamically by the width of the image 
	width: 200px; */
}
.image_wrapper .caption {
	padding: 5px;
}
/* ----------------------------- Gen Body ends ----------------------------- */

/* ----------------------------- HOME STARTS ----------------------------- */
#home_wrapper .column_left {
	width: 400px;
}
#home_wrapper .column_right {
	font-family: "Courier New", Courier, monospace;
	line-height: 15px;
	width: 167px;
}
#home_wrapper .image_wrapper {
	width: 400px;
}
#home_wrapper {}
/* ----------------------------- Home ends ----------------------------- */

/* ----------------------------- PROJECT STARTS ----------------------------- */

/* ----------------------------- PROJECT > ABOUT STARTS ----------------------------- */
#project_about_wrapper .column_left {
	width: 315px;
}
#project_about_wrapper .column_right {
	width: 252px;
}
#project_about_wrapper #timeline {
	background-color: #000000;
	border: solid 4px #000000;
	font-family: "Courier New", Courier, monospace;
	line-height: 15px;
}
#project_about_wrapper #timeline img#timeline_heading {
	margin: 7px 7px 10px 7px;
}
#project_about_wrapper #timeline ul {
	background-color: #FFFFFF;
	list-style: none;
	padding: 7px 7px 1px 7px;
}
/* ----------------------------- Project > About ends ----------------------------- */

/* ----------------------------- PROJECT > PARTNERS STARTS ----------------------------- */
#project_partners_wrapper .partner_entry_wrapper {
	overflow: hidden;
}
#project_partners_wrapper .partner_entry_wrapper .column_left {
	width: 167px;
}
#project_partners_wrapper .partner_entry_wrapper .column_right {
	width: 400px;
}
/* ----------------------------- Project > Partners ends ----------------------------- */

/* ----------------------------- Project ends ----------------------------- */

/* ----------------------------- NEWS STARTS ----------------------------- */
#news_wrapper .news_item_wrapper {
	margin-bottom: 17px;
	overflow: hidden;
}
#news_wrapper .column_left {
	width: 315px;
}
/* ----------------------------- News ends ----------------------------- */

/* ----------------------------- EVENTS START ----------------------------- */

/* ----------------------------- EVENTS > EVENTS LIST STARTS ----------------------------- */
#events_list_wrapper .events_list_item_wrapper {
	overflow: hidden;
}
#events_list_wrapper .column_left {
	width: 252px;
}
#events_list_wrapper .column_right {
	width: 315px;
}
#events_list_wrapper .image_wrapper {
	width: 200px;
}
/* ----------------------------- Events > Events list ends ----------------------------- */

/* ----------------------------- EVENTS > EVENTS ITEM STARTS ----------------------------- */
#events_item_wrapper .event_text {
	width: 400px;
}
#events_item_wrapper .event_info {
	margin-bottom: 17px;
	width: 400px;
}
#events_item_wrapper .image_wrapper {
	width: 400px;
}
/* ----------------------------- Events > Events item ends ----------------------------- */

/* ----------------------------- Events ends ----------------------------- */

/* ----------------------------- SUBSCRIBE / CONTACT STARTS ----------------------------- */
#subscribe_wrapper .column_left, #contact_wrapper .column_left {
	width: 315px;
}
#subscribe_wrapper .column_right, #contact_wrapper .column_right {
	width: 252px;
}
label, input, textarea {
	display: block;
	font-weight: bold;
}
input, textarea {
	border: solid 1px #989898;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px;
	padding: 4px;
	width: 305px;
}
input[type="hidden"] {
	display: none;
}
form #submit {
	display: inline;
}
/* ----------------------------- Subscribe / Contact ends ----------------------------- */

/* ----------------------------- PRESS STARTS ----------------------------- */
#press_wrapper .press_item_wrapper {
	overflow: hidden;
}
#press_wrapper .press_item_wrapper .image_wrapper {
	float: left;
	margin-right: 28px;
	width: 200px;
}
#press_wrapper .press_item_wrapper .info {
	float: left;
	margin-bottom: 17px;
	width: 300px;
}
/* ----------------------------- Press ends ----------------------------- */

/* ----------------------------- CITY (BOTH CITY AND ARTIST) STARTS ----------------------------- */
#city_wrapper .column_left {
	width: 252px;
}
#city_wrapper .column_right {
	width: 315px;
}
/* ----------------------------- City (both City and Artist) ends ----------------------------- */

/* ----------------------------- WORK STARTS ----------------------------- */
#work_wrapper .work_text {
	width: 315px;
}
/* ----------------------------- Work ends ----------------------------- */

/* ----------------------------- MAPS START ----------------------------- */
#map_wrapper {
	position: relative;
}
.rollover {
	position: absolute;
	visibility: hidden;
}
#rollover_berlin {
	top: 233px;
	left: 286px;
}
#rollover_warszawa {
	top: 238px;
	left: 344px;
}
#rollover_london {
	top: 228px;
	left: 182px;
}
#rollover_helsinki {
	top: 136px;
	left: 358px;
}
#rollover_wien {
	top: 285px;
	left: 301px;
}
#rollover_dortmund {
	top: 237px;
	left: 235px;
}
#rollover_mardin {
	top: 181px;
	left: 405px;
}
#rollover_trabzon {
	top: 70px;
	left: 362px;
}
#rollover_canakkale {
	top: 159px;
	left: 41px;
}
#rollover_konya {
	top: 224px;
	left: 212px;
}
#rollover_istanbul {
	top: 109px;
	left: 98px;
}

/* ----------------------------- Maps end ----------------------------- */

/* ----------------------------- Body ends ----------------------------- */

/* ----------------------------- FOOTER STARTS ----------------------------- */
#footer_wrapper div.wrapper_left, #footer_wrapper div.wrapper_right {
	border-top: dotted 1px #000000;
	padding-top: 13px;
}
#footer_wrapper div.wrapper_left img {
	margin: 0px 0px 8px 0px;
}
#footer_wrapper div.wrapper_right img {
	float: right;
	margin: 0px 0px 8px 25px;
}
#footer_wrapper div.wrapper_right div {
	width: 210px;
}
/* ----------------------------- Footer ends ----------------------------- */