/* global
============= */

html {
  overflow-y: scroll;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #4c4c4c;
  background: #fff url(../images/bgOPK.png);
}

a {
  color: #c53075;
}

/* Google Maps fix for error with Bootstrap */
div[id*='gmap'] img, div[id*='GMap'] img { max-width: none; }

/* header
============= */

header
{
  height: 128px;
  background: url(../images/bcg_header.png) repeat-x bottom;
  position: absolute;
  z-index: 9;
  width: 100%;
}


header > div{
  height: 128px;
  position: relative;
  padding-top: 0px;
}
#logo {
  display: block;
  text-align: center;
  position: absolute;
  top: 50px;
  left: 0;
}


/* main menu
============= */
nav.top {
  float: right;
  top: 0px;
  position: relative;
}

nav.top .row-fluid {
  min-height: 128px;
  margin-bottom: 0px;
}
nav.top ul {
  list-style: none;
  font-size: 14px;
  margin: 0;
}
#mainmenu {
  text-transform: uppercase;
  position: relative;
  margin-top: 15px;
}
#mainmenu > li {
  position: relative;
  min-height: 52px;
  float: left;
  text-transform: uppercase;
  font-weight: 300;
  background: url(../images/bcg_mainmenu.png) no-repeat left center;
  padding: 0 5px;
}
#mainmenu > li:first-child {
  background: transparent;
}
#mainmenu > li > a {
  position: relative;
  display: block;
  height: 52px;
  line-height: 52px;
  border: 1px solid transparent;
  border-bottom: none;
}
#mainmenu > li > a > span:first-child {
  padding: 0 15px;
}

#mainmenu > li .sf-sub-indicator {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 6px;
  background: url('../images/sprite.png') no-repeat;
  top: -1px;
  right: 8px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  border:none;
}
#mainmenu > .sfHover > a > .sf-sub-indicator, #mainmenu > .active > a > .sf-sub-indicator {
  background-position: -0px -0px;
}
#mainmenu a {
  position: relative;
  color: #222;
  text-decoration: none;
}
#mainmenu > li.sfHover > a, #mainmenu > li.sfHover > a:hover {
  background: #ffffff;
  border-color: #eadeea;
  position: relative;
  z-index: 19;
}

#mainmenu li.active li.active > a, #mainmenu li.active li.active > a:hover {
}

#mainmenu > li.active > a, #mainmenu li.active > a, #mainmenu li.active > a:hover, #mainmenu > li.active > a:hover {
}

#mainmenu > li > a:hover, #mainmenu > .sfHover > a {
}
#mainmenu ul {
  position: absolute;
  z-index: 8;
}
#mainmenu > li > ul {
  top: 52px;
  left: 5px;
  visibility: hidden;
}
#mainmenu > li ul {
  border: 1px solid #eadeea;
}
/* submenu level 1 */
#mainmenu > li > ul li {
  position: relative;
  font-size: 13px;
}
#mainmenu > li > ul li a {
  min-height: 40px;
  line-height: 40px;
  position: relative;
  display: block;
  background: #ffffff;
}
#mainmenu > li ul li:hover > a {
  background: #f9eaf1;
  position: relative;
}
#mainmenu > li ul li.active > a {
  position: relative;
}

#mainmenu > li > ul li ul {
  position: absolute;
  top: 0;
  left: 182px;
}
#mainmenu > li > ul li a span:first-child {
  width: 140px;
  position: relative;
  display: block;
  margin-left: 2px;
  padding: 10px 20px;
  line-height: 20px;
}
#mainmenu > li > ul li:first-child > a span:first-child {
}
#mainmenu > li > ul .sf-sub-indicator {
  position: absolute;
  display: inline-block;
  width: 3px;
  height: 6px;
  background: url('../images/sprite.png') no-repeat -0px -6px;
  top:18px;
  left: 170px;
}
#mainmenu > li > ul li:hover .sf-sub-indicator {
}

/* for select menu on small resolution */
.responsive-small {
  display: none;
}
nav select {
  width: 80%;
  margin: 11px auto;
}


/* slider
============= */

#slider-window {
  background: #fff;
  min-height: 0;
  border-bottom: 1px solid #e7c4df;
  box-shadow: 0 0 5px #e7c4df;
}
.flexslider li {
  position: relative;
}
.flexslider .slideBox {
  position: absolute;
  top: 150px;
  left: 0px;
  color: #fff;
  line-height: 46px;
  padding: 0 0px;
  text-transform: uppercase;
}
.flexslider .slideBox h3 {
  font-size: 76px;
  font-weight:100;
  margin:0 0 0 0;
  padding:0;
  color: #c53075;
  line-height: 96px;
}
 .flexslider .slideBox h3 a{
  color: #c53075;
   text-decoration: none;
}
.flexslider .slideBox p {
  font-size: 39px;
  font-weight: 100;
  color: #e786ba;
  max-width: 475px;
}

