/************************
Stylesheet fuer ENDURANCE
(c) 2013, FGM-AMOR
*************************/

/***************************
FONTS
***************************/
@font-face {
    font-family: 'gudeabold';
    src: url('fonts/gudea-bold-webfont.eot');
    src: url('fonts/gudea-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gudea-bold-webfont.woff2') format('woff2'),
         url('fonts/gudea-bold-webfont.woff') format('woff'),
         url('fonts/gudea-bold-webfont.ttf') format('truetype'),
         url('fonts/gudea-bold-webfont.svg#gudeabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gudeaitalic';
    src: url('fonts/gudea-italic-webfont.eot');
    src: url('fonts/gudea-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gudea-italic-webfont.woff2') format('woff2'),
         url('fonts/gudea-italic-webfont.woff') format('woff'),
         url('fonts/gudea-italic-webfont.ttf') format('truetype'),
         url('fonts/gudea-italic-webfont.svg#gudeaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gudearegular';
    src: url('fonts/gudea-regular-webfont.eot');
    src: url('fonts/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gudea-regular-webfont.woff2') format('woff2'),
         url('fonts/gudea-regular-webfont.woff') format('woff'),
         url('fonts/gudea-regular-webfont.ttf') format('truetype'),
         url('fonts/gudea-regular-webfont.svg#gudearegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***************************
STRUKTUR
***************************/

/* scrollbalken immer */
html{
	overflow-y: scroll;
}

body {
  font-family: 'gudearegular', Arial, Verdana, Helvetica, sans-serif;
  color: #464E51; 
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  background-color: #f3f3f3;
}

#schatten {
  width: 1012px;
  min-height: 827px;
  height:auto !important; 
  height:827px;
  margin:0px auto;
  padding: 0px;
  background-image: url(../images/bg_schatten.png);
  background-repeat: repeat-y;
}
#site {
  width: 996px;
  min-height: 827px;
  height:auto !important; 
  height:827px;
  margin:0px auto;
  background-color: #FFFFFF;
}
#head {
  width: 996px;
  height: 85px;
  float: left;
}
#head img {
  margin-left: 5px;
  margin-top: 5px;
}
#logo {
  float: left;
}
#slogan {
  float: right;
  margin-top: 20px;
  padding: 0 10px;
}
#main {
  float: left;
  width: 996px;
  min-height: 600px;
  height:auto !important;  
  height:600px;
}
#content {
  width: 996px;
  float: left;
  margin: 0px;
  padding: 0px;
}
#footer {
  background-image: url(../images/bg_schatten_footer.png);
  width: 100%;
  overflow: auto;
}

/***************************
PANES
***************************/
/* shadow */
.schatten_3rd {
  background-image: url(../images/schatten_3rd_col_left.gif);
  background-repeat: repeat-y;
  width: 214px;
  float: right;
}

.two_panes_left_pane,
.three_panes_left_pane {
  float: left;
  width: 746px;
  padding: 15px;
}
.two_panes_right_pane,
.three_panes_right_pane {
  float: right;
  margin: 0;
  padding: 0;
  width: 210px;
  border-bottom: 1px solid #818181;
}
.two_panes_right_pane h3,
.three_panes_right_pane h3 {
  color: #fff;
  background: none #7E9AA6;
  font-size: 18px;
  padding: 5px 10px;
  margin: 0 0 5px;
  clear: both;
}
#content .two_panes_right_pane p,
#content .three_panes_right_pane p{
  margin: 0 10px;
}
.two_panes_top_pane,
.three_panes_top_pane{
  width: 761px;
  float: left;
}
.two_panes_content,
.three_panes_content{
  width: 761px;
  float: left;
}

/* three_panes */
.three_panes_left_content {
  float: left;
  width: 358px;
  border: 0px solid yellow;
  margin: 0px;
  padding: 0px;
}
.three_panes_right_content {
  float: right;
  width: 358px;
  border: 0px solid blue;
  margin: 0px;
  padding: 0px;
}


/* white pane (left pane without shadow) */
.white_pane {
  float: right;
  margin: 0;
  padding: 0;
  width: 210px;
  background: none;
  border: 0px solid red;
}

/***************************
CONTENT
***************************/
/* headlines */
h1, h2, h3, h4{
  font-family: 'gudearegular', Arial, Verdana, Helvetica, sans-serif;
  color: #757700;
  margin: 0px;
  padding: 0px;
}
h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 10px;
  background-image: url(../images/bg_streifen.gif);
}

h1 img {
	vertical-align: middle;
}

