@charset "utf-8";

/* HTML *************************** */
html {background:#f2f2f2; min-height:100%; height:100%; overflow-y:scroll;}
body {font:12px/1.66em Verdana,Helvetica,sans-serif; color:#333; min-height:100%; background:#f7f9fa;}

h1,h2,h3,h4,h5,h6 {line-height:1.25em; font-weight:normal;}
p {margin-bottom:1em;}
b {} 
a {text-decoration:none; color:#238dcb;}
a:hover {text-decoration:underline;}
ol, ul {}
li {}
label {font-style:italic;}
form {}
input,select,textarea {padding:0 .9em; height:3em; background:#FFF;}
body.ie input[type=text] {line-height:3em;}
input[type=submit] {width:auto;cursor:pointer;}
input[type=checkbox], input[type=radio] {width:auto;}
input.placeholder {color:#666;}
textarea {font-family:Verdana,Helvetica,sans-serif;overflow:auto;}
img {font:1em/1em 'Arial Narrow',Arial,Helvetica,Verdana,sans-serif; color:#999; font-size:0.75rem;}
figcaption {padding:.5em 0 1em; color:#aaaaa5; font-size:0.9em; line-height:1.66em;}
span {}
acronym {cursor:help;}
blockquote {}
hr {border:none; border-top:1px solid #e7e7e7; margin:2em 0;}

/* GRID CUSTOMIZATION ******************* */
.container_35 .suffix_2_custom {padding-right:70px;}
.container_35 .prefix_2_custom {padding-left:70px;}

/* LAYOUT ******************************* */
#position {margin:0 auto; padding-top:152px; min-width:995px; max-width:1095px; width:100%;}
.centerContainer {margin:0 auto; max-width:1055px; position:relative; border-top: 1px solid white;}

footer {color:#777777; font-size:.8em;}
footer a {color:#777777;}
footer .centerContainer {padding:30px 0;}
footer .centerContainer a.logo {display:block;width:79px;height:40px; background:url('/img/2013/kas_logo_orig_grey_small_footer.png') center left no-repeat; overflow:hidden;text-indent:-1000px;}
footer .centerContainer .grid_4 {border-right:1px solid #dedede; margin-right:6px;}

footer ul.footer_menu li{display:inline-block;}
footer ul.footer_menu li{margin-right:10px;padding-left:10px;border-left:1px solid #dedede;}
footer ul.footer_menu li:first-child{padding-left:0;border-left:0;}
footer ul.footer_menu li.rss {background:url('/img/2013/feed-icon-14x14.png') 10px center no-repeat;padding-left:28px;line-height:14px;}

/* ELEMENTS ******************************* */
.breadcrumbs {padding:15px 0 5px; font-size:.9em; color:#ADACAA;}
.breadcrumbs span {display:none;}
.breadcrumbs a {color:#ADACAA; padding: 0 5px; text-decoration:none;}
.breadcrumbs a:first-child {padding-left:0;}
.breadcrumbs a[href] {text-decoration:underline;}

.page_tools {color:#777777; font-size:.8em;}
.page_tools a {color:#777777;}
.page_tools ul {padding:20px 0;}
.page_tools ul li{display:inline-block; background:url('/img/2013/page-tools-sprite.png') left top no-repeat;line-height:14px;}
.page_tools ul li.printout{border-left:1px solid #dedede;}
.page_tools ul li a,.page_tools ul li a:visited{margin-right:15px;padding-left:18px;cursor:pointer;}
.page_tools ul li.twitter a,.page_tools ul li.facebook a{padding-left:19px;}
.page_tools ul li.twitter{background-position:0 -14px;}
.page_tools ul li.send{background-position:0 -28px;}
.page_tools ul li.printout{background-position:16px -42px;padding-left:16px;}

ul.sharing {margin:0 13px 0 0 !important; color:#999; font-size:.9em; line-height:2.7em;}
ul.sharing li:first-child {border-top:1px solid #ECECEA;}
ul.sharing li {display:inline-block; list-style-type:none !important; border-bottom:1px solid #ECECEA; width:100%;}
ul.sharing li a {color:#999; display:block; padding:0 .5em; text-decoration:none;}
ul.sharing li a:hover {background:#f7f7f7;}
ul.sharing li a .fa {margin-right:.2em;}
ul.sharing li a [class*=facebook] {color:#4863a4;}
ul.sharing li a [class*=twitter] {color:#56adee;}
ul.sharing li a [class*=print] {color:#637b99;}
footer ul.sharing {font-size:1.1em; display:inline;}
footer ul.sharing li {border-top:none !important; border-bottom:none; width:auto;}
footer ul.sharing li ~ li {border-left:1px solid #e7edef;}
footer ul.sharing li a {padding:0 1.25em 0 1.5em;}

aside.listview {}
aside.listview article + article {margin-top:1em; padding-top:1em; border-top:1px solid #ECECEA;}
aside.listview article ~ h2 {margin-top:1em; padding-top:1em; border-top:1px solid #ECECEA;}
aside.listview h2 {font-size:1.3em; text-transform:uppercase; letter-spacing:1px; font-weight: bold; color: #444;}
aside.listview h2 ~ h2 {margin-top:1em; padding-top:1em; border-top:1px solid #ECECEA;}
aside.listview h3 {font-size:1.2em;}
aside.listview p.calendar {float:left; margin-right:2em; width:7.8em;}

.storytext {font-size:1.4em; font-family:'Gentium Book Basic',serif; line-height:1.9em;}
.storytext h2 {font-size:1.4em !important; font-weight:bold;}
.storytext h3 {font-size:1.2em !important; font-weight:bold;}

p.calendar {background:#FFF; font-size:.75em; color:#999; text-align:center; box-shadow:0 0 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
p.calendar span {display:block; text-align:center;}
p.calendar span.top {margin-bottom:.2em; line-height:2em; color:#FFF; background:#2797d2; font-weight:bold; text-transform:uppercase;}
p.calendar span.top a {color:#FFF;}
p.calendar span.main {margin:.5em 0 0; font-size:2.75em; font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#000;}
p.calendar span.bottom {line-height:3em;}

div.infobox {padding:1.3em 1.5em 1em; margin:3em 0; border:3px solid #e6f1f5; position:relative; font-family: 'Gentium Book Basic', Serif; font-size: 1.1em;}
div.infobox img {float:left; margin:0 1.5em 0 0 !important;}
div.infobox:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
div.infobox .highlight {position:absolute; top:1.5em; left:-3px; width:3px; height:4.25em; background:#2797D2;}
div.infobox p.button.small {text-align: center; margin-top: 0; margin-bottom: 0.5em; font-weight: bold;}
div.infobox p.button.small a {padding: 0 2.7em; text-transform: none; font-size: 1.1em;}
main > div.infobox:first-child {margin-top: 0;}
main > div.infobox:last-child {margin-bottom: 0;}
.htmlwrap > div.infobox:first-child {margin-top: 0;} /* old pages */
.htmlwrap > div.infobox:last-child {margin-bottom: 0;} /* old pages */

/* HOMEPAGE ******************************* */
#content .news .section {padding:45px 0 60px;}
#content .news .grid_24 {height:400px; overflow:hidden; background:#f3f3f1;}
#content .news .grid_24 article * {color:#FFF !important;}
#content .news .grid_24 article div {position:absolute; left:0; bottom:0; width:616px; padding:1em 20px; background:rgba(0,0,0,0.67);}
body.ie #content .news .grid_24 article div {background:transparent url('/img/2013/black-bg.png') left top repeat;}
#content .news .grid_24 article div h3 {margin:0.2em 0; font:1.75em/1.25em Verdana,Helvetica,sans-serif;}
#content .news .grid_24 article p.topic {line-height:1.25em; letter-spacing:.1em;}
#content .news .grid_24 article p.subtitle {font-size:1.1em; line-height:1.25em;}
#content .news .grid_11 {left:-8px; margin:0; padding-left:30px; width:278px;}
#content .news .grid_11 article {height:132px; border-top:1px solid #cad5d7; clear:both; overflow:hidden; cursor:pointer;}
#content .news .grid_11 article:first-child {height:134px; overflow:hidden; border:none;}
#content .news .grid_11 article h3 {margin:0 .5em 0 115px; font:1em/1.5em Verdana,Helvetica,sans-serif;}
#content .news .grid_11 article img {float:left; margin-top:0.25em; width:98px; height:60px;}
#content .news .grid_11 article p {margin:0; display:none;}
#content .news .grid_11 article p.teaser, #content .news .grid_11 article p.topic {display:block;}
#content .news .grid_11 article p.topic {padding:1.33em 5px 0.5em 0;}

#content .topics {}
#content .topics h2 {padding-bottom:.75em; border-bottom:1px solid #cad5d7;}
#content .topics article {margin-top:2em;}
#content .topics h3 {margin-top:.2em; font:1em/1.5em Verdana,Helvetica,sans-serif;}
#content .topics img {margin-bottom:1.75em;}
#content .topics .description {margin-bottom:2em; color:#999;}

.homepage #content .events article {margin-top:190px; padding:28px 20px; height:155px; background:rgba(255,255,255,0.8);}
.homepage #content .events article p.teaser {position:absolute; top:0; right:0; z-index:2;}
.homepage #content .events article p.calendar {position:absolute; top:96px; right:127px; z-index:3;}
.homepage #content .events article p.venue {position:absolute; bottom:227px; right:0; z-index:1; max-width:102px; text-align:left; font-size:1.2em; text-transform:none; letter-spacing:0; color:#666;}
.homepage #content .events article p.venue.longname {font-size:.92em; line-height:1.5em;}

#content .departements {}
#content .departements article p.metainfo {margin:2em 0 1em 0;}
body.ie8 #content .departements article p.metainfo {font-size:0.75em;}

#content .offices {}
#content .offices .grid_separator {height:3.5em;}
#content .offices .section {background:transparent url('/img/2013/section-offices-bg.gif') center bottom no-repeat;}
#content .offices h4 {margin-bottom:2em; font-size:.75em; font-weight:bold; text-transform:uppercase;}
#content .offices h4 a {color:#333;}
#content .offices p {margin-top:.5em; margin-bottom:.65em; font-size:.75em; line-height:1.8em; color:#666;}
#content .offices p ~ p {padding-top:.5em; border-top:1px solid #cad5d7;}
#content .offices p a {color:#666;}

/* FOOTER: HOMEPAGE ******************************* */
html.homepage footer {color:#FFF; font-size:1em;}
html.homepage footer b {font-size:.9em; text-transform:uppercase;}
html.homepage footer a {color:#2797d2;}
html.homepage footer .first {padding:20px 0 18px; border-bottom:1px solid #01396d;}
html.homepage footer .second {padding:40px 0 30px; border-top:1px solid #07488b; border-bottom:1px solid #01396d;}
html.homepage footer .third {padding:20px 0; border-top:1px solid #07488b;}

html.homepage footer .logo a {display:block; width:120px; height:50px; background:transparent url('/img/2013/iconset.png') 0 -55px no-repeat; text-indent:-1000px; overflow:hidden;}
html.homepage footer .support, html.homepage footer .icons {padding-top:10px;}
html.homepage footer .support a {width:205px; float:left; color:#FFF; font:bold 1.3em/2.2em 'Gentium Book Basic',serif; text-align:center; text-decoration:none; background:#228cc9; white-space:nowrap; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s;}
html.homepage footer .support a:hover {background-color:#004381;}
html.homepage footer .icons.grid_6 a:first-child {margin-left:0;}

html.homepage footer .metamenu {font-size:.9em;}
html.homepage footer .metamenu ul {margin-left:-5px;} /* indent to grid */
html.homepage footer .metamenu ul li {display:inline;}
html.homepage footer .metamenu ul li a {padding:0 .6em; color:#FFF;}

html.homepage .newsletter input {float:left;}
html.homepage .newsletter input[type=text] {width:255px; color:#666; height:34px; border-top:1px solid #c0d3e2; border-bottom:1px solid #c0d3e2; }
html.homepage body.ie .newsletter input[type=text] {width:258px;}
html.homepage .newsletter input[type=submit] {height:36px; font:bold 1.2em/1em 'Gentium Book Basic',serif; color:#FFF; background:#2797d2 url('/img/2013/iconset.png') 500px 0 no-repeat; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s;} /* set background-image for iphone-rendering */
html.homepage .newsletter input[type=submit]:hover {background-color:#004381;}

/* MEDIA QUERIES **************************** */
@media screen and (max-width:1015px) {
	#navigation ul li:first-child a {padding:0 0 0 25px; background-position:20px -180px;} /* adjusting first item */
}