/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: Verdana, Helvetica, sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */


/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */



/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */




/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}






/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #900;
/* background image for the link to show wiki style arrow */
  background: url(/uploads/images/design/elements/external.gif) no-repeat right top;
}
a.external:visited {
  color: #666; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(/uploads/images/design/elements/external.gif) no-repeat right top; 
}

a.external:hover {
  color: #900;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(/uploads/images/design/elements/external.gif) no-repeat right top; 
  background-color: #C3D4DF;
}
/* end wiki style external links */



/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'Module: News' */
              
div#newslist {
   
border-bottom: 1px dotted #999;  
                margin-bottom:20px;
              }
              div#newslist p {font-style:italic;
              margin:0}
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0 0 0 0px; /* padding for the news article summary */
    margin: 0 0.5em 1em 0; /* margin to the bottom of the news article summary */

 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0;
}

.NewsSummaryLink a{
    text-decoration: none
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/








/* End of 'Module: News' */


/* Start of CMSMS style sheet 'Navigation: Simple - Vertical' */
/********************
MENU
*********************/
#menu_vert {
   padding-left: 0;
   margin-left: 0;
margin-bottom: 10px;

}




/* menu li block */
#menu_vert li {
   list-style: none;
position:relative;
display:block;
}


div#menu_vert li a:before,
div#menu_vert li h3:before{
    position: relative;
      top: 0px;
      left:-10px;
    content:"\00ab";

    }

div#menu_vert  h3:before{

}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; }
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
font-size: 110%;
line-height:1.5em;
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em .5em; /* some air for it */
   color: #000; /* this will be link color for all levels */
font-weight:700;
   min-height:1em; /* Fixes IE7 whitespace bug */
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {

   padding: 0.5em 0.5em 0.5em 2em;

}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.3em 0.3em 3.3em;


}

/* 4thlevel links, more padding */
div#menu_vert ul ul ul ul a {
   padding: 0.3em 0.5em 0.3em 1em;


}

/* hover state for all links */
div#menu_vert a:hover {
background: transparent;
color: #900;

}
div#menu_vert a.activeparent:hover {
background: transparent;
color: #900;
}

/*
active parent, that is the first-level parent
of a child page that is the current page
*/
div#menu_vert li a.activeparent {

   background-color: transparent;
   color: #000;
}

div#menu_vert ul ul li a.activeparent {

   background-color: transparent;
   color: #000;
}


/*
current pages in the default Menu Manager
template are unclickable. This is for current page on first level
*/
div#menu_vert ul h3 {
font-family: Verdana, Helvetica, sans-serif;
  line-height:1.5em;
   display: block;
   padding: 0.8em 0.5em 0.8em .5em;  /* some air for it */
   color: #a00;                                 /* this will be link color for all levels */
  font-size: 110%;                          /* instead of the normal font size for <h3> */
margin: 0;
}

/*
next level current pages, more padding,
smaller font and no background color or bottom border
*/
div#menu_vert ul ul h3 {
   font-size: 110%;
   padding: 0.5em 0.5em 0.5em 2em;

   background-color: transparent;

   color: #a00;


}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.3em 0.3em 2.25em;
margin-left: 1em;
}


/* current page on 4th level, more padding */
div#menu_vert ul ul ul ul h3 {
   padding: 0.4em 0.5em 0.4em 1em;
