/* =========================================== */

/*              GENERELL SETTINGS              */

/* =========================================== */



@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');

}

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

}

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');

}

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');

}

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');

}







body { width: 100%;	height: 100%; background: url(../images/body-background.jpg) no-repeat #fffaec top center; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; color: #323232; margin: 0px; padding: 0px 0px 100px 0px; position: relative; z-index: 0; }



div.clear {	clear: both; }





/* ============== FORMATIERUNGEN ============= */



a { color: #323232; text-decoration: underline; }

a:hover { text-decoration: none; }





/* =========================================== */

/*            GENERELL LAYOUT STUFF            */

/* =========================================== */



div#main { width: 1314px; margin: auto; position: relative; z-index: 2; }





/* ================== HEADER ================= */



.header{ width: 1314px; height: 75px; background-color: #003c8f; background-image: url(../images/header-image.jpg); background-position: top left; background-repeat: no-repeat; position: relative; z-index: 9999; }

div#header-image-addition { width: 77px; height: 19px; background: url(../images/header-image-addition.png) no-repeat; position: absolute; top: 75px; left: 133px; }

div#header-shadow { width: 1314px; height: 9px; background: url(../images/header-shadow.png) repeat-x; position: absolute; top: 75px; left: 0px; }





/* ================ NAVIGATION =============== */



.header .nav { display: inline-block; height: 50px; margin: 0px; padding: 25px 40px 0px 0px; line-height: 50px; float: right; position: relative; }

.header .nav a { display: inline-block; line-height: 50px; font-size: 18px; padding: 0px 15px; color: #fff; text-shadow: 1px 1px 1px #00225c; text-decoration: none; font-weight: 500; }

.header .nav a:hover, .header .nav a.active { background: #b2c4dd; }



.header .nav div#submenu { width: 1200px; height: 0px; padding: 0 62px 0 52px;  background: url(../images/white.png); position: absolute; top: 75px; right: 0px; overflow: hidden; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.header .nav:hover div#submenu { height: 429px; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.header .nav div#submenu div.submenu-column { display: inline-block; width: 199px; height: 359px; padding: 35px 20px; border-right: 1px solid #aabcd1; float: left; }

.header .nav div#submenu div.submenu-column:nth-child(n+5) { border-right: none; }

.header .nav div#submenu div.submenu-column:hover { background: url(../images/blue.png);cursor:pointer; }

.active-col{background: url(../images/blue.png);cursor:pointer; }

.header .nav div#submenu div.submenu-column ul { list-style: none; padding: 0px; margin: 0px; }

.header .nav div#submenu div.submenu-column ul li ul{ list-style: none; padding: 0px; margin: 0px; margin-top:10px;}

.header .nav div#submenu div.submenu-column li.submenu-parent ,header nav div#submenu div.submenu-column  li.submenu-parent a { color: #323232; line-height: 22px; font-size: 18px; font-weight: 500; margin: 0 0 0 0; }

.header .nav div#submenu div.submenu-column li.submenu-child { color: #323232; line-height: 18px; font-size: 14px; font-weight: 500; padding: 0px; margin: 0 0 12px 0; }

.header .nav div#submenu div.submenu-column li.submenu-child a { color: #323232; line-height: 18px; font-size: 14px; font-weight: 500; padding: 0px; text-decoration: none; text-shadow: none; }

.header .nav div#submenu div.submenu-column li.submenu-child a:hover { text-decoration: underline; background: none; }





/* ========= SOCIAL & LANGUAGE LINKS ========= */



div#social-links { width: 30px; position: absolute; z-index:99999;top: 290px; left: -50px; }

div#language-links{ width: 26px; position: absolute; z-index:99999; top: 290px; right: -46px; }

@media (max-width: 1410px) {

	div#social-links {  left: 10px; }

	div#language-links{  right: 10px; }

}

.SPC{

opacity:0.8

}

div#social-links a { display:inline-block; width: 30px; height: 30px; margin: 0 0 15px 0; }

div#language-links a { display:inline-block; width: 26px; height: 26px; margin: 0 0 0 0; }

div#social-links a:last-child, div#language-links a:last-child { margin: 0px; }

div#social-links a > img, div#language-links a > img { border: none; }



/* =================== FOOTER ================ */



.footer { width: 1012px; height: 72px; background-color: #b8c5d5; background-image: url(../images/footer-image.jpg); background-repeat: no-repeat; margin: 0px 38px 0px 34px; padding: 12px 20px 0px 210px; }



.footer .nav { display: inline-block; height: 11px; }

.footer .nav a { display: inline-block; font-size: 11px; line-height: 11px; color: #647ead; text-decoration: none; text-transform: uppercase; margin: 0px 5px; font-weight: 500; }

.footer .nav a:hover { text-decoration: underline; }

.footer .nav p { display: inline-block; font-size: 11px; line-height: 11px; color: #647ead; text-transform: uppercase; padding: 0px 5px; margin: 0px; font-weight: 500; }





/* =========================================== */

/*           LAYOUT - INDEX ANSICHT            */

/* =========================================== */



#logoclicker{width:400px;height:80px;border:0px solid #f0f;cursor:pointer;position:absolute;}



div#index-frame { width: 1184px; background: #fbd582; padding: 50px 65px 25px 65px; position: relative; }

div#index-bottom-left {	width: 34px; height: 24px; background: url(../images/index-bottom-left.png) no-repeat; position: absolute; bottom: -24px; left: 0px; }

div#index-bottom-right { width: 38px; height: 27px; background: url(../images/index-bottom-right.png) no-repeat; position: absolute; bottom: -27px; right: 0px; }



div.index-content-box { position: relative; }

div.index-content-left { width: 500px; float: left; }

div.index-content-right { width: 380px; float: right; }

div.index-content-box h1.headline ,h1{ font-size: 35px; line-height: 40px; color: #fff; font-weight: 300; margin: 0 0 15px 0; padding: 0px; }

div.index-content-box h2.sub-headline,h2,h3.sub-headline { font-size: 21px; line-height: 25px; color: #003c8f; font-weight: 300; margin: 0 0 5px 0; padding: 0px; font-style: italic; }

div.index-content-box div.text-block { width: 230px; padding: 0 20px 0 0; float: left; }

div.index-content-box div.text-block p { color: #003c8f; font-size: 12px; font-weight: 300; line-height: 15px; }

a.pdf-download { display: inline-block; height: 48px; background: url(../images/pdf-icon.png) no-repeat; padding: 5px 0 5px 66px; margin: 20px 0; color: #003c8f; text-decoration: none; font-size: 21px; line-height: 24px; font-style: italic; }

a.pdf-download:hover { text-decoration: underline; }



div#circle-overlay { width: 410px; height: 285px; position: absolute; }

div.index-circle-overlay { top: -155px; left: 430px; }

div#circle-overlay div#circle-red { overflow: hidden;;width: 192px; height: 192px; padding: 35px; background:url('../images/calbg.png');background-position:center center; -webkit-border-radius: 130px; border-radius: 130px; color: #fff; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; position: absolute; bottom: 0px; right: 0px; z-index: 99; }

div#circle-overlay div#circle-red > h1 { font-size: 26px; margin: 0px; line-height: 30px; font-weight: 300; text-align: center; }

div#circle-overlay div#circle-red p.sub-headline { font-size: 12px; margin: 0px; font-style: italic; text-align: center; }

div#circle-overlay div#circle-red ul { list-style: none; margin: 0px; padding: 20px 0 0 10px; }

div#circle-overlay div#circle-red ul li { padding: 0px; margin: 0 0 15px 0; }

div#circle-overlay div#circle-red ul li span.calendar-date { font-size: 13px; font-style: italic; }

div#circle-overlay div#circle-red ul li span.calendar-date p{padding:0px;margin:0px;}

div#circle-overlay div#circle-red ul li a { font-size: 13px; font-weight: bold; color: #fff; text-decoration: underline; }

div#circle-overlay div#circle-red ul li a:hover { text-decoration: none; }

#circle-white { width: 186px; height: 186px; background: url(../images/aktuelle-jugendreise-news.png) no-repeat; position: absolute; top: 0px; left: 0px; z-index: 100; overflow: hidden; text-indent: -1000px; }





/* ================ NIVO SLIDER ============== */



div.slider-wrapper { width: 1314px; height: 429px; position: relative; z-index: 5; }

div#slider1 { width: 1314px; height: 429px; }

.nivo-controlNav{

position:absolute;z-index:9999999999;top:440px;right:50px;text-align:right;

}

.nivo-control{

color:#fff !important;text-indent:-9999em;width:18px;height:18px;background-image:url('../images/sliderred.png');display:block;float:left; margin-right:5px;

}

.nivo-control.active{

color:#f00 !important;background-image:url('../images/sliderblue.png');

}



/* =========================================== */

/*              LAYOUT - SUB PAGE              */

/* =========================================== */



div#heading-image { width: 1314px; height: 268px; background: #fffaed; }



div#subpage-title { width: 934px; background: #fbd582; padding: 18px 320px 18px 60px; position: relative; z-index: 5; }

div#subpage-title h1 { font-weight: 300; font-size: 35px; line-height: 42px; color: #fff; margin: 0px; padding: 0px; }



div#subpage-frame { width: 1242px; margin: 0px 38px 0px 34px; -webkit-box-shadow: 0 0 15px #999; box-shadow: 0 0 15px #999; position: relative; z-index: 4; }



div.subpage-circle-overlay { top: 180px; right: 38px; }



div#subpage-content { width: 1242px; background-color: #fff; padding: 0 0 50px 0; }



div#breadcrumb { width: 892px; padding: 8px 320px 10px 30px; }

div#breadcrumb p {font-size: 12px; font-weight: 300px; line-height: 16px; font-style: italic; text-transform: uppercase; color: #b8b8b8; margin: 0px; padding: 0px; }

div#breadcrumb p a { color: #b8b8b8; text-decoration: underline; }

div#breadcrumb p a:hover { color: #b8b8b8; text-decoration: none; }





/* =========== SUBPAGE CONTENT BOX =========== */



div.subpage-content-box { width: 730px; padding: 38px 100px 70px 26px; font-weight: 300; float: left; }

.full_c{

padding: 38px 100px 70px 26px; font-weight: 300;

}

.top_c{

 width: 756px;

}

.down_c .csc-header{

clear:left;

}



div.subpage-content-box.subpage-content-fullwidth { width: 1180px; float: none; }



h2.subpage-pre-headline,.top_c h2,.top_c h1,.down_c h2,.down_c h1{ font-size: 15px; line-height: 19px; color: #003c8f; font-weight: 300; font-style: italic; margin: 0px; padding: 0px; }

h1.subpage-headline,.top_c h3,.down_c h3 { font-size: 20px; line-height: 24px; color: #003c8f; font-weight: 600; text-transform: uppercase; background: url(../images/headline-bullet.png) no-repeat 0px 9px; padding: 5px 0 5px 27px; margin: 0 0 20px 0; }





/* ============= SUBPAGE SIDEBAR ============= */



div.subpage-content-sidebar { width: 350px; padding: 38px 36px 40px 0; float: right; }



div.sidebar-news-listing { width: 350px; margin: 0 0 30px 0; }

div.sidebar-news-listing ul { list-style: none; margin: 0px; padding: 0px; }

div.sidebar-news-listing ul li.news-listing-item { display: inline-block; width: 350px; padding: 0 0 22px 0; margin: 0 0 22px 0; border-bottom: 1px dotted #a8a8a8; }

div.sidebar-news-listing ul li.news-listing-item:last-child { border-bottom: none; padding: 0px; margin: 0px; }



div.news-item-date { width: 60px; padding: 5px 25px 0 0; float: left; }

div.news-date-frame { width: 60px; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }

div.news-date-month { width: 48px; height: 18px; background: #003c8f; padding: 0 6px; }

div.news-date-month p { font-size: 7px; line-height: 18px; font-weight: bold; text-align: center; color: #fff; margin: 0px; padding: 0px; text-transform: uppercase; }

div.news-date-day { width: 60px; background: #fff; padding: 2px 0 5px 0; }

div.news-date-day p.day { font-size: 30px; color: #000; line-height: 32px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; }

div.news-date-day p.year { font-size: 7px; line-height: 9px; color: #003c8f; font-weight: bold; text-align: center; margin: 0px; padding: 0px; }



div.news-item-content { width: 265px; float: right; }

div.news-item-content h1.news-title { font-size: 20px; line-height: 24px; font-weight: 300; margin: 0 0 12px 0; }

div.news-item-content h1.news-title a { color: #003c8f; text-decoration: none; }

div.news-item-content h1.news-title a:hover { text-decoration: underline; }

div.news-item-content p { font-size: 12px; line-height: 15px; margin: 0px; padding: 0px; }



div#subpage-frame footer { margin: 0px; }

div#subpage-content a.button,.blue-button { display: inline-block; font-size: 14px; line-height: 18px; color: #003c8f; text-decoration: none; padding: 11px 24px; background: #e5ebf4; }

div#subpage-content a.button:hover ,.blue-button:hover{ text-decoration: underline; }



table.table-further-pages { margin: 20px 0 80px 0; }

table.table-further-pages tr.even { background: #f7f9fc; }

table.table-further-pages tr.odd { background: #e5ebf4; }

table.table-further-pages tr td { font-size: 14px; line-height: 18px; color: #003c8f; font-weight: 300; padding: 12px 15px; }

table.table-further-pages tr td a { color: #003c8f; text-decoration: none; }

table.table-further-pages tr td a:hover { text-decoration: underline; }





/* =========================================== */

/*         LAYOUT - SUB PAGE - PROJEKTE        */

/* =========================================== */



div.project-listing-frame { width: 1242px;  padding: 0px 0px 0px 0px; }

.bluebg,.csc-frame-frame1{background: #d9e2ee;clear: both;}

.down_c .csc-default,.down_c .csc-frame{padding: 35px 36px 20px 26px;}

.down_c.alone .csc-default,.down_c.alone .csc-frame{padding: 0px 36px 20px 26px;}

.down_c.alone .csc-default:first-child,.down_c.alone .csc-frame:first-child{padding: 35px 36px 20px 26px;}



ul.project-listing { list-style: none; margin: 0px; padding: 0 66px 0 74px; }

ul.project-listing li { width: 230px; height: 230px; margin: 0 30px 30px 0; float: left; position: relative; }



ul.project-listing li div.project-title { display: table; width: 86px; height: 86px; background: #8fd3eb; position: absolute; -webkit-border-radius: 43px; border-radius: 43px; }

ul.project-listing li div.project-title-td { display: table-cell; font-size: 10px; font-weight: bold; color: #003c8f; text-transform: uppercase; line-height: 11px; padding: 10px; margin: 0px; text-align: center; vertical-align: middle; }

div.upper-right { top: 0px; right: 0px; }

div.upper-left { top: 0px; left: 0px; }

div.lower-right { bottom: 0px; right: 0px; }

div.lower-left { bottom: 0px; left: 0px; }







/* =========================================== */

/*        LAYOUT - SUB PAGE - BULLETLIST HINTERGRUNDFARBE        */

/* =========================================== */



#bulletlist_hintergrundfarbe { width: 63%; list-style: none; margin: 0; padding: 0; }

	#bulletlist_hintergrundfarbe li { margin: 0; padding: 0 0 0 25px; background: #E5EBF4; font-size: 20px; font-weight: 300; font-style: italic; color: #003C8F !important; }

	#bulletlist_hintergrundfarbe li:nth-child(even) { background: #F7F9FC; }

		#bulletlist_hintergrundfarbe li a { padding: 20px 25px 20px 0; display: block; text-decoration: none; color: #003C8F; }



















/* =========================================== */

/*        LAYOUT - SUB PAGE - DOWNLOADS        */

/* =========================================== */





table.table-download-listing { margin: 25px 0 50px 0; }

table.table-download-listing tr.even { background: #fff; }

table.table-download-listing tr.odd { background: #f2f5f9; }

table.table-download-listing tr td { font-size: 20px; line-height: 26px; color: #003c8f; font-weight: 600; padding: 7px 10px; text-transform: uppercase; }

table.table-download-listing tr td a { color: #003c8f; text-decoration: none; }

table.table-download-listing tr td a:hover { text-decoration: underline; }





/* =========================================== */

/*      LAYOUT - SUB PAGE - NEWS LISTING       */

/* =========================================== */



.top_c div.content-news-listing { width: 756px; margin: 25px 0 50px -26px; padding: 0 100px 0 0; }

.top_c div.content-news-item { width: 756px; height: 156px; }

.down_c div.content-news-listing { width: 100%; margin: 25px 0 50px -26px; padding: 0 100px 0px 0px; }

.down_c div.content-news-item { width: 100%; height: 156px; padding-right:60px;}

div.content-news-item { background: #e5ebf4; }

div.content-news-item:nth-child(2n) { background: #f7f9fc; }



div.content-news-image { width: 140px; height: 140px; padding: 8px 26px; float: left; text-align:center;margin-top:10px !important; background-size: cover !important; background-repeat: no-repeat !important; background-color: #fff !important; }

div.content-news-image img{ width:auto;height:auto; max-width: 140px; max-height: 140px; border-radius:70px;}

div.content-news-text { width: 554px; height: 140px; padding: 8px 10px 8px 0; float: left; }



div.content-news-excerpt { width: 554px; height: 110px; padding: 8px 0 0 0; overflow: hidden; }

div.content-news-excerpt h1 { font-size: 20px; line-height: 23px; font-weight: 300; color: #003c8f; margin: 0 0 3px 0; padding: 0px; }

div.content-news-excerpt h1 a { color: #003c8f; text-decoration: none; }

div.content-news-excerpt h1 a:hover { text-decoration: underline; }

div.content-news-excerpt p { font-size: 14px; line-height: 16px; color: #003c8f; margin: 0px; padding: 0px; }

div.content-news-excerpt p a { color: #003c8f; text-decoration: none; }

div.content-news-excerpt p a:hover { text-decoration: underline; }



div.content-news-meta { width: 554px; height: 26px; text-align: right; }

div.content-news-meta p { font-size: 12px; line-height: 26px; color: #a2a2a2; text-transform: uppercase; margin: 0px; padding: 0px; }

div.content-news-meta p a { color: #a2a2a2; text-decoration: underline; }

div.content-news-meta p a:hover { text-decoration: none; }





/* =========================================== */

/*       LAYOUT - SUB PAGE - MITGLIEDER        */

/* =========================================== */



table.table-member-listing { width: 756px; margin: 50px 0 50px -26px; margin: 25px 0 50px 0; }

table.table-member-listing tr { background: #f2f5f9; }

table.table-member-listing tr:nth-child(2n) { background: #fff; }



table.table-member-listing td.member-image { width: 114px; padding: 8px 26px; }

table.table-member-listing td.member-adress { width: 250px; line-height: 20px; padding: 13px 60px 13px 0; white-space:pre-line }
	table.table-member-listing td.member-adress .news-list-morelink { display: none; }

table.table-member-listing td.member-contact { width: 250px; line-height: 20px; padding: 13px 30px 13px 0; }





/* =========================================== */

/*     LAYOUT - SUB PAGE - DOKUMENTE CHILD     */

/* =========================================== */



table.table-documents-child ,.top_c .csc-uploads{ margin: 25px 0 50px 0; width: 756px; }

.down_c .csc-uploads{ margin: 25px 0 50px 0; width: 100%; }

table.table-documents-child tr.even ,.csc-uploads li{ background: #f7f9fc; margin:0px !important;;}

table.table-documents-child tr.odd ,.csc-uploads li:nth-child(2n){ background: #e5ebf4; }

table.table-documents-child tr td,.csc-uploads li span { font-size: 20px; line-height: 20px; color: #003c8f; font-weight: 300; padding: 10px 10px; text-transform: uppercase;  text-decoration: none; }

table.table-documents-child tr td a,.csc-uploads li span a { color: #003c8f; text-decoration: none; }

table.table-documents-child tr td a:hover,.csc-uploads li a:hover { text-decoration: underline; }

.csc-uploads li span:last-child{font-size:14px;clear:both;margin-top:-10px;}





.csc-bulletlist{margin:0px;padding:0px;list-style-type:none;}

.top_c .csc-bulletlist{ margin: 25px 0 50px 0; width: 756px; }

.down_c .csc-bulletlist{ margin: 25px 0 50px 0; width: 100%; }

.csc-bulletlist li{ background: #f7f9fc; margin:0px !important;;}

.csc-bulletlist li:nth-child(2n){ background: #e5ebf4; }

.csc-bulletlist li  { font-size: 20px; line-height: 20px; color: #003c8f; font-weight: 300; padding: 10px 10px; text-transform: uppercase;  text-decoration: none; }

.csc-bulletlist li  a { color: #003c8f; text-decoration: none; }

.csc-bulletlist li a:hover { text-decoration: underline; }

.csc-bulletlist li span:last-child{font-size:14px;clear:both;margin-top:-10px;}











/* =========================================== */

/*   LAYOUT - SUB PAGE - PUBLICATION LISTING   */

/* =========================================== */



div.content-publication-listing { width: 756px; margin: 25px 0 50px -26px; padding: 0 100px 0 0; }

div.content-publication-item { width: 756px; }

div.content-publication-item.odd { background: #e5ebf4; }

div.content-publication-item.even { background: #f7f9fc; }



div.content-publication-image { width: 140px; padding: 8px 26px; float: left; }

div.content-publication-text { width: 554px; padding: 16px 10px 8px 0; float: right; }



div.content-publication-text h1 { font-size: 20px; line-height: 23px; font-weight: 300; color: #003c8f; margin: 0 0 10px 0; padding: 0px; }

div.content-publication-text h1 a { color: #003c8f; text-decoration: none; }

div.content-publication-text h1 a:hover { text-decoration: underline; }

div.content-publication-text p { font-size: 14px; line-height: 16px; color: #003c8f; margin: 0px; padding: 0px; }

div.content-publication-text p a { color: #003c8f; text-decoration: none; }

div.content-publication-text p a:hover { text-decoration: underline; }





/* =========================================== */

/*   LAYOUT - SUB PAGE - CONTENT PHOTO LIST    */

/* =========================================== */



ul.content-photo-grid { list-style: none; margin: 20px 0 80px 0; padding: 0px; }

ul.content-photo-grid li { width: 112px; margin: 0 5px 5px 0; float: left; }

ul.content-photo-grid li img { width: 112px; }



/*t3*/

div.csc-textpic-left .csc-textpic-imagewrap {

    float: left;

    width: 100%;

}



div.csc-textpic .csc-textpic-imagewrap table {

    border-collapse: collapse;

    border-spacing: 0px;

    width: 100%;

}



div.csc-textpic div.csc-textpic-imagecolumn {

    float: left;text-align:center;

	width:24%;	

}

div.csc-textpic .csc-textpic-imagewrap img {

    border: medium none;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.csc-textpic-image table {display:table;}

ul.project-listing li div.project-title,.csc-textpic-image table caption{ display: table-cell; padding-top:20px;width: 86px; height: 66px; background: #8fd3eb; position: absolute; -webkit-border-radius: 43px; border-radius: 43px;font-size: 10px; font-weight: bold; color: #003c8f; text-transform: uppercase; line-height: 11px;  margin: 0px; text-align: center; vertical-align: middle;  }

ul.project-listing li div.project-title-td { display: table-cell; font-size: 10px; font-weight: bold; color: #003c8f; text-transform: uppercase; line-height: 11px; padding: 10px; margin: 0px; text-align: center; vertical-align: middle; }





.csc-textpic-imagecolumn:nth-child(3n) table caption{margin-top: 0px; margin-left: 160px;  }

.csc-textpic-imagecolumn:nth-child(2n) table caption{margin-top: 160px; margin-left: 160px;  }

.csc-textpic-imagecolumn:nth-child(4n) table caption{margin-top: 160px; margin-left: 0px;  }



.boxbysidebar{

width:754px;

}





/*GMAP*/



.gmarker{

display:none;

}

.boxbysidebar img{

width:auto;height:auto;float:right;

margin-left:10px;margin-bottom:10px;

max-width:400px;

max-height:400px;

}



.gmap-content-image img{

width:auto;height:auto;float:right;

margin-left:10px;margin-bottom:10px;

max-width:190px;

max-height:140px;

}

.mc{

background:rgba(0,60,143,0.8);margin-bottom:-20px;border:2px solid #fff;color:#fff;padding:10px;

}



.mc a{

color:#fff;

}



.mc h4 a{

text-decoration:none;

}.mc h4 {

font-size:16px;

text-decoration:none;

padding:0px;margin:0px;

}



/* ie8 hacks */





.showResultsWrap{font-size:14px;margin-top:10px;margin-bottom:10px;}

.browseLinksWrap span,.browseLinksWrap a{

display:block;font-size:14px;

display:inline-block;

width:40px;

padding-top:12px;

padding-bottom:12px;

border-radius:25px;

background:#E5EBF4;



}





.browseLinksWrap span{

background:#003C8F;color:#fff;

}



#circle-red li:last-child{

text-align:center;margin-left:-15px !important;

}







.sidebar-news-listing .csc-header h1{
color:#000;font-size:24px;
}

.sidebar-news-listing .tx_spbettercontact_button {

text-align:left !important;

}

.index-content-left .text-block{width:505px !important;text-align:justify;}

/*.project-listing-frame h3{background-image:url('') !important; padding-left:0px !important; font-size:14px ; font-weight:normal;}*/





 @media (max-width: 1300px) {

language-links#{left:95% !important;}
}




/*GALERIE*/
.csc-frame-indent{

}
.csc-frame-indent div.csc-textpic-imagerow{
width: 100px;
height:60px;
float: left;
margin-right:5px;
margin-bottom:5px;
}
.csc-frame-indent div.csc-textpic-imagerow img{
width: 100px;
height:auto;
min-height:60px;
}

.boxbysidebar h4{
font-size: 15px;
line-height: 19px;
color: #003C8F;
font-weight: 300;
font-style: italic;
margin: 0px;
padding: 0px;
}

.leftnewssingle{
width:854px;float:left;
}