/* Default stylesheet */
body {
	background: #F2F2F2;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 85%; /* 12px*/
	font-weight: 300;
	margin: 0px;
	padding: 0px;
}

table,caption,th,td {
	font-size: 1.0em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 4px 0px;
	padding: 0px;
	font-weight: normal;
}
h1 {
	font-size: 1.75em;
	font-weight: normal;
}
h2 {
	font-size: 1.3em;
}
h3 { 
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1.0em;
}
h6 {
	font-size: 1.0em;
}
p {
	padding: 0px;
	margin: 4px 0px 16px 0px;
}
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
/* End General elements*/
a img {
	border: none;
}
.body img {
	margin: 3px 10px 5px;
}
.pgn_whyabex .body img {
	margin: 3px 10px 5px;
	float: left;
}

.body .articleparagraphdynamic img {
    float: right;
}

.body img[align="left"] {
	margin-left: 0;
	margin-top: 7px;
}
.body img[align="right"] {
	margin-right: 0;
	margin-top: 7px;
}

/* browser icons at bottom */
#articleparagraph51602406 img.paragraphimage {
    margin-top: 160px;
}
/* Why abex view hack */
#articleparagraph51602352 .paragraphimage {
    position: relative;
    right: 30px;
}

div.forum {
	clear: both;
}
/* Use class layout on images and tables used for layout */
img.layout, a img.layout {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
table.layout {
	margin: 0px;
	padding: 0px;
}
td.layout {
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
/* General links */
a:link {color: #ff7f00; text-decoration: none;}
a:visited { color: #ff7f00; text-decoration: none;}
a:hover {color: #ff7f00; text-decoration: underline;}

/* Workspace links */
.ui-widget-content a {color: #FF6825 !important;}
.ui-widget-content a:visited {color: #A41F0A !important;}
.ui-widget-content a:hover {color: #666 !important;text-decoration: underline;}

/* Workspace tabs menu */
ul.ui-tabs-nav li.ui-state-default a, ul.ui-tabs-nav li.ui-state-default a:link, ul.ui-tabs-nav li.ui-state-default a:visited {
    color: #555555 !important;
    text-decoration: none;
}

/* Workspace project list */
.wsprojectlist ul li.ui-button a{color: #FF6825;}
.wsprojectlist ul li.ui-button a:visited{color: #A41F0A !important;}
.wsprojectlist ul li.ui-button a:hover{color: #666666;}

/* read more.. links */
.link { }
a.link:link { }
a.link:visited { }
a.link:hover { }

/* Standard navigation links */
.menu a:link {text-decoration: none;}
.menu a:visited {text-decoration: none;}
.menu a:hover {text-decoration: none;}


ul.check{
	padding:0;
	list-style: none;
}

ul.check li{
	padding-left: 30px;
	margin-bottom: 10px;
	background: url(https://img5.custompublish.com/getfile.php/2290941.1895.uvcbpwdprr/check.png) no-repeat left top;
}
/*
.menu a.menuselected:link {text-decoration: underline;}
.menu a.menuselected:visited {text-decoration: underline;}
.menu a.menuselected:hover {text-decoration: underline;}
*/

ul#mainmenu {
	float: right;
}
ul#mainmenu li {
	float: left;
	margin-right: 0px;
}
ul#mainmenu li a{
	display: block;
	position: relative;
	left: 0px;
	text-decoration: none;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 1.4em;
	border: 1px dashed transparent;
	margin: 0 2px;
	
	-moz-transition:  border 0.3s ease-in-out 0s;
	-webkit-transition:  border 0.3s ease-in-out 0s;
	-o-transition:  border 0.3s ease-in-out 0s;
	-ms-transition:  border 0.3s ease-in-out 0s;
	transition:  border 0.3s ease-in-out 0s;
	
}

ul#mainmenu li.itemselected > a, ul#mainmenu li a:hover {
	color: #fff;
	border: 1px dashed #fff;
	-moz-transition:  border 0.3s ease-in-out 0s;
	-webkit-transition:  border 0.3s ease-in-out 0s;
	-o-transition:  border 0.3s ease-in-out 0s;
	-ms-transition:  border 0.3s ease-in-out 0s;
	transition:  border 0.3s ease-in-out 0s;
}

/*
ul#mainmenu li.itemlvlnum3 a {
    background: url("https://img5.custompublish.com/getfile.php/2183338.1895.sqssdqcuuq/logoWhiteSmall.png") no-repeat center top transparent;
    height: 39px;
    overflow: hidden;
    text-indent: -9999px;
    width: 363px;
}
*/

ul#submenu{}

ul#submenu li{
	float: none;
}

ul#submenu li a{
	display: block;
	padding: 10px;
	font-size: 1.4em;
	font-weight: 500;
	color: #ff6e00;
}
ul#submenu li a.menuitemselected{
	background: #fff;
}

#loginmenu {
    position: absolute;
    right: 20px;
    top: 9px;
}
ul#loginmenu li a {
    background: url("https://img5.custompublish.com/getfile.php/2290931.1895.asvsrqupsa/orange.jpg") repeat scroll 0 0 #FF7F00;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    padding: 5px;
    text-shadow: 0 2px 0 #DD7106;
    font-size: 11px;
    position: relative;
    z-index: 9999;
}
ul#loginmenu li a:hover {
	background: #FF6825;
}

/* Printable/tell a friend links	*/
.toollink { }
a.toollink:link { }
a.toollink:visited { }
a.toollink:hover { }

/* Copyright, CustomPublish powered link etc.	 */
.cp { }
a.cp:link { }
a.cp:visited { }
a.cp:hover { }

/* Linked headlines (normally inside LIST-sections) */ 
.headlinelink, .headlinelink:link { color: #333; }
.headlinelink:hover, .headlinelink:visited {color: #666666;}

.plan .headlinelink {
	font-size: 1.7em; 
	color: #666;
	font-weight: normal;
}

/* Linked headlines on listing pages */
.headline .headlinelink {
	font-size: 1.2em; 
	text-align: center;
	
}
.headline .headlinelink:link { }
.headline .headlinelink:visited { }
.headline .headlinelink:hover { }

/* Navigation path links */
.path	{	}
a.path:link { }
a.path:visited { }
a.path:hover { }

/* Sitemap links */
.tree { font-weight: normal; }
a.tree:link { text-decoration: none; color: #000000; }
a.tree:visited { text-decoration: none; color: #000000; }
a.tree:hover { text-decoration: underline; color: #000000; }

.sitetree { font-weight: normal; }
a.sitetree:link { text-decoration: none; color: #000000; }
a.sitetree:visited { text-decoration: none; color: #000000; }
a.sitetree:hover { text-decoration: underline; color: #000000; }

/* SECTION: Standard CP classes*/
div.date, span.date { color: #999999; font-size: 0.9em; }
.eventdate {
	background: url("https://img4.custompublish.com/getfile.php/981155.1554.qccuvsrypc/date.png") no-repeat scroll 0 0 transparent;
	padding: 2px 5px 0 20px;
}
.author { color: #333333; font-size: 0.9em; }
.feedback { }
.copyright { }

/* CSS code for (rounded) corners. Remember position: relative; on container element */
span.corner { 
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	/* Set width/height to size of corner images */
	width: 10px;
	height: 10px;
}
span.corner.tl { 
	background-position: top left;
	left: -1px;
	top: -1px;
}
span.corner.tr { 
	background-position: top right;
	right: -1px;
	top: -1px;
}
span.corner.br { 
	background-position: bottom right;
	bottom: -1px;
	right: -1px;
}
span.corner.bl { 
	background-position: bottom left;
	bottom: -1px;
	left: -1px;
} 


/* midtskygge */
div.s1 { 
	background-position: top left;
	background-repeat: repeat-y;
}
/* toppskygge */
div.s2 { 
	background-position: top left;
	background-repeat: no-repeat;
}
/* bunnskygge */
div.s3 { 
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* Fully flexible shadows */
/* Use in combination with corners for a rounded box with almost any type of shadow */
/* Flexibility limited by image size due to combination of two shadows top+bottom/left+right in each image. */
/* HTML Skeleton: 
<div class="container"><!-- must have position: relative; -->
<div class="side h b"><div class="side h t"><div class="side v l"><div class="side v r">

Content here...

<span class="corner tl"></span>
<span class="corner tr"></span>
<span class="corner br"></span>
<span class="corner bl"></span>

</div></div></div></div><!-- end sides -->

</div><!-- end container -->
*/

div.side, span.side {
	 display: block;
}
/* v = vertical, h = horizontal, l = left, r = right */ 
div.side.v, span.side.v {
	 background-position: top left;
	 background-repeat: repeat-y;
}
div.side.v.r, span.side.v.r {
	 background-position: top right;
}
div.side.h, span.side.h {
	 background-position: top left;
	 background-repeat: repeat-x;
}
div.side.h.b, span.side.h.b {
	 background-position: bottom left;
}


 /* Site default shadows */
div.side.h, span.side.h {
	 /* Background-image with horizontal (top/bottom) shadows. Taller than tallest container with shadow. Split into two background images when required	*/
}
div.side.v, span.side.v {
	 /* Background-image with vertical (left/right) shadows. Wider than page */ 
}

/* Standard tools */
div.tools { margin: 15px 0px; }
div.tool { margin: 2px 0px; }
div.pagebar { padding: 10px 0px; clear: both; }
.pagebar.prev { margin-right: 10px; }
span.arrow { padding: 0px 3px; }

/* SECTION: listing/view styles */
.pagedescription { 
	color: #ff7f00;
    font-family: 'Rambla',sans-serif;
    text-align: center;
    margin: 20px 0 5px;
    font-size: 2.5em;
}
h1.headline {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	font-weight: 200;
}
.plan h1.headline{
	font-size: 3.0em;
	color: #666;
	font-weight: normal;
	margin: 10px 0;
}
h1.headlineview {
	margin: 10px 0;
	padding: 0px;
}

.subheadline, h2.subheadline {
	font-size: 1.3em;
	font-weight: normal; 
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 1.0;
	font-style: italic;
}
h2.paragraphheadline {
	font-weight: normal;
	font-size: 1.2em;
}

div.paragraphtext li{
	padding: 4px 0;
}
.ingress {
	font-weight: normal;

}

.ingress span.price{
	color: #FF611E;
	font-size: 3.0em;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.ingress.short {
    color: #BEBEBE;
}

.ingress.short > ul {
    padding: 0 40px;
    list-style: none;
    text-align: left;
}
.ingress.short > ul li {
	border-bottom: 1px dashed #BEBEBE;
	padding:5px 0 5px 40px;
	color: #4B4B4B;
}

.asterisk {
    font-size: 0.7em;
    font-style: italic;
    padding: 10px 15px;
    position: relative;
    bottom: -86px;
}
.orange_color {
    color: #FF611E;
    padding-right: 5px;
}
div.ingress {
	font-size: 1.2em;
	margin: 6px 0px; 
	padding: 0px;
}
.plan div.ingress{
	color: #bbb;
}
.ingressview {
}
div.ingressview {
	margin: 6px 0px; 
	padding: 0px;
	font-style: italic;
}
p.byline, .byline {
	margin: 10px 0 10px 0; padding: 0px;
}


.viewarea div.listingpic {
	width: 220px;
	float: right;
	margin: 0 0 10px 15px;
}

/* SECTION: Articlemedia */
div.articlemedia { 

}

div.articleimage { 
	float: left;
	margin-right: 10px;

}

div.articleimagedesc, i.paragraphpictext { 
	font-style: italic;
	padding: 1px 2px;
}


/* SECTION: viewarea block/spacing elements */
.block, .articleblock {
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}

.articleblock .imgwrap {
	float: left;
	width: 32.5%;
	margin: 0 10px 10px 0;
}
.articleblock .imgwrap img {
	max-width: 100%;
	height: auto;
}
.articleblock .textwrap {
	float: right;
	width: 65%;
}
/* Full text width if no listing image */
div.articleblock.nopic .textwrap {
	float: none;
	width: auto;
}

/* 2-spalter */
div.twocol > .col { 
	width: 49%;
}
div.twocol > .col.col0 { 
	clear: both;
	float: left;
}
div.twocol > .col.col1 { 
	clear: right;
	float: right;
	margin-right: 0;
}


.ppt271677 div.twocol > .col.articleblock{
	position: relative;
	margin-bottom: 35px;
	overflow: hidden;
	border: 1px solid #eee;
	cursor: pointer;
}
.ppt271677 div.twocol > .col .textwrap, div.twocol > .col .imgwrap{
	width: 100%;
	margin: 0;
	padding: 0;
}
.ppt271677 div.twocol > .col .imgwrap{
	text-align: center;
}
.ppt271677 div.twocol > .col .textwrap{
	position: absolute;
	background: url("/images/opacity/black/opacity80.png") repeat; 
	z-index: -1;
	height: 100%;
	color: #fff;
}
.ppt271677 div.twocol > .col .textwrap .box{
	padding: 20px;
	margin: 0;
}
.ppt271677 div.twocol > .articleblock .textwrap a.link{
    position: relative;
	font-size: 2em;
    left: 120px;
    top: 110px;
    color: #FF6B15;
}
.ppt271677 div.twocol > .articleblock:hover .textwrap{
	z-index: 1;
}

/* 3-spalter */
div.threecol > .col { 
	width: 32%;
	float: left;
	margin-right: 2%;
}
div.threecol > .col.col0 { 
	clear: both;
}
div.threecol > .col.col1 { 
	margin-right: 0;
}
div.threecol > .col.col2 { 
	clear: right;
	float: right;
	margin-right: 0;
}
div.threecol .textwrap, div.threecol .imgwrap {
	float: none;
	width: auto;
}
/* 4-spalter */
div.fourcol > .col { 
	width: 23%;
	float: left;
	margin-right: 2%;
}
div.fourcol > .col.col0 { 
	clear: both;
}
div.fourcol > .col.col2 { 
	margin-right: 0;
}
div.fourcol > .col.col3 { 
	clear: right;
	float: right;
	margin-right: 0;
}
div.fourcol .textwrap, div.fourcol .imgwrap {
	float: none;
	width: auto;
}


/* multicol */

div.multicol .articleblock { 
	background: #fff;
	float: left;
	width: 308px;
	margin: 0 12px 12px 0;
	padding: 0px;
	clear: none;
	overflow: hidden;
	/* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); */
	text-align: center;
	border-bottom: none;
	border-radius: 4px;	

	min-height: 370px;
}

div.multicol.portfolio .articleblock { 
	width: 280px;
	margin: 0 22px 22px 0;
	min-height: 0;
}

div.multicol .textwrap, div.multicol .imgwrap{
	width: 100%;
}

div.multicol.portfolio{
	padding-left: 30px;
}
div.multicol.portfolio .textwrap{
	padding: 0 2%;
	width: 97%;
}


.articlelist.multicol.plan{
	margin-top: 20px;
}
.plan .articleblock.article1 {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
    min-height: 405px;
    left: 300px;
    position: absolute;
    top: 50px;
    width: 350px;
    z-index: 9;
}
.plan .article1 .asterisk {
    margin-top: 50px;
}
.plan .articleblock.article2.nopic {
    position: absolute;
    right: 0;
}


.plan h1 + .ingress {
    background: #333333;
    color: #f1f1f1;
}
.article1 .ingress.short li {
    padding-left: 60px;
}
hr, div.hr /* Replacement for hr (easier to style in older browsers) */{
	background: url(https://img5.custompublish.com/getfile.php/2191544.1895.ydpqsrwtcp/shadow-bottom.png) no-repeat center;
	font-size: 1px;
	clear: both;
	height: 10px;
	margin-bottom: 35px;
}
div.body {
	clear: both; 
	margin: 0px 0px 22px 0px;
	font-size: 1.2em;
    line-height: 1.4;
}

div.articleparagraph {
	margin-bottom: 30px;
}

.clearfix { clear: both; font-size: 1px; height: 0px; }

/* SECTION: page containers */ 
#top {
/*	background: radial-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) #3498DB;*/
	background: url(https://img5.custompublish.com/getfile.php/2817474.1895.dfwasxyuee/hero-04[1].jpg) no-repeat;
	background-size: cover;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
	
}


#menucontainer {
	height: auto;
	width: 100%;
	z-index: 99999;
	left: 0;
	top: 0;
	background:#3498db;
}

.frontpage #menucontainer {
	position: fixed;
}
/* workspace fix */
body.page240919 #menucontainer, body.page337198 #menucontainer {
	position: static;
}
body.page240919 #middle, body.page337198 #middle {
	margin: 0;
}

.pgn_home.articlelisting #menucontainer {
	background: none;
}
 
#menucontainer.fixelement{
	background: #000 !important;
    overflow: hidden;
    z-index: 99999 !important;
    box-shadow: none;
}

#logo {
	margin: 15px 20px;
}
#topnav {	
	margin: 0 auto;
	padding: 30px 0 10px 0px;;
}
#middle {
	background: url(https://img5.custompublish.com/getfile.php/2619280.1895.spsbfucwaw/congruent_pentagon[1].jpg) repeat #F2F2F2;
	position: relative;
	margin: 30px 0 0;
	
}
.pgn_home.articlelisting #middle{
	 margin-top: 604px;
    z-index: 1;
	
}
#navbar {
	float: left;
	margin: 110px 0 0;
	width: 220px;
	position: fixed;
}
#page, .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	position: relative;
}

#main {
	float: right;
	width: 770px;
	min-height: 500px;
	margin: 0 10px 30px 0;
}
.frontpage.articlelisting #main{
	padding: 0;
}
.pluginworkspace #main {
	padding: 0px;
	width: 960px;
}
#mainsidebar {
	float: right;
	width: 180px;
}