/* firstpage */
.address { 
	background:#fff;
	font-size:12px;
	min-height:290px !important;
}
.address h2 {
	margin:0;
	text-transform: uppercase;
	font-size:16px;
	padding:0 0 0 32px;
}


/* introtext
============= */
#introText {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
}
#introText em {
  font-style: normal;
  color: #aa6e1c;
}
#introText .text {
  padding: 24px 38px 42px 38px;
}

/* shortcuts
============= */
#shortcuts {
  background: #f8f8f8;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}
#shortcuts a {
  display: block;
  padding: 50px 8px 35px 8px;
  text-align: center;
  font-size: 13px;
  color: #9d9d9d;
}
#shortcuts a:hover {
  background: #ebebeb;
  text-decoration: none;
}
#shortcuts a .title {
  font-size: 16px;
  line-height: 26px;
  color: #171717;
  text-transform: uppercase;
}

/* subpage breadcrumbs
============= */
#breadcrumbs {
  background: #eeeeee;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  line-height: 35px;
  font-size: 13px;
}
#breadcrumbs a {
  color: #f3951e;
}
#breadcrumbs a.active {
  color: inherit;
}
#breadcrumbs a.active:hover {
  text-decoration: none;
}



/* content
============= */

#content .article {
  padding: 15px 20px;
}
#content.subpage .article {
  margin-top: 30px;

  border-radius: 6px;
  box-shadow: 0 0 5px #dd9db7;
  background: #ffffff;
}

#content .article p {
  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
}

h1,h2,h3,h4,h5,h6
{
  color: #6f6f6f;
}

h1 {
  font-weight:300;
  font-size:36px;
  line-height:1em;
}
h2 {
  font-weight:500;
  font-size:32px;
}
h3 {
  font-weight:300;
  font-size:28px;
}
h4 {
  font-weight:500;
  font-size:24px;
}
h5 {
  font-weight:300;
  font-size:22px;
}
h6 {
  font-weight:500;
  font-size:18px;
}

blockquote {
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
	font: italic normal 12pt/1.2em Georgia;
	color: #777;
}

blockquote:before {
	color:#aaa;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
}


/* Footer */
#footer {
	background: #fff;
  border-top: 1px solid #eadeea;
  box-shadow: 0 0 4px #eadeea;
  opacity: 0.7;
  filter:alpha(opacity=70);
  margin-top: 15px;
}
#footer .container {
	font-size:14px;
  line-height: 18px;
  color: #000;
  padding-top: 25px;
  padding-bottom: 24px;
}
#footer .pull-right {
	text-align: right;
}
#footer .blocky {
  margin-top: 10px;
}
#footer a {
  color: #000;
}
#footer .footerTxt ul {
  list-style: none;
  margin: 0;
}
#footer .footerTxt ul li {
  clear: both;
  margin-bottom: 15px;
  line-height: 30px;
}
#footer .footerTxt ul li.multiline{
  line-height: 16px;
}
#footer .footerTxt ul li .icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  margin-right: 12px;
  float: left;
  background: #6f6f6f;
  font-size: 14px;
  -webkit-box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.3);

}

/* footer visto addon at the bottom */
#footerVisto {
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 50px;
  margin-bottom: 2px;
  opacity: 0.7;
}
#footerVisto .container {
  border-top: 1px solid #eee4ee;
}
#footerVisto .ref {
  text-align: right;
}
#footerVisto .ref a {
  color: #000;
  padding: 0 4px;
}



/* LeftCol */
#leftCol{
  padding-top: 10px;
}
#leftCol div.box {
  padding: 15px 20px;
  margin-bottom: 0px;
}
#leftCol .box {
  border-radius: 6px;
  box-shadow: 0 0 5px #dd9db7;
  background: #ffffff;
  margin: 20px 0;
}
#leftCol h5 {
	color:#c53075;
  margin: 0px;
  line-height: 30px;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}