margin-left: 1.8em;

}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Navigation: Simple - Vertical' */


    /* ================================================================ 
    This copyright notice must be untouched at all times.
    The original version of this stylesheet and the associated (x)html
    is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-menu-three.html
    Copyright (c) Stu Nicholls. All rights reserved.
    This stylesheet and the assocaited (x)html may be modified in any 
    way to fit your requirements.
    =================================================================== */
    .css_menu {width:100%; background:#fff; text-align:center; height:45px; 
  position:fixed; z-index:100;max-width:960px!important;z-index:10000;display:block;}
    .css_menu > span {display:none;}
    .css_menu input {position:absolute; display:none;}
    .css_menu label {display:none;}
    .css_menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
    .css_menu ul {display:inline-block;} 
    .css_menu ul {*display:inline;}
    .css_menu li {margin:0; padding:0; list-style:none;}
    .css_menu li {display:inline-block; display:inline;}
    .css_menu ul ul {position:absolute; left:-9999px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
    .css_menu > ul {margin:0 auto;}
    .css_menu > ul > li {float:left; display:block; position:relative;}
    .css_menu ul  li a.current,
.css_menu ul  li a.activeparent 
{color: #22508b;font-weight:700;}

 ul.menu > li:nth-child(7) a{color: red!important;
padding: 0 5px;font-size:1.5em}

    .css_menu > ul > li.has-sub > a {background-image:url(/uploads/images/design/down.png); background-repeat: no-repeat; background-position: right center;}
    .css_menu ul ul > li.has-sub > a {background-image:url(/uploads/images/design/right.png); background-repeat: no-repeat; background-position: right center;}
    .css_menu ul li.left ul > li.has-sub > a {background-image:url(/uploads/images/design/left.png); background-repeat: no-repeat; background-position:left center;}
    .css_menu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:10;
    -webkit-transition: 0s 0.5s;
    transition: 0s 0.5s;
    }
    .css_menu ul ul li b {margin-top:-45px;}
    .css_menu ul li b {*display:none;}
    .css_menu ul {background:#fff;}
    .css_menu a {display:block; font:normal 14px "PT Sans", arial, sans-serif; color:#000; line-height:45px; text-decoration:none; padding:0 28px 0 8px;}
    .css_menu > ul > li > a {float:left;}
    .css_menu ul li:hover > ul {visibility:visible; left:-1px; top:45px; opacity:1;}
    .css_menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
    .css_menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:45px;}
    .css_menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-46px;}
    .css_menu ul li:hover > b {width:0;}
    .css_menu li.left ul a {text-align:right; padding:0 10px 0 30px;}
    .css_menu li:hover > a,
    .css_menu li.left ul li:hover > a {background-color:#017fbc; color:#fff!important;text-decoration:underline;}
    .backimage {display:block; width:100%; height:500px; background:url(ski.jpg) no-repeat center center; background-size:cover;}
    @media only screen and (max-width:790px){
    .css_menu ul li b {display:none;}
    .css_menu {height:0; padding-top:45px; background:#bbb; position:relative;}
    .css_menu > label {display:block; width:36px; height:36px; background:#ddd; border-radius:5px; position:absolute; right:10px; top:5px; cursor:pointer;}
    .css_menu > label:before {display:block; content:""; width:18px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-1px;
    -webkit-transition:0.25s;
    transition:0.25s
    }
    .css_menu > label:after {display:block; content:""; width:2px; height:18px; background:#000; position:absolute; left:50%; top:50%; margin-left:-1px; margin-top:-9px;
    -webkit-transition:0.25s;
    transition:0.25s
    }
    .css_menu > span {display:block; font:normal 14px "PT Sans", arial,sans-serif; color:#000; position:absolute; left:10px; top:15px;}
    .css_menu li {display:block;}
    .css_menu ul, 
    .css_menu ul ul {margin:0; display:block; position:static; max-height:0; overflow:hidden;
    -webkit-transition:0.25s;
    transition:0.25s;
    }
    .css_menu > ul > li.has-sub > a {background-image:none;}
    .css_menu ul ul > li.has-sub > a {background-image:none;}
    .css_menu ul li.left ul > li.has-sub > a {background-image:none;}
    .css_menu ul li {float:none; display:block; position:relative;}
    .css_menu ul li label {display:block; width:36px; height:36px; background:#ddd; border-radius:5px; position:absolute; right:10px; top:5px; cursor:pointer;}
    .css_menu ul ul li label {margin-top:0;}
    .css_menu ul li label:before {display:block; content:""; width:18px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-1px;
    -webkit-transition:0.25s;
    transition:0.25s
    }
    .css_menu ul li label:after {display:block; content:""; width:2px; height:18px; background:#000; position:absolute; left:50%; top:50%; margin-left:-1px; margin-top:-9px;
    -webkit-transition:0.25s;
    transition:0.25s
    }
    .css_menu ul {background:#ccc; border:0;}
    .css_menu a {display:block; font:normal 14px arial,sans-serif; color:#000; line-height:45px; text-decoration:none;padding:0 20px 0 10px;}
    .css_menu ul li a {float:none; border-top:1px solid #aaa;}
    .css_menu ul ul li a:before {content:""; display:block; width:15px; height:45px; background:url(right.png) no-repeat left 15px; float:left;}
    .css_menu ul ul li > ul {margin-top:0;}
    .css_menu li.left ul li > ul {margin-top:0;}
    .css_menu ul ul li:hover > ul {margin-top:0;}
    .css_menu li.left ul li:hover > ul {margin-top:0;}
    .css_menu li.left ul a {text-align:left; padding:0 20px 0 10px;}
    .css_menu li:hover > a,
    .css_menu li.left ul li:hover > a {background-color:#ccc; text-decoration:none;color:#22508b!important;font-weight:700}
    .css_menu input:checked ~ label:before {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    }
    .css_menu input:checked ~ label:after {
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg);
    }
    .css_menu input:checked ~ ul {max-height:3000px;}
    .css_menu ul ul {border:0; margin:0 15px;}

}











/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #12308b; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #000;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;

   color: #900;
}

div#menu_vert a:focus,
a:focus {color: #900;font-weight:700;border:1px solid #900}

/*****************
basic layout 
*****************/
html {

background: #2e629c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlNjI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmQ5ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2e629c 0%, #cbd9e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e629c), color-stop(100%,#cbd9e6));
background: -webkit-linear-gradient(top,  #2e629c 0%,#cbd9e6 100%);
background: -o-linear-gradient(top,  #2e629c 0%,#cbd9e6 100%);
background: -ms-linear-gradient(top,  #2e629c 0%,#cbd9e6 100%);
background: linear-gradient(to bottom,  #2e629c 0%,#cbd9e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e629c', endColorstr='#cbd9e6',GradientType=0 );

}

body {

-webkit-font-smoothing:antialiased;
}





/* center wrapper, min max width */
div#pagewrapper {


   margin: 0 auto;    
   max-width: 960px; 

  min-height: 1200px;
background: transparent; 
   color: #000;

  position: relative;
}



div#header {
   height: 200px; 
  position: relative;
    overflow: hidden;

    background: transparent url(/uploads/images/design/bg/startseite.jpg) 
      no-repeat 0 44px;
    background-size: auto auto;
}
  div#schmuck {height: 10px;background:#fff;
  border-left:17em solid #ffc118;}

  div#header2 {height: 60px;

  }

  div#header2 img {z-index: 1000;
    position: absolute; top: 170px; left:10px; float:left;
    
  }
div#search {
   float: right;
   width: 30%;     /* enough width for the search input box */
      height: 40px; /* position erzeugt abstand daher 0 height */
   text-align: right;
   padding: 16px 20px 4px 0px;
   margin: 0;
background: #244e7e;
 

}

div#search input#cntnt01searchinput{
border: none;
height: 22px;
padding: 4px;
color: #000;
width: 80%;
position: relative;
      top:-11px;
}
div#search input#searchsubmit{
border: none;
height: 30px;


}

div.breadcrumbs {clear:both;
   padding: 5px 0; 
   font-size: 90%; 
border-bottom: 1px solid #adc3d8;
    margin-bottom: 10px;
}

div#content {/* border-top: 1px solid transparent;  ohne gibts nen spalt auf der formularseite?? */
    background: #fff;
   margin: 0 auto 0 0; /* some air above and under menu and content */
min-height: 1000px;
    position: relative;
  }

div#main {
   margin-left: 30px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 36%;
}


div#sidebar {height:100%;
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 30%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
background: #ddd;

  padding: 0 10px;
  min-height: 300px;
    position: absolute;
    top:0;
    right: 0;
}
  
  div#sidebar div#adresse {border-bottom: 1px solid #aaa;margin-bottom:20px}

div#fpnes img {
margin: 20px 0 0 20px;
width: 180px;
height: 95px;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #000;
   background-color: transparent; 
padding: 0 30px;
    border-top:10px solid #ffc118;
}

div#footer p {
   font-size: 0.9em;
   padding: 4px 0 20px 0;      

   margin:0;
}

div#footer p a {
   color: #000; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
      clear:both;
}


