body { color:#555;  margin:0; } /* font:70%/1.5 Verdana, 'Trebuchet MS', arial, sans-serif;*/
.pagebody { background-color:#FFF !important; color:#555; text-align:center; }

/* These are ids for container divs in layout.master */
#wrapwebsite { width:100%; background-color:#FFF; text-align:left; margin:15px auto; }
/*#wrapheader { position:relative; clear:left; width:960px; height:135px;  margin:0; padding:0; background:#CCCCFF url('bgheader.png') no-repeat left bottom; }*/


#wrapheader {
	clear:left;
	position:relative;
	height: 165px;
    background: rgba(161,182,239,0.25) url('bgheader.png') no-repeat left bottom;
	} /* background-size: 100vW;height: 135px;	clear:left;
	position:relative; margin:0; padding:0;*/
#wrapcenter { 
	clear:left; 
	min-height:300px; 
	margin:0; 
	} /*margin:0 5px; */
#wrapfooter { 
	clear:both; 
	color:#555; 
	background-color:#CCCCFF; 
	background-color:#f68004;
	margin:0;
	padding: 1rem 1rem 1rem 3rem; 
	} /*#wrapfooter { clear:both; height:40px; color:#555; background:#CCCCFF; text-align:center; font-size:.8rem; margin:0; }*/

/* these are the main column layouts for supporting automatice column layout from 1 to 3 columns 
   all columns are floated left, the system programmatically assigns on of the classes to the center column depending on whether content exists
 in the left or right content sections
*/
.leftside { float:left; width:28%; margin:10px 5px 0 5px ; } /* margin:10px 5px 0 0; */
.center-nomargins {width:100%; } /* float:left; */
.center-rightandleftmargins { float:left; width:40%; margin:10px 5px 0; }
.rightside { float:right; width:28%; margin:10px 0 0 5px; }  /* margin:10px 0 0; */
.center-rightmargin,.center-leftmargin { float:left; width:70%; margin:10px 0 0 5px; }