#leftCol ul {
  list-style: none;
}
#leftColMenu {
	font-size:14px;
	margin-bottom:50px;
  margin: 0;
}
#leftColMenu li {
	font-size:13px;
	text-transform: none;
  font-weight: 300;
}
#leftColMenu .active > a {
	color:#ba216b;
}
#leftColMenu li a {
	background:url(../images/bullet.png) no-repeat 0px center;
	padding:5px 5px 5px 15px;
	display:block;
	color:#000;
}
#leftColMenu li a:hover {
	color:#ba216b;
	text-decoration:none;
}
.menuChild li {
	border: none !important;
	padding:0 0 0 20px;
	font-size:11px !important;
	line-height:13px;
}
.menuChild li a {
	color:#666 !important;
}
.ac321tive a {
	color:#333 !important;
	font-weight:900;
}

.teaserContainer>p {
	font-size:12px !important;
	text-align:justify;
	padding:0px 5px 20px 0;
}

/* Sidebar (left Column) Latest news */
#leftCol .latestNews.box .news-item {
  position: relative;
  display: block;
  margin: 10px 0 25px 0;
}

#leftCol .latestNews.box .news-item .readMore {
  display: none;
}

#leftCol .latestNews.box .news-item .title {
  display: block;
  text-transform: none;
}






/* Gallery */
.highslide-gallery h6 {
	font-size:13px;
	font-weight:300;
}

/*Lists */
.listContainer {
	border-top: 1px solid #ddd;
	padding: 10px 20px;
	background: #f4f4f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
	background: linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.listContainer h4 {
	font-size:18px;
	font-weight:300;
}
.listContainer>p {
	font-size:12px !important;
	font-weight:500;
}
/* Misc */
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 50px;
	overflow: hidden;
	width: 57px;
	height: 57px;
	border: none;
	text-indent: 100%;
	background: url(../images/elements/toTop.png) no-repeat;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-size:0;
}
#main-content img[align="left"] {
	padding: 5px 15px 0 0px;
}
#main-content img[align="right"] {
	padding: 5px 0px 0 15px;
}
#map_canvas {
	width:100%;
	max-width: none;
}
.error404 {
	background:url(../images/404.png) no-repeat center center;
	min-height:450px !important;
}


/* Indexing */
ul.indexing {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.indexing li {
  min-height: 200px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* FAQ */
ul.faq-list {
  list-style: decimal;
  padding: 40px 10px;
}

ul.faq-list .question {
  font-weight: 600;
  text-decoration: underline;
}


/* files */
ul.files-list {
  list-style: none;
  padding: 40px 10px;
}

ul.files-list .description {
  font-size: 80%;
  padding-left: 29px;
}

ul.files-list li {
  margin-bottom: 16px;
}
ul.files-list .fileExtIcoSmall {
  position: relative;
  top:2px;
}




/* frontpage headline */

section.headline {
  text-align: center;
}
section.headline h1 {
  line-height: 30px;
}
section.headline h6 {
  line-height: 20px;
  font-size: 16px;
  font-style: italic;
  color: #848484;
}
section hr {
  margin: 0 240px;
  border-top-color: #848484;
}

section.divider {
  background: white;
}

section.headline .align-l { text-align: left; }
section.headline .align-c { text-align: center; }
section.headline .align-r { text-align: right; }
section.headline .align-j { text-align: justify; }

/* frontpage container options */

#window > .optGrey {
  background: #fff;
  padding-bottom: 40px;
}


#window > .optBorder {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  margin-top: 35px;
  margin-bottom: 40px;
}
#window > .optBorder > section {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#window > .optMargin {
  margin-top: 30px;
  margin-bottom: 30px;
}

#window > .container {
}


/* frontpage latest news */

ul.latest-news {
  list-style: none;
  margin: 0;
}
ul.latest-news li {
  margin-bottom: 20px;
  background: #f6f6f6;
  padding: 10px 10px 10px 110px;
  position: relative;
  line-height: 18px;
  font-size: 13px;
  min-height: 53px;
}
ul.latest-news li:hover {
  background: #f0f5f5;
}