/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.left49 p,div.right49 p{
padding: 10px 0;
      margin:0;
}
div.left49 a{display:inline-block;
padding: 10px 0;

}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}



/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */


div#header2 h1 { 
margin-left: 110px;
padding: 10px 0 0 0;
text-align: left;
color: #fff;
font-size: 2em; 

line-height: 1.8em;

}
  div#header2 h1 span.markt { 

font-size: 1.5em; 
    color: #ffc118;
}
  div#header2 h1 span.hs { 

font-size: 1.5em; 
}
  div#header2 h1 span.ofr { 

font-size: .8em; 
}
  
div#content h2 {

   color: #32609b; 
   font-size: 1.8em; 


   line-height: 1.1em;
   margin: 0 0 20px 0;

}

  
div#content h3 {
   color: #32609b; 
   font-size: 1.4em;
   line-height: 1.2em;
   margin: 1em 0 0.5em 0;
}
div#content h4 {
   color: #32609b; 
   font-size: 1.2em;
   line-height: 1.1em;
   margin: 1em 0 0.5em 0;
}

  div#sidebar h2,h3 {font-size: 1.4em;}
  div#sidebar h3 {font-size: 1.3em;}
  div#sidebar h3 a{text-decoration:none}

div#content h2,
div#content h3,
div#content h4 {
font-weight: 700;
font-family: Verdana, Helvetica, sans-serif;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1.1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}


