body{ font-family: 'Arial'; font-size:16px; line-height:18px; color:#262626; padding: 0; margin: 0; height: 100%; }
 
p {  font-size: 14px; }

a, a:link, a:hover, a:visited {
	color: #1E6665;
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	color: #262626;
	font-family: 'Georgia';
}

h3 {
	font-size: 20px;
}

footer {  margin-top: 20px; }

footer,
header,
.min-width-1030
 {  min-width: 1030px; }

 
.container { width: 1030px; }

#admin-page .container { width: 100%; }

.contentPane li,
.contentPane p {
	font-family: 'Arial';
	font-size: 14px;	
	line-height: 24px;
}

.contentPane td,
.contentPane td > a {
	font-family: 'Arial';
	font-size: 14px;	
	line-height: 24px;
}


.contentPane p.search-description {
	font-size: 14px;
	 line-height: 16px;
}

.detail-background {
  background-color: #C8DCDB;
  height: 350px;
  width: 100%;
  z-index: -100;
}


.search-input-background {
   background-color: #C8DCDB;
  height: 100%;
  width: 100%;
  z-index: -100;
	padding: 0 0 18px 0;
}
/*
#such-page .detail-background {
	height: 100%;
 
}
*/

.header {
	z-index: 31;
 	position: relative; 
	height: 89px;
	margin: 0;
}

/* portal-guide */

.portal-guide-wrapper {
	background-color: #E4E4E4;
	color: #000000;
	font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.portal-guide-pane {
	position: absolute;
	width: 100%;
}

.portal-guide .carousel-frame {
	float: left;
}
.portal-guide  span {
	float: left;
}

.portal-guide  ul{
	margin: 0px;
	list-style: none outside none;
	height: 45px;
	
}

.portal-guide  ul > li{
	float: left;
	text-align: center;
}

.portal-guide a {
    font-size: 14px;
	color: #000000;
    margin: 0 8px;
	height: 32px;
	display: inline-block;
	padding: 6px 16px 0 16px; 
}

.portal-guide a:hover {
	text-decoration: none;
}

.portal-guide a.active {
    background-color: #333333;
    box-shadow: 0 5px 8px -5px #21201D;
    color: #FFFFFF;
}


span.prev,
span.next {
	cursor: pointer;
	font-size: 20px;
	line-height: 28px;
	padding: 0 10px;
}

.toppane 
{
	height: 90px;
}

.logo
{
  float:left;
  margin: 19px 0 0 15px;;
}

.teaser-menu {
	height: 187px;
	background: url('img/Hintergrund-Header.png') repeat-x #489291;
	/*box-shadow: 0 5px 8px -5px #21201D;	 */
	width: 100%;
	z-index: -1;
}

#webquest-page .breacrumb-container ,
#such-page .breacrumb-container ,
#detail-page .breacrumb-container ,
#liste-page .breacrumb-container {
	height: 102px;
	background: url('img/hintergrund-standard-header.png') repeat-x #489291;
	width: 100%;
	z-index: -1;
}

#such-page .breacrumb-container ,
#detail-page .breacrumb-container {
	height: 100px;
}


.teaser-menu ul 
{
	margin: 20px 0 0 230px;
	list-style: none outside none;
}

.teaser-menu ul  > li {
	float: left;
	width: 164px;
	padding: 17px 13px 12px 12px;
	border: 1px solid #fff;
	text-align: center;
	margin: 0 10px 0 0;
	background: url('img/bg-teaser-menu.png') repeat-x #69C5C2;
	
}

.teaser-menu ul > li:last-child  {
	margin-right: 0;
}

.teaser-menu ul  > li  > a  > img {
	width: 151px;
	height: 85px;
}

.teaser-menu a, .teaser-menu a:hover
{
	font-family: 'Georgia';
	font-size: 1.0em;
	color: #fff; 
	text-decoration: none;
}

.teaser-menu ul  > li  > a  > span {
	text-align: left;
	display: block;
	margin: 6px 0 0 7px;
}

