/***************************************************
    MASTER CSS for Galeb dalmatinska trikotaža d.d.
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/pt_sans-web-bold-webfont.eot');
    src: url('fonts/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-bold-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-bold-webfont.ttf') format('truetype'),
         url('fonts/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/pt_sans-web-regular-webfont.eot');
    src: url('fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-regular-webfont.ttf') format('truetype'),
         url('fonts/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** RESET ***/
*           { margin: 0; padding: 0; list-style: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

a,
a img       { outline: none; }
a,
a *         { cursor: pointer; }

a:focus,
a:active,
input:focus,
textarea:focus,
select:focus, 
button:focus, 
button:active { outline: none; }

a img,
fieldset, 
button        { border: none; }

input, 
textarea, 
select        { outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: 0; }
select        { -webkit-appearance: button; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; }

/*** GRID ***/
.wrap { 
	width: 100%; 
	max-width: 1170px; 
	margin: 0 auto;
}
.col { 
	float: left; 
	margin-right: 2.564102564102564%;
	word-wrap: break-word;
}
.col:last-child { margin-right: 0 !important; }

/*** GRID - Cols ***/
.c1  { width:   1.709401709401709%; }
.c2  { width:   5.982905982905982%; }
.c3  { width:  10.25641025641026%; }
.c4  { width:  14.52991452991453%; }
.c5  { width:  18.8034188034188%; }
.c6  { width:  23.07692307692307%; }
.c7  { width:  27.35042735042735%; }
.c8  { width:  31.62393162393162%; }
.c9  { width:  35.89743589743589%; }
.c10 { width:  40.17094017094017%; }
.c11 { width:  44.44444444444444%; }
.c12 { width:  48.71794871794871%; }
.c13 { width:  52.99145299145299%; }
.c14 { width:  57.26495726495726%; }
.c15 { width:  61.53846153846153%; }
.c16 { width:  65.8119658119658%; }
.c17 { width:  70.08547008547008%; }
.c18 { width:  74.35897435897435%; }
.c19 { width:  78.63247863247862%; }
.c20 { width:  82.9059829059829%; }
.c21 { width:  87.17948717948717%; }
.c22 { width:  91.45299145299144%; }
.c23 { width:  95.72649572649572%; }
.c24 { width: 100%; margin-right: 0; }

/*** GRID - sub cols ***/
.c9 .col  { margin-right: 7.142857142857143%; }
.c9 .c1   { width:   4.761904761904762%; }
.c9 .c2   { width:  16.66666666666668%; }
.c9 .c3   { width:  28.57142857142859%; }
.c9 .c4   { width:  40.4761904761905%; }
.c9 .c5   { width:  52.38095238095241%; }
.c9 .c6   { width:  64.28571428571432%; }
.c9 .c7   { width:  76.19047619047623%; }
.c9 .c8   { width:  88.09523809523814%; }
.c9 .c9   { width: 100%; }

.c18 .c9 .col  { margin-right: 7.142857142857143%; }
.c18 .c9 .c1   { width:   4.761904761904762%; }
.c18 .c9 .c2   { width:  16.66666666666668%; }
.c18 .c9 .c3   { width:  28.57142857142859%; }
.c18 .c9 .c4   { width:  40.4761904761905%; }
.c18 .c9 .c5   { width:  52.38095238095241%; }
.c18 .c9 .c6   { width:  64.28571428571432%; }
.c18 .c9 .c7   { width:  76.19047619047623%; }
.c18 .c9 .c8   { width:  88.09523809523814%; }
.c18 .c9 .c9   { width: 100%; }

.c12 .col { margin-right: 5.263157894736842%; }
.c12 .c1  { width:   3.508771929824561%; }
.c12 .c2  { width:  12.28070175438596%; }
.c12 .c3  { width:  21.05263157894737%; }
.c12 .c4  { width:  29.82456140350877%; }
.c12 .c5  { width:  38.59649122807017%; }
.c12 .c6  { width:  47.36842105263158%; }
.c12 .c7  { width:  56.14035087719298%; }
.c12 .c8  { width:  64.91228070175438%; }
.c12 .c9  { width:  73.68421052631579%; }
.c12 .c10 { width:  82.45614035087719%; }
.c12 .c11 { width:  91.22807017543859%; }
.c12 .c12 { width: 100%; }

.c18 .c12 .col { margin-right: 5.263157894736842%; }
.c18 .c12 .c1  { width:   3.508771929824561%; }
.c18 .c12 .c2  { width:  12.28070175438596%; }
.c18 .c12 .c3  { width:  21.05263157894737%; }
.c18 .c12 .c4  { width:  29.82456140350877%; }
.c18 .c12 .c5  { width:  38.59649122807017%; }
.c18 .c12 .c6  { width:  47.36842105263158%; }
.c18 .c12 .c7  { width:  56.14035087719298%; }
.c18 .c12 .c8  { width:  64.91228070175438%; }
.c18 .c12 .c9  { width:  73.68421052631579%; }
.c18 .c12 .c10 { width:  82.45614035087719%; }
.c18 .c12 .c11 { width:  91.22807017543859%; }
.c18 .c12 .c12 { width: 100%; }
.c18 .c12 .c13 { width:  71.26436781609196%; }
.c18 .c12 .c14 { width:  77.01149425287357%; }
.c18 .c12 .c15 { width:  82.75862068965518%; }
.c18 .c12 .c16 { width:  88.50574712643679%; }
.c18 .c12 .c17 { width:  94.2528735632184%; }
.c18 .c12 .c18 { width: 100%; }

.c14 .col { margin-right: 4.477611940298507%; }
.c14 .c1  { width:   2.985074626865672%; }
.c14 .c2  { width:  10.44776119402985%; }
.c14 .c3  { width:  17.91044776119403%; }
.c14 .c4  { width:  25.37313432835821%; }
.c14 .c5  { width:  32.83582089552239%; }
.c14 .c6  { width:  40.29850746268657%; }
.c14 .c7  { width:  47.76119402985075%; }
.c14 .c8  { width:  55.22388059701493%; }
.c14 .c9  { width:  62.6865671641791%; }
.c14 .c10 { width:  70.14925373134328%; }
.c14 .c11 { width:  77.61194029850746%; }
.c14 .c12 { width:  85.07462686567164%; }
.c14 .c13 { width:  92.53731343283582%; }
.c14 .c14 { width: 100%; }

.c18 .c14 .col { margin-right: 4.477611940298507%; }
.c18 .c14 .c1  { width:   2.985074626865672%; }
.c18 .c14 .c2  { width:  10.44776119402985%; }
.c18 .c14 .c3  { width:  17.91044776119403%; }
.c18 .c14 .c4  { width:  25.37313432835821%; }
.c18 .c14 .c5  { width:  32.83582089552239%; }
.c18 .c14 .c6  { width:  40.29850746268657%; }
.c18 .c14 .c7  { width:  47.76119402985075%; }
.c18 .c14 .c8  { width:  55.22388059701493%; }
.c18 .c14 .c9  { width:  62.6865671641791%; }
.c18 .c14 .c10 { width:  70.14925373134328%; }
.c18 .c14 .c11 { width:  77.61194029850746%; }
.c18 .c14 .c12 { width:  85.07462686567164%; }
.c18 .c14 .c13 { width:  92.53731343283582%; }
.c18 .c14 .c14 { width: 100%; }

.c18 .col { margin-right: 3.448275862068966%; }
.c18 .c1  { width:   2.298850574712644%; }
.c18 .c2  { width:   8.045977011494253%; }
.c18 .c3  { width:  13.79310344827586%; }
.c18 .c4  { width:  19.54022988505747%; }
.c18 .c5  { width:  25.28735632183908%; }
.c18 .c6  { width:  31.03448275862069%; }
.c18 .c7  { width:  36.7816091954023%; }
.c18 .c8  { width:  42.52873563218391%; }
.c18 .c9  { width:  48.27586206896552%; }
.c18 .c10 { width:  54.02298850574713%; }
.c18 .c11 { width:  59.77011494252874%; }
.c18 .c12 { width:  65.51724137931035%; }
.c18 .c13 { width:  71.26436781609196%; }
.c18 .c14 { width:  77.01149425287357%; }
.c18 .c15 { width:  82.75862068965518%; }
.c18 .c16 { width:  88.50574712643679%; }
.c18 .c17 { width:  94.2528735632184%; }
.c18 .c18 { width: 100%; }

.clear { clear: both; }
.wrap:after, 
.cf:after, 
.paginator-holder ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*** GLOBAL & Typ. ***/
html { overflow-y: scroll; }
body { 
	background: #fff; 
	color: #333331;
	font: 14px/1 pt_sansregular, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.57em;
	margin: 0 0 30px;
}
h2 {
	font-size: 2.14em;
	margin: 30px 0 20px 0;
}
h3 {
	font-size: 1.71em;
	margin: 30px 0 20px 0;
}
h4 {
	font-size: 1.5em;
	margin: 30px 0 20px 0;
}
h5 {
	font-size: 1.28em;
	margin: 30px 0 20px 0;
}
h6 {
	font-size: 1.14em;
	margin: 30px 0 20px 0;
}

h1, h2, h3, 
h4, h5, h6 { line-height: 1.15em; }

p, 
blockquote { margin: 20px 0; }

blockquote { 
	padding: 0 30px;
	font-style: italic;
	color: #5bca4f;
}

ul, 
ol { margin: 20px 0; }
p + ul, 
p + ol { margin: -10px 0 20px 0; }

ul > li { padding-left: 18px; }
ul > li:before { content: "—"; margin: 0 0 0 -18px; width: 20px; display: inline-block; }
ol > li { list-style: inside decimal; margin-left: 0; }
ol ol > li { list-style-type: lower-latin; }

ul ul { margin-left: 20px; }
ul ol { margin-left: 20px; }
ol ul { margin-left: 20px; }
ol ol { margin-left: 20px; }

.typ ul li, 
.typ ol li { overflow: hidden; width: auto; }


hr {
	display: block;
	clear: both;
	height: 1px;
	background: #e1e1e1;
	color: #e1e1e1;
	border: 0;
	box-shadow: none;
	margin: 20px 0;
}

.table-wrapper-outer { 
	margin: 20px 0;
	clear: both;
}
table {
	margin: 0;
	font-size: 1em;
	color: #000;
}
th, td {
	padding: 15px 20px;
	border-right: 1px solid #fff;
}
th:last-child, 
td:last-child { border-right: 0; }
th { background: #009ce9; text-align: left; color: #fff; }
.even td { background: #e1e1e1; }
.odd td { background: #f4f4f5; }

.table-wrapper-outer { position: relative; }
	
.table-wrapper
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

.table-wrapper::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-wrapper::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

.table-wrapper-fade
{
	position: absolute;
	right: 0;
	width: 40px;
	height: 100%;
	background: url(../images/css/table-fade.png) repeat-y 100% 0;
	display: none;
}

.table-fade-active .table-wrapper-fade { display: block; }

img { max-width: 100%; height: auto; }
.typ img { height: auto !important; }

a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

.typ a[href$=doc],
.typ a[href$=docx],
.typ a[href$=txt],
.typ a[href$=rtf],
.typ a[href$=xls],
.typ a[href$=xlsx],
.typ a[href$=ppt],
.typ a[href$=pptx],
.typ a[href$=pdf],
.typ a[href$=zip],
.typ a[href$=rar],
.typ a[href$=jpg],
.typ a[href$=jpeg],
.typ a[href$=gif],
.typ a[href$=bmp],
.typ a[href$=png],
.typ a[href$=tif],
.typ a[href$=tiff],
.typ a[href$=wav],
.typ a[href$=wma],
.typ a[href$=mp3],
.typ a[href$=avi],
.typ a[href$=divx],
.typ a[href$=mov],
.typ a[href$=mp4],
.typ a[href$=mpg],
.typ a[href$=wmv],
.typ a[href$=flv],
.typ span.external a { padding-right: 20px; display: inline-block; background-repeat: no-repeat; background-position: 100% 2px; }

.typ a[href$=doc], 
.typ a[href$=docx] { background-image: url(../images/css/ext-word.png); }
.typ a[href$=txt], 
.typ a[href$=rtf] { background-image: url(../images/css/ext-txt.png); }
.typ a[href$=xls], 
.typ a[href$=xlsx] { background-image: url(../images/css/ext-excel.png); }
.typ a[href$=ppt], 
.typ a[href$=pptx] { background-image: url(../images/css/ext-ppt.png); }
.typ a[href$=pdf] { background-image: url(../images/css/ext-pdf.png); }
.typ a[href$=zip], 
.typ a[href$=rar] { background-image: url(../images/css/ext-zip.png); }
.typ a[href$=jpg], 
.typ a[href$=jpeg],
.typ a[href$=gif], 
.typ a[href$=bmp],
.typ a[href$=png], 
.typ a[href$=tif], 
.typ a[href$=tiff] { background-image: url(../images/css/ext-img.png); }
.typ a[href$=wav], 
.typ a[href$=wma],
.typ a[href$=mp3] { background-image: url(../images/css/ext-wav.png); }
.typ a[href$=avi], 
.typ a[href$=divx],
.typ a[href$=mov], 
.typ a[href$=mp4],
.typ a[href$=mpg], 
.typ a[href$=wmv],
.typ a[href$=flv]  { background-image: url(../images/css/ext-video.png); }
.typ span.external a { background-image: url(../images/css/ext-external.png); }

.typ a.content-img { padding: 0; background: 0; display: inline; }

.media-wrapper { margin-top: 20px; margin-bottom: 20px; width: 560px; max-width: 100%; }
.fluid-wrapper { 
	position: relative; 
	padding-bottom: 56.25%;
	display: block; width: 100%;
}
.fluid-wrapper iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0;
}
.media-left { float: left; margin-right: 20px; margin-top: 0 !important; }
.media-right { float: right; margin-left: 20px; margin-top: 0 !important; }
.media-center { margin-left: auto; margin-right: auto; }
.media-wide { width: 100% !important; }

.image-left { float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-right { float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-center { margin-left: auto; margin-right: auto; display: block; }
.image-wide { width: 100% !important; }

.image-left img, 
.image-right img, 
.image-center img, 
.image-wide img { display: block; }
.image-center img { margin-left: auto; margin-right: auto; }

.intro { 
	color: #009ce9;
	font-size: 16px;
	line-height: 1.5em;
}
.content {
	line-height: 1.5em;
	margin-right: 0;
}
.side-content { 
	line-height: 1.5em;
	color: #009ce9;
	float: right;
	margin-right: 0;
	margin-left: 2.564102564102564%;
	clear: right;
}
.content-footer { 
	font-size: 12px;
	line-height: 1.5em;
	color: #5bca4f;
	clear: both;
}

/*** Page gallery ***/
.gallery { 
	float: right; 
	margin-right: 0;
	margin-left: 2.564102564102564%;
}
.gallery-slider {
	position: relative;
}
.gallery-items {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px;
}
.gallery-item {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
}
.gallery-item a {
	display: block;
	position: relative;
}
.gallery-item img {
	display: block;
	width: 100%;
}

.img_v { display: block; position: relative; overflow: hidden; height: 100%; }
.img_v img { display: block; width: auto !important; height: 100% !important; margin: 0 auto; }

.gallery-nav { float: left; }

.gallery-controls {
	float: right;
	width: 110px;
}
.gallery-prev, 
.gallery-next {
	width: 39px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/css/page-gallery-controls.png);
	background-repeat: no-repeat;
}
.gallery-prev {
	float: left;
	background-position: 0 0;
}
.gallery-prev:hover {
	background-position: 0 -28px;
}
.gallery-next {
	float: right;
	background-position: 0 -56px;
}
.gallery-next:hover {
	background-position: 0 -84px;
}

/*** Flex slider ***/
.gallery-flex { position: relative; z-index: 1; }
.flex-viewport { position: relative; z-index: 1; }
.flex-prev, 
.flex-next { position: absolute; z-index: 500; }

.flexslider {margin: 0; padding: 0; position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; padding: 0; background: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: auto; max-width: 100%; margin: 0 auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-direction-nav { height: 0; }
.flex-direction-nav li { margin: 0; padding: 0; }
.flex-direction-nav a { 
	position: absolute;
	z-index: 200;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/css/flex-controls.png);
	background-repeat: no-repeat;
}

.flex-prev  { left: 0; background-position: 0 0; }
.flex-prev:hover { background-position: 0 -36px; }
.flex-next { right: 0; background-position: 0 -72px; }
.flex-next:hover { background-position: 0 -108px; }

.gallery-flex { display: none; }
.gallery-flex ul { margin: 0; }
.gallery-flex li:before { display: none; }

.intro, 
.content, 
.side-content, 
.content-footer, 
.gallery { margin-bottom: 30px; }
.content-footer { margin-top: 30px; }

/*** Typ. - reset ***/
.typ *:first-child { margin-top: 0; }
.typ *:last-child { margin-bottom: 0; }
nav li:before { display: none; }


/*** LAYOUT ***/
#pageHeader,
#navigation,
#booking,
#pageContainer,
#pageFooter { padding-right: 30px; padding-left: 30px; position: relative; }

#pageHeader .wrap { padding: 10px 0; position: relative; }
#logo { width: 183px; height: 100px; overflow: hidden; }
#logo a { display: block; width: 183px; height: 100px; text-indent: -9999px; background: url(../images/css/logo.png) no-repeat 0 0; }

.weather-info { position: absolute; top: 30px; left: 34.18803418803419%; overflow: hidden; cursor: pointer; }
.weather-info ul { margin: 6px 0 0 30px; padding: 0; float: right; }
.weather-info li { margin: 0; padding: 0; color: #005885; }
.weather-info li:before { display: none !important; }
.wi_image { float: left; }
.wi_city,
.wi_city a { font-size: 15px; color: #008acf !important; text-decoration: none; }
.wi_temp { font-size: 26px; color: #008acf !important; margin-top: 5px !important; }
.weather-info:hover .wi_city a { color: #54b948 !important; text-decoration: underline; }
.wi_image img { width: 69px; max-width: none; }

#language { margin: 0; padding: 0; position: absolute; top: 10px; right: 0; }
#language li { float: left; margin: 0 9px 0 0; padding: 0 9px 0 0; border-right: 2px solid #444; }
#language li:before { display: none !important; }
#language li:last-child { margin: 0; padding: 0; border: none; }
#language a { color: #000; text-decoration: none; }
#language a:hover { color: #54b948; text-decoration: underline; }
#language .active a { color: #008acf; text-decoration: none; }

.contact-info { font-size: 18px; line-height: 26px; color: #008acf; font-family: pt_sansbold; position: absolute; bottom: 10px; right: 0; }
.contact-info a { color: #008acf; text-decoration: underline; }
.contact-info a:hover { color: #54b948; text-decoration: underline; }
.contact-info ul,
.contact-info li { margin: 0; padding: 0; }
.contact-info li:before { display: none !important; }

.fixed #booking { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; }
#booking p { margin-top: 0; margin-bottom: 5px; color: #000; }
#booking p.btitle { margin-top: 19px; }
#booking .wrap { min-height: 120px; height: auto; background: url(../images/css/booking-bg.png) repeat-y 0 0; position: relative; z-index: 1000; padding-right: 200px; }
.booking-main { padding: 0 0 0 20px; width: 100%; margin: 0; }

.bpanel { position: relative; padding-right: 165px; }

.bselect,
.bmselect,
.binput,
.bcheck { display: inline; float: left; }
.btitle { float: left !important; }

.bmselect,
.binput,
.bselect.extraMargin { margin-top: -19px; }

.bselect,
.bmselect,
.bselect.extraMargin { padding-right: 20px; }

.bmselect { min-width: 293px; }

.btype { width: 208px; }
.bday,
.bmonth { width: 79px; float: left; margin: 0 10px 0 0; }
.bnights { width: 79px; }
.byear { width: 93px }

.bpanel select,
.bpanel input { background-color: #fff; border: 1px solid #ccc; color: #595959; font-family: inherit; height: 40px; }
.bpanel select { padding: 10px; background-image: url(../images/css/select-small-bkg.png); background-repeat: no-repeat; background-position: 100% 0; }
.bpanel select:focus { background-position: 100% -40px; }
.bpanel input { padding-left: 10px; padding-right: 10px; width: 157px; }

.bcheck { position: absolute; top: 0; right: 0; padding-left: 10px; }
.bcheck a { display: block; height: 40px; line-height: 40px; background: url(../images/css/form-button-grad.png) repeat-x 0 0; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 15px; border-radius: 5px; }
.bcheck a:hover { background: #5bc94e; color: #fff; }

.inquiry { padding: 39px 20px 40px 35px; position: absolute; top: 0; right: 0; width: 170px; }
.inquiry a { display: block; background: #303435; color: #fff; text-decoration: none; text-transform: uppercase; padding: 11px 15px; border-radius: 5px; line-height: 18px; text-align: center; }
.inquiry a:hover { background: #5bc94e; color: #fff; }
.inquiry:before { content: "ili"; position: absolute; color: #fff; width: 29px; height: 29px; line-height: 29px; text-align: center; background-color: #54b948; border-radius: 50%; top: 44px; left: -14.5px; }

.bres { padding-top: 17px; text-align: right; }
.bres a { color: #12a7e0; text-decoration: underline; }
.bres a:hover { color: #54b948; text-decoration: underline; }

#pageContainer { padding-top: 30px; padding-bottom: 30px; z-index: 2; }
#container { position: relative; z-index: 1; }

.path { margin: 0 0 30px; color: #000; font-size: 12px; }
.path ul { margin: 0; }
.path li { display: inline-block; padding: 0; }
.path li:after { content:"/"; display: inline-block; margin: 0 0 0 4px; }
.path .on:after { display: none; } 
.path a { cursor: default; color: #000; text-decoration: none; }
.path a:link { cursor: pointer; }
.path a[href]:hover,
.path .on a { color: #5bca4f; }

.print { margin: 30px 0 0; }
.print a { float: left; height: 20px; line-height: 20px; color: #009ce9; text-decoration: none; }
.print-icon { display: inline-block; width: 20px; height: 20px; overflow: hidden; margin: 0 10px 0 0; background: url(../images/css/print-icon.png) no-repeat 0 0; vertical-align: middle; }
.print a:hover { color: #5bca4f; }
.print a:hover .print-icon { background-position: 0 -20px; }

.share { display: block; height: 20px; }

#pageFooter .wrap { padding-top: 30px; padding-bottom: 30px; background-color: #f4f4f5; position: relative; }

.top { position: absolute; bottom: 36px; right: -66px; }
.top a { display: block; width: 46px; height: 46px; text-indent: -9999px; background: url(../images/css/top.png) no-repeat 0 0; }
.top a:hover { background-position: -46px 0; }

#impressum .wrap { background-color: #303435; color: #fff; padding: 17px 20px 10px 20px; position: relative; }
#impressum p { margin: 0; }
#copyright { float: left; }
#development { float: right; }
#development a { color: #919191; text-decoration: none; }
#development a:hover { color: #6a9d64; text-decoration: underline; }
#gps { position: absolute; left: 50%; margin: 0 0 0 -100px !important; }

/*** NAVIGATION ***/
#navigation { height: 85px; position: relative; z-index: 9999; }
#navigation .wrap { height: 85px; position: relative; background: url(../images/css/nav-bg.png) repeat-x 0 0; }

#menu { margin: 0; padding: 21px 0 0 19px; height: 41px; }
#menu li { padding: 0; position: relative; }
#menu li:before { display: none; }
#menu a { display: block; color: #000; text-decoration: none; }

#menu > li { float: left; font-size: 16px; font-family: pt_sansbold; text-transform: uppercase; line-height: 41px; }
#menu > li > a { padding: 0 16px; border-radius: 5px; }
#menu > li.sub > a { position: relative; }
#menu > li.sub > a span { position: absolute; right: 50%; margin-right: -5px; bottom: 4px; width: 10px; height: 6px; overflow: hidden; background: url(../images/css/menu-arrow.png) no-repeat 0 0; }
#menu > li.sub > a:hover span,
#menu > li.sub:hover > a span,
#menu > li.sub.open > a span,
#menu > li.sub.on > a span { background-position: -10px 0; }

#menu li > a:hover,
#menu li:hover > a { background: #5bca4f; color: #fff; }
#menu .on > a,
#menu .open > a,
#menu .on > a:hover,
#menu .open > a:hover { background: #009ce9; color: #fff; }

#menu ul { position: absolute; top: 41px; left: 0; width: 152px; background: #333; display: none; margin: 0; padding: 0; }
#menu .open > ul { display: block; }
.no-touch #menu .sub:hover > ul { display: block; }

#menu ul { padding: 10px 0; }
#menu ul li { font-size: 14px; font-family: pt_sansregular; text-transform: none; line-height: normal; }
#menu ul a { padding: 2px 14px; position: relative; color: #999; }
#menu ul a:hover { color: #fff; }

#menu .sub-1 ul > li > a > span,
#menu .sub-2 ul > li > a > span { position: absolute; top: 6px; right: 5px; width: 5px; height: 8px; overflow: hidden; background: url(../images/css/menu-arrow2.png) no-repeat 0 0; }
#menu .sub-1 ul > li > a:hover > span,
#menu .sub-2 ul > li > a:hover > span,
#menu .sub-1 ul > li.sub:hover > a > span,
#menu .sub-2 ul > li.sub:hover > a > span,
#menu .sub-1 ul > li.sub.open > a > span,
#menu .sub-2 ul > li.sub.open > a > span,
#menu .sub-1 ul > li.sub.on > a > span,
#menu .sub-2 ul > li.sub.on > a > span { background-position: 0 -8px; }

#menu .sub-1 ul li > a:hover,
#menu .sub-2 ul li > a:hover,
#menu .sub-1 ul li:hover > a,
#menu .sub-2 ul li:hover > a,
#menu .sub-1 ul .open > a,
#menu .sub-2 ul .open > a,
#menu .sub-1 ul .on > a,
#menu .sub-2 ul .on > a { color: #fff; background: none; }

#menu .sub-1 ul li.sub > a:hover, 
#menu .sub-2 ul li.sub > a:hover, 
#menu .sub-1 ul li.sub:hover > a, 
#menu .sub-2 ul li.sub:hover > a, 
#menu .sub-1 ul .open > a, 
#menu .sub-2 ul .open > a { color: #fff; background: none; }

#menu .sub-1 ul ul, 
#menu .sub-2 ul ul { top: -10px; left: 152px; }

#menu .sub-wide, 
#menu .sub-col { position: static; }
#menu .sub-wide > ul, 
#menu .sub-col > ul { width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 0; }
#menu .sub-wide > ul > li, 
#menu .sub-col > ul > li { float: left; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }

#menu .sub-col.sub-2 { position: relative; }
#menu .sub-col.sub-2 > ul { width: 540px; padding: 10px 0; }
#menu .sub-col.sub-2 > ul > li { width: 270px; padding: 0; }
#menu .sub-col.sub-2 > ul ul { margin-bottom: 0; width: 270px; }
#menu .sub-col.sub-2 > ul ul a { padding-left: 20px; padding-right: 20px; }

#menu .sub-3 > ul > li, 
#menu .sub-6 > ul > li { width: 33.33%; }
#menu .sub-3 > ul > li:last-child, 
#menu .sub-6 > ul > li:nth-child(3n) { width: 33.34%; }
#menu .sub-6 > ul > li:nth-child(3n+1) { clear: left; }
#menu .sub-4 > ul > li, 
#menu .sub-7 > ul > li, 
#menu .sub-8 > ul > li { width: 25%; }
#menu .sub-7 > ul > li:nth-child(4n+1), 
#menu .sub-8 > ul > li:nth-child(4n+1) { clear: left; }
#menu .sub-5 > ul > li, 
#menu .sub-9 > ul > li, 
#menu .sub-10 > ul > li { width: 20%; }
#menu .sub-9 > ul > li:nth-child(5n+1), 
#menu .sub-10 > ul > li:nth-child(5n+1) { clear: left; }

#menu .sub-wide ul, 
#menu .sub-col ul { width: 100%; margin-top: 21px; }
#menu .sub-wide > ul a, 
#menu .sub-col > ul a { padding-left: 0; padding-right: 0; }
#menu .sub-wide > ul > li.sub > a, 
#menu .sub-col > ul > li.sub > a { color: #fefefe; background: none; padding-bottom: 15px; border-bottom: 1px solid #fefefe; cursor: default; }
#menu .sub-wide > ul ul, 
#menu .sub-col > ul ul { position: static; display: block; padding: 10px 0 0; margin: 0; }
#menu .sub-wide > ul ul a:hover,
#menu .sub-col > ul ul a:hover, 
#menu .sub-wide > ul ul .on a, 
#menu .sub-col > ul ul .on a { color: #fff; background: none; }
#menu .sub-col > ul ul { padding-top: 0; }

/*** HOME ***/
#slider { position: relative; padding: 0 30px; margin: -85px 0 0 0; }

#slider .wrap { position: relative; z-index: 3; }
.slider-items { position: relative; z-index: 1; }
.slider-item { display: none; height: 479px; }

.slide-content { position: absolute; top: 127px; left: 20px; z-index: 5; background: url(../images/css/slider-bg.png) repeat 0 0; color: #000; line-height: 20px; width: 33.33333333333333%; padding: 15px 20px 25px 20px; }
.slide-content p { margin: 10px 0; }
.slide-content h2 { font-size: 27px; line-height: 32px; margin: 0 0 15px; color: #008acf; }
.slide-content a { color: #008acf; text-decoration: none; }
.slide-content a:hover { color: #008acf; text-decoration: none; }

.slide-image { position: absolute; top: 0; right: 0; margin: 0; overflow: hidden; }
.slide-image a { display: block; position: relative; }
.slide-image img { display: block; max-width: none; position: relative; z-index: 1; }

.slider-nav { position: absolute; bottom: 25px; left: 50%; margin-left: -59px; z-index: 5; }
.slider-nav ul { margin: 0; padding: 0; font-size: 0; }
.slider-nav ul li { display: inline-block; margin: 0 0 0 20px; padding: 0; }
.slider-nav ul li:first-child { margin: 0; }
.slider-nav ul a { display: block; width: 26px; height: 26px; text-indent: -9999px; overflow: hidden; position: relative; background: url(../images/css/slider-nav.png) no-repeat 0 0; }
.slider-nav ul a:hover,
.slider-nav ul .on a { background-position: -26px 0; }

.home-box { line-height: 21px; background-color: #12a7e0; color: #fff; margin-bottom: 30px; }
.home-box:nth-child(2n) { margin-right: 0; }
.home-box:nth-child(3) { margin-bottom: 0; }
.home-box p { margin-bottom: 0; }
.home-box-image { position: relative; margin-right: 5.2% !important; }
.home-box-image img { display: block; max-width: none; width: 100%; }
.home-box-image .title { background-color: #21b331; color: #fff; text-transform: uppercase; height: 34px; position: absolute; top: 12px; left: 0; }
.home-box-image:hover .title { background-color: #12a7e0; }
.home-box-image .title a { color: #fff; text-decoration: none; display: block; padding: 6px 12px; }
.home-box-content { padding: 20px 20px 0 0; }

.details { font-size: 12px; font-family: pt_sansbold; text-transform: uppercase; }
.details a { color: #fff; text-decoration: underline; }
.details a:hover { color: #0b668a; text-decoration: underline; }

.socialBox { padding: 30px 0; margin: 30px 0; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding-top: 0; margin-top: 0; border-top: 0; }
.socialBox .footer-box:first-child { padding: 0 0 0 20px; }
.page-home .socialBox { padding: 30px 0; margin: 30px 0; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }

.banner img { display: block; max-width: none; width: 100%; }

.footer-box { border-right: 1px solid #e1e1e1; line-height: 1.5em; }
.footer-box:last-child { border: none; }
.footer-box h3 { font-size: 14px; font-family: pt_sansbold; color: #000; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; }
.footer-box li:before { display: none !important; }

.footer-box ul { margin: 0; padding: 0; overflow: hidden; }
.footer-box li { float: left; margin: 0 15px 0 0; padding: 0; display: inline; }
.footer-box a { color: #12a7e0; text-decoration: underline; }
.footer-box a:hover { color: #58c34c; text-decoration: none; }

.social { margin: 0; padding: 0; overflow: hidden; }
.social li { margin: 0 5px 5px 0; padding: 0; float: left; display: inline; }
.social li.fb a,
.social li.tw a, 
.social li.in a, 
.social li.yt a, 
.social li.sk a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(../images/css/social.png?v=1001); background-repeat: no-repeat; }
.social li.fb a { background-position: 0 0; }
.social li.tw a { background-position: 0 -60px; }
.social li.in a { background-position: 0 -120px; }
.social li.yt a { background-position: 0 -180px; }
.social li.sk a { background-position: 0 -240px; }
.social li.fb a:hover { background-position: 0 -30px; }
.social li.tw a:hover { background-position: 0 -90px; }
.social li.in a:hover { background-position: 0 -150px; }
.social li.yt a:hover { background-position: 0 -210px; }
.social li.sk a:hover { background-position: 0 -270px; }
.social li.nl a { height: 30px; line-height: 30px; padding: 0 14px; border-radius: 5px; text-transform: uppercase; background-color: #0099e5; color: #fff; text-decoration: none; display: block; }
.social li.nl a:hover { background-color: #58c34c; }

.partners ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
.partners li { display: inline-block; margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #e1e1e1; }
.partners li:before { display: none !important; }
.partners li:last-child { margin: 0; padding: 0; border: none; }

/*** FORMS ***/
.form { margin-bottom: 30px; line-height: 1.5em; }
.form-warning { margin: 0 0 30px; }
.form-fields, 
.form-fields:last-child { margin-left: auto !important; margin-right: auto !important; float: none; }

.errorMessage { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1; color: #e32526 !important; }
.errorMessage ul { margin: 0; padding: 0; }
.errorMessage li { padding: 0; }
.errorMessage li:before { display: none; }

.field-description { font-size: 12px; line-height: normal; margin: -15px 0 25px 0; }

.input, 
.select, 
.textarea, 
.radio, 
.checkbox,
.captchaWrapper { position: relative; margin-bottom: 25px; }

.input input, 
.select select, 
.textarea textarea, 
.captchaInput input { background: #fff; border: 1px solid #ccc; display: block; width: 100%; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1; font-size: 14px; font-family: inherit; color: #595959; }
.date-input input { padding-right: 60px; }

.form-read-only .input label { display: inline-block; width: auto; padding: 0; margin-right: 10px; }
.input-span { font-weight: bold; }

.input label, 
.select label, 
.textarea label, 
.captchaInput label, 
.form-item-title { display: block; padding-right: 40px; width: 100%; }
.input label, 
.select label, 
.textarea label, 
.captchaInput label { margin-bottom: 5px; }
.form-item-title { margin-bottom: 10px; }

.input input, 
.captchaInput input { height: 50px; }

.input-calendar { position: absolute; right: 20px; bottom: 13px; z-index: 2; cursor: pointer; }
.input-calendar img { display: block; }

.select select { padding-top: 15px; padding-bottom: 15px; background-image: url(../images/css/select-bkg.png); background-repeat: no-repeat; background-position: 100% 0; }
.date-select select { width: 30%; margin-right: 5%; float: left; }
.date-select select.select_year { margin-right: 0; }

.textarea { padding: 0 0 25px 0; border-bottom: 1px solid #e1e1e1; }
.textarea textarea { height: 125px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; resize: none; overflow: auto; }

.radio, 
.checkbox { padding: 0 0 25px 0; border-bottom: 1px solid #e1e1e1; }
.form-item  { display: block; clear: both; position: relative; margin-bottom: 10px; padding-left: 37px; min-height: 26px; overflow: hidden; cursor: pointer; }
.form-item label { display: block; cursor: pointer; }
.form-item:last-child { margin-bottom: 0; }
.form-item input { position: absolute; top: -9999px; left: -99999px; }

.checkbox-button, 
.radio-button { position: absolute; top: 0; left: 0; background-image: url(../images/css/form-items.png); background-repeat: no-repeat; }
.checkbox-button { width: 25px; height: 25px; background-position: 0 0; }
.form-item:hover .checkbox-button { background-position: 0 -25px; }
.on .checkbox-button, 
.form-item.on .checkbox-button { background-position: 0 -50px; }

.radio-button { width: 26px; height: 26px; background-position: 0 -75px; }
.form-item:hover .radio-button { background-position: 0 -101px; }
.on .radio-button, 
.form-item.on .radio-button { background-position: 0 -127px; }

.checkbox-single .form-item-title { display: none; }
.checkbox-single .form-item { margin-right: 25px; }

.page-signup .radio,
.newsletter-registration .checkbox { padding: 0; border: none; }

.terms { background-color: #f6f6f6; padding: 30px 36px; margin-bottom: 25px; }
.terms .checkbox { padding: 0; margin: 0; border: 0; }

.captchaWrapper { padding: 25px 0 25px 250px; margin-bottom: 25px; position: relative; border-bottom: 1px solid #e1e1e1; }
.captchaImageWrapper { float: left; width: 250px; margin-left: -250px; background: url(../images/css/captcha-arrow.png) no-repeat 0 0; }
.captchaImageWrapper img { display: block; width: 210px !important; height: 50px !important; padding: 5px; background: #e1e1e1; border: 0; margin: 0 0 5px 0; }
.captchaInput { float: right; width: 100%; position: static; }
.captchaInput label { height: 25px; position: absolute; top: 0; left: 0; }

.form-buttons { clear: both; margin-top: 25px; }
.form-submit { float: left; }
.form-submit a, 
.form-submit input { display: block; cursor: pointer; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-decoration: none; background: url(../images/css/form-button-grad.png) repeat-x 0 0; border: 0; border-radius: 5px; padding: 0 35px; font-family: inherit; text-transform: uppercase; }
.form-submit a:hover, 
.form-submit input:hover { color: #fff; background: #5bc94e; }

/*** FORMS - Validation ***/
.form-hidden { position: absolute; top: -9999px; left: -9999px; }

.req { position: absolute; top: 5px; right: 0; width: 16px; height: 14px; background: url(../images/css/req.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.errorMessage .req, 
.form-warning .req { position: static; display: inline-block; vertical-align: middle; }
.error .req, 
.errorMessage .req { background-position: 0 -14px; }

.error .input label, 
.error .select label, 
.error .textarea label, 
.error .form-item-title, 
.error .captchaInput label { color: #e32526; }

.error .input input, 
.error .captchaInput input, 
.error .select select, 
.error .textarea textarea { border-color: #e32526; color: #e32526; }
.error .select select { background-image: url(../images/css/select-bkg.png); background-repeat: no-repeat; background-position: 100% -100px; }

/*** FORMS - Feddback ***/
.form-feedback { margin-bottom: 40px; }
.feedback-button { float: left; height: 40px; line-height: 40px; padding: 0 20px 0 40px; position: relative; background: url(../images/css/form-button-grad.png) repeat-x 0 0; color: #fff; text-decoration: none; border-radius: 5px; }
.feedback-button span { position: absolute; left: 20px; top: 50%; margin-top: -8px; width: 8px; height: 15px; background: url(../images/css/form-feedback-button.png) no-repeat 0 -15px; }
.feedback-button:hover { color: #fff; background: #5bc94e; }
.feedback-button:hover span { background-position: 0 -15px; }

/*** WEATHER ***/
.weather { position: relative; margin: 30px 0; }
.weather-notice { margin: 0; }
.weather-box { margin: 30px 0 0; }

.weather-today  { border-right: 1px solid #e1e1e1; }
.wt-info h2 { margin-top: 0; }
.wt_temp { font-size: 2.57em; margin: 0 0 10px; }
.wt_description { margin: 0; }
.wt-image img { display: block; width: 100%; }

.ww_list { margin: 0; padding: 0; line-height: 1.5em; }
.ww_list > li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #e1e1e1; }
.ww_list > li:before { display: none; }
.ww_list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.ww_list p { margin-top: 0; margin-bottom: 0; }
.ww_list ul { margin-top: 0; margin-bottom: 0; }
.ww_info, 
.ww_temp { padding-top: 10px; }
.ww_image img { display: block; width: 100%; }
.ww_temp { float: right; }
.ww_temp ul { margin: 0; }
.ww_temp li { float: left; width: 50%; padding: 0; line-height: 1; }
.ww_temp li:before { display: none; }
.ww_temp li:last-child { border-left: 1px solid #e1e1e1; text-align: right; }

/*** FIX ***/
.addthis_toolbox { height: 21px; overflow: hidden; }
.addthis_button_facebook_like { margin-right: 10px; }

.picker, 
.picker * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.date-picker-active #pageContainer { z-index: 9999; }

.share *,
#at15s, 
#at15s *,
#at20mc, 
#at20mc *,
#at3lb, 
#at3lb *,
#at3win, 
#at3win *,
.share *,
#at20mc,
#at20mc * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

input[type=number]::-webkit-inner-spin-button, 
input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; }
input::-ms-clear { width: 0; height: 0; display: none; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

input, 
textarea, 
button        { -webkit-appearance: none; -webkit-border-radius: 0; }

select::-ms-expand { display: none; }

.pc-hide,
#printlogo { display: none; }