@charset"UTF-8";

/*
name:		style.css (koco.at)
author:	Juergen Krausz, http://www.grafikrausz.at
based on h5 by Paulo Nunes (Jimmy) http://syndicate-fx.com
date:		01.01.2013
use:		koco.at 1.0 - template for gpeasy 3.0+
*/

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Light'), local('OpenSans-Light');
    src: url('../../../webfonts/OpenSans-Light-webfont.eot');
    src: url('../../../webfonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: lighter;
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic');
    src: url('../../../webfonts/OpenSans-LightItalic-webfont.eot');
    src: url('../../../webfonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: lighter;
		font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans'), local('OpenSans');
    src: url('../../../webfonts/OpenSans-Regular-webfont.eot');
    src: url('../../../webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Italic'), local('OpenSans-Italic');
    src: url('../../../webfonts/OpenSans-Italic-webfont.eot');
    src: url('../../../webfonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold');
    src: url('../../../webfonts/OpenSans-Semibold-webfont.eot');
    src: url('../../../webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: bold;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic');
    src: url('../../../webfonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../../../webfonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: bold;
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Bold'), local('OpenSans-Bold');
    src: url('../../../webfonts/OpenSans-Bold-webfont.eot');
    src: url('../../../webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bolder;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic');
    src: url('../../../webfonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../../../webfonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bolder;
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold');
    src: url('../../../webfonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../../../webfonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic');
    src: url('../../../webfonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../../../webfonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../../../webfonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../../../webfonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

/*--- RESET ---*/
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,figcaption,figure,footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video {
margin:0;
padding:0
}

html, body { min-height:100%; }

sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}

sup {
bottom: 1ex;
}

sub {
top: .5ex;
}

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

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

fieldset,img {
border:0;
}

address,caption,
cite,dfn,th,var {
font-style:normal;
font-weight:normal;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

/*--- BASE COLORS ---*/

hr {
border:none;
color:black;
display:block;
height:0px;
margin-top:20px;
margin-right:16px;
border-bottom:1px solid #88a5d9;
}

/*--- BASE TYPO ---*/
body{
font-family:"OpenSans",Sans-Serif;
font-size:90%;
color:#444;
line-height:1.4em;
}

h1,h2,h3,h4,h5,h6,
p,dl,hr,ol,ul,
pre,table,
address,fieldset {
margin-bottom:1.6em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

pre,code {
font-family:"Courier New",Courier,monospace;
font-size:13px;
overflow-x:auto;
}

dl {
margin-bottom:18px;
}

dt {
font-weight:700;
}

dd {
margin-left:9px;
}

dt {
font-weight:bold;
}

p {
}

p + p,p + ul {
margin-top:-.8em;
}

p + h1 { margin-top:.5em;
}

h1 + p,h2 + p,h3 + p,
h4 + p,h5 + p,h6 + p {
margin-top:0;
}


h1, h2, h3, h4, h5, h6 {
letter-spacing:-0.02em;
}

h1, h2 {
font-family: OpenSans,Sans-serif;
font-weight:700;
margin:0 0 .535em 0;
}

h1 {
font-size:1.3em;
line-height:1.3em;
margin:0 0 1.2em;
color:#000;
text-shadow:none;
}

h2 {
font-size: 1.2em;
margin:0 0 .62em 0;
font-weight:600;
}

h3 {
font-weight:400;
font-size:1.2em;
margin:0 0 .54em 0;
}

aside h3 {
font-weight:700;
font-size:1.1em;
margin:0 0 .54em 0;
}


h4 {
font-weight:500;
font-size:1.15em;
margin:0 0 .5em;
}



h5,h6 {
font-size:1.06em;
font-size:1.06em;
margin:0 0 .25em 0;
}

ol {
margin-left:0;
padding-left:20px;
text-indent:0;
}

ul { list-style:disc outside;
}

li {
margin:0 0 2px 20px;
}

blockquote {
font-family:Georgia,Serif;
font-size:17px;
line-height:24px;
font-style:italic;
text-align:center;
background:#000;
/* outline:1px solid #eee;
outline-offset:-8px; */
border:6px double #f2f2f2;
padding:24px;
color:#eee;
margin:.5em -2px .5em -2px;
text-shadow:none;
}

abbr {
cursor:help;
border-bottom:1px dashed #000;
}

cite:before {
content:"\2014\00A0";
}

mark {
background:#ff9;
background:rgba(255,255,155,.6);
font-style:oblique;
}

input,textarea {
font:0.9em "OpenSans",Arial,Sans-serif;
}



/* --- LINKS --- */

a {
color:#88a5d9;
text-decoration:none;
}

a:hover {
color:#698bc8;
text-decoration:underline;
}

a:focus {
outline:none;
}

object,embed,video,iframe {
width:100%;
}

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

img.pic,.gp_gallery img,
.gp_galleries img {
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}

/* colorbox fix for IE11 */
.cboxPhoto { 
margin-top:0!important;
}


::-moz-selection{
background:#88a5d9;
color:#fff;
text-shadow:none;
}

::selection {
background:#88a5d9;
color:#fff;
text-shadow:none;
}

/*--- LAYOUT ---*/

html {
overflow-y:scroll;
}

#page_background {
position:fixed;
top:0; left:0; bottom:0; right:0;
background:#e2e2e2;
}

.wrap {
width:740px;
margin:0 auto;
position:relative;
}

#header, #page, #footer {
position:relative;
background:#fff;
padding:0 82px;
}

#header {
}

.header_inner{
position:relative;
padding-top:124px;
padding-bottom:40px;
border-bottom:1px solid #88a5d9;
}

#header h1 {
float:left;
margin:0;
}

#header h1 a {
color:#444;
display:block;
overflow:hidden;
width:150px;
height:48px;
text-indent:-999em;
background:url(KoCo_headlogo_150x48.png) 0 0 no-repeat;
}

#page {
}