/* Pane */
.contentTopPane {
	margin-left: 220px;
}

.main-container 
{
	z-index: 50 !important;
	overflow: hidden;
    position: relative;
	padding: 0 0 40px 0;
}


#startpage .main-container {
	position: static;
}


.contentPane 
{
	padding: 0;
	margin: 0;
}

.two-panes  .contentPane 
{
	float: left;
    width: 514px;
}

.two-panes  .contentLeftPane 
{
    height: 100%;
    left: 776px;
    position: absolute;
	width: 268px;
}



.contentPaneSearchResult {
	margin: 12px 0 0 0;
}

.main-content
{
	margin: 35px 0 0 251px; 
	width: 775px;
}

#startpage .main-content
{
	margin-top: 177px; 
}

#admin-page .main-content {
	width: 85%;
	margin-right: 20px;
}

.two-panes  {
	margin-top: 20px!important
}

#such-page .main-content,
#detail-page .main-content
{
	margin-top: 0;
}

.leftpane {
	background-color: #C8DCDB;
	width: 220px;
    height: 100%;
	min-height:100%;	
    position: absolute;
}

#such-page .search-input-background .leftpane {
	min-height: 528px;
}

.toploginpane
{
	float: left;
	/*width: 216px;*/
	width: 220px;
	height: 140px;
	padding: 0;
	border: 1px solid #fff;
	text-align: center;
	/*margin: 0 0px 0 1px;*/
	margin:0 ;
	background: url('img/bg-teaser-menu.png') repeat-x #69C5C2;
}

/* Searchfield */

.searchpane {
    width: 204px;
	padding: 0 0 0 15px;
	margin: 12px 0 0 0;
	border-bottom: 1px dotted  #fff;
	height: 85px;
}

.searchpane label
{
	color: #E4E4E4;
	font-size: 16px;
}

.searchpane .enhanced-search a
{
	color: #E4E4E4;
	font-size: 12px;
}

.searchpane .enhanced-search 
{
	padding: 0 12px 0 0;
}

/*
#dnn_dnnSearch_txtSearch,
#dnn_dnnSEARCH_txtSearch
*/
#skinsearch input.search-input-small
 {
 /*background: none repeat scroll 0 0 #CECECE;
	background-image: url('img/search-bt-header.png');
	background-repeat:no-repeat;
	background-position:164px 50%;*/
	background-color: #CECECE;
    
    border: 1px solid #CECECE;
    color: #262626;
    font-size: 14px;
    height: 30px;
    line-height: 32px;
    padding: 0 30px 0 10px;
	width: 150px;
	margin-bottom: 0;
	border-radius: 0;
}

/*
#dnn_dnnSearch_cmdSearch {
	margin-left: -30px;
}
*/

.main-menu-container
{
	font-family: 'Georgia';
	background-color: #1e6663;
	box-shadow: 0 0 8px -3px #000000;
	padding: 0;
	width: 220px;
	left: 0 !important;
    position: absolute !important;
    top: -15px !important;
    z-index: 60 !important;	
}

#such-page .main-menu-container ,
#detail-page .main-menu-container {
	top: 64px !important;
}

#webquest-page  .main-menu-container,
#liste-page .main-menu-container
{
	top: -60px !important;
}

.main-menu-wrapper
{
	position: relative;	
}

.main-menu
{
	padding: 0 15px;
	width: 190px;
}

.main-menu ul {
	margin: 0px;
	list-style: none outside none;
}

.main-menu ul > li {
	margin: 14px 0px;
}

.main-menu ul > li > a {
	color: #fff;
	font-size: 1.1em;
	font-family: 'Arial';
	text-decoration: none;
}

.main-menu ul > li  > ul{
	margin: 0 0 0 14px;
}

.main-menu ul > li > ul > li {
	margin: 6px 0px;
}

.main-menu ul > li  > ul > li > a{
	color: #fff;
	font-size: 0.9em;
	font-family: 'Arial';
	text-decoration: none;
}

