@charset "UTF-8";

/* DEBUG */
body > div,
body > div > div {
	/*border: solid 1px red;*/
}

/* common classes */

.botfield {
	display: none;
}
.clear {
	clear: both;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.normal {
	font-weight: normal;
}
.underline {
	text-decoration: underline;
}
.decoration-none {
	text-decoration: none;
}
.nowrap {
	white-space: nowrap;
}

/* colors */
.color-blueDark	{ color: #00528F }

.color-blue 	{ color: #0163af }
.color-blueCyan { color: #3BA2EF } /* #76bcf2 */

.color-green 	{ color: #1D6B15 }

.color-ochre 	{ color: #f9d979 }

/* General rules */

div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body, p, li, th, td, button, input, select, textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #00528F;
}
/* sizes according to bywordapp.com 2014-07-24 */
body, p, li, th, td, button, input, select, textarea {
	font-size: 15px;
}

/* Main layout */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}
body {
	background: #f9d979 url("images/body-bgr.png") top repeat-x;
}
#header {
	background: url("images/header.jpg") center top no-repeat;
	height: 480px;
}

#menu,
#container {
	max-width: 1024px;
	margin: auto;
}

#menu {
	padding-top: 10px;
}
#menu a {
	border-color: white !important;
	border-color: #f9d979 !important; /* v4 ochre #f9d979 */
	border-right: solid 1px;
	padding: 2px 10px;
	padding: 10px;
	text-decoration: none;
	color: white;
}
#menu a:last-child {
	border-right: none;
}
/* v2 menu at bottom with transparent bgr */
#menu {
	padding-top: 173px;
	padding-right: 10px;
	text-align: center;
}
#menu a {
	background-color: rgba(255, 255, 255, 0.5);
	background-color: rgba(249, 217, 121, 0.5); /* v4 ochre #f9d979 */
}
#menu a:first-child {
	border-radius: 8px 0 0 8px;
}
#menu a:last-child {
	border-radius: 0 8px 8px 0;
}
/* /v2 */
/* v3 menu stroked rounded */
#menu a {
	border: solid 1px;
	border-left: none;
}
#menu a:first-child {
	border-left: solid 1px;
}
#menu a:last-child {
	border-right: solid 1px;
}
/* /v3 */

#menu a:first-child img {
	vertical-align: bottom;
}
#menu a img {
	vertical-align: middle;
}
#container {
	/* see #menu */
	min-height: 420px;
	background: url("images/content-bgr.png") center bottom no-repeat;
}
#content {
	margin: 0 auto;
	width: 100%;
	padding: 20px 80px 60px;
}
#footer {
	padding: 10px;
	font-size: 80%;
	text-align: center;
	color: #0163af;
}
#footer a {
	color: #0163af;
}

/* langs */
#langs {
}
#langs a {
	padding: 0 5px;
	border-left: solid 1px #8ad221;
}
#langs a:first-child {
	border-left: none;
}

/* Common rules */
a {
	color: #3399cc;
}
a:hover,
button:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
a img {
	border: none;
}
p {
	/*text-align: justify;*/
}
p.box {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	margin: 0 0 0.75em;
	padding: 1em 0;
	font-size: 105%; /* or 111% */
	color: #7CAF2B;
}
h1, h2, h3 {
	color: #3BA2EF;
}
h1 {
	border-bottom: dotted 1px #3BA2EF;
	padding-bottom: 2px;
}
h2 {
	color: white;
	text-shadow: 0px 0px 3px #757575;
}
/* h1 = 24px = 170%; h2 = 21px = 150%; h3 = 18px = 125% */
h1 { font-size: 24px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }

.subtitle {
	font-size: 80%;
	display: block;
	margin: -1em 0 1.5em;
	text-decoration: none;
}

/* sizes according to bywordapp.com 2014-07-24 */
/*
h1 { font-size: 30px;    line-height: 36px }
h2 { font-size: 22.5px;  line-height: 27px }
h3 { font-size: 17.55px; line-height: 24px }
*/