.listingarea, .viewareacontent {
    background: #fff;
    margin: 50px 0;
    min-height: 550px;
    padding: 30px;
}

.viewareacontent {
	margin-bottom: 0;
}


/* #main when no sidebar */
.widemain #main {
	float: right;
	width: 760px;
}
.widemain #navbar {
	margin-right: 0;
}
.widemain #mainsidebar {
	display: none;
}
/* #main when no sidebar or navbar */
.widefull #main {
	width: 100%;
	margin-right: 0;
}
.widefull #navbar, .widefull #mainsidebar {
	display: none;
}

/* TEMPLATE FACTORY */
.ppt271677.widefull .listingarea{
	background: #fff;
	padding: 30px;
	margin: 40px 0 30px;
}

/* custom 1 */
.custom1 h1.headlineview {
	margin: 20px 0 10px;
	font-size: 1.95em;
	font-weight: 200;
}
.custom1 h2.paragraphheadline{
	font-size: 2.0em;
}

.custom1 div.body {
	font-size: 1.4em;
}

.custom1 div.articleparagraph {
	margin-bottom: 16px;
	background: #fff;
	padding: 30px;
	min-height: 439px;
}

/* listingarea/viewareacontent when widefull */
.widefull .listingarea, .widefull .viewareacontent{
	background: none;
	padding: 0;
	margin: 0;
	min-height: 0;
}