.main-menu  a.active {
	text-decoration: underline;
}

/* footer */

.footer {
	height: 40px;
	padding: 15px 0 0 0 ;
    overflow: hidden;
}

.footer-sitemap {
	background-color: #E5E5E5;
	padding: 15px 0;
	box-shadow: 0 -8px 10px -5px #CCCCCC;
}

.footer-sitemap .span3 {
	width: 242px;
}

.footer-sitemap .span3:first-child {
	margin-left: 0px;
}

.menu-footer {
	
  list-style: none outside none;
  margin: 0px;
}

.menu-footer  > li {
	float: left;
	padding: 0 17px 0 15px;
	background: url("img/menu-footer-separator.gif") no-repeat scroll right center transparent
}


.menu-footer  > li:first-child {
	padding-left: 0;
}
.menu-footer > li:last-child {
	background: none repeat scroll 0 0 transparent;
}

.menu-footer  > li > a{ 
	font-family: 'Georgia';
	color: #333333;
    font-size: 17px;
}

.footer-sitemap  ul {
	margin: 16px 0;
	list-style: none outside none;
}

.footer-sitemap  ul  > li {
	padding: 4px 0 10px;
	margin-bottom: 5px;
}

.footer-sitemap a,
.footer-sitemap a:link, 
.footer-sitemap a:active, 
.footer-sitemap a:visited
{
	font-family: 'Georgia';
    font-size: 22px;
}

.footer-sitemap  a:hover   {
	text-decoration: underline;
}

#detail-page p.detail-teaser-text  {
	font-family: 'Georgia, Arial';
    font-size: 22px;
    line-height: 28px;
}

#detail-page p.detail-teaser-text:first-letter 
 {
    color: #262626;
    float: left;
    font-size: 157px;
    line-height: 107px;
    padding: 8px 8px 0 0;
}

a.more
{
	font-family: 'Georgia';
	background-image: url('img/more-link.png');
	background-repeat:no-repeat;
	background-position: 0px 9px;  
	padding: 10px 0 6px 28px;
	font-size: 16px;
	color: #1e6665;
}

.pagetitle-container {
	background-color: #C8DCDB;
	height: 110px;
	border-bottom: 1px dotted #272727;
}

.pagetitle-container h1 {
	color:#262626;
	margin: 32px 0 0 250px;
	font-weight: normal;
	font-size: 56px;
}


#such-page .detail-background ,
#detail-page .detail-background {
	background-color: #C8DCDB;
	height: 447px;
	width: 100%;
	z-index: -100;
	position: absolute;
	border-bottom: 1px dotted #272727;
}

#detail-page  h1 {
	padding-top: 10px;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 48px;
	line-height: 1.1em;
	color: #1e6665;
}


.footer-top .print-wraper {
	height: 20px;
		padding: 0;
}

/*
.footer-top .share-wrapper {
    border-top: 1px dotted #A58E6E;
    padding: 18px 0 0;
}

.footer-top .share-wrapper span {
	float: left;
    line-height: 32px;
    padding-right: 5px;
}

.share-links ul {
    float: left;
	list-style: none outside none;
}

.share-links ul > li {
    float: left;
    padding: 0 5px;
}


.share-links ul li a {
	font-family: 'Georgia';
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    line-height: 32px;
    padding: 0 10px;
	text-decoration: none;
}
*/
/* breadcrumbs */

.breacrumb-container  ul {
    /*background: none repeat scroll 0 0 #569290; */
    list-style: none outside none;
	float: left;
    font-size: 16px;
    height: 29px;
    line-height: 29px;
	margin: 38px 0 0 250px;
}

.breacrumb-container  ul  > li {
   float: left;
   margin-left: -12px;
   position: relative;
    display: inline;
}