#content {
padding-top:40px;
margin-right:-20px;
clear:both;
}


#footer {
padding-top:48px;
}


/*--- BACKGROUNDS ---*/

/* #nav, */

.btn,
#content input[type="submit"],
.login_submit,
.gpArea_Simple_Search form input.submit {
background:#333;
background:-moz-linear-gradient(top, #444 0%, #222 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
background:-webkit-linear-gradient(top, #444 0%,#222 100%);
background:-o-linear-gradient(top, #444 0%,#222 100%);
background:-ms-linear-gradient(top, #444 0%,#222 100%);
background:linear-gradient(top, #444 0%,#222 100%);
}

/* #nav, */
.btn,
/* #nav ul li ul, */
#content input[type="submit"],
.login_submit,
.gpArea_Simple_Search form input.submit {
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
}

a.btn:hover,
#content input[type="submit"]:hover,
.login_submit:hover,
.gpArea_Simple_Search form input.submit:hover {
background:#222;
background:-moz-linear-gradient(top, #222 0%, #000 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#000));
background:-webkit-linear-gradient(top, #222 0%,#000 100%);
background:-o-linear-gradient(top, #222 0%,#000 100%);
background:-ms-linear-gradient(top, #222 0%,#000 100%);
background:linear-gradient(top, #222 0%,#000 100%);
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
text-decoration:none;
}

/*--- NAVIGATION ---*/

#nav {
/* float:right; */
position:absolute;
right:0;
bottom:36px;
margin:0;
/* padding-top:32px; */
font-size:1em;
font-weight:bold;
font-weight:600;
}

#subnav {
float:left;
position:relative;
margin:0;
padding-top:18px;
font-size:1em;
font-weight:bold;
font-weight:600;
}

#subnav a,
#nav a {
color:#88a5d9;
}

#subnav a:hover,
#nav a:hover {
color:#698bc8;
}

#subnav ul,
#nav ul {
display:block;
float:left;
list-style:none;
margin:0;
position:relative;
z-index:2;
}

#subnav ul li {
display:block;
float:left;
margin:0 8px 0 0;
padding:0 8px 0 0;
border-right:1px solid #88a5d9;
}

#subnav ul li:last-child {
border-right:none;
}

#nav ul li {
display:block;
float:left;
margin:0 0 0 8px;
padding:0 0 0 8px;
border-left:1px solid #88a5d9;
}

#nav ul li:first-child {
border-left:none;
}

#subnav ul li a,
#nav ul li a {
display:block;
float:none;
}

#subnav ul li a:hover, #subnav ul li a.selected,
#nav ul li a:hover, #nav ul li a.selected {
text-decoration:none;
}

#subnav ul li a.selected,
#nav ul li a.selected {
cursor:default;
}

#subnav ul li ul,
#nav ul li ul {
float:left;
display:none;
position:absolute;
top:45px;
min-width:160px;
max-width:220px;
_width:160px;
margin-left:0;
margin-right:0;
padding:0;
text-align:left;
border:0;
zoom:1;
}

#subnav ul li ul li,
#nav ul li ul li {
float:none;
clear:both;
display:block;
background:none;
border:none;
}

#subnav ul li ul li a,
#nav ul li ul li a {
display:block;
}

#subnav ul li ul li a:hover, #subnav ul li ul li a.selected,
#nav ul li ul li a:hover, #nav ul li ul li a.selected {
}

#subnav ul li:hover ul,
#nav ul li:hover ul{
display:block;
}

/*---MAIN CONTENT---*/