/* Elements */
code { text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #EAEAEA; border-left:5px solid #72A545; margin:5px 0; padding:10px; }
acronym { cursor:help;border-bottom:1px solid #777; }
/*blockquote { background:#FAFAFA url(quote.gif) no-repeat 5px 10px!important; background-position:8px 10px; border:1px solid #EAEAEA; border-left:5px solid #72A545; font-weight:700; margin:15px; padding:0 0 0 32px; }*/
hr { height:1px; background-color:#FFF; color:#FFF; border-width:0; } /* background-color:#D1D7DC; color:#D1D7DC; */
img,.vevent abbr { border:0; }


/* Headings */
.sitelogo { float:left; margin:0; }
.siteheading { font-size:1.4re.; text-decoration:none; margin:0; padding:20px 0 0; }
h1.siteheading { font-family: 'PT Sans', sans-serif; display:none; float:left; }
/* font:800 30px 'Trebuchet MS', Arial, Sans-serif; letter-spacing:-2px; text-transform:none; margin:0; padding:56px 0 0 40px; */
h1,h2,h3,h4 { font-family: 'PT Sans', sans-serif; font-weight: 700; margin:1.4rem 0; } /*padding:0;margin:10px 15px;*/
h1 { font-size:2.5rem; text-transform: uppercase; }
h2 { font-size:1.75rem; color:#F57E00; text-transform: uppercase; }
h3 { font-size:1.5rem; }
h4 { font-size:1.25rem; color:#F57E00; }

h2.moduletitle { clear:both; border-bottom:2px solid #f2f2f2; padding-left: 1rem;}
.modulesubtitle { height:23px; color:#FFF; background-color:#EAEAEA; font-weight:700; padding:4px 5px 0; }




/* alt 01.2020 
h1 { font-size:1.7rem; }
h2 { font-size:1.5rem; color:#F57E00;  }
h3 { font-size:1rem; color:#555; }
h4 { color:#F57E00; }
h2.moduletitle { clear:both; border-bottom:2px solid #f2f2f2; margin:0; padding:0 0 3px 5px; }
h2.moduletitle { color:#F57E00; font-size:1.5rem; font-weight:700; text-transform:none; }
*/)
/* Form styles */
fieldset { border:1px solid #ffc796; margin:0 5px 7px 3px; padding:1em; }
legend { font-size:larger; font-weight:700; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.modulebuttonrow { clear:left; text-align:center; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txtcopyright { color:#444; font-size:.8rem; font-weight:400; }
.txterror { color:red; font-weight:700; }
input.openid_login { background:url('openidlogin.gif') no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }


/* Lists */
.topnav { margin: .5rem; } 
/* .topnav { position:absolute; top:30px; right:0; text-align:right; font-weight:700; margin:4px 10px 3px 0; }*/
.topnav ul { float:left; display:inline; margin:0; padding:0; }
li.topnavitem { float:left; list-style-type:none; border-left:solid thin #FFF; padding:0 7px; }
li.firstnav { float:left; list-style-type:none; padding:0 7px 0 5px; }
.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }
ul.linkitem { position:relative; top:-6px;left:0; list-style:none; margin:10px; padding:0; }
div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; font-size:90%; margin:0 0 0 -40px; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; font-size:100%; }
ul.linkitem li { list-style:none; min-height:18px; background:#f2f2f2; border-left:5px solid #CCC; margin:0 0 1px; padding:2px 0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
div.panelwrapper ul.simplelist { margin-bottom:0; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0; padding:0; }
ul.simplehorizontalmenu li { display: inline-flex; padding: .5rem;} /*display:inline; padding:0 10px;*/
li.linkitem:hover,li.linkaltitem:hover { border-left:5px solid #72A545; }
ul.firstnav span.sitelink,li.topnavitem,li.firstnav,.WelcomeMessage,.sitelink { font-weight:600; font-size:inherit; } /*font-weight:700; font-size:.6rem;*/
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item,.ratingrow { white-space:nowrap; }
ul.simplehorizontalmenu li.selecteditem, { font-weight:700; }

.tag-cloud { list-style-type:none; margin:15px 0 3px -30px; }
.tag-cloud li { display:inline; list-style-type:none; }
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }

/* Grids and Tables */
table.editgrid { margin:10px; }
table.editgrid th { font-weight:700; padding:7px; }
.AspNet-GridView table thead tr th { padding:2px; }
.AspNet-GridView table tbody tr td { color:#333; background:#FFF; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:left; padding:2px 20px 2px 2px; }
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td { background:#F7F6F3; }
table.editgrid td,.padded { padding:7px; }


/* Links */
ul.linkitem a { color:#333; font-weight:700; text-decoration:none; padding:2px 5px 2px 10px; }
* html body ul.linkitem a { height:18px; }
ul.linkitem a:hover { background:#f2f2f2; color:#390; padding:2px 5px 2px 10px; }
a.ModuleEditLink:hover { color:#F57E00; }
a.sitelink:hover { color:#FFF; text-decoration:underline; }
a.sitelink:active { color:#FFF; text-decoration:none; }
.accent { color:#FFF; font-weight:700; }
a:hover { color:#F57E00; text-decoration:underline; }
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a.ModuleEditLink:hover,a.ModuleEditLink:active { font-size:10px; }

.foldergallery a,a.ModuleEditLink:active,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active,.sitelink,a.sitelink:link,a.sitelink:visited,#wrapfooter a { color:#FFF; }
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a:link,a:visited,a:active { color:#F57E00; }
a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:active { color:#000; font-weight:700; text-decoration:none; }
legend a.ModuleEditLink,legend a.ModuleEditLink:link,legend a.ModuleEditLink:visited,legend a.ModuleEditLink:hover,legend a.ModuleEditLink:active { color:#ffc796; font-size:smaller; }
legend a,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active,a.sitelink:link,a.sitelink:visited,a.selectedcrumb:link,a.selectedcrumb:visited,a.selectedcrumb:active,a.unselectedcrumb:link,a.unselectedcrumb:visited,a.unselectedcrumb:active {
text-decoration:none; }
a.ModulePager:link,a.ModulePager:visited,a.ModulePager:hover,a.ModulePager:active,a.selectedcrumb:hover,a.unselectedcrumb:hover { text-decoration:underline; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }
.pageditlinks a { margin: 3px 7px 3px 0px; }
a.adminlink ,
a.adminlink:link ,
a.adminlink:visited ,
a.adminlink:hover ,
a.adminlink:active { 
font-size: 16px; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 8px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}
a.adminlink:hover {  text-decoration:underline;}

.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none; }

.breadcrumbs { padding:4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }

.modulecontent { vertical-align:top; text-align:left; padding:5px; } 
.modulefooter { display:none; font-size:11px; text-align:center; }

.modulepager { vertical-align:top; padding:4px; }
.selectedpage { color:#000; font-weight:700; }
a.SelectedPage:hover { color:#000; font-weight:700; text-decoration:underline; }

.modulerow { background-color:#EAEAEA; }
.modulealtrow { background-color:#eee; }

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }

.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }
.albumMetaName { font-weight:700; }

.ratingcontainer { float:right; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url('ratingStarFilled.png'); }
.ratingStar .Empty { background-image:url('ratingStarEmpty.png'); }
.ratingStar .Saved { background-image:url('ratingStarSaved.png'); }
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:300px; height:210px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:280px; height:100px; }

div.addthisbutton { position:absolute; top:60px; right:10px; }

.moduleedit { height:28px; background-color:#C7D0D7; border:0; text-indent:4px; margin:0; padding:0; }
.clearpanel { clear:left; padding-top:15px; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.vevent { padding:10px; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.clear,.eventcalendar table { clear:both; }
.clearfix, .clearfix:after, .container-fluid:after, .container:after,  .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.logolist,.pageicons,.skiplink { display:none; }
.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}

/* Content Styles */
.floatrightimage { float:right; margin-right:15px; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }

/* floatpanel - googleaspis.com uitheme.css */
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color:#F57E00 !important;
font-weight:bold !important;
}


/* Button Orange */
.btn-orange, a.btn-orange {
	color: #FFF!important;
    background-color: #F57E00;
    border-color: transparent;
	padding: 10px 24px;
    margin: .5rem 2rem;
    border: 0 none;
    -webkit-box-shadow: 0 2px 5px -1px rgba(5,23,39,0.25);
    box-shadow: 0 2px 5px -1px rgba(5,23,39,0.25);
	position: relative;
    font-size: 1.5em;
    line-height: 1.48857143;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
}
.btn-orange:hover, a.btn-orange:hover {
	background-color: #e57600;	
}
.btn-orange:active, a.btn-orange:active {
	background-color: #d06e06;	
}
.btn-blue, a.btn-blue {
	color: #FFF!important;
    background-color: #2528B8;
    border-color: transparent;
	padding: 10px 24px;
    margin: .5rem 2rem;
    border: 0 none;
    -webkit-box-shadow: 0 2px 5px -1px rgba(5,23,39,0.25);
    box-shadow: 0 2px 5px -1px rgba(5,23,39,0.25);
	position: relative;
    font-size: 1.5em;
    line-height: 1.48857143;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
}
.btn-blue:hover, a.btn-blue:hover {
	background-color: #17358E;	
}
.btn-blue:active, a.btn-blue:active {
	background-color: #0C2F62;	
}

/* Button Outline Secondary */
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.btn,
#colorbox #cboxClose {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:link, .btn:visited, .btn:focus, .btn:hover, .btn:active {
    text-decoration: none;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.btn-outline-secondary,
a.btn-outline-secondary:link, 
a.btn-outline-secondary:visited,
#colorbox #cboxClose,
#colorbox #cboxClose:link,
#colorbox #cboxClose:visited
 {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}
.btn-outline-secondary:hover,
a.btn-outline-secondary:hover,
#colorbox #cboxClose:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, 
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-secondary.dropdown-toggle,
a.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-outline-secondary.focus, 
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
}
/* END Button Outline Secondary */

/*  Button Outline Secondary White Background & Grey Transparent Background */
.btn-outline-secondary.b-white,
a.btn-outline-secondary.b-white:link, 
a.btn-outline-secondary.b-white:visited
 {
    background-color: white;
}
.btn-outline-secondary.b-white:hover,
a.btn-outline-secondary.b-white:hover {
    background-color: #6c757d;
	background-color: rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.b-white:not(:disabled):not(.disabled).active, 
.btn-outline-secondary.b-white:not(:disabled):not(.disabled):active, 
.show>.btn-outline-secondary.b-white.dropdown-toggle,
a.btn-outline-secondary:active {
    background-color: #6c757d;
	background-color: rgba(108, 117, 125, 0.5);
}

/* Bildergalerie */

#cboxTitle,
#cboxCurrent,
#cboxNext,
#cboxPrevious { 
   display:none!important;
}

#colorbox #cboxClose {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: white;	
}

#colorbox #cboxClose::before {
height: 10px;
width: 10px; 
content: " ╳ ";
color: white;
}

.galerie-center  .mojogallery {
	text-align: center!important;
}
.cboxIframe {
	width: 100vW;
	height: 100vH;
}