.breacrumb-container  ul  > li  > a{
    background: url("img/bread.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
	font-size: 17px;
    float: left;
    outline: medium none;
    padding: 4px 30px 5px 25px;
    text-decoration: none;
}

.breacrumb-container  ul  > li.last > a {
    background-image: none;
}

.breacrumb-container  ul  > li.last {
	margin-left: -11px;
	background: none repeat scroll 0 0 #569290;
}



.breacrumb-container  ul  > li.level-0 
{
	z-index:100;
	margin-left: -11px;
}

.breacrumb-container  ul  > li.level-1 
{
/*background-color: #68a2a0;*/
	z-index: 98;
}

.breacrumb-container  ul  > li.level-2 {
	/*background-color: #569290; */
	/* z-index: 97; */
	display: none;
}

.breacrumb-container  ul  > li.level-3 {
	/* z-index: 96; */
 	display: none;
}

.breacrumb-container  ul  li.level-0 > a {
    background-position: right -29px;
	
    padding-left: 20px;
}

.breacrumb-container  ul  li.level-fix > a {
	background-position: right -58px;
}


.breacrumb-container  ul  li.level-1 > a {
    background-position: right 0;
	
}
.breacrumb-container  ul  li.level-2 > a {
    /*background-position: right -58px;/
}

#detail-page p.detail-teaser-text  {
	font-family: 'Georgia, Arial';
    font-size: 22px;
    line-height: 28px;
}

#detail-page p.detail-teaser-text:first-letter 
 {
    color: #262626;
    float: left;
    font-size: 157px;
    line-height: 107px;
    padding: 8px 8px 0 0;
}

.dnnForm  input[type="checkbox"]
{
    margin-top: 0;
    float: left;
}


.dnnFormItem {

	margin: 0 0 12px 0;
}

.dnnForm  table.checkboxlist
{
    margin: 6px 0 0 40px;
}

   .dnnForm  table.checkboxlist label
	{
        margin: 0 0 4px 4px; /*display: inline;*/
        font-size: 12px;
        line-height: 12px;
        display: inline-block;
		width: 128px;
    }

    .dnnForm  table.checkboxlist td
	{
        width: 170px;
        vertical-align: top;
    }

	.dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span {
		margin: 0;
	}

	.dnnFormItem select {
		height: 36px;
	}

	
a:hover.btn-login,
a:visited.btn-login,
a.btn-login {
	color: #fff;
	background-color: #6CC6C6;
	background-image: none;
	text-shadow: none;
}

#HeaderLogin {
	padding: 10px;
}

#HeaderLogin input[type="text"],
#HeaderLogin input[type="password"]
{
	width: 180px;
	margin-bottom: 5px;
}

#HeaderLogin a.register-label {
text-decoration: underline;
/*color: #C1D5D4;*/
font-style:italic;
font-size: 11px;
margin: 0 0 4px 0;
}

#HeaderLogin span
{
	font-family: 'Georgia';
	color: #fff;
	font-size: 18px;
}

#webquest-page .toploginpane,
#detail-page  .toploginpane,
#such-page .toploginpane,
#liste-page  .toploginpane
{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 999;
}

.pagination ul > li > a.rpp_PagingActive {
	background-color: #E4E4E4;
}

a.logoff-action {
	color: #fff;
   display: block;
    text-align: center;	
}

.media-search-button {
margin-left: -35px;
}

a.btn-readmore, a.btn-readmore:hover, a.btn-readmore:focus, a.btn-readmore:active, a.btn-readmore.active {
	border: 0 none;
    border-radius: 25px;
    font-size: 12px;
    width: auto;	
	margin: 12px 8px 12px 0;
}

.reg-captcha {
		width: 260px;
		font-size: 10px;
}

.reg-captcha input[type="text"] {
	width: 197px;

}
/* Teilen */
#teilen p  {font-size:24px; font-family: 'Georgia', 'Times New Roman', Times, serif;}

#teilen .label  {
	font-family: 'Georgia';
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 32px;
    padding: 0 10px;

}

#teilen a.label {
	text-decoration: none;
	font-weight: normal;
/*
    padding-bottom: 4px;
    padding-top: 6px;
*/
}


#folgen {
	margin-top: 48px;
}