#content input[type="text"],
#content input[type="password"],
#content textarea,input.text {
background:#f5f5f5;
border: 1px solid #ccc;
padding:10px;
-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
}

#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content textarea:focus,
input.text:focus {
background:#fff;
border:1px solid #aaa;
outline:none;
}

.btn,
#content input[type="submit"],
.gpArea_Simple_Search form input.submit {
border: 1px solid #444;
border-radius:6px;
color:#fff;
cursor:pointer;
}

a.btn:focus,
#content input[type="submit"]:focus,
.gpArea_Simple_Search form input.submit:focus {
background:#000;
border-color:#000;
}

a.btn { font-size:0.9em;
text-shadow:none;
padding:5px;
}

/*--- FOOTER SECTIONS ---*/

.footer_inner {
text-align:center;
color:#88a5d9;
}


.footer_inner h1,
.footer_inner h2,
.footer_inner h3,
.footer_inner h4,
.footer_inner h5,
.footer_inner h6 {
margin-top:0;
}

span.login_link a {
padding:0;
margin:0;
position:fixed;
bottom:0;
left:0;
z-index:10000;
width:36px;
height:36px;
overflow:hidden;
text-indent:-999em;
background:url(login_logout.png) -36px 0 no-repeat;
}

span.login_link a:hover {
background-position:0 0;
}



/*---USEFUL CLASSES---*/

.aligncenter {
margin:0 auto;
}

.alignleft, .left {
float:left;
margin:0 10px 10px 0;
}

.alignright, .right {
float:right;
margin:0 0 0 10px;
}

.clear { clear:both;
float:none;
}

.text-left {
text-align:left;
}

.text-right {
text-align:right;
}

.text-center,.text-centre {
text-align:center;
}

/*--- GPEASY ---*/
.contactform input.submit {
width:68% !important;
}

#loginform, #loginform label {
background:none !important;
border:none !important;
color:#444 !important;
}

.login_text,.login_submit {
font-size:0.9em !important;
}

.loginform input[type="submit"],
input.submit {
padding:5px;
}

/* --- GALLERY --- */

.gp_gallery {
clear:both;
margin:0;
padding:0;
}

.gp_gallery li {
float:left;
width:112px;
height:162px;
list-style:none;
display:inline-block;
margin:0 14px 14px 0;
padding:0 !important;
background:none;
border:none;
position:relative;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

.gp_gallery div {
text-align:center;
padding:0;
margin:118px 0 0 0;
}

.gp_gallery img {
width:48px;
height:48px;
margin:0;
left:0;
top:0;
}

.gp_gallery .caption {
display:none;
font-size:85%;
line-height:1.1em;
overflow:hidden;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
}

.gp_galleries li {
width:48px;
height:48px;
background:none;
}

.gp_galleries img {
width:48px;
height:48px;
}

.gpArea_Simple_Search form input.submit {
margin-left:10px;
}

/* boilerplate clearfix */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

/*--- MEDIA QUERIES ----*/

@media only screen and (max-device-width:640px) {

body{
font-size:100%;
}

#header, #page, #footer {
padding:0 2%!important;
}

.header_inner{
padding-top:2em;
padding-bottom:2em;
border-bottom:1px solid #88a5d9;
}

#nav, #subnav, #header h1 {
float:none!important;
position:relative;
top:0;
left:0;
margin-bottom:1em;
}

#nav {
margin-top:1em;
margin-bottom:2em;
}

#subnav {
margin-top:1.2em;
}

#nav ul li {
display:block;
float:left;
margin:0 8px 0 0;
padding:0 8px 0 0;
border-right:1px solid #88a5d9;
border-left:none;
}

#nav ul li:last-child {
border-right:none;
}

#content {
margin-right:0!important;
}

#content img {
/* max-width:83.333%!important; */
max-width:100%!important;
}

.wrap {
width:96%!important;
}

	.filetype-float_section {
		width:100%!important;
		float:none!important;
		margin:0!important;
	}

	.filetype-float_section img {
		width:100%!important;
		height:auto!important;
	}

	.filetype-float_section a {
	}

	.filetype-float_section h1,
	.filetype-float_section h2,
	.filetype-float_section h3,
	.filetype-float_section h4 {
		border-top:1px solid #88a5d9;
		width:100%;
		margin-top:-16px;
	}


a.slideshow_slide img {
width:100%!important;
height:auto!important;
}

div.filetype-float_section p,
div.filetype-float_section h1,
div.filetype-float_section h2,
div.filetype-float_section h3,
div.filetype-float_section h4,
div.filetype-float_section h5,
div.filetype-float_section a {
margin-left:0!important;
}

}


@media print {

	body { background:#fff; }
	#header h1 { padding:0; margin:0; }
	#content { width:100%; float:none; }
	#nav,#footer { display:none; }
}