.listingarea.galleria {
    margin-top: 50px;
}

#footer {
	clear: both;
	text-align: center;
	background: #333;
	color: #fff;
	min-height: 140px;
	padding: 20px 0;
	position: relative;
	z-index: 9;
}
#footerinner {
	padding-top: 10px;
	color: #FFF;
}
#contactinfo {text-align: right;}
#contactinfo a{color: #fff;}
#contactinfo a:hover{color: #FFF;}

#cp {float: left; text-align: left; }


.cp {text-decoration: none;  font-size: .8em; font-weight: 200; margin-bottom: 5px;}



a.cp {color: #fff; text-decoration: none; }
a.cp:visited {text-decoration: underline;  }



/* SECTION: Sidebar */
.sidebar {
}
.box {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	position: relative;
}
.box .head {
}
.box .cell {
	padding: 5px;
}
.box ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
.box ul li {
	margin: 0px 0px;
	padding: 0px;
}
.box ul ul{
	padding-left: 10px;
}
.box p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.box h3.caption {
	padding: 0px;
	margin: 0px;
}
/* SECTION: page elements */
div.skiplink a{
  position: absolute;
	top: -190px;
}
div.skiplink a:focus, div.skiplink a:hover  { 
	position: static;
	left: 0; 
	width: auto; 
}
#path {
	margin-bottom: 5px;
} 
#path span.arrow {
	padding: 0px 3px; 
}
ul.menu, ul.submenu, ul.menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
ul.submenu, ul.menu ul {
	padding-left: 10px;
}
ul.menu li, ul.submenu li {
	margin: 0px;
	padding: 0px;
}
ul.menu li.spacingabove{
	margin-top: 10px;
}
ul.menu li.spacingbelow{
	margin-bottom: 10px;
}

