/* roboto-100 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../fonts/roboto-v30-latin-ext_latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-ext_latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto-v30-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v30-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    font-family:Roboto,sans-serif;
    overflow-y:scroll;
    font-size:13px;
    background-color:#f8f8f8;
}

a:focus,a:hover { outline: none; text-decoration: none }
a:focus { color: #7c9dc3 }
.nav > li > a:hover, .nav > li > a:focus { background-color: inherit }

.visually-hidden { display: none }
.float-end { float: right }

.btn-primary,
.btn-primary:link,
.btn-primary:active,
.btn-primary:visited {
    background:#7c9dc3;
}
.btn-primary:hover {
    background:#6c8db3;
}

.container {
    max-width:960px;
    width:auto;
    padding-left:15px;
    padding-right:15px;
}
.row { width:auto; margin:0; }
[class*="span"] {
    width:100%;
    float:none;
    margin:0 0 30px 0;
}
[class*="offset"] { margin-left:0; }

@media (min-width:750px) {
    .row { margin-left:-15px; margin-right:-15px; margin-bottom:20px; }
    [class*="span"] {
	float:left;
	min-height:10px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:0;
	margin:0;
	box-sizing:border-box;
    }
    .span1  { width: 8.333333%; }
    .span2  { width:16.666667%; }
    .span3  { width:25%;        }
    .span4  { width:33.333333%; }
    .span5  { width:41.666667%; }
    .span6  { width:50%;        }
    .span7  { width:58.333333%; }
    .span8  { width:66.666667%; }
    .span9  { width:75%;        }
    .span10 { width:83.333333%; }
    .span11 { width:91.666667%; }
    .span12 { width:100%;       }

    .offset1  { margin-left: 8.333333%; }
    .offset2  { margin-left:16.666667%; }
    .offset3  { margin-left:25%;        }
    .offset4  { margin-left:33.333333%; }
    .offset5  { margin-left:41.666667%; }
    .offset6  { margin-left:50%;        }
    .offset7  { margin-left:58.333333%; }
    .offset8  { margin-left:66.666667%; }
    .offset9  { margin-left:75%;        }
    .offset10 { margin-left:83.333333%; }
    .offset11 { margin-left:91.666667%; }
}

a { color:#7c9dc3; }
a:hover { text-decoration:none; color:#f00087; }

strong, b { font-weight:700; }

h1, h2, h3 { font-weight:300; }
h1 { font-size:35px; line-height:40px; }
.page-header h1,
h2 { font-size:25px; line-height:30px; }
h3 { font-size:18px; line-height:23px; }
@media (min-width:750px) {
    h1 { font-size:55px; line-height:60px; letter-spacing:1px; }
    .page-header h1,
    h2 { font-size:28px; line-height:33px; }
    h3 { font-size:24px; line-height:29px; }
}

.error {
    color:#a94442;
    background-color:#f2dede;
    border:1px solid #ebccd1;
    padding:20px;
    border-radius:5px;
}

.element-invisible { display:none !important; }

#header {
    background-color:#fff;
    border-top:5px solid #ccdbf1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    z-index:90;
    height:95px;
}
#header .container { position:relative; }
#header a:hover { background-color:transparent; }
#header .meta .mod-menu,
#header #searchimg,
#header .search,
#langimg,
#header #mod-search-searchword { display:none; } 

#logo { position:absolute; top:10px; left:15px; }
#logo .image img { height:40px; width;auto; }
#logo .title { display:none; }

#langselect select {
    position:absolute;
    top:15px;
    right:80px;
    width:90px;
    display:inline !important;
    height:auto;
    margin:0;
    border-color:#7c9dc3;
    color:#7c9dc3;
}
#langselect .chzn-container { display:none; }

#header .navigation {
    display:block;
    position:fixed;
    top:65px;
    left:0;
    list-style-type:none;
    margin:0;
    background-color:#fff;
    width:100%;
    box-sizing:border-box;
    z-index:100;
    border-bottom:1px solid #ccdbf1;
}
#header .navigation ul { margin:0; }
#header .navigation ul li {
    display:block;
    list-style-type:none;
    text-align:center;
    border-top:1px solid #ccdbf1;
}
#header .navigation ul li a {
    padding:10px 20px;
    display:block;
    text-transform:uppercase;
    color:#333;
    font-weight:300;
    font-size:14px;
    line-height:15px;
}
html.js #header .navigation { display:none; }
#header .navigation.open { display:block !important; }

#top { height:85px; }

#mobilemenubutton {
    display:block;
    position:absolute;
    top:10px;
    right:20px;
    font-size:40px;
    line-height:40px;
    color:#7c9dc3;
    z-index:101;
}

#header .meta { margin-top: 18px; display:block; text-align:right;
    margin-right: 50px }
#header.loggedout .meta { margin-right: 0 }
#langselect { position:static; display:inline; margin-left:20px; }
@media (min-width:900px) {
    #header {
	height:130px;
    }
    #logo { top:20px; }
    #logo .image img { width:200px; height:auto; }
    #logo .title { display:block; color:#555; font-size:9px; }

    #header .navigation {
	display:block !important;
	position:static;
	border-bottom:none;
    }
    #header .navigation ul { margin:30px 0 0 0; text-align:right; } 
    #header .navigation ul li {
	border-top:none;
	display:inline;
	margin-left:20px;
	padding:0;
    }
    #header .navigation ul li a {
	display:inline-block;
	padding:6px 0 0 0;
	border-top:4px solid transparent;
	text-transform:uppercase;
	font-size:12px;
	color:#333;
    } 
    #header .navigation ul li a,
    #header .navigation ul li a:active,
    #header .navigation ul li a:visited,
    #header .navigation ul li a:link { background-color:transparent; }
    #header .navigation ul li.active a { border-color:#f00087; }

    #header .meta { margin-top: 20px; margin-right: 0 } 
    #header .meta .mod-menu { display:inline-block; }
    #header .meta ul { display:inline-block; margin:0; } 
    #header .meta li { display:inline-block; margin-left:20px; }
    #header .meta li a { display:inline-block; line-height:30px; } 
    #header .meta li .image-title { margin-left:10px; } 

    #langselect select { position:static; top:0; left:0; }
    #langimg { display:inline; }
    #header .meta .mod-languages { display:inline;  }
    #header .meta .mod-languages form { display:inline; }
    #header .meta .mod-languages select { width:auto; }

    #header .meta .mod-languages { overflow: hidden; width: 100px;
	position: relative; display: inline-block; height: 25px;
	border: 1px solid #7c9dc3; border-radius: 4px;
	vertical-align: middle;
	background:url(../images/langselectarrow.png) right 50% no-repeat;
    }
    /*
    #header .meta .mod-languages::before { position: absolute; top: 0px;
	right: 0px; display: block; height: 25px; width: 25px;
	color: #7c9dc3; text-align: center; font-style: normal;
	font-family: FontAwesome; content: '\f107';
	font-size: 14px; line-height: 25px; background: white }
    */
    #header .meta .mod-languages select,
    #langselect select { width: 130px; border: none; outline: none;
	background: transparent; height: 25px; line-height: 25px;
	-moz-appearance: none; font-size: 13px;
	font-family: Roboto, sans-serif; }
    #langselect select:active, #langselect select:focus { outline: none }

    #header #searchimg { display:inline; margin-right:5px; }
    #header .search,
    #header .search form { display:inline; }
    #header #mod-search-searchword {
	display:inline;
	border-radius:0;
	padding:2px;
	line-height:12px;
	font-size:11px;
	height:16px;
	color:#7c9dc3;
	border-color:#7c9dc3;
	width:180px;
    }
    #header #mod-search-searchword::-webkit-input-placeholder { color:#7c9dc3; }
    #header #mod-search-searchword:-moz-placeholder { color:#7c9dc3; }
    #header #mod-search-searchword::-moz-placeholder { color:#7c9dc3; }
    #header #mod-search-searchword:-ms-input-placeholder { color:#7c9dc3; }
    #header #mod-search-searchword:placeholder-shown { color:#7c9dc3; }

    #mobilemenubutton { display:none; }
    
    #top { height:130px; }
}

