/*pre-load*/
.lof-slidecontent .slider-description { background: url(http://www.culturaldiplomacy.de/mediacenter/template/lib/lofslider-e/images/bg_trans.png); }
/*reset*/
html { color: #000; }
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, strong, th, var { font-style: normal; font-weight: normal }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: 700; color: #345499; }
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: 12px; font-weight: inherit }
input, textarea, select { *font-size:12px;
}
legend { color: #000 }
/*website*/
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #999999; line-height: 1.2em; background-image: url(../img/page-bg.png); background-origin: padding-box; background-position: 50% 0%; background-repeat: repeat; background-size: auto; margin: 0; padding: 0; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
#navi { display: block; overflow: auto; background-color: #2D509A; }
#page-wrap { width: 980px !important; margin: 0 auto; padding: 10px; background-color: #FFF; }
#navi-div { height: 28px; background-color: #336598; background-repeat: repeat-x; clear: both; text-align: left; display: none; }
#content-wrap { border: 0; padding: 15px; background-color: #FFFFFF; margin: 14px 0; background-repeat: repeat-y; }
#content { background-color: #114499; padding: 0px; width: 930px; overflow: visible; }
#footer { margin: 0; background-color: #2D509A; color: #FFFFFF; padding: 0; line-height: 32px; font-weight: 700; font-size: 11px; height: 32px; overflow: hidden; width: 100%; }
p { margin: 6px 0; }
.videoplayer01 { background-color: #CED7EB; padding: 3px; float: left; margin: 0; width: 480px; clear: both; }
.media-desription { float: right; margin: 0 0 0 0px; padding: 12px; background-color: #0D3373; width: 380px; height: 280px; }
.spaceBeforeCP { clear: both !important; }
ul.video-inside { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; }
ul.video-inside li { display: block; background-color: #0D3373; width: 240px; float: left; padding: 0px; margin: 3px; position: relative; border: 1px solid #000; }
.video-inside li .video-inside-description { display: block; position: absolute; top: 126px; left: 0; z-index: 2; font-size: 11px; background-color: #300; height: 48px; background-color: rgba(0, 0, 0, 0.1); padding: 3px; width: 234px; color: #ffffff; }
ul.video-3c { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; }
ul.video-3c li { display: block; background-color: #0D3373; width: 300px; float: left; padding: 0px; margin: 3px 0; position: relative; border: 1px solid #000; }
ul.video-5c { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; }
ul.video-5c li { display: block; background-color: #0D3373; width: 300px; float: left; padding: 0px; margin: 2px 0; position: relative; border: 1px solid #000; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px 0px #333; box-shadow: 0px 0px 5px #333; }
.jcarousel-skin-tango .jcarousel-item .video-3c-description { display: block; left: 0; z-index: 2; font-size: 11px; background-color: #300; height: 55px; background-color: rgba(0,0,0, 0.5); padding: 3px 7px; width: 260px; color: #ffffff; overflow: hidden; position: absolute; top: 145px; }
.jcarousel-skin-tango-5c .jcarousel-item .video-5c-description { display: block; left: 0; z-index: 2; font-size: 11px; background-color: #300; height: 34px; background-color: rgba(0,0,0, 0.5); padding: 3px 5px; width: 151px; color: #ffffff; overflow: hidden; position: absolute; top: 81px; }
h1 { line-height: 1.2em; margin: 0 0 0.5em 0; padding: 0; font-size: 16px; color: #254280; font-weight: 700; }
h2 { line-height: 1.2em; margin: 0 0.5em 0 0 !important; padding: 0; display: block; font-size: 13px; color: #254280; font-weight: 700; }
.article-video h1 { line-height: 1.2em; margin: 0 0 0.5em 0; padding: 0; font-size: 16px; color: #345499; font-weight: 700; }
.article-video h2 { line-height: 1.2em; margin: 0 0.5em 0 0 !important; padding: 0; display: block; font-size: 13px; color: #990000; font-weight: 700; }
.jcarousel-skin-tango .jcarousel-item .video-3c-description a .title { font-weight: 700; font-size: 12px; color: #fff; font-family: Tahoma, Geneva, sans-serif; }
.jcarousel-skin-tango .jcarousel-item .video-3c-description a .subtitle { color: #FFF; font-family: Tahoma, Geneva, sans-serif; }
.jcarousel-skin-tango .jcarousel-item .video-3c-description a .summary { color: #999999; display: block; }
.jcarousel-skin-tango-5c .jcarousel-item .video-5c-description a .title { font-weight: 700; font-size: 10px; color: #fff; font-family: Tahoma, Geneva, sans-serif; line-height: 1em; }
.jcarousel-skin-tango-5c .jcarousel-item .video-5c-description a .subtitle { color: #FFF; font-family: Tahoma, Geneva, sans-serif; }
.jcarousel-skin-tango-5c .jcarousel-item .video-5c-description a .summary { color: #999999; display: block; }
#page-wrap #content-wrap #content { background-color: #FFFFFF; padding: 0px; width: 950px; overflow: visible; }
#video-article-right-container { height: 290px; width: 466px; float: right; margin: 0; padding: 3px 0; background-color: #CED7EB; overflow: hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
#video-article-right { height: 284px; width: 460px; float: right; margin: 0; padding: 0 3px 0 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
#video-article-right ul { padding: 0; margin: 0; list-style: none; }
#video-article-right #mycarousel li { font-size: 10px; line-height: 1em; display: block; height: 58px; list-style: none; margin: 0 0 3px 0; padding: 0; background-color: #F7F9FC; color: #345499; overflow: hidden; }
#video-article-right #mycarousel li:last-child { margin: 0; }
#video-article-right #mycarousel li a { color: #345499; }
#video-article-right #mycarousel li a img { height: 58px; width: 80px; float: left; -ms-interpolation-mode: bicubic; padding: 0; margin: 0 5px 0 0; overflow: hidden; }
#video-article-right ul { margin: 0; padding: 0px !important; }
#video-article-right a .title { font-size: 11px; line-height: 1em; color: #345499; font-weight: 700; margin: 0; padding: 0; }
#video-article-right a .subtitle { display: block; font-size: 11px; line-height: 1em; font-weight: 400; margin: 1px 0 0 0; }
#video-article-right a .summary { font-size: 10px; line-height: 1em; display: block; margin: 1px 0 0 0; color: #FFFFFF; }
#video-article-right .video-article-right-description { display: block; overflow: hidden; padding: 3px 0 0 0; }
h3.3c-teaser, h3.5c-teaser { font-size: 12px !important; color: #FFF !important; }
#page-wrap #logo { float: right; margin-left: 48px; width: 297px; margin: -16px 7px 0 0; display: none; }
#page-wrap #navi-div #media-center-logo { margin: 6px 0 0 26px; padding: 0px; }
#page-wrap #footer a { color: #FFFFFF; }
#footer table td { padding: 0 20px; }
#footer a { color: #114499; }
#content table tr td .article-video { margin: 0 0 12px 0 !important; display: block; }
.imageEntry:hover { border-color: #B2C4EB; background-color: #DAE9F7; }
.imageEntry { float: left; padding: 4px; border: 1px solid #CED7EB; margin: 7px 7px 7px 6px; background-color: #FFFFFF; }
.back-link { font-weight: 700; float: right; font-size: 11px; line-height: 1em; }
.back-link a { color: #345499; }
.imgDIVtopCenter .image_td .image_img { padding: 4px; border: 1px solid #CED7EB; margin: 7px 7px 7px 6px; background-color: #FFFFFF; }
#mainnavigation-sub { top: 0px; margin: 0; background-color: #E1E7F3; color: #fff; width: 966px; border: 0; padding: 0; padding-left: 14px; overflow: auto; }
#navrow02 { margin: 0; color: #003366; padding: 0; font-size: 11px; }
#navrow02 a { text-decoration: none; text-transform: none; color: #003366; font-weight: bold; padding: 5px 11px; font-size: 11px; line-height: 1em; display: block; float: left; margin: 0 1px 0 0; background-color: #C2CCDC; }
#navrow02 a:hover { color: #FFFFFF; background-color: #e6ac00; }
/*HEADER*/

#page-header-logo { height: 383px; width: 980px; background-color: #5C79B6 !important; color: #ffffff; margin: 0; }
#page #page-header-logo table tr td table#page-header-social-bookmarks { margin-right: 10px !important; }
#page #page-header-logo table tr td #page-header-social-bookmarks tr td a img { margin: 0px !important; }
#page #page-header-logo table tr td table#page-header-social-bookmarks tr td { padding: 2px !important; }
#page-header-logo table tr td #page-header-social-bookmarks { color: #FFF; }
#page-header-logo #header-stripe-top #social-bookmarks { display: block; width: 330px; height: 40px; padding: 0 0 0 7px; margin: 0; float: left; }
#page-header-logo #header-stripe-top { display: block; height: 40px; background-color: #3E63B5; width: 980px; }
#page-header-logo #header-stripe-top #social-bookmarks a img { margin: 8px 3px 0 3px; }
#header-stripe-menu { display: block; width: 306px; float: left; margin: 0 0 0 94px; text-align: right; padding-right: 7px; }
#page-header-logo #header-stripe-top #header-stripe-menu a { color: #FFF; line-height: 40px; padding: 0 5px; font-size: 12px; }
.search_form-header #search_field, .search_form-header #search_input_field { width: 200px; border: none; line-height: 15px; background-color: #fff; padding: 2px 4px 3px 4px; min-height: 15px; font-size: 1em; line-height: 14px; color: #4c4c4c; margin: 10px 0 0 0; }
.search_form-header #search-btn, .search_form-header #search_submit_button { width: 22px; margin: 10px 0 0 0; color: #000; cursor: pointer; line-height: 1.8; height: 20px; width: 21px; padding: 0; border: none; background: #fff url('http://www.culturaldiplomacy.org/template/img/search_icon.png') no-repeat center center; text-indent: -2000em; left: auto; }
strong { font-weight: 700 !important; }
.search-result h3 a { font-size: 14px; color: #FFF; font-weight: 700; }
.search-result h3 { line-height: 1.2em; margin: 7px 0; padding: 0px; }
.phpwcmsSearchResult .phpwcmsSearchNextPrev { font-weight: 700; font-size: 11px; color: #FFF; }
div.search-result { margin: 12px 0; }
.light-blue { color: #CEDDEB; }
.bordeaux { color: #FF130B; }
a.gold, .gold a, .gold { color: #E6AC00; }
h3.gallery { line-height: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CAD1D9; padding: 0 0 0 7px; }
.group-fotos div.image { float: left; width: 32.82%; background-color: #E1E7F3; margin: 0.25%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ padding: 5px; box-sizing: border-box;         /* Opera/IE 8+ */ }
.group-fotos div a img { margin: 1px; }
.group-fotos div.caption { line-height: 1.1em; font-size: 10px; font-weight: 700; color: #345499; height: 2em; padding: 4px 7px 7px 7px !important; }
div.group-fotos { width: 100%; padding-left: 1px; }
.video-js-box { float: left; width:480px; }
#video-article-right #mycarousel .active { background-color: #5C7FCC; }
#video-article-right #mycarousel .active .title,
#video-article-right #mycarousel .active .subtitle { color: #FFFFFF; }
.image .image-lightbox .image-thumb { border: 3px solid #C2CCDC; }