ul.topmenu {
	list-style-type: none;
}
ul.topmenu li {
	display: inline;
}
#search {
}
#searchform {
}
input.searchinput {
	vertical-align: middle;
}	
input.searchsubmit {
	vertical-align: middle;
	cursor: pointer;
}

input.cpsinput, textarea.cpsinput {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #CCCCCC;
    color: #333333;
    margin: 0 0 10px;
    opacity: 0.7;
    padding: 8px;
    
}

input.cpssubmit, .linker a{
	background: url(https://img5.custompublish.com/getfile.php/2290931.1895.asvsrqupsa/orange.jpg) repeat #FF7F00;
    border-radius: 2px;
    border: 4px solid #DD7106;
    color: #FFFFFF;
    overflow: hidden;
    padding: 12px 30px;
    margin: 20px auto;
    position: relative;
    text-align: center;
    top: -20px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 2px 0 #DD7106;
}
.linker a{
    height: 20px;
    width: 160px;
    border-top: none;
}
input.cpssubmit:hover, .linker a:hover{
	background: #FF6825;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

input:invalid{
    box-shadow: 0 0 5px red;
}

.cpselementcontainer {
    margin: 10px 0;
}

.cpsimpleform input[type="text"]:not([size]), .cpsimpleform input[type="email"]:not([size]), .cpsimpleform input[type="tel"]:not([size]) {
	max-width: 20em;
	width: 98%;
}
.cpsimpleform input[type="tel"]:not([size]) {
	width: 10em;
}
/* SECTION: banner locations */
.bannerlocation {
	clear: both;
	text-align: center;
}
.bannerlocation table {
	margin-left: auto;
	margin-right: auto;
}
.bannerlocation td {
	text-align: center;
	padding: 5px 0px;
}
.bannerlocation img {
	border-width: 0px;
}
.icalendardayhead { background-color: #CECECE; }
.monthlycalendartable { width: 100%; }
.calendardate { color:#333333; font-size: 0.9em; }
.errmsg { font-weight: bold; color: #AA0000; }

table.weathertablefivedays { }

table.weathertablefivedays td {
	padding: 5px;
}
table.weathertablefivedays td.weatherlocname {
	width: 100px;
	font-weight: bold;
}
table.weathertablefivedays { }
.weatherdaylabel, td.weatherfivedays {
	width: 75px;
}
input.newslettersubemail {
	width: 98%;
}
/* Kalenderliste */
h2.dayheader {
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}
div.calendarentry {
	font-size: 0.9em;
}
span.caltime {
	margin-right: 15px;
}
div.vevent {
	border: 1px solid #666666;
	background-color: #EEEEEE;
	padding: 5px;
}

@media print {
	/* Printerfriendly */
	* {
		background-color: #FFFFFF !important;
		background-image: none !important;
		border-color: #666666 !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		font-size: 11pt;
		font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", "Times New Roman", "Liberation Serif", Times, Serif !important;
	}
	#top, #topnav, #navbar, #subnavbar, #mainsidebar, #footer, #cp, #searchform, .corner, #taleweb, #talewebholder, #PAFTOOLBAR, #skiplink, .skiplink, .adminbar, .cpeditlinks {
		display: none !important;
	}
	#page, #main {
		border: none !important;
		min-width: 0 !important;
		float: none !important;
		width: auto !important;
	}
	.side {
		padding: 0;
	}
	.box, .articleblock {
		page-break-inside: avoid;
	}
	th {
		background-color: #CCCCCC !important;
		color: #000000 !important;
	}
	tr:nth-child(2n+1) {
		background-color: #DEDEDE !important;
	}
	tr:nth-child(2n+1) {
		background-color: transparent !important;
	}
}





#slides .imgwrap{height: 420px;overflow: hidden;}

#slideshowcontainer .imgwrap img, #slideshowcontainer .imgwrap:hover, #slideshowcontainer .imgwrap {border-radius: none !important;  border: none; cursor: pointer;}

#slideshowcontainer {
	width: 100%;
	height: 310px;
	padding: 150px 0 0;
	position: relative;
	z-index: 10;
}
#slides {
	position: relative;
}
.slides_control, #slides, #slides .atriclelist {
	width: 100%;
	height: 420px !important;
}
#slides .atriclelist {
	overflow: hidden;
}
#slides .articleblock {
	padding: 0 !important;
	height: 420px;
	border-radius: 0px;
	position: absolute;
	overflow: hidden;
	width: 960px;
	border: none;
}