h2{
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  padding: 20px 0 5px;
}
h3 {
  font-size: 16px;
  margin: 15px 0 10px;
  padding: 0;
  color: #333;
}
h4 {
  font-size: 14px;
  margin: 6px 0 0;
  color: #333;
}

/* links */
a {
  color: #014399;
}
a:hover{
  color: #757700;
}
a img {
  border: 0px;
}

/* listen */
ul, ol {
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
}
ul li {
  padding: 0 0 7px 0;
  list-style-image: url(../images/bullet_green.png);
}
ol li {
  padding: 0 0 7px 0;
}

/* table */
#content table{
  width: 100%;
}
#content table, #content table td, #content table th{
  padding: 3px 5px;
  margin: 0px;
  border-collapse: collapse;
}

#content table th{
	text-align: left;
  background-color: #DBDB01;
}
#content table p{
  padding: 0px;
  margin: 0px;
}

/* trainings */
#content div.site_2798_wrapper table td{
  border: 1px solid #ccc;
}
#content div.site_2798_wrapper table thead td{
  background-color: #DBDB01;
}
#content div.site_2798_wrapper table tbody tr:nth-child(2n) td{
  background-color: #eee;
}

/* news */
#content div.site_2797_wrapper p.appetizer{
  padding-bottom: 15px;
}

/* rule */
hr {
  height: 1px;
	color: #7E9AA6;
	background-color: #7E9AA6;
	border: 0;
}

/* paragraph */
#content p {
  padding: 0 0 25px;
  margin: 0px;
}

.break{
  clear: both;
}

/* specials */
h1 + h2, h1 + div > h2{
 padding: 0 0 5px; 
}
h2 + h3{
  margin-top: 0px;
}
p + h2{
  padding-top: 15px;
}
h2 + ul{
  margin-top: 15px;
}
#content p + ul, #content p + table{
  margin-top: -15px;
}
#content ul + p{
  margin-top: 25px;
}
#content table.trainers p{
  padding: 0 0 10px;
}

/* button */
input.myBtn, .contact_form input[type="submit"]{
  background-color: #DBDB01;
  color: #333;
  border: 1px solid #777;
  padding: 4px 33px 5px;
  border-radius: 3px;
}
input.myBtn:hover, .contact_form input[type="submit"]:hover{
  background-color: #7E9AA6;
  color: #fff;
}

/***************************
MENU
***************************/
#menu {
  width: 996px;
  height: 44px;
  background-image: url(../images/bg_nav.jpg);
  background-repeat: no-repeat;
  float: left;
}

/* main menu */
#main_menu {
  width: 996px;
  height: 27px;
  float: left;
  font-family: 'gudearegular', Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
}

#main_menu ul {
  margin:0;
  padding:0;
  list-style:none;
	padding:0px 10px 0;
}
#main_menu li {
  float:left;
  margin:0;
  padding:0;
  list-style-image: none;
}
#main_menu li {
  float:left;   
  margin:0;
  padding:0;
}
#main_menu a {
  display:block;
  background:url(../images/norm_left.gif) no-repeat left top;
  padding:3px 15px 1px;
	color: #333;
	text-decoration: none;
}
#main_menu li.active, #main_menu li.parent_active{
  background:url(../images/norm_right_on.gif) no-repeat right top;
  margin:0;
  padding:0;
}
#main_menu .active, #main_menu .parent_active {
  background-image:url(../images/norm_right_on.gif);
}
	
#main_menu .active a, #main_menu .parent_active a {
  background-image:url(../images/norm_left_on.gif);
	padding-bottom:7px;
  color: #fff;
}
#main_menu a:hover{
  text-decoration: underline;
}
#main_menu li.active a:hover, #main_menu li.parent_active a:hover{
  text-decoration: none;
}

/* submenu */
#sub_menu {
  width: 996px;
  height: 16px;
  float: left;  
  font-family: 'gudearegular', Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
}
#sub_menu ul {
  float: left;
  padding: 0px 0 0 0px; 
  margin: 0px 0 0 0px;
  text-align: left;
  list-style: none;
  height: 16px;  
}
#sub_menu ul li {
  float: left; 
  position: relative;
  padding: 0px;
  display: inline;
  margin: 0px;
  height: 16px;   
  line-height: 16px;
}
#sub_menu li a{
  line-height: 14px;
	text-decoration: none;
	padding: 0 10px;
	margin: 0;	
	color: #FFFFFF;
	display: block;
}
#sub_menu a:hover, #sub_menu li.active a, #sub_menu li.parent_active a{
	text-decoration: underline;
}

/* submenu positions */
#sub_menu li.item2799{
  margin-left: 160px;
}