strong, b {

   font-weight: bold;
}
em, i {

   font-style:italic;
}




/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.1em;
   line-height:1.4em;
   margin: 0 0 20px 30px;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.8em 0;
}

div#main  ul { list-style-type: none !important; }
div#main ul li {
       padding-left: 15px;
       text-indent: -15px;
       color: #000;
}
div#main ul li:before {
        content: "\2022  ";
        color: #c00;
      font-size: 1.4em;
     position: relative;
      top: 2px;
}
  
  
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0.25em .5em;
}
div#main dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* End of 'Layout: Top menu + 2 columns' */





/* new styles */
    div#main ul.simple li::before,
     div#main ul.events li::before{
display:none
}   
    div#main ul.events li {
    display: inline;
    margin: 0;
    padding: 0;
}
ul.events li a {
    border: 1px solid #999;
    padding: 2px 4px;
    text-decoration: none;
}
ul.events li a.a7, ul.events li a.b14, ul.events li a.c21, ul.events li a.d28 {
    background: #eee none repeat scroll 0 0;
}
div#main ul#eventdetail li {
    list-style-type: none;
    margin: 0 0 0.5em;
}
div#main ul#eventdetail {
    margin-top: 1em;
}
    
      
      div.calendar-event h2 span.date {
      font-size: .4em;
        margin-left: 0!important;
        color: #666;
      }  
      
      
div.vcard p {margin: 0 0 4px 0}

a.profile,
h3.org,
span.title,
span.region,
div.country-name,
div.geo,
span.sort-string,
div.vcard img {display: none}
    
    div#qrcode {display: none}
    
div#fpnews {
  padding: 0;

}

div#fpnews h3 a{
text-decoration: none;
font-size: .8em;
}
 div#fpnews h3 {
margin-top: 0;
}
    ul#news {margin-left: 20px}  
ul#news li {list-style-type: none;
    position:relative;
font-size: 1.2em;
        line-height:1.2em;
      margin-bottom: 20px;
    }
ul#news a {text-decoration: none;
    }
    


    
  p.intro {font-size: 1.5em;}
iframe.standard {width: 100%;
height: 1100px;}
iframe.sgmap {width: 100%;
height: 500px;}
    iframe.yt {width: 100%;max-width: 500px;
height: 300px}

h2,h3,p,li, td {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

div#main table {width: 100%}
table.drei td {width: 33%;}
div#main table td,div#main table th {
padding: 6px 3px;
        line-height: 1.5em;

}
div#main table th {
font-weight: 700;
}

  tr:nth-of-type(odd) {
    background-color: #eee;
    }  
  
iframe.sgmap,iframe.archiv {
  width: 100%; 
  height:500px;
padding: 4px;
  border: 1px solid #ccc;
}

img.rechts {border: 1px solid #cccccc;
padding: 3px;
background-color: #ffffff; float: right;
margin: 0 0 10px 20px;}
img.links {border: 1px solid #cccccc;
padding: 3px;
background-color: #ffffff; float: right;
margin: 0 20px 10px 0;}
img.frei {border: none; float: right;
margin: 0 0 10px 20px;}