#slides .imgwrap{
	float: right;
	width: 60%;
}

#slides .textwrap {
	float: left;
	color: #FFFFFF;
	padding: 6px 6px 6px 20px;
	width: 36% !important;
	margin-top: 30px;
}
#slides .textwrap h1, #slides .textwrap h1 a {
	color: #fff;
	font-size: 4.0em;
	font-family: 'Rambla', sans-serif;
	text-shadow: 0 5px 5px #000000;
}
#slides .textwrap .ingress {
	clear: both;
	font-size: 16px;
	font-style: none;
}

/*
	Next/prev buttons
*/

#slides .next ,#slides .prev {
	position:absolute;
	top:157px;
	width:24px;
	height:43px;
	display:block;
	z-index:1991;
}
#slides .prev {
	left:-9px;
}
#slides .next {
	right: 0px;	
}
#slides .pagination {
	list-style-type: none;
	padding: 0;
	bottom: 40px;
	position: absolute;
	z-index: 1111111;	
	float: right;
	right: 0;
	bottom: -5px;
}

#slides .pagination li{float: left;}
#slides .pagination .articleblock {
	border: 2px solid #5389b5;
	box-shadow: 0 5px 10px rgba(0,0,0,0.6);
	float: left;
	min-height: 0;
	height: 100px;
	margin-right: 14px;
	width: 170px;
	overflow: visible; 	
}
#slides .pagination .headline {
	font-size: 0.9em;
	font-weight: normal;
}
#slides .pagination .textwrap {
	display: block;
	min-height: 2.3em;
	padding: 3px;
	left: 0;
	width: 164px !important;
}
#slides .pagination .textwrap .headline {
	display: block;
	float: none;
	height: 2.3em;
	overflow: hidden;
	width: auto;
}
#slides .pagination .textwrap .ingress, #slides .pagination .textwrap .date {
	display: none;
}
#slides .pagination .articleblock.current {
	border: 2px solid #000000;
}
#slides .pagination .current .textwrap {
}