#footer {
    text-align:center;
    padding:20px 10px 10px 10px;
    border-top:5px solid #ccdbf1;
    margin-top:50px;
    background-color:#fff;
}
#footer b { color:#f00087; }

@media screen and (min-width:900px) {
    #footer span.mobileonly { display: none }
}

.search .result-category { display:none; }

.userdata .input-small { width:80%; }

.mainmenu ul { display:block; list-style-type:none; background-color:#f8f8f8; }
.mainmenu ul li { display:block; list-style-type:none; margin-bottom:-1px; }
.mainmenu ul li a {
    display:block;
    border:1px solid #ccc;
    padding:10px;
    color:#000;
    position:relative;
    z-index:0;
}
.mainmenu ul li.current > a,
.mainmenu ul li a:hover {
    background-color:#f00087;
    border-color:#f00087;
    color:#fff;
    z-index:1;
}
.mainmenu ul li ul { margin-top:-1px; margin-left: 0 }
.mainmenu ul li ul li a { padding-left:30px; }
.mainmenu ul li a.mobileonly { display: none }

@media (max-width:899px) {
    .mainmenu { display:none; }
    .mainmenu ul li a.mobileonly { display: block }
    body > .container > .row > .span3 { min-height:0 !important; }
}

.splash { position:relative; }
.splash .splashimage { width:100%; height:auto; }
.splash .splashcontent { position:absolute; top:0; left:0; width:100%; color:#fff; }

.aboutus .fork,
.aboutus .icon { display:none; }
@media (min-width:750px) {
    .aboutus { margin:50px 0; }
    .aboutus h1 { text-align:center; }
    .aboutus .fork {
	display:block;
	height:60px;
	background:url(../images/fork.png) 50% 50% no-repeat;
	background-size:contain;
	margin:20px 0;
    }
    .aboutus .icon {
	display:block;
	text-align:center;
    }
    .aboutus .icon i {
	display:inline-block;
	height:40px;
	width:40px;
	line-height:40px;
	font-size:25px;
	text-align:center;
	border-radius:20px;
	border:1px solid #7c9dc3;
    }
    .aboutus a.icon:hover i,
    .aboutus .active .icon i {
	color:#fff;
	background-color:#f00087;
	border:1px solid #f00087;
    }
    .aboutus h2 { text-align:center; }
    .aboutus .text { text-align:center; }
    .aboutus .more { text-align:center; font-size:14px; }
    .aboutus .active .more a { color:#f00087; }
}

.parallax { display:none; }
@media (min-width:750px) {
    .parallax { display:block; position:relative; overflow:hidden; }
    .parallax .parallaximage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
    }
    .parallax .parallaximage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
    }
    .parallax .parallaxcontent {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	color:#fff;
	transform:translate(0, -50%);
    }
}

.tabsaccordion { margin:50px 0; }
.tabsaccordion h1 { text-align:center; margin-bottom:50px; }
.tabmenu {
    display:block;
    list-style-type:none;
    margin:0;
    border:1px solid #ccc;
    background-color:#fff;
}
.tabmenu li { display:block; border-top:1px solid #ccc; }
.tabmenu li:first-child { border-top:none; }
.tabmenu a {
    display:block;
    padding:5px 10px;
    border-left:10px solid #fff;
    color:#333;
    text-decoration:none;
    font-size:12px;
    font-weight:300;
}
.tabmenu li a:hover { color:#f00087; }
.tabmenu li.active a { color:#fff; background-color:#f00087; }
.locator {
    display:inline-block;
    background-color:#ccdbf1;
    color:#fff;
    font-size:10px;
    line-height:10px;
    padding:3px 10px;
    margin-bottom:10px;
}
.accordion { border:1px solid #ccc; }
.accordion .accordionheader {
    font-size:16px;
    line-height:16px;
    border-top:1px solid #ccc;
    padding:10px;
    margin:0;
    padding-left:40px;
    position:relative;
}
.accordion .accordionheader:before {
    display:block;
    position:absolute;
    top:6px;
    left:10px;
    height:20px;
    width:20px;
    border-radius:10px;
    border:1px solid #7c9dc3;
    color:#7c9dc3;
    line-height:20px;
    text-align:center;
    font-style:normal;
    font-family:FontAwesome;
    content:"\f106";
}
.accordion .accordionheader.active:before { content:"\f107"; }
.accordion .accordionbody { font-size:13px; padding:0 10px 10px 10px; }
html.js .accordion .accordionheader { cursor:pointer; }
html.js .accordion .accordionbody { display:none; }
.accordion .accordionheader:first-child { border-top:none; }

.tabs { padding-top:50px; padding-bottom:50px; }
.tabs h1 { margin-bottom:50px; text-align:center; }

.extranetlogin {
    background:url(../images/extranet-bg.jpg) 50% bottom no-repeat;
    background-size:cover;
    min-height:200px;
    padding:20px 0;
}
.extranetlogin input.text {
    border:none;
    border-radius:0;
    padding:0 10px;
    width:150px;
    height:40px;
    line-height:40px;
    margin-right:10px;
    margin-bottom:5px;
}
.extranetlogin button {
    color:#fff;
    text-shadow:none;
    border:none;
    border-radius:20px;
    display:inline-block;
    background:#000;
    line-height:40px;
    height:40px;
    width:40px;
    text-align:center;
    font-size:20px;
    padding:0;
}

.contact .container {
    background-position:50% top;
    background-repeat:no-repeat;
    background-size:contain;
    padding-bottom:50px;
}
.contact h1, .contact h3 { text-align:center; }
.contact .row { margin-top:30px; }
.contact .icon {
    padding-left:65px;
    padding-top:5px;
    font-size:20px;
    position:relative;
    box-sizing:border-box;
    line-height:30px;
}
.contact .icon i {
    display:block;
    font-size:25px;
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:20px;
    background-color:#f00087;
    color:#fff;
    text-align:center;
    position:absolute;
    top:0;
    left:15px;
}
.contact input.text,
.contact textarea {
    border-radius:0;
    line-height:30px;
    padding:5px 10px;
    width:100%;
    box-sizing:border-box;
}
.contact input.text { height:40px; margin-bottom:10px; }
.contact textarea { height:140px; }
.contact .buttons { margin-top:10px; text-align:center; }
.contact .buttons button {
    display:inline-block;
    height:40px;
    width:40px;
    line-height:40px;
    border:none;
    border-radius:20px;
    background-color:#000;
    color:#fff;
    text-align:center;
    font-size:20px;
    padding:0;
}

.press { padding:0; }
.press .pressentry {
    display:block;
    color:#333;
    margin-bottom:30px;
}
.press .pressentry .image {
    height:0;
    padding-bottom:40%;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
    position:relative;
    background-color:#fff;
}
.press .pressentry .image .linkicon {
    display:none;
}
.press .pressentry .content {
    background-color:#fff;
    padding:15px;
}
.press .pressentry .content h4 {
    margin:0 0 10px 0;
    font-size:15px;
    font-family:Roboto,sans-serif;
    font-weight:400;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#888;
}
.press .pressentry .content .body {
    font-size:12px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.press .pressentry .icons { color:#ccdbf1; font-size:12px; line-height:15px; }
.press .pressentry .icons i {
    font-size:15px;
    line-height:15px;
    color:#f00087;
}
@media (min-width:750px) {
    .press .pressentries { margin-left:-20px; margin-right:-20px; }
    .press .pressentries:after {
	display:block;
	content:" ";
	width:0;
	height:0;
	overflow:hidden;
	clear:left;
    }
    .press .pressentry {
	float:left;
	width:33.33%;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	margin-bottom:30px;
    }
    .press .pressentry .image {
	padding-bottom:75%;
    }
    .press .pressentry .image .linkicon {
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	left:50%;
	background-color:#f00087;
	color:#fff;
	font-size:25px;
	line-height:40px;
	text-align:center;
	border-radius:20px;
	margin-left:-20px;
	margin-top:-20px;
	display:none;
    }
    .press .pressentry:hover .image .linkicon {
	display:block;
    }
    .press .pressentry .content {
	border-bottom:8px solid #fff;
    }
    .press .pressentry:hover .content {
	border-bottom:8px solid #f00087;
    }
    .press .pressentry .content h4 {
	height:54px;
    }
    .press .pressentry .content .body {
	height:80px;
    }
}

.infoentry { margin-bottom:30px; }
.infoentry .content {
    background-color:#fff;
    position:relative;
    padding:20px;
    margin-top:-25px;
    z-index:10;
}
.infoentry .content h3 { margin-top:0; }
.infoentry .icon {
    border:1px solid #7c9dc3;
    border-radius:25px;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:30px;
    color:#7c9dc3;
    margin-left:20px;
    background-color:#fff;
    position:relative;
    z-index:11;
}
@media (min-width:750px) {
    .infoentry {
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
    }
    .infoentry .icon {
	position:absolute;
	top:50%;
	margin-top:-70px;
	border-radius:70px;
	width:140px;
	height:140px;
	line-height:140px;
	font-size:70px;
	background-color:transparent;
	margin-left:0;
    }
    .infoentry .content { margin-top:0; }
    .infoentry.iconleft { padding-left:170px; }
    .infoentry.iconleft .icon { left:0; }
    .infoentry.iconright { padding-right:170px; }
    .infoentry.iconright .icon { right:0; }
    .infoentry.iconleft .content:after {
	display:block;
	content:" ";
	overflow:hidden;
	width:10px;
	height:20px;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-right:10px solid #fff;
	position:absolute;
	top:50%;
	left:-10px;
	margin-top:-10px;
	box-sizing:border-box;
    }
    .infoentry.iconright .content:after {
	display:block;
	content:" ";
	overflow:hidden;
	width:10px;
	height:20px;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid #fff;
	position:absolute;
	top:50%;
	right:-10px;
	margin-top:-10px;
	box-sizing:border-box;
    }
}

.circularcategory .years {
    display:block;
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0;
}
.circularcategory .years li {
    display:inline;
    list-style-type:none;
    margin-right:2px;
}
.circularcategory .years li a {
    display:inline-block;
    padding:2px 5px;
}
.circularcategory .years li.active a {
    background-color:#f00087;
    color:#fff;
}
.circularcategory .attachmenttoggle {
    white-space:nowrap;
}
html.js .circularcategory .attachments { display:none; }

.pageheadline {
    padding:70px 0 50px 0;
}
.pageheadline span {
    color:#f00087;
    font-family:/* "Droid Serif", */ serif;
    font-weight:700;
    font-style:italic;
}

.breadcrumb { background-color:transparent; border-radius:0; padding:0; }
.breadcrumb li { text-shadow:none; }
.breadcrumb .divider { display:none; }
.breadcrumb a, .breadcrumb span {
    display:inline-block;
    background-color:#ccdbf1;
    color:#fff;
    padding:3px 10px;
    margin-right:10px;
}
.breadcrumb a span { padding:0; margin:0; display:inline; }

.page-header { padding:0; margin:0; border:none; }

.userlogin {
    position:absolute;
    top:60px;
    right:0;
    width:100%;
    height:30px;
}
@media (min-width:900px) {
    .userlogin {
	right:15px;
	top:70px;
	height:50px;
	width:500px;
    }
}
.userlogin .input-group-text,
.userlogin .add-on {
    border:none;
    text-shadow:none;
    border-radius:10px !important;
    background-color:#000;
    color:#fff;
    width:20px;
    height:20px;
    padding:0;
    line-height:20px;
    text-align:center;
    font-size:13px;
    float: left;
}
.userlogin .input-group-text { position: absolute; top: 0; left: 0 }
.userlogin .input-group-text span,
.userlogin .add-on span { background-image:none; }
.userlogin .input-group-text span:before,
.userlogin .add-on span:before { font-family:FontAwesome; display:inline; }
.userlogin input[type=text],
.userlogin input[type=password],
.userlogin .input-small {
    width:125px;
    margin-left:25px;
    border-radius:0;
    border-color:#f00087;
    background-color:transparent;
    color:#f00087;
    height:20px;
    line-heigth:20px;
    padding:0 5px;
    font-size: 11px;
}
.userlogin .input-small::-webkit-input-placeholder { color:#f00087; }
.userlogin input[type="text"]::placeholder,
.userlogin input[type="password"]::placeholder,
.userlogin .input-small:-moz-placeholder { color:#f00087; opacity:1; }
.userlogin .input-small::-moz-placeholder { color:#f00087; opacity:1; }
.userlogin .input-small:-ms-input-placeholder { color:#f00087; }

.userlogin,
.userlogin .input-prepend input { font-size: 9pt }
.userlogin .mod-login__submit .btn-primary,
.userlogin .controls .btn-primary { font-size: 9pt }
.userlogin input[type="text"],
.userlogin input[type="password"],
.userlogin .input-small { width: 80px }
.userlogin .mod-login__username,
#form-login-username {
    position:absolute;
    top:0;
    right:217px;
    width:120px;
}
.userlogin .mod-login__username .input-group-text span:before,
#form-login-username .add-on span:before { content:"\f007"; }
.userlogin .mod-login__password,
#form-login-password {
    position:absolute;
    top:0;
    right: 90px;
    width:120px;
}
.userlogin .input-password-toggle { display: none }
.userlogin .mod-login__password .add-on span:before,
#form-login-password .add-on span:before { content:"\f13e"; }
.userlogin .mod-login__password .input-group:before { content: "\f13e";
    font-family: FontAwesome; color: white; background: black;
    border-radius: 2em; width: 1.4em; height: 1.4em; display: block;
    position: absolute; top: 0; left: 0; padding-left: .3em;
    box-sizing: border-box }
.mod-login__remember,
#form-login-remember { display:none; }
@media (min-width:900px) {
    .userlogin .mod-login__username,
    #form-login-username { right: 307px; width: 180px }
    .userlogin .mod-login__password,
    #form-login-password { right: 120px; width: 180px }
    .userlogin, .userlogin .input-preprend input { font-size: 14px }
    .userlogin .mod-login__submit .btn-primary,
    .userlogin .controls .btn-primary { font-size: 17px }
    .userlogin input[type="text"],
    .userlogin input[type="password"],
    .userlogin .input-small { width: 125px }
    .mod-login__remember,
    #form-login-remember {
	display:block;
	position:absolute;
	top:30px;
	right:0;
	color:#f00087;
	padding:0;
	margin:0;
    }
    .mod-login__remember > div { white-space: nowrap }
    .mod-login__remember input[type=checkbox] { margin-top: 0 }
    .mod-login__remember label,
    #form-login-remember label { margin:0; font-size:12px;
	display: inline-block }
}
.userlogin .btn-primary {
    position:absolute;
    top:0;
    right:15px;
    border:none;
    border-radius:0;
    background:none;
    background-color:transparent;
    box-shadow:none;
    text-shadow:none;
    padding:0;
    margin:0;
    line-height:20px;
    font-size:17px;
    color:#f00087;
}
@media (min-width:900px) {
    .userlogin .btn-primary { right:0; }
}

.userlogin .btn-primary:after {
    display:inline;
    font-family:FontAwesome;
    content:"\f105";
    margin-left:5px;
}
.userlogin .list-unstyled,
.userlogin .unstyled { display:none; }
@media (min-width:900px) {
    .userlogin .list-unstyled li + li { float: left }
    .userlogin .list-unstyled,
    .userlogin .unstyled {
	display:block;
	list-style-type:none;
	position:absolute;
	top:30px;
	right:120px;
	margin:0;
	white-space:nowrap;
    }
    .userlogin .list-unstyled li,
    .userlogin .unstyled li {
	display:inline;
	list-style-type:none;
	margin-right:43px;
    }
    .userlogin .list-unstyled a,
    .userlogin .unstyled a { white-space:nowrap; color:#f00087; font-size:12px; }
    .userlogin .list-unstyled a:hover,
    .userlogin .unstyled a:hover { color:#f00087; text-decoration:underline; }
}

.userlogin .login-greeting {
    color:#f00087;
    font-size:12px;
    position:absolute;
    top:0;
    left:15px;
    width:75%;
    white-space:nowrap;
    overflow:hidden;
}
@media (min-width:900px) {
    .userlogin .login-greeting {
	font-size:17px;
	left:0;
	width:400px;
    }
}
.userlogin .mod-menu { display:none; }
@media (min-width:900px) {
    .userlogin .mod-menu {
	display:block;
	position:absolute;
	top:20px;
	left:0;
	margin:0;
	list-style-type:none;
    }
    .userlogin .mod-menu li {
	display:inline;
	margin-right:20px;
	list-style-type:none;
    }
    .userlogin .mod-menu a { font-size:12px; color:#f00087; display:inline; }
    .userlogin .mod-menu a:hover { color:#f00087; text-decoration:underline; }
}
.userlogin .logout-button .btn-primary { top:0; right:15px; }
@media (min-width:900px) {
    .userlogin .logout-button .btn-primary { right:0; }
}

.member { height: 300px }
.member .image { height: 80px; line-height: 80px; vertical-align: middle }
.member .image img { height: auto; width: auto; max-height: 100%;
	max-width: 100% }

#mobilemenu {
    display:block;
    position:fixed;
    top:0;
    right:0;
    height:100%;
    max-width:75%;
    width:0;
    transition:width 0.3s;
    overflow:hidden;
    background-color:#ccdbf1;
    z-index:100;
}
#mobilemenu.open { width:300px; }
#mobilemenu ul {
    display:block;
    list-style-type:none;
    padding:20px;
    margin:0;
}
#mobilemenu ul li {
    display:block;
    list-style-type:none;
}
#mobilemenu ul li a,
#mobilemenu ul li a:link,
#mobilemenu ul li a:active,
#mobilemenu ul li a:visited {
    display:block;
    padding:5px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:15px;
    color:#f00087;
    background-color:transparent;
}
#mobilemenu ul li a:hover { text-decoration:underline; }
#mobilemenu ul li ul { padding:0; margin-left:20px; }

.alert, .alert h4 { color: #333 }
.alert { background: #f5f5f5; border-color: #e3e3e3 }
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus { border-color: #f00087 }

@media screen and (max-width: 600px) {
	.circularcategory table.table { font-size: 85% }
}
.circularcategory .attachments table.attach td { border: none;
	padding: 2px; vertical-align: top }
.circularcategory .attachments .anlagenr { width: 6em; white-space: nowrap }

#langselect { cursor: default }
.nolangselect { width: 100px; display: inline-block; height: 25px;
	border: 1px solid #7c9dc3; border-radius: 4px;
	vertical-align: middle; text-align: left;
	padding-left: 10px; font-size: 13px; line-height: 25px;
	color: #7c9dc3 }

.label-info, .badge-info { background-color: #f00087 }

fieldset.onlycategories legend { font-size: 13px; line-height: 20px;
	border: 0; margin-bottom: 2px; font-weight: bold;
	margin-top: 10px }
fieldset.onlycategories label { font-size: 13px; line-height: 24px;
	display: inline-block; width: auto; margin-right: 20px;
	white-space: nowrap }

.pagination { list-style: none; display: flex }
.page-link { padding: .3em .8em; font-size: 1em; color: #7c9dc3;
	background-color: white; border: 1px solid #ddd;
	text-decoration: none; display: block; position: relative }
.page-link:hover { color: #f00087; background-color: #f5f5f5 }
.page-link:focus { color: #7c9dc3; background-color: #f5f5f5 }
.page-link.active,
.active > .page-link { color: #999; background-color: #f5f5f5 }
.page-link.disabled,
.disabled > .page-link { color: #999; background-color: transparent }
.page-item:not(:first-child) .page-link { margin-left: -1px }
.page-item:first-child .page-link {
	border-top-left-radius: .2em; border-bottom-left-radius: .2em }
.page-item:last-child .page-link {
	border-top-right-radius: .2em; border-bottom-right-radius: .2em }

.btn > span.icon-check { display: none }
.btn > span.icon-times { display: none }

@font-face {
	font-family: 'IcoMoon';
	src: url('../fonts/IcoMoon.eot');
	src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
	background: transparent;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}
.icon-joomla:before {
	content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-4:before {
	content: "\e201";
}
.icon-arrow-right-4:before {
	content: "\e202";
}
.icon-arrow-down-4:before {
	content: "\e203";
}
.icon-arrow-left-4:before {
	content: "\e204";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-forward-2:before {
	content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
	content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
	content: "\6c";
}
.icon-undo-2:before {
	content: "\e207";
}
.icon-move:before {
	content: "\7a";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-play:before {
	content: "\e208";
}
.icon-pause:before {
	content: "\e209";
}
.icon-stop:before {
	content: "\e210";
}
.icon-angle-left:before,
.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-angle-right:before,
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-angle-double-left:before,
.icon-first:before {
	content: "\7d";
}
.icon-angle-double-right:before,
.icon-last:before {
	content: "\e000";
}
.icon-play-circle:before {
	content: "\e00d";
}
.icon-pause-circle:before {
	content: "\e211";
}
.icon-stop-circle:before {
	content: "\e212";
}
.icon-backward-circle:before {
	content: "\e213";
}
.icon-forward-circle:before {
	content: "\e214";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-search:before {
	content: "\53";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-brush:before {
	content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
	content: "\5d";
}
.icon-minus-sign:before,
.icon-minus-2:before {
	content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}
.icon-ban-circle:before,
.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}
.icon-checkmark-2:before {
	content: "\e218";
}
.icon-checkmark-circle:before {
	content: "\e219";
}
.icon-info:before {
	content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
	content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
	content: "\e222";
}
.icon-notification:before {
	content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
	content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
	content: "\e225";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-square:before {
	content: "\e226";
}
.icon-radio-unchecked:before {
	content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
	content: "\e228";
}
.icon-circle:before {
	content: "\e229";
}
.icon-signup:before {
	content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-list-2:before {
	content: "\e231";
}
.icon-menu-3:before {
	content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-folder-plus:before {
	content: "\e234";
}
.icon-folder-minus:before {
	content: "\e235";
}
.icon-folder-3:before {
	content: "\e236";
}
.icon-folder-plus-2:before {
	content: "\e237";
}
.icon-folder-remove:before {
	content: "\e238";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-2:before {
	content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-file-minus:before {
	content: "\e017";
}
.icon-file-check:before {
	content: "\e240";
}
.icon-file-remove:before {
	content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-stack:before {
	content: "\e242";
}
.icon-tree:before {
	content: "\e243";
}
.icon-tree-2:before {
	content: "\e244";
}
.icon-paragraph-left:before {
	content: "\e246";
}
.icon-paragraph-center:before {
	content: "\e247";
}
.icon-paragraph-right:before {
	content: "\e248";
}
.icon-paragraph-justify:before {
	content: "\e249";
}
.icon-screen:before {
	content: "\e01c";
}
.icon-tablet:before {
	content: "\e01d";
}
.icon-mobile:before {
	content: "\e01e";
}
.icon-box-add:before {
	content: "\51";
}
.icon-box-remove:before {
	content: "\52";
}
.icon-download:before {
	content: "\e021";
}
.icon-upload:before {
	content: "\e022";
}
.icon-home:before {
	content: "\21";
}
.icon-home-2:before {
	content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
	content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
	content: "\e251";
}
.icon-link:before {
	content: "\e252";
}
.icon-picture:before,
.icon-image:before {
	content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
	content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
	content: "\e014";
}
.icon-camera:before {
	content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
	content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
	content: "\56";
}
.icon-music:before {
	content: "\57";
}
.icon-user:before {
	content: "\22";
}
.icon-users:before {
	content: "\e01f";
}
.icon-vcard:before {
	content: "\6d";
}
.icon-address:before {
	content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
	content: "\26";
}
.icon-enter:before {
	content: "\e257";
}
.icon-exit:before {
	content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
	content: "\24";
}
.icon-comments-2:before {
	content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
	content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
	content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
	content: "\e259";
}
.icon-phone:before {
	content: "\e260";
}
.icon-phone-2:before {
	content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
	content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
	content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";
}
.icon-briefcase:before {
	content: "\e020";
}
.icon-tag:before {
	content: "\e262";
}
.icon-tag-2:before {
	content: "\e263";
}
.icon-tags:before {
	content: "\e264";
}
.icon-tags-2:before {
	content: "\e265";
}
.icon-options:before,
.icon-cog:before {
	content: "\38";
}
.icon-cogs:before {
	content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
	content: "\36";
}
.icon-wrench:before {
	content: "\3a";
}
.icon-equalizer:before {
	content: "\39";
}
.icon-dashboard:before {
	content: "\78";
}
.icon-switch:before {
	content: "\e266";
}
.icon-filter:before {
	content: "\54";
}
.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
	content: "\23";
}
.icon-unlock:before {
	content: "\e267";
}
.icon-key:before {
	content: "\5f";
}
.icon-support:before {
	content: "\46";
}
.icon-database:before {
	content: "\62";
}
.icon-scissors:before {
	content: "\e268";
}
.icon-health:before {
	content: "\6a";
}
.icon-wand:before {
	content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
	content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
	content: "\e269";
}
.icon-clock:before {
	content: "\6e";
}
.icon-compass:before {
	content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
	content: "\e01b";
}
.icon-book:before {
	content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
	content: "\79";
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
}
.icon-feed:before {
	content: "\71";
}
.icon-calendar:before {
	content: "\43";
}
.icon-calendar-2:before {
	content: "\44";
}
.icon-calendar-3:before {
	content: "\e273";
}
.icon-pie:before {
	content: "\77";
}
.icon-bars:before {
	content: "\76";
}
.icon-chart:before {
	content: "\75";
}
.icon-power-cord:before {
	content: "\32";
}
.icon-cube:before {
	content: "\33";
}
.icon-puzzle:before {
	content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
	content: "\72";
}
.icon-lamp:before {
	content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
	content: "\73";
}
.icon-location:before {
	content: "\63";
}
.icon-shield:before {
	content: "\e274";
}
.icon-flag:before {
	content: "\35";
}
.icon-flag-3:before {
	content: "\e275";
}
.icon-bookmark:before {
	content: "\e023";
}
.icon-bookmark-2:before {
	content: "\e276";
}
.icon-heart:before {
	content: "\e277";
}
.icon-heart-2:before {
	content: "\e278";
}
.icon-thumbs-up:before {
	content: "\5b";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}
.icon-star-2:before {
	content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
	content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
	content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
	content: "\e280";
}
.icon-smiley-sad:before {
	content: "\e281";
}
.icon-smiley-sad-2:before {
	content: "\e282";
}
.icon-smiley-neutral:before {
	content: "\e283";
}
.icon-smiley-neutral-2:before {
	content: "\e284";
}
.icon-cart:before {
	content: "\e019";
}
.icon-basket:before {
	content: "\e01a";
}
.icon-credit:before {
	content: "\e286";
}
.icon-credit-2:before {
	content: "\e287";
}
.icon-expired:before {
	content: "\4b";
}

.extranetsearch select { width: 120px; vertical-align: middle; font-size: 10pt;
	margin-bottom: 2px }

hr { margin: 5px 0; border: 0; border-top: 1px solid #bbb;
	border-bottom: 1px solid: #ccc }

.itemid-480 .item-page table,
.itemid-481 .item-page table,
.itemid-482 .item-page table { border-collapse: separate; border-spacing: 2px }

.itemid-480 .item-page table td,
.itemid-481 .item-page table td,
.itemid-482 .item-page table td { vertical-align: top; background: white;
	padding: 3px }