/* FLEXSLIDER */
.flexslider h1, .flexslider h2, .flexslider h3 {
	background: url("images/ornament-heading-green.png") no-repeat center bottom;
	color: #7CAF2B; /* #7FD5FF */
	text-shadow: 1px 2px 2px silver; /* 1px 2px 3px #7CAF2B */
}

#content > h1:first-child,
#content > h2:first-child,
#content > h3:first-child {
	margin-top: 0;
}
ul li {
	list-style-image: url("images/check-16.png");
	/*list-style-type: circle;*/
	margin-bottom: .75em;
}
button, input, textarea, select {
	box-shadow: 0px 0px 2px #757575;
}
hr {
	border: none;
	border-bottom: dotted 1px #3BA2EF;
}

/* fancy common classes */

.framed {
	box-shadow: 0 0 3px #757575;
	border: 3px solid white;
}
.rounded {
	border-radius: 8px;
}
.shadowed {
	box-shadow: 0 0 3px #757575; /* inputs are 2px */
}

/* img-related */

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
img.right {
	float: right;
	margin-left: 15px;
}
/* is it working? */
img.left + hr {
	clear: both;
}

/* fancy images */

/* a.fancy-img-frame img (pic is CLEANed when 2014-09-08 DOMAIN registered) */
a.fancy-img-frame {
	background: url("images/img-frame.png") no-repeat scroll 0 0;
	height: 310px;
	position: absolute;
	right: 0;
	top: -30px;
	width: 530px;
}
a.fancy-img-frame img {
	width: 495px;
	height: 275px;
}
/* a.fancy img */
a.fancy-img {
	box-shadow: 0 0 3px #757575;
	border: 4px solid #FFFFFF;
	border-radius: 8px; /* if */
}

/* GALLERY */
#content.gallery {
	padding: 0 0 40px 70px;
}
#content.gallery h1,
#content.gallery .right {
	margin-right: 70px;
 }

.thumb {
	float: left;
	width: 160px;
	height: 120px;
	margin: 0 20px 12px 0;
	font-size: 80%;
	text-decoration: none;
	text-align: center;
	padding-bottom: 48px;
}
.thumb.highslide {
	padding-bottom: 32px;
}
.thumb img,
.thumb.highslide img {
	width: 160px;
	height: 120px;
	margin-bottom: 12px;
	border: 4px solid #fff !important;
	border-radius: 8px;
	box-shadow: 0 0 3px #757575;
}

/* fix highslide imgs */

img.highslide-image {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.highslide-container div {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
}
.highslide-caption {
	/*padding: 0 20px !important;*/
}
.highslide img {
	border: none !important;
}
.highslide:hover img {
	border: none;
	opacity: .5;
	filter: alpha(opacity=50);
}

.highslide-wrapper {
	border-radius: 8px;
}
img.highslide-image {
	border-width: 4px;
}

/* tablic AND layout tables */

table.tablic {
	border-collapse: collapse;
	width: 100%;
}
table.tablic tr th,
table.tablic tr td {
	border: solid 1px #7FD5FF;
	padding: 4px;
}
table.tablic tr th {
	background-color: #F7F1D1;
	color: #128ad8;
	white-space: nowrap;
}

table.layout {
	border-collapse: collapse;
}
table.layout th,
table.layout td {
	padding: 0;
	border: none;
}

/* contacts & contact_form */

#content table.contacts th,
#content table.contacts td {
	border: none;
}
form#contact_form table {
	border-collapse: collapse;
	width: 100%;
}
form#contact_form table td {
	padding-right: 8px;
	padding-top: 5px;
	white-space: nowrap;
}
form#contact_form input,
form#contact_form button,
form#contact_form textarea {
	width: 100%;
	border-width: 0;
}
form#contact_form input[type=checkbox] {
	width: auto;
	border: none;
	background-color: transparent;
}
form#contact_form button {
	/*background: #fff url("images/icon-submit.gif") no-repeat 80% center;*/
	height: 50px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
}