#slides .pagination li a {
	display:block;
	width:10px;
	height:0;
	padding-top:10px;
	margin: 13px 10px 0 0; 
	/* background-image:url(https://img6.custompublish.com/getfile.php/1939022.2096.vparpcfqwf/pagination.png); */
	background-position:0 0;
	background: #615B5B;
	 border-radius: 50px;
	float:left;
	overflow:hidden;
}

#slides .pagination li.current a {
	background: #fff;
}

#slides .pagination li a:hover {
	background: #fff;
}
#slides .pagination .current {
	display: block;
}


.cycle-slideshow .imgwrap img {
	/*width: 100%;
	height: auto;
	margin: 0;*/
}
	
div.articlelist.cycle-slideshow {
	margin-top: 105px;
	/* height: 438px; */
	overflow: hidden;
	position: relative;
	text-align: center;
	
}

div.articlelist.cycle-slideshow .item {
	height: 500px;
	position: relative;
	width: 100%;
}
div.articlelist.cycle-slideshow .textwrap {
	display: none;
	
	
	
	overflow: hidden;
	max-height: 5em;
	top: 100%;
	padding: 0.5em 4%;
	position: absolute;	
	width: 92%;
}
div.articlelist.cycle-slideshow .headline {
	bottom: 0;
	font-size: 2.0em;
	padding: 10px 4%;
	position: absolute;
	width: 92%;
}
div.articlelist.cycle-slideshow .cycle-pager {
	font-size: 1.2em;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10000;
}
div.articlelist.cycle-slideshow .cycle-pager a {
	/*background-color: rgba(256,256,256,0.75);*/
	background-image: url(/images/opacity/white/opacity70.png);
	background-position: top left;
	background-repeat: repeat;
	border-radius: 50%;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
	min-width: 1.2em;
	padding: 5px;
	text-align: center;
	text-decoration: none;

}
div.articlelist.cycle-slideshow .cycle-pager a:hover, div.articlelist.cycle-slideshow .cycle-pager a.cycle-pager-active {
	background-color: #FFFFFF;
	background-image: none;
	color: #006699;
}