/* nav right pane */
#nav_right {
  font-family: 'gudearegular', Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
}
#nav_right ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#nav_right ul li{
  background-image: url(../images/bg_nav_rechts.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  min-height: 27px;
  padding:0px;
  list-style-image: none;
  background-color: #7E9AA6;
}
#nav_right ul li.info{
  background-image: url(../images/bg_nav_rechts2.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  min-height: 27px;
  padding:0px;
  list-style-image: none;
}
#nav_right ul li ul li{
  background-image: none;
}
#nav_right a{
	display: block;
	width: 200px;
	text-decoration: none;
	color: #FFF;
	padding: 3px 0 3px 10px;
}

#nav_right li.info span{
	display: block;
	width: 200px;
	text-decoration: none;
	color: #000;
	padding: 4px 0 4px 10px;
}
#nav_right ul ul a{
	width: 185px;
	padding: 4px 5px 0 25px;	
}
#nav_right a:hover, #nav_right li.country_hover a, #nav_right li.active > a, #nav_right li.parent_active > a{
	background-color: #637a84;
}
#nav_right li li a:hover, #nav_right li li.active > a, #nav_right li li.parent_active > a{
  color: #FAA72E;
  text-decoration: none;
}
#nav_right span.nodata {
 display: block;
 width: 210px;
 text-decoration: none;
 padding: 4px 10px;
 color: #464E51; 
}

/***************************
Footer Menu
***************************/
#footer ul {
  margin: 0 0 0 10px;
  padding: 0;
}
#footer li {
  display: inline;
}
#footer a {
  padding: 10px 15px; 
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
}
#footer a:hover, #footer .active a {
  text-decoration: underline;
}

/***************************SONSTIGES**************************/
.social_network_buttons {
  padding: 10px 0px 10px 0px;
  float: left;
}
.social_network_buttons div {
  margin: 3px 5px 3px 5px;
}
.spam{
	display: none;
}
.mmm_div {
  float:left;
  width:305px;
  height:560px;
  padding-right:15px;
}

/* partners */
#content table.partners th{
  text-align: left;
  background-color: #DBDB01;
  color: #333;
  padding: 5px 10px;
}
#content table.partners td{
  padding: 3px 10px;
}
#content table.partners td:last-child{
  width: 120px;
}
#content table.partners tr:nth-child(even) td{
  background-color: #eee;
}
#content table.partners tr:nth-child(odd) td{
  background-color: #ccc;
}
#content table.partners td:nth-child(4){
  width: 250px;
}

/* trainers */
#content table.trainers td{
  vertical-align: top;
  padding: 0 0 15px;
}
#content table.trainers td:nth-child(1){
  width: 140px;
}
#content table.trainers td:nth-child(2){
  padding: 0 20px;
}

/* Other SUMP projects */
#content table.other_projects td{
  padding: 0 0 15px;
}
#content table.other_projects td:last-child{
  padding-left: 40px;
}

/* contact us */
.contact_form{
  margin: 10px 0 20px;
}
.contact_form input[type="text"], .contact_form textarea{
  border: 1px solid #777;
  background-color: #ffffe5;
  padding: 4px;
  width: 170px;
}
.contact_form input#sec_user{
  width: 40px;
}
.contact_form textarea{
  width: 450px;
}
.contact_form div.error{
  border: 1px solid #c00;
  color: #c00;
  background-color: #F5D9DB;
  padding: 10px 20px;
  margin: 15px 0;
}
.contact_form div.success{
  border: 1px solid #045008;
  color: #045008;
  background-color: #E1FCE3;
  padding: 10px 20px;
  margin: 15px 0;
}

/* latest news box */
div.latest_news {
  margin-bottom: 10px;
}
div.latest_news div.date{
  font-style: italic;
  padding: 0 10px 5px;
  font-size: 11px;
}
div.latest_news div.title{
  padding: 0 10px 10px;
  font-weight: bold;
  font-size: 16px;
}
div.latest_news a{
  margin-left: 115px;
}

/* serach trainer */
form.trainer_search_form{
  padding: 5px 0px 10px 10px;
}
form.trainer_search_form input.search_name{
  width: 170px;
  padding: 3px 8px;
  background-color: #fff;
  border: 1px solid #aaa;
  margin-bottom: 10px;
}
form.trainer_search_form select.chosen-select{
  width: 190px;
}
form.trainer_search_form div.chosen-container{
  margin-bottom: 10px;
}
form.trainer_search_form input.myBtn{
  float: right;
  margin:  0 10px 10px;
}

/* separator (right pane) */
div.separator{
  margin-left: -5px;
  margin-top: -1px;
  background-color: #fff;
  font-size: 1px;
  line-height: 1px;
  height: 10px;
}