div.infobox {border: 1px solid #f00; float: right; width: 250px; padding: 6px;margin: 0 0 10px 20px}
div.leftcaption a,div.rightcaption a{
margin:0!important;
        text-decoration: none;
}

div.rightcaption {
float: right;
margin: 0 0 10px 30px;

}

div.leftcaption {
float: left;
margin: 0 30px 10px 0;
}

p.captiontext {
margin: 0;
padding: 2px;
font-size: 90%;
background-color: #eee;
color: #600;
text-align: center;
position: relative;
top: -1px;
}

/* RSS */


div.feeds h3 {clear:both}
div.feed-content {padding: 0 0 10px 0}
div.feed-content p:nth-of-type(2)    {color: green;display:none}
div.feed-content img    {float:left; padding: 0 10px 10px 0}




/*  formulare  */
    form.cms_form {background: transparent}


div.stdform div {


line-height: 1.4em;
margin-bottom: 10px;
}
form {
background-color: #fff;
line-height: 1.4em;
margin:  0;
width:99%;

}

div.stdform  input {
width: 60%;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #999;
height: 2em;
padding-left: 8px;
}

div.stdform textarea {
width: 60%;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #999;
padding: 8px;
}
div.stdform img {

width:12px!important;
}
div.stdform input.fbsubmit {

background: #ddd;
          width: 12em;
}

div.stdform  input.cms_checkbox {

width: 8px;
}

div.stdform  div label{
display: block;
float: left;
width: 20%;
min-width: 10em;
}


div.error_message {
font-size: 1.4em;
color: #c00;
font-weight: 700;
}



/* fancybox */
/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background: transparent url('/src/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/src/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;

}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/src/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

a.fancybox-next:hover,
a.fancybox-prev:hover
{background:transparent}

a.fancybox-close:hover
{background:url("/src/fancybox_sprite.png") repeat scroll 0 0 transparent;}


.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: transparent url('/src/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}



/* ------------------ responsive ------------------ */





@media only screen AND (max-width: 875px){

  .nomobile {display:none}

}

@media only screen AND (max-width: 830px){

 div#search input#cntnt01searchinput {width:70%;}

}



@media only screen AND (max-width: 790px){
  div#header {background: transparent url("/uploads/images/design/bg/startseite.jpg")
      no-repeat scroll left top;height: 160px;}

  }

@media only screen AND (max-width: 750px){
  div#main {
  width: auto;
    margin: 0;
    padding: 0 30px;

  }
  div#sidebar {
  position: relative;
float:none;
left:0;
display:block;
width:auto;
    background: #FFFCF4;
    padding: 0 30px;
 border:none;
  }
  div#menu_vert {display:none}
 
  div#content h2 {font-size: 2.5em}
  div#content h3 {font-size: 1.8em}
  div#content h4 {font-size: 1.4em}
}


@media only screen AND (max-width: 680px){
  div#header {background: transparent url(/uploads/images/design/bg/startseite.jpg) no-repeat scroll left top;}
    div#header2 img#wappen {top:134px}
    div#header2 h1 {margin-left:10px;}
      div#main,div#sidebar {padding:0 10px;}
  div#schmuck {
  border-left:9em solid #ffc118;}
  }



@media only screen AND (max-width: 540px){
    div#header2 {height: 120px;}
    div#header2 h1 {margin-left:100px;text-align:right; padding-right:24px}
    div#header2 div#search {position:absolute; top:270px;right:0px;width:60%;background:transparent;}
    div#header2 img#wappen {top:196px}

}

@media only screen AND (max-width: 535px){
div#main img {width: 200px;    height: auto;}
div#header2 h1 {font-size:1.7em;}
}
  
@media only screen AND (max-width: 490px){
 div#header2 h1 span.ofr {display:none;}
}
  
  
@media only screen AND (max-width: 435px){

     div#header2 h1  { padding-right:23px;}
}
  
@media only screen AND (max-width: 420px){
    div#header2 h1  {font-size: 1.5em;}
}
  
@media only screen AND (max-width: 385px){
    div#header {background: transparent;height:20px;}
     div#header2 {height: 122px;}
    div#header2 img#wappen {top:50px}
div#header2 h1  {font-size: 1.6em;line-height:1.3em;text-align:right;padding-right:10px}
div#header2 div#search {top:136px;right: -10px;}
    
div#main img,
  div.rightcaption,
  div.leftcaption{
width: 100%;
    height: auto;
}

}
  

  
@media only screen AND (max-width: 320px){
  div#content h2 {font-size: 1.8em}
  div#content h3 {font-size: 1.4em}
  div#content h4 {font-size: 1.2em}
  div#header h1 {padding-top: 20px;}
  div#header h1 span.ofr{display: none;}
 

}
  
@media only screen AND (max-width: 310px){

 div#header2 h1 {font-size:1.4em;}

}

@media only screen AND (max-width: 290px){
div#header2 h1  {text-align:right;padding-right:10px;font-size:1.2em;margin-top:0}
div#header2 div#search {top:274px;right: -12px;}
    
    
}

@media only screen AND (max-width: 265px){


    div#header2 h1  {font-size: 1em;}


}