.cycle-slideshow .editlink {
    position: absolute;
    top: 0;
}




/* responsive fixes */
input.mobmenu, .onlyformobile {display: none;}

@media screen and (max-width: 1024px)  {
	.pluginworkspace #topnav {
		/* display: none; */
	}
	.pluginworkspace #top {
		height: auto;
		border-top: 3px solid #FF6825;
	}
	.pluginworkspace #topinner {
		width: auto;
		padding: 5px 0;
	}
	.pluginworkspace #topinner img {
		width: 300px;
		height: auto;
	}
	.pluginworkspace #logo {
		position: static;
		top: auto;
		margin: 0 0 0 3px;
	}
	.pluginworkspace #main {
		padding-top: 0px;
		width: 100%;
	}
	.pluginworkspace #page {
		width: 100%;
	}

}


@media screen and (max-width: 1020px)  {
	

}

@media screen and (max-width: 800px)  {
	
	body {
		 -webkit-animation: bugfix infinite 1s;
	}
	@-webkit-keyframes bugfix {
	 from { padding: 0; }
	 to { padding: 0; }
	}



	#loginmenu {
		right: 70px;
		z-index: 9;
	}

	img {        
		max-width: 100%;
		height: auto;
	}

	/* the plan */
	.articlelist.multicol.plan{
		margin-top: 0px;
	}
	div.multicol.plan .articleblock{
		width: auto !important;
		position: static !important;
		float: none;
	}
	
	/* 3-spalter */
	div.multicol .articleblock{
		width: 240px;
	}

	img, object, embed {
   		max-width: 100%;
		height: auto;
	}
		
			
	#page, .inner, #footer{ 
		width: 96%; 
		padding: 2%;
		overflow: hidden; 
		float: none;
	}
	
	
	#menucontainer .inner{
		padding: 0;
		width: auto;
	}
	.logo.onlyformobile{
		padding: 10px;
		text-align: center;
		float: left;
	}

	#top, #topnav{ 
		width: 100%; 
		float: none; 
		padding: 0;
		margin: 0;
	}
			
	#middle{
		width: 100%;
		padding: 0;
	}
			
	#main{
		width: 100% !important;
		float: none !important;
		margin: 0;
		padding: 30px 0;
	}
			
	.onlyformobile {display: block;}
	.onlyfordesktop {display: none;}
			
	#navbar, #mainsidebar{
		float: none;
		width: 100%;
		margin: 40px 0 0;
		position: static;
	}
			
	.viewarea {width: 100%;}		
	.viewareacontent{ min-height: 0;}
	#menucontainer{background: url("/images/opacity/black/opacity80.png") repeat;}		
	#topnav{
		overflow: hidden;
		background: #000;
	}
			
	label.mobmenu { 
	  	cursor: pointer;
	  	user-select: none;
		display: block;
		min-height: 3.25em;
		width: 100%;
	}
	label.mobmenu:after {
	    position: absolute;
	    content: "\2261";
		right: 20px;
		font-size: 36px;
		color: #fff;
	}
	
	input.mobmenu[type=checkbox] ~ ul.menu {
		display: none;
	}
	input.mobmenu[type=checkbox]:checked ~  ul.menu {
		display: block;
	}

	ul#mainmenu, ul#submenu{
		margin: 0;
		padding: 0;
		background: #F2F2F2;
		float: none;
	}
			
	ul#mainmenu li, ul#submenu li{
		float: none;
		list-style: none;
		position: relative;
	}
			
	ul#mainmenu li a, ul#submenu li a{
		border: 1px solid #ccc !important;
		color: #333 !important;
		padding: 13px 20px 10px 40px !important;
		margin: 0 !important;
		display: block;
		font-size: 18px;
		text-indent: 0 !important; /*reset home link for mobile */
		width: auto !important;
		height: auto !important;			
	}
	
	ul#mainmenu li a, ul#submenu li a, ul#mainmenu li.itemlvlnum3 a{
		background: #F2F2F2;
	}
	ul#submenu li a{
		background: none #fff !important;
	}
	ul#mainmenu li a:hover, ul#mainmenu li a.menuitemselected, ul#submenu li a:hover, ul#submenu li a.menuitemselected {
		color: #fff !important;
		background: #ff6825 !important;

	}
	
	div.multicol.plan .articleblock{
		width: 100%;
	}
	
	
	/* REST HOME PAGE */
	#top, #top.fixelement, #middle{
		position: static !important;
		height: auto !important;
		margin: 0 !important;
	}
	#slideshowcontainer{
		margin-bottom: 0;
		height: 280px !important;
		max-height: 450px; 
	}
	
	.listingarea, .viewareacontent{
		margin: 0
	}
} 