a.ouw_btn, a:active.ouw_btn,  a:visited.ouw_btn {
	background-color: #588e8d;
    color: #272727;
    padding: 12px 18px;
	border-radius: 5px;
	margin-left: 75px;
}

a.ouw_btn_disabled, a:active.ouw_btn_disabled,  a:visited.ouw_btn_disabled{
	background-color: #bbbbbb;
	color: #fff;
}

.webquest-container {
	background-color: #BCD4D4;
	border: 1px solid #1E6665;
	display: table;
	padding: 0 8px 12px;
	margin-left: 237px;
}

.webquest-titelpane {
	margin-left: 245px;
	margin-top: 20px;
}

.webquest-titelpane  h1{
	margin: 0 0 16px 0;
}

.webquest-titelpane p {
	font-size: 18px;
	font-style: italic;
}

ul.webquest-menu  {
	margin: 12px 0 0 2px;
	width: 106px;
}

.webquest-menu li { 
	list-style: none;
	margin-bottom: 3px;
}


.webquest-menu li  a{ 
	color: #fff;
	padding: 4px 6px;
	display: block;
	text-decoration: none;
	background-color: #569290;
}

.webquest-menu li  a.active{
	background-color: #1E6665;

 } 
 
#webquest-page .three-panes .contentPane 
{
	float: left;
    width: 52%;
	padding-left: 12px;	
}

#webquest-page .contentPane h2,
#webquest-page .contentPane h3,
#webquest-page .contentPane h3
{
    margin-top: 0;
}

#webquest-page   .contentMenuPane
{
	float: left;
    height: 100%;
	width: 15%;
}

#webquest-page  .three-panes  .contentMiddelPane
{
	float: left;
    height: 100%;
	width: 30%;
}

#webquest-page  .three-panes .contentMiddelPane  p{
	margin: 0;
}

#webquest-page  .three-panes .contentMiddelPane  img{
	border: 1px solid #1E6665;
	margin-top: 12px;
}

#webquest-page .three-panes .contentLeftPane,
.two-panes  .contentLeftPane 
{
    height: 100%;
    left: 776px;
    position: absolute;
	width: 268px;
}

#webquest-page .two-panes .contentPane 
{
	float: left;
    width: 80%;
	margin-top: 8px;
	padding-left: 12px;	
}

    .fa-lg {
        font-size: 0.8em;
    }
    /* custom shariff */
    
    .shariff li .share_text {
        font-family: "CallunaSansRegular", ​Arial, ​Helvetica, ​sans-serif;
        font-size: 0.85em;
        font-weight: 700;
        line-height: 1;
    }
   
    
    .shariff-sidebar ul li {
        padding: 0;
    }
    
    @media only screen and (min-width: 992px) {
        .shariff .mail .fa-envelope {
            font-size: 15px;
        }
        .shariff .twitter .fa-twitter {
            font-size: 17px;
        }
        .shariff .whatsapp,
        .shariff .orientation-vertical li.whatsapp {
            display: none;
        }
    }
    
    @media only screen and (max-width: 992px) {
        .shariff .mail .fa-envelope {
            font-size: 14px;
        }
        .shariff .twitter .fa-twitter {
            font-size: 15px;
        }
        .shariff .whatsapp .fa-whatsapp {
            font-size: 15px;
        }
    }

@media only screen and (min-width: 640px)
{
	shariff .orientation-horizontal li {
		min-width: 110px;
		max-width: 140px;
	}
}
@media only screen and (min-width: 768px)
{
	.shariff .orientation-horizontal li {
		min-width: 110px;
		max-width: 140px;
	}
}
    
    .shariff .orientation-vertical li a {
        display: inline;
        padding: 3px 10px 4px 0;
    }
    
    .shariff .orientation-vertical li .share_text {
        font-weight: normal;
        font-size: 1.0em;
    }
    
    #teilen .column {
        padding: 0;
    }
    


blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #1e6665;
}

blockquote, blockquote p {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #1e6665;
    font-style: italic;
}