/* block debug
#header-group-wrapper { background: rgba(128,128,128,0.5); }
#header-group { background: rgba(128,128,128,0.5); }
#header-group-inner { background: rgba(128,128,128,0.5); }

#header-links-menu { background: rgba(128,0,0,0.5); }
#header-links-menu-inner { background: rgba(0,128,0,0.5); }
#header-links-menu .links { background: rgba(0,0,128,0.5); }

#secondary-menu { background: rgba(128,0,0,0.5); }
#secondary-menu-inner { background: rgba(0,128,0,0.5); }
#secondary-menu .links { background: rgba(0,0,128,0.5); }

#header-site-info { background: rgba(128,0,0,0.5); }
#header-site-info-inner { background: rgba(0,128,0,0.5); }
*/

/****************************/
/* OPTIK PROTOTYPE CSS      */
/****************************/

/* Default link styles - separate a:visited for a different visited link style */
#main a,
#main a:link,
#main a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #7bbeb9;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
#main a:hover,
#main a:focus,
#main a:active {
	color: #000;
	text-decoration: none;
}

#main strong { font-weight: bold; color: #7bbeb9; }
#main h2.block-title { font-size: 1.667em; font-weight: normal; color: #7bbeb9; }
#main h1.title { font-size: 1.667em; font-weight: normal; color: #7bbeb9; }

#preface-top a,
#preface-top a:link,
#preface-top a:visited,
.callout a,
.callout a:link,
.callout a:visited,
.footer .fusion-inline-menu ul.menu li a,
.footer .fusion-inline-menu ul.menu li a:link,
.footer .fusion-inline-menu ul.menu li a:visited {
  color: #fff;
}

#preface-top a:hover,
#preface-top a:focus,
#preface-top a.active,
.callout a:hover,
.callout a:focus,
.callout a.active,
.footer .fusion-inline-menu ul.menu li a:hover,
.footer .fusion-inline-menu ul.menu li a:focus,
.footer .fusion-inline-menu ul.menu li a.active {
  color: #fff;
	text-shadow: #fff 0 0 1px;
}

.callout {
	padding: 1.5em 0 1.5em 1em;
	font-size: 2.167em; font-weight: normal;
	color: #fff; xbackground: #7bbeb9;
}

#callout-1 {
	margin: 0 30px 0 -10px;
	background: #7bbeb9;
}
#callout-2 {
	margin: 0px 0 0 20px;
	background: #a2d1ce url(callout1.png) 100px 0px no-repeat;
}
#callout-3 {
	margin: 0 20px 0 0px;
	background: #d1e8e6 url(callout2.png) 150px 0px no-repeat;
}
#callout-close {
	background: #fff url(callout3.png) 130px 0px no-repeat;
}

.fusion-horiz-login#block-user-0 { width: 460px; padding-bottom: 3px;}

.fusion-horiz-login#block-user-0 #user-login-form div.form-item {
  background-color: #eee;
}

.fusion-horiz-login#block-user-0 #user-login-form input.form-submit {
  width: 80px;
  margin: 0;
  margin-top: 1px;
  border: 1px solid #ccc;
  font-size: 0.8em;
  color: #333;
  background: #eee;
}
.fusion-horiz-login#block-user-0 #user-login-form input.form-submit:hover,
.fusion-horiz-login#block-user-0 #user-login-form input.form-submit:focus,
.fusion-horiz-login#block-user-0 #user-login-form input.form-submit:active {
  border: 1px solid #999;
  color: #000;
  background: #7bbeb9;
}

.fusion-horiz-login#block-user-0 h2.title { display: inline; float: left; font-size: 1em; font-weight: normal;
	 margin-left: 1em; margin-right: 1em; }

.fusion-horiz-login#block-user-0 .item-list { display: none; }


.header-top-wrapper {
	height: 40px;
}

.header-group-wrapper {
}

.header-group {
}

.header-group-inner {
}

.header-group-inner .block {
	margin-bottom: 24px;
}

.primary-menu.block,
.header-site-info.block {
	margin-bottom: 0;
}

.header-site-info span {
  display: block;
}

#logo {
	position: relative;
	z-index: 2;
}

#site-name { display: none; }

/* HEADER-MENU / SECONDARY-MENU */

.fusion-right-content.fusion-inline-menu ul.menu {
	display: inline; /* enable right alignment */
}

.fusion-inline-menu {
	margin: 1em 0;
}

.fusion-inline-menu .inner ul.menu li {
	border-right-color: #666;
}

.fusion-inline-menu ul.menu li a,
.fusion-inline-menu ul.menu li a:link,
.fusion-inline-menu ul.menu li a:visited {
  margin: 1px 6px;
  padding: 3px;
  color: #444;
}