@media screen and (max-width: 767px)  {
	/* 3-spalter */
	div.multicol .articleblock{
		width: 220px;
	}
	div.articleparagraph{
		padding: 20px;
	}

} 

@media screen and (max-width: 635px)  {
	#main * div {
		float: none; 
		/* width: 90%;  */
		text-align: center;
	}
	
	div.multicol.portfolio{
		padding: 0 0 0 20%;
	}
	div.multicol .articleblock{
		left: 0 !important;	
	}
	
	
	#logo {
		width: 180px !important;
	}
	
	#slideshowcontainer{
		height: 630px !important;
		max-height: 650px;
	}
	
	.slides_control, #slides, #slides .atriclelist, #slides .articleblock, #slideshowcontainer .imgwrap, #slideshowcontainer .textwrap{
		height: auto !important;
		width: 100% !important;
		float: none;
		margin: 0;
	}
	#slideshowcontainer .textwrap{ 
		padding: 2px;
		margin: 0 0 20px;
	}
	
	
} 

@media screen and (max-width: 420px)  {
	.logo.onlyformobile{
		width: 160px;
		margin: 6px 0;
	}
}
@media screen and (max-width: 370px)  {
	
	.articlelist{padding: 0;}

	.viewarea, div.multicol .articleblock{
		width: 100% !important;
	}
	
	#slideshowcontainer{
		height: 350px !important;
		min-height: 300px;
	}
}

@media screen and (max-width: 280px) {
	.menuTrigger .menuinfo{
		display: none;
	}
}