ul.latest-news li a.img {
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid #d3d3d3;
  width: 73px;
  height: 53px;
}
ul.latest-news li a.img {
  width: 73px;
  height: 53px;
}
ul.latest-news li .date {
  color: #aeadad;
  font-size: 9px;
  text-transform: uppercase;
  display: block;
}
ul.latest-news li a {
  color: #4e4e4e;
  text-decoration: none;
}
ul.latest-news li .text {
  font-size: 13px;
}
ul.latest-news li .title {
  font-size: 13px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


/* frontpage shortcuts */

section.shortcuts {
  padding: 25px 0;
}

section.shortcuts .shortcutItem {
  background: #ffffff;
  text-align: center;
  display: block;
  color: #505050;
  text-decoration: none;
  height: 260px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 0 5px #dd9db7;
}

section.shortcuts .shortcutItem .title {
  font-size: 18px;
}

section.shortcuts .shortcutItem:hover .title {
  color: #c53075;
}

section.shortcuts .shortcutItem.shortcutType3 {
  height: 150px;
  overflow: hidden;
}

section.shortcuts .shortcutItem .imageDiv {
  width: 113px;
  height: 113px;
  margin: 35px auto 10px auto;
}
section.shortcuts .shortcutItem .imageDiv img {
  width: 113px;
  height: 113px;
}

section.shortcuts .shortcutItem .imageDiv .icon1 {
  border: 5px solid #f1f1f1;
  border-radius: 113px;
  width: 103px;
  height: 103px;
  line-height: 103px;
  color: #c53075;
  font-size: 44px;
}

section.shortcuts .shortcutItem .imageDiv .icon2 {
  background: #c53075;
  border-radius: 113px;
  width: 113px;
  height: 113px;
  line-height: 113px;
  color: #ffffff;
  font-size: 44px;
}

section.shortcuts .shortcutItem.shortcutType0 {
  background: transparent;
  height: auto;
}

section.shortcuts .shortcutItem.shortcutType0 .imageDiv {
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  padding: 10px;
  margin: 0;
  width: auto;
  height: auto;
  background: #ffffff;
}

section.shortcuts .shortcutItem.shortcutType0 .imageDiv .imageBox {
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
}

section.shortcuts .shortcutItem.shortcutType0 .imageDiv img {
  width: 100%;
  height: auto;
}

section.shortcuts .shortcutItem.shortcutType0 .title {
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  background: url(../images/shortcut_shadow.png) top center;
  background-size: 100% 100%;
}

section.shortcuts .shortcutItem.shortcutType0 .readMore {
  font-size: 12px;
  color: #343333;
  text-align: left;
  margin-top: 10px;
}

section.shortcuts .shortcutItem.shortcutType0 .readMore .marker {
  position: relative;
  top: 1px;
}


section.shortcuts .shortcutItem.shortcutType0 .subtitle {
  margin: 0;
  text-align: left;
}


section.shortcuts .shortcutItem.shortcutType3 .imageDiv {
  float: left;
  margin-top: 20px;
}

section.shortcuts .shortcutItem.shortcutType3 .imageDiv .icon3 {
  border: 5px solid #f1f1f1;
  border-radius: 113px;
  width: 73px;
  height: 73px;
  line-height: 73px;
  color: #c53075;
  font-size: 34px;
  margin-left: 20px;
}

section.shortcuts .shortcutItem.shortcutType3 .titleDiv {
  margin-left: 113px;
  margin-top: 10px;
}

section.shortcuts .shortcutItem.shortcutType3 .subtitleDiv {
  margin-left: 113px;
}

section.shortcuts .shortcutItem .title {
  margin: 0 35px;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: normal;
}

section.shortcuts .shortcutItem .subtitle {
  margin: 0px 20px 15px 20px;
  font-size: 13px;
  line-height: 19px;
  color: #9b9b9b;
}

/* banners */

section.banners .bannersItem {
  position: relative;
}


/* news pagination */
ul.pagination {
  list-style: none;
}
ul.pagination li {
  float: left;
  display: block;
  width: 30px;
  height: 31px;
  margin-left: 4px;
  line-height: 31px;
  font-size: 12px;
  text-align: center;
}
ul.pagination a {
  display: block;
  width: 30px;
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  color: #666;
  background: #f2f2f2;
  text-decoration: none;
  text-align: center;
}

ul.pagination a.disabled, ul.pagination a.disabled:hover {
  color: #c2c2c2;
  background: #f2f2f2;
  cursor: default;
}

ul.pagination a.active, ul.pagination a.active:hover {
  color: #fff;
  background: #cccccc;
}

ul.pagination a:hover {
  color: #000;
  background: #eee;
}

/* news indexing */

ul.indexing.template0 {
  list-style: none;
  margin: 30px 0 10px 0;
}
ul.indexing.template0 li {
  margin-bottom: 20px;
  padding: 0px 10px 0px 150px;
  position: relative;
  line-height: 18px;
  font-size: 13px;
  height: 100px;
  display: block;
}

ul.indexing.template0 li .image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 137px;
  height: 91px;
}
ul.indexing.template0 li .date {
  color: #aeadad;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}
ul.indexing.template0 li .title {
  color: #4e4e4e;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.indexing.template0 li .description {
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}