.fusion-inline-menu ul.menu li a:hover,
.fusion-inline-menu ul.menu li a:focus,
.fusion-inline-menu ul.menu li a.active {
  color: #000;
}


/* FOOTER */

.footer-wrapper,
.footer-message-wrapper {
	background: #403940;
}

.footer ul.menu {
	padding: 1em 0;
	text-align: center;
	font-size: 1.1em;
}

.footer ul.menu li {
	border-right: 1px solid #ddd;
}

.footer ul.menu li a,
.footer ul.menu li a:link,
.footer ul.menu li a:visited {
  margin: 1px 6px;
  padding: 3px;
}

.footer-links-menu-inner ul.links li.first {
}

.footer-links-menu-inner ul.links li.last {
	border-right: 0;
}


.fusion-inline-menu ul.menu li.first a,
.footer-links-menu-inner ul.links li.first a {
	margin-left: 0;
	padding-left: 0;
}

.fusion-inline-menu ul.menu li.last a,
.footer-links-menu-inner ul.links li.last a {
	margin-right: 0;
	padding-right: 0;
}


.primary-menu {
	float: right;
	margin-top: -46px; /* TEST THIS */
	z-index: 0;
}

.primary-menu .inner {
	border-bottom: 5px solid #7bbeb9;
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
	float: right;
}

/* Link style for top level menu items, add padding here */
.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
	border-bottom: 1px solid #bddedc;
	padding: 14px 12px 10px 14px;
	width: 92px;
	color: #fff;
	/*font-size: 1.167em; 14px*/
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
	background: #7bbeb9;
}

.primary-menu-inner ul.sf-menu li li a:hover,
.primary-menu-inner ul.sf-menu li li a:active,
.primary-menu-inner ul.sf-menu li li a {
	background: none;
}

/* These are the top level menu items, add border-right here for separators */
.primary-menu-inner ul.sf-menu li {
	margin-left: 4px;
	border-bottom: 4px solid #fff;
	background: #403940;
}

.primary-menu-inner ul.sf-menu li.active-trail {
	background: #7bbeb9;
	border-bottom: 4px solid #7bbeb9;
}

.primary-menu-inner ul.sf-menu li.active-trail li {
	background: none;
	border-bottom: none;
}

/* Add border-right: 0; here to remove separator on last menu item */
.primary-menu-inner ul.sf-menu li.last {
}

/* Style for container of dropdown, add background or border */
.primary-menu-inner ul.sf-menu ul {
	margin-top: 12px;
	width: 118px;
	background: #7bbeb9;
	background: rgba(123,190,185,0.7);
}

/* Style for individual dropdown menu items, add border-bottom for separators */
.primary-menu-inner ul.sf-menu li li {
	margin: 0;
	border: none;
	background: none;
	/*font-size: .857em; 12px*/
}

.primary-menu-inner ul.sf-menu li li.last {

}

.primary-menu-inner ul.sf-menu li li li {
}

/* Style for hover of dropdown menu items (add background-color here) */
.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
	border: 0;
	background: #bddedc;
	background: rgba(189,222,220,0.5);
}


.content-links-menu-inner ol.links {
	width: 960px; /* needed by FF WIN on zoom */
}

.content-links-menu-inner ol.links {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;
	color: #fff;
	font-size: 1.3em;
}

.content-links-menu-inner ol.links li {
	width: 200px;
	float: left;
	padding: .75em 60px;
	margin: 0;
	border-right: 1px solid #bddedc;
	padding-right: 59px;
}

.content-links-menu-inner ol.links li.active-trail {
	background: #403940;
}

.content-links-menu-inner ol.links li.first {
	padding-right: 49px; /* at least it looks kinda balanced this way */
}

.content-links-menu-inner ol.links li.last {
	padding-right: 50px;
	border-right: 0;
}

.content-links-menu-inner ol.links li a,
.content-links-menu-inner ol.links li a:link,
.content-links-menu-inner ol.links li a:visited {
  color: #fff;
}

.content-links-menu-inner ol.links li a:hover,
.content-links-menu-inner ol.links li a:focus,
.content-links-menu-inner ol.links li a.active {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #bddedc;
}

.content-links-menu-inner ol.links li.active-trail a,
.content-links-menu-inner ol.links li.active-trail a:link,
.content-links-menu-inner ol.links li.active-trail a:visited,
.content-links-menu-inner ol.links li.active-trail a:hover,
.content-links-menu-inner ol.links li.active-trail a:focus,
.content-links-menu-inner ol.links li.active-trail a.active {
  color: #fff;
  border-bottom: none;
}

#main-wrapper { clear: both; }



#preface-top-wrapper { }
#preface-top {  }
#preface-top-inner { margin-bottom: 35px; }
#preface-top .block { margin-bottom: 4px; font-size: 1.167em; }
#preface-top h1 { font-weight: normal; }
#preface-top .block .inner { background-color: #7bbeb9; border-top: 4px solid #fff; }