/* table country modal split (BG) */
#content table.country_ms, #content table.country_ms td{
  border-collapse: collapse;
  border: 1px solid #ccc;
}
#content table.country_ms{
  margin-bottom: 5px;
}
#content table.country_ms td{
  padding: 5px;
}
#content table.country_ms tr:nth-child(1) td, #content table.country_ms td:nth-child(1){
  background-color: #eee;
  font-weight: bold;
}

html body div#schatten div#site div#main div#content div.site_2807_wrapper div.three_panes_left_pane div.three_panes_panes_wrapper div.three_panes_left_content {
	width: 260px;	
}

html body div#schatten div#site div#main div#content div.site_2807_wrapper div.three_panes_left_pane div.three_panes_panes_wrapper div.three_panes_right_content {
	width: 450px;
}

/* breadcrumbs */
div.breadcrumbs {
	font-size: smaller;
	position: relative;
	top: -34px;
	color: #f4f4f4;
}

div.breadcrumbs a {
	color: #f4f4f4;
}

div.breadcrumbs a:hover {
	color: #dbdb01;
}

#content table.incontent {
	width: auto;
	margin-bottom: 10px;
}

#content table.incontent th, #content table.incontent td {
	padding-right: 10px;
}

/* download center */
table.download_center_teaser, table.download_center_teaser td{
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
table.download_center_teaser{
  width: 100%;
}
table.download_center_teaser td{
  text-align: center;
  vertical-align: top;
}
table.download_center_teaser td img{
  margin-bottom: 10px;
}

/* picture_gallery */
div#picture_gallery div.pic{
  float: left;
  margin: 0 16px 16px 0;
}
div#picture_gallery div.pic:nth-child(4n){
  margin: 0 0 16px 0;
}
div#picture_gallery div.pic img{
  box-shadow: 5px 5px 8px #aaa;
  width: 175px;
}

div.conf_pic_teaser{
  text-align: center;
  width: 135px;
}
div.btn_back{
  clear: both;
}
div.btn_back a{
  cursor: pointer;
  text-decoration: underline;
}

/* corrects the width */
div.page-correction-wrapper{
	width: 754px;
}

/* download area - fact sheets */
#content table.FactSheetsDownload, #content table.FactSheetsDownload th, #content table.FactSheetsDownload td{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	color: #464e51;
	font-size: 14px;
}
/* basics */
#content div.count_files{
	text-align: right;
	margin: 0 2px 10px 0;
}
#content table.FactSheetsDownload th{
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
}
#content table.FactSheetsDownload th.title{
	font-size: 14px;
	font-weight: bold;
}
#content table.FactSheetsDownload th.title-size{
	width: 420px;
}
#content table.FactSheetsDownload td{
	padding: 5px 8px;
	vertical-align: top;
}
#content table.FactSheetsDownload tr.empty td{
	padding: 0px;
}
#content table.FactSheetsDownload th.pdf, #content table.FactSheetsDownload td.pdf{
	text-align: center;
}
#content table.FactSheetsDownload th.size, #content table.FactSheetsDownload td.size{
	text-align: right;
}
#content table.FactSheetsDownload td.city, #content table.FactSheetsDownload td.country{
	/*white-space: nowrap;*/
}
/* headers */
#content table.FactSheetsDownload tr.contact_details th{
	background-color: #79b63f;
}
#content table.FactSheetsDownload tr.citizen_participation th{
	background-color: #009de0;
}
#content table.FactSheetsDownload tr.financing th{
	background-color: #00a19b;
}
#content table.FactSheetsDownload tr.institutional_cooperation th{
	background-color: #775c9f;
}
#content table.FactSheetsDownload tr.monitoring_and_evaluation th{
	background-color: #ee813c;
}
#content table.FactSheetsDownload tr.sump_measures th{
	background-color: #e53535;
}
/* odd/even*/
#content table.FactSheetsDownload tr.odd td{
	background-color: #d8e1e8;
}
#content table.FactSheetsDownload tr.even td{
	background-color: #ebf0f3;
}

/* override for internal area downloads */
#content table.InternalAreaDownload tr th{
	background-color: #DBDB01 !important;
	color: #333 !important;
}

/* cityview (italian) */
body.cityview div#menu{
	display: none;
}
body.cityview div.breadcrumbs{
	top: -10px;
	color: #333;
}
body.cityview div.breadcrumbs a{
	color: #014399;
}
body.cityview div.breadcrumbs a:hover{
	color: #757700;
}
body.cityview div.schatten_3rd{
	margin-top: 33px;
}