#xxpreface-top .block-block.first .inner { height: 387px; background: url(banner.jpg) left top no-repeat;}
#preface-top .block.first.grid12-12 {}

#xxpreface-top .block-block.last .inner { padding-top: 35px;}
.themen { float: left; width: 198px; padding: 0 60px 15px 60px;
	 border-right: 1px solid #bddedc; border-left: 1px solid #bddedc;
	color: #fff; }
.themen.first, .themen.last { width: 190px; border: none; }


.themen ul li { line-height: 1.25em; }
.themen ul { list-style: none; margin: 0;
	 margin-top: .5em; padding-top: .5em; border-top: 1px solid #bddedc;
	 margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #bddedc; }
.themen ul ul { xlist-style: circle; margin: 0; padding: 0; border: none;}
.themen ul ul li:before { content: "- "; padding-right: 0.2em; margin: 0; }
.themen ul li.rule { margin-top: .75em; padding-top: .75em; border-top: 1px solid #bddedc; }

/* #page { background: #fff url(graydn.png) 0px 400px repeat-x; } */
#page { background: #fff; }

/* SLIDER */
div.views_slideshow_singleframe_slide p { margin: 0; } /* remove spacing over/under block */
div.views-slideshow-controls-top,
div.views-slideshow-controls-bottom { float:right; position: relative; z-index: 9; }
div.views-slideshow-controls-top  { height: 0; }
div.views-slideshow-controls-bottom { margin-top: -3em; }
div.views_slideshow_singleframe_pager div { padding-left: 4px; }
div.views_slideshow_singleframe_pager div.last { padding-right: 4px; }

#main div.views_slideshow_singleframe_pager .pager-item a,
#main div.views_slideshow_singleframe_pager .pager-item a:link,
#main div.views_slideshow_singleframe_pager .pager-item a:visited,
#preface-top div.views_slideshow_singleframe_pager .pager-item a,
#preface-top div.views_slideshow_singleframe_pager .pager-item a:link,
#preface-top div.views_slideshow_singleframe_pager .pager-item a:visited {
	border: none;
	padding: .5em 1em;
	color: #fff;
	background: #403940;
	background: rgba(24,23,24,0.7);
	line-height: 3em;
	text-decoration: none;
}
#main div.views_slideshow_singleframe_pager .pager-item a:hover,
#main div.views_slideshow_singleframe_pager .pager-item a:focus,
#preface-top div.views_slideshow_singleframe_pager .pager-item a:hover,
#preface-top div.views_slideshow_singleframe_pager .pager-item a:focus {
	background: #7bbeb9;
}
#main div.views_slideshow_singleframe_pager .pager-item a:active,
#preface-top div.views_slideshow_singleframe_pager .pager-item a:active {
	background: #fcc;
}

#main div.views_slideshow_singleframe_pager .pager-item.activeSlide a,
#main div.views_slideshow_singleframe_pager .pager-item.activeSlide a:link,
#main div.views_slideshow_singleframe_pager .pager-item.activeSlide a:visited,
#main div.views_slideshow_singleframe_pager .pager-item.activeSlide a:hover,
#main div.views_slideshow_singleframe_pager .pager-item.activeSlide a:focus,
#main div.views_slideshow_singleframe_pager .pager-item.activeSlide a:active,
#preface-top div.views_slideshow_singleframe_pager .pager-item.activeSlide a,
#preface-top div.views_slideshow_singleframe_pager .pager-item.activeSlide a:link,
#preface-top div.views_slideshow_singleframe_pager .pager-item.activeSlide a:visited,
#preface-top div.views_slideshow_singleframe_pager .pager-item.activeSlide a:hover,
#preface-top div.views_slideshow_singleframe_pager .pager-item.activeSlide a:focus,
#preface-top div.views_slideshow_singleframe_pager .pager-item.activeSlide a:active {
	background: #bddedc;
	background: rgba(123,190,185,0.7);
}

/* register block */

div#block-formblock-user_register { }
div#block-formblock-user_register fieldset { border: none; margin: 0; padding: 0; }
div#block-formblock-user_register fieldset legend { display: none; }
div#block-formblock-user_register div.form-item { }
div#block-formblock-user_register div.form-item label { }
div#block-formblock-user_register div.form-item select { }
div#block-formblock-user_register div.form-item input { border: 2px solid #ddd; font-size: 1.2em; }
div#block-formblock-user_register div.form-item input:hover,
div#block-formblock-user_register div.form-item input:active { border: 2px solid #7bbeb9; }
div#block-formblock-user_register input.form-submit { font-size: 1.6em; }
div#block-formblock-user_register div.form-item .description { display: none; }


