/* 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,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,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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:940px;padding:0 10px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.grid_12{margin-left:0;margin-right:0}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}
@font-face {
font-family: 'Tinet';
src: url('fonts/TungusFont_Tinet-webfont.eot');
src: url('fonts/TungusFont_Tinet-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/TungusFont_Tinet-webfont.woff') format('woff'),
url('fonts/TungusFont_Tinet-webfont.ttf') format('truetype'),
url('fonts/TungusFont_Tinet-webfont.svg#TinetRegular') format('svg');
font-weight: normal;
font-style: normal;
}
html {
overflow-x:hidden;
scroll-behavior: smooth;
}
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
font-size: 12px;
line-height: 1.6;
color: #282828;
}
/* Headlines */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #803333;
font-family: Tinet, Tahoma, sans-serif;
line-height: 1;
}
h1 { font-size:2.5em; margin-bottom:15px; }
h2 { font-size:2.0em; margin-bottom:15px; }
h3 { font-size:1.5em; margin-bottom:15px; }
h4 { font-size:1.2em; margin-bottom:15px; }
h5 { font-size:1.0em; margin-bottom: 15px; padding:0px; }
h6 { font-size:1.0em; margin-bottom: 15px; padding:0px; letter-spacing: 1px; }
/* Links */
a {
color: #803333;
text-decoration:none;
}
a:hover {
color: #555555;
text-decoration: underline;
}
a img, img {
border: none;
vertical-align: top;
}
a:focus {
outline: none;
}
/* paragraphs,blockquote,code */
p {
margin-bottom:15px;
}
blockquote {
color: #808080;
border-left: 5px solid #b7a295;
padding-left: 10px;
margin: 0 0 25px 0;
line-height: 1.4em;
font-size: 14px;
}
blockquote p {
line-height: 1.4em;
font-size: 14px;
}
blockquote small {
font-size:12px
}
code {
background: #fafafa;
padding: 5px 10px;
display: block;
font-size: 12px;
color: #858585;
margin-bottom: 10px;
border: 1px dotted #eaeaea;
clear: both;
}
/* Lists */
ol {
margin: 20px 0 20px 25px;
list-style-type: decimal;
}
ol li {
font-size: 12px;
margin: 5px 0;
padding-bottom: 5px;
color: #666666;
}
ul {
padding-bottom: 15px;
}
.ul_nodist ul {
padding-bottom: 2px;
}
ul.no-dist {
padding-bottom: 15px;
}
/* CUSTOM LISTS */
.text_wrapper li {
padding-left: 18px;
list-style: none;
background:url(/css/files/bullet-list_02.png) no-repeat 0 -0.1em;
line-height: 20px;
padding-bottom: 2px;
}
.arrow_double_thin ul li {
padding-left: 15px;
background: url(/css/files/bullet-list_01.png) no-repeat 0 0;
}
.arrow_thick ul li {
padding-left: 15px;
background: url(/css/files/bullet-list_03.png) no-repeat 0 0;
}
.arrow_circle li {
padding-left: 27px;
background: url(/css/files/bullet-list_04.png) no-repeat 0 0;
margin-bottom: 7px;
}
.check ul li {
padding-left: 27px;
background: url(/css/files/bullet-list_05.png) no-repeat 0 0;
margin-bottom: 7px;
}
.check_red li {
padding-left: 27px;
background: url(/css/files/bullet-list_09.png) no-repeat 0 0;
margin-bottom: 7px;
}
.check_red_thick li {
padding-left: 25px;
background: url(/css/files/bullet-list_07.png) no-repeat 0 0;
margin-bottom:5px;
}
.check_blue_thick li {
padding-left: 25px;
background: url(/css/files/bullet-list_08.png) no-repeat 0 0;
margin-bottom: 5px;
}
b {
background-color: #cec9b6;
padding: 2px 4px;
text-shadow: 0 1px 0 #fff;
}
.highlight50 {
background-color: #bbb;
padding: 2px 4px;
text-shadow: 0 1px 0 #ddd;
color: #222;
}
.pre {
font: 11px Courier, "Courier New", monospace;
padding: 5px 5px 5px 15px;
border: 1px solid #ccc;
background: #efefef;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #333;
line-height: 19px;
overflow: auto;
overflow-Y: hidden;
clear: both;
margin-bottom: 20px;
}
.separator {
height: 2px;
margin: 0 0 35px;
border-bottom: 1px solid #000;
}
.sep_dist {
margin: 20px 0 20px !important;
}
div.teaser_box {
margin: 10px 0 20px;
padding: 15px 20px 10px;
border: 1px solid #9AA5A6;
}
/* fancy shadows */
.block-img-shadow {
display: inline-block;
position: relative;
} /* in case the image needs to be inserted into an article, it must be set to inline block */
.under-shadow {
text-align: center;
}
.shadow-1-220 .under-shadow {
width: 220px;
height: 5px;
background: url(/css/files/shadow1_220.png) no-repeat;
}
.shadow-1-658 .under-shadow {
width: 658px;
height: 16px;
background: url(/css/files/shadow1_658.png) no-repeat;
}
.shadow-1-700 .under-shadow {
width: 700px;
height: 17px;
background: url(/css/files/shadow1_700.png) no-repeat;
}
.shadow-2-220 .under-shadow {
width: 220px;
height: 5px;
background: url(/css/files/shadow2_220.png) no-repeat;
}
.shadow-2-658 .under-shadow {
width: 658px;
height: 16px;
background: url(/css/files/shadow2_658.png) no-repeat;
}
.shadow-2-700 .under-shadow {
width: 700px;
height: 17px;
background: url(/css/files/shadow2_700.png) no-repeat;
}
.shadow-3-220 .under-shadow {
width: 220px;
height: 5px;
background: url(/css/files/shadow3_220.png) no-repeat;
}
.shadow-3-658 .under-shadow {
width: 658px;
height: 16px;
background: url(/css/files/shadow3_658.png) no-repeat;
}
.shadow-3-700 .under-shadow {
width: 700px;
height: 17px;
background: url(/css/files/shadow3_700.png) no-repeat;
}
.shadow-4-220 .under-shadow {
width: 220px;
height: 5px;
background: url(/css/files/shadow4_220.png) no-repeat;
}
.shadow-4-658 .under-shadow {
width: 658px;
height: 16px;
background: url(/css/files/shadow4_658.png) no-repeat;
}
.shadow-4-700 .under-shadow {
width: 700px;
height: 17px;
background: url(/css/files/shadow4_700.png) no-repeat;
}
.sh4 {
opacity: 0.4;
}
/* zoom overlay */
.head-image {
padding: 4px;
background: #eee;
border: 1px solid #c0c0c0;
}
a:hover img.head-image {
border: 1px solid #888;
}
a .zoom-overlay {
opacity: 0;
filter: alpha(opacity=0);
display: block;
width: 100%;
height: 100%;
background:url(/css/files/head-image-overlay.png) no-repeat center 50%;
position: absolute;
top: 0;
-moz-transition: opacity 250ms ease-in;
-webkit-transition: opacity 250ms ease-in;
-o-transition: opacity 250ms ease-in;
transition: opacity 250ms ease-in;
}
a:hover .zoom-overlay {
opacity: 1;
filter: alpha(opacity=100);
}
a .video-zoom-overlay {
opacity: 0.7;
filter: alpha(opacity=70);
background:url(/css/files/head-video-overlay.png) no-repeat center 50%;
}
img.shadow,
div.common_border
.video iframe {
background: #fff;
padding: 4px;
border: 1px solid #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
a img.shadow:hover {
-moz-box-shadow: 0 0 5px #803333;
-webkit-box-shadow: 0 0 5px #803333;
box-shadow: 0 0 5px #803333;
border: 1px solid #803333;
}
.form-captcha input {
width: 250px !important;
}
#formular .formcheckbox {
float: left;
width: 100%;
}
#formular .formcheckbox label {
width: 450px;
text-align: left;
position: relative;
padding-left: 25px;
margin-left: 100px;
padding-top: 20px;
padding-bottom: 30px;
}
#formular .formcheckbox label input {
position: absolute;
top: 23px;
left: 0;
}
#formular .form-group {
padding-bottom: 10px;
}
.small-button,
.medium-button,
.big-button,
.form-captcha .btn {
background: #cccccc;
background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#bbbbbb));
background: -webkit-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
background: -o-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
background: -ms-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 );
background: linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
color: #FFF;
cursor: pointer;
font-weight: bold;
padding: 0 12px;
line-height: 30px;
overflow: visible;
display: inline-block;
text-decoration: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
box-shadow:0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
}
.small-button:hover,
.medium-button:hover,
.big-button:hover,
.form-captcha .btn:hover {
color:#fff;
background: #bbbbbb;
background: -moz-linear-gradient(top, #bbbbbb 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
background: -o-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#cccccc',GradientType=0 );
background: linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
}
.big-button {
font-size: 19px;
padding: 10px 25px;
}
.medium-button {
font-size: 14px;
padding: 5px 20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/* Button */
.red {
background: #9a5d5d;
background: -moz-linear-gradient(top, #9a5d5d 0%, #803333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a5d5d), color-stop(100%,#803333));
background: -webkit-linear-gradient(top, #9a5d5d 0%,#803333 100%);
background: -o-linear-gradient(top, #9a5d5d 0%,#803333 100%);
background: -ms-linear-gradient(top, #9a5d5d 0%,#803333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a5d5d', endColorstr='#803333',GradientType=0 );
background: linear-gradient(top, #9a5d5d 0%,#803333 100%);
}
.red:hover {
background: #9a5d5d;
background: -moz-linear-gradient(top, #803333 0%, #9a5d5d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#803333), color-stop(100%,#9a5d5d));
background: -webkit-linear-gradient(top, #803333 0%,#9a5d5d 100%);
background: -o-linear-gradient(top, #803333 0%,#9a5d5d 100%);
background: -ms-linear-gradient(top, #803333 0%,#9a5d5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#803333', endColorstr='#9a5d5d',GradientType=0 );
background: linear-gradient(top, #803333 0%,#9a5d5d 100%);
}
.bblue {
background: #32628a;
background: -moz-linear-gradient(top, #32628a 0%, #12456F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32628a), color-stop(100%,#12456F));
background: -webkit-linear-gradient(top, #32628a 0%,#12456F 100%);
background: -o-linear-gradient(top, #32628a 0%,#12456F 100%);
background: -ms-linear-gradient(top, #32628a 0%,#12456F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32628a', endColorstr='#12456F',GradientType=0 );
background: linear-gradient(top, #32628a 0%,#12456F 100%);
}
.bblue:hover {
background: #12456F;
background: -moz-linear-gradient(top, #12456F 0%, #32628a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12456F), color-stop(100%,#32628a));
background: -webkit-linear-gradient(top, #12456F 0%,#32628a 100%);
background: -o-linear-gradient(top, #12456F 0%,#32628a 100%);
background: -ms-linear-gradient(top, #12456F 0%,#32628a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12456F', endColorstr='#32628a',GradientType=0 );
background: linear-gradient(top, #12456F 0%,#32628a 100%);
}
.bluered,
.form-captcha .btn {
background: #32628a;
background: -moz-linear-gradient(top, #32628a 0%, #12456F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32628a), color-stop(100%,#12456F));
background: -webkit-linear-gradient(top, #32628a 0%,#12456F 100%);
background: -o-linear-gradient(top, #32628a 0%,#12456F 100%);
background: -ms-linear-gradient(top, #32628a 0%,#12456F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32628a', endColorstr='#12456F',GradientType=0 );
background: linear-gradient(top, #32628a 0%,#12456F 100%);
}
.bluered:hover,
.form-captcha .btn:hover {
background: #9a5d5d;
background: -moz-linear-gradient(top, #9a5d5d 0%, #803333 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a5d5d), color-stop(100%,#803333)) !important;
background: -webkit-linear-gradient(top, #9a5d5d 0%,#803333 100%) !important;
background: -o-linear-gradient(top, #9a5d5d 0%,#803333 100%) !important;
background: -ms-linear-gradient(top, #9a5d5d 0%,#803333 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a5d5d', endColorstr='#803333',GradientType=0 ) !important;
background: linear-gradient(top, #9a5d5d 0%,#803333 100%);
}
.button-einzug {
margin-top: 10px;
margin-left: 120px;
margin-bottom: 20px;
}
.nl_delete {
margin-top: 20px;
color: #fff !important;
}
/* warning boxes alt */
/*
.info,
.success,
.warning,
.error {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 50px;
background-repeat: no-repeat; background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/css/files/icon-info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/css/files/icon-tick.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/css/files/icon-warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/css/files/icon-cross.png');
}
*/
/* BOXES */
.box,
div.form_warning,
ul.error7 {
background: transparent url(/css/files/box-sprite.png) repeat-y -700px top;
margin: 40px 0;
position: relative;
width: 698px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #ccc;
}
.box:before,
div.form_warning:before {
content: " ";
background: transparent url(/css/files/box-sprite.png) no-repeat 0 top;
display: block;
height: 30px;
width: 100%;
margin-bottom: -7px;
}
.box:after,
div.form_warning:after {
content: " ";
background: transparent url(/css/files/box-sprite.png) no-repeat -1400px bottom;
display: block;
height: 30px;
width: 100%;
margin-top: -7px;
}
.box-content,
div.form_warning ul,
ul.error7 {
padding: 0 40px 0 80px;
}
.box h2 {
margin-bottom: 6px;
}
.box .info {
margin: 0;
}
.box .info li {
margin: 0 20px 0 20px;
list-style-type: disc;
list-style-position: outside;
}
.box .info li.single {
list-style: none;
margin-left: 0;
}
/* Success box */
.box-success .box-content {
background: transparent url(/css/files/box-info-icon-green.png) no-repeat 20px 0 !important;
}
.box-success {
background-color: #eaf2c7;
color: #a5b26b;
-moz-box-shadow: 0 3px 2px rgba(196, 204, 165, .8);
-webkit-box-shadow: 0 3px 2px rgba(196, 204, 165, .8);
box-shadow: 0 2px 3px rgba(196, 204, 165, .8);
}
.box-success:before {
background-color: #eaf2c7;
}
.box-success:after {
background-color: #eaf2c7;
}
.box-success *,
.box-success a:hover,
.box-success a:active {
border-bottom: 0;
color: #a5b26b;
}
/* Info box */
.box-info .box-content {
background: transparent url(/css/files/box-info-icon.png) no-repeat 20px center;
}
.box-info {
background-color: #f2ebc7;
-moz-box-shadow: 0 3px 2px rgba(204, 198, 165, .8);
-webkit-box-shadow: 0 3px 2px rgba(204, 198, 165, .8);
box-shadow: 0 2px 3px rgba(204, 198, 165, .8);
}
.box-info:before {
background-color: #f2ebc7;
}
.box-info:after {
background-color: #f2ebc7;
}
.box-info *,
.box-info a:hover,
.box-info a:active {
border-bottom: 0;
color: #b2a76b;
}
/* Warning box */
.box-warning .box-content,
div.form_warning ul {
background: transparent url(/css/files/box-warning-icon.png) no-repeat 20px center;
}
.box-warning,
div.form_warning,
ul.error7 {
background-color: #f2d3c7;
-moz-box-shadow: 0 3px 2px rgba(204, 176, 165, .8);
-webkit-box-shadow: 0 3px 2px rgba(204, 176, 165, .8);
box-shadow: 0 2px 3px rgba(204, 176, 165, .8);
}
.box-warning:before,
div.form_warning:before,
ul.error7 {
background-color: #f2d3c7;
}
.box-warning:after,
div.form_warning:after,
ul.error7 {
background-color: #f2d3c7;
}
.box-warning *,
.box-warning a:hover,
.box-warning a:active,
div.form_warning *,
div.form_warning a:hover,
div.form_warning a:active,
ul.error7 *,
ul.error7 a:hover,
ul.error7 a:active {
border-bottom: 0;
color: #b27f6b;
}
ul.error7 {
margin-left: 120px;
float: left;
width: 425px;
margin-right: 115px;
padding: 10px 20px;
height: auto;
margin-top: 0;
margin-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Selections */
::-moz-selection {
color: #fff !important;
background: #803333;
}
::selection {
color: #fff !important;
background: #803333;
}
/* INPUT, TEXTAREA, SUBMIT */
input,
span.no_edit {
margin: 0;
padding: 0;
}
p.fehler input,
span.fehler input,
input.error7,
textarea.error7 {
border: 1px solid #AD2856 !important;
}
p.fehler label,
label.error7 {
color: #AD2856;
}
p#agb-wrap,
p#data-wrap,
p.formcheckbox {
margin-left: 120px;
position: relative;
float: left;
width: 100%;
}
p#agb-wrap input,
p#data-wrap input,
p.formcheckbox input {
position: absolute;
top: 7px;
left: 0;
}
p#agb-wrap label,
p#data-wrap label,
p.formcheckbox label {
text-align: left;
width: 450px;
padding-left: 25px;
}
p#agb-wrap a,
p#data-wrap a,
p.formcheckbox a {
text-decoration: underline;
}
#id7 input.submit {
margin-left: 120px;
width: 102px;
}
.contact-form label.captcha {
display: none;
}
.contact-form .formcaptcha {
margin-left: 120px;
}
.contact-form input.captcha {
width: 314px !important;
}
.contact-form span.equal {
padding-left: 10px;
padding-right: 10px;
color: #282828;
font-size: 110%;
}
.contact-form span.as-label {
position: relative;
top: 2px;
display: block;
width: 100px;
height: 24px;
float: left;
border: 1px solid #9aa9a9;
}
input[type=text],
input[type=date],
input[type=password],
textarea,
span.no_edit {
border: 1px solid #aeaeac;
padding: 8px 7px;
font-size: 11px;
color: #777;
-moz-box-shadow: 0 0 3px #aaa;
-webkit-box-shadow: 0 0 3px #aaa;
box-shadow: 0 0 3px #aaa;
border: 1px solid #aaa;
}
input[type=text],
input[type=date],
input[type=password],
textarea,
select,
span.no_edit {
background: #eceadd;
background: -moz-linear-gradient(top, #f7f7f7 0%, #eceadd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eceadd));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #eceadd 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #eceadd 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #eceadd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eceadd',GradientType=0 );
background: linear-gradient(top, #f7f7f7 0%, #eceadd 100%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
outline:0 none !important;
}
input[type=date].rounded,
input[type=text].rounded,
input[type=password].rounded,
textarea.rounded,
select.rounded,
button.rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
input[type=date]:hover,
input[type=text]:hover,
input[type=password]:hover,
textarea:hover {
border: 1px solid #803333;
}
input[type=date]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus, select:focus {
-moz-box-shadow: 0 0 5px #803333;
-webkit-box-shadow: 0 0 5px #803333;
box-shadow: 0 0 5px #803333;
border: 1px solid #803333;
}
input.submit {
border: none;
}
/* .rounded-fields class */
.rounded-fields input[type=date],
.rounded-fields input[type=text],
.rounded-fields input[type=password],
.rounded-fields textarea,
.rounded-fields select,
.rounded-fields button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
select {
padding: 7px;
border: 1px solid #e3e3e3;
}
select:hover {
border: 1px solid #b4b4b4;
}
#contact-form {
width: 460px;
margin-left: 0;
float: left;
}
form.infield div,
form.infield p {
position:relative;
}
form.infield label {
position: absolute;
left: 10px;
top: 2px;
font-size: 11px;
color: #888;
text-align: left;
width: auto;
}
form.infield input[type=date],
form.infield input[type=text],
form.infield textarea {
width: 440px;
}
form.infield div.form_warning {
width: 4600px;
}
span.no_edit {
display: block;
opacity: 0.5; /* modern browser */
-moz-opacity: 0.5; /* older Mozilla browser */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); /* IE5.x -7.0 */
}
.form-preset input[type=date],
.form-preset input[type=text],
.form-preset input[type=password],
span.no_edit {
width: 450px;
}
.form-preset textarea {
width: 450px;
height: 172px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
}
.form-preset label,
.form-preset .label_no_edit {
display: block;
float: left;
text-align: right;
padding-right: 10px;
padding-top: 5px;
width: 110px;
}
#buchungsform .medium-button {
margin-left: 120px;
}
/* Formular-Optik */
.input-text,
span.no_edit {
height: 32px;
line-height: 32px;
padding: 0 10px;
border: none;
}
span.no_edit {
width: 234px;
display: block;
float: left;
border: 1px solid #AEAEAC;
}
p.input-date {
position: relative;
}
.anzahl {
width: 53px !important;
margin-left: 10px;
}
.input-width-220 {
width: 200px;
background: url(/css/files/form-elements/input-220.png);
}
.input-width-260 {
width: 240px;
background: url(/css/files/form-elements/input-260.png);
}
.input-submit {
border: 0;
cursor: pointer;
}
textarea {
padding: 8px 7px;
background: #f9f9f9 url(/css/files/bg-textarea.png) repeat-x 0 0;
border: 1px solid #b3b3b3;
resize: none;
}
.textarea-small {
width: 240px;
height: 152px;
border: none;
background: url(/css/files/form-elements/textarea-small.png);
}
.textarea-big {
width: 540px;
height: 152px;
border: none;
background: url(/css/files/form-elements/textarea-big.png);
}
select {
padding: 6px 10px 7px;
font-size: 12px;
color: #444;
}
.select-width-90 select {
width: 90px;
}
.select-width-110 select {
width: 110px;
}
.select-width-220 select {
width: 220px;
}
.select-width-260 select {
width: 260px;
}
#tour_select {
padding-bottom: 20px;
}
#tour_select label {
display: none;
}
#orderform .submit {
margin-top: 20px;
margin-left: 120px;
padding: 8px 20px;
}
/* READON BUTTON */
.readon {
background-color: #12456F;
color: #fff;
font-size: 13px;
font-weight: normal;
padding: 3px 6px;
text-shadow: 1px 1px 0 #555555;
}
.readon:hover,
.readon:active {
color: #fff;
text-decoration: none;
background: #803333;
}
/* 404 ERROR */
.error404 {
font: bold 220px/1 Tinet;
color: #CCC;
text-align: center;
text-shadow: 0 0 1px #000;
text-transform: uppercase;
margin: 40px 0;
}
.error404 span {
display:block;
}
.error404 p {
font-size:30px;
}
/* CLEAR FIX - http://nicolasgallagher.com/micro-clearfix-hack/ */
.clear:before, .clear:after {content:""; display:table;}
.clear:after {clear:both;}
.clear {zoom:1;}
/* SPACING HELPERS - in case you need some extra spaces */
.space1 { height: 1px; }
.space2 { height: 2px; }
.space3 { height: 3px; }
.space4 { height: 4px; }
.space5 { height: 5px; }
.space6 { height: 6px; }
.space7 { height: 7px; }
.space8 { height: 8px; }
.space9 { height: 9px; }
.space10 { height: 10px; }
.space11 { height: 11px; }
.space12 { height: 12px; }
.space13 { height: 13px; }
.space14 { height: 14px; }
.space15 { height: 15px; }
.space16 { height: 16px; }
.space17 { height: 17px; }
.space18 { height: 18px; }
.space19 { height: 19px; }
.space20 { height: 20px; }
.space21 { height: 21px; }
.space22 { height: 22px; }
.space23 { height: 23px; }
.space24 { height: 24px; }
.space25 { height: 25px; }
.space26 { height: 26px; }
.space27 { height: 27px; }
.space28 { height: 28px; }
.space29 { height: 29px; }
.space30 { height: 30px; }
/* ACCORDION - Tutorial by Soh Tanaka
http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/ */
.acc_trigger {
font-family: Tinet, Tahoma, sans-serif;
color: #12456F;
padding: 0;
margin: 0;
width: 100%;
display: block;
background: url(/css/files/acc_style_1_arr_closed.png) no-repeat right center;
}
.acc_trigger:hover {
color: #803333;
}
.acc_trigger.active {
color: #803333;
text-decoration: underline;
background: url(/css/files/acc_style_1_arr_opened.png) no-repeat right center;
}
.acc_container {
margin: 0 0 5px;
padding: 0;
overflow: hidden;
clear: both;
}
.acc_container {
padding-bottom: 15px;
}
.accordion .acc_trigger {
font-size: 22px;
line-height: 2.5;
}
.accordion .acc-item {
background: url(/css/files/trenner.png) no-repeat left bottom;
}
.tgg-trigger {
font-family: Tinet, Tahoma, sans-serif;
color: #12456F;
padding: 0;
margin: 0;
width: 100%;
display: block;
background: url(/css/files/acc_style_1_arr_closed.png) no-repeat right center;
padding: 0;
overflow: hidden;
clear: both;
}
.tgg-trigger:hover {
color: #803333;
}
.toggle .active {
color: #803333;
text-decoration: underline;
background: url(/css/files/acc_style_1_arr_opened.png) no-repeat right center;
}
.toggle_container {
padding-bottom: 15px;
}
.toggle .tgg-trigger {
font-size: 22px;
line-height: 2.5;
}
.toggle .tgg-item {
background: url(/css/files/trenner.png) no-repeat left bottom;
}
#tabs_container .acc_trigger,
#tabs_container .tgg-trigger {
font-size: 16px;
}
#tabs_container .accordion .acc-item,
#tabs_container .toggle .tgg-item {
background: none;
}
#tabs_container .acc_trigger.active,
#tabs_container .tgg-trigger.active {
background: url(/css/files/acc_style_1_arr_opened.png) no-repeat left 1.1em;
text-decoration: none;
border-top: 1px solid #9AA5A6;
}
#tabs_container .acc_trigger,
#tabs_container .tgg-trigger {
width: 633px;
padding-left: 25px;
background: url(/css/files/acc_style_1_arr_closed.png) no-repeat left 1.1em;
}
#tabs_container .acc_trigger span.tease,
#tabs_container .tgg-trigger span.tease {
display: block;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
font-size: 12px;
line-height: 1.6em;
color: #282828;
margin-bottom: 15px;
}
#tabs_container .acc_trigger:hover,
#tabs_container .tgg-trigger:hover {
text-decoration: none;
}
#tabs_container .acc_trigger:hover span,
#tabs_container .tgg-trigger:hover span {
color: #803333;
}
#tabs_container .acc_trigger span.more,
#tabs_container .tgg-trigger span.more {
color: #803333;
font-weight: bold;
margin-left: 10px;
padding-left: 10px;
background: url(/css/files/bullet-list_02.png) no-repeat left center;
}
#tabs_container .acc_container {
padding-left: 25px;
border-bottom: 1px solid #9AA5A6;
}
#tabs_container .toggle_container {
padding-left: 25px;
}
.tour_reports {
background: url(/css/files/bg_kompass.png) no-repeat top right;
}
/* TABS - Tutorial by Soh Tanaka
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ */
#simple-tabs {
margin: 0 0 35px;
padding: 10px 0 10px;
}
#simple-tabs ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #9aa5a6;
border-left: 1px solid #9aa5a6;
width: 699px;
}
#simple-tabs ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
border: 1px solid #9aa5a6;
border-left: none;
margin-bottom: -1px;
overflow: hidden;
position: relative;
background: #dcd5c7 url(/css/files/bg_tab.png);
}
#simple-tabs ul.tabs li a {
text-decoration: none;
color: #063e5b;
display: block;
padding: 0 20px;
height: 33px;
outline: none;
}
#simple-tabs ul.tabs li.active a {
font-weight: bold;
color: #803333;
}
#simple-tabs ul.tabs li a:hover {
background: #dcd5c7 url(/css/files/bg_tab.png) 0 -60px !important;
}
#simple-tabs ul.tabs li.active,
#simple-tabs ul.tabs li.active a:hover {
background: none !important;
border-bottom: 1px solid #e8e5d7;
}
#simple-tabs .tab_container {
overflow: hidden;
clear: both;
float: left;
width: 100%;
margin-bottom:35px;
}
#simple-tabs .tab_content {
visability: hidden;
padding: 10px 0 10px;
border-bottom: 1px solid #9aa5a6;
}
#simple-tabs .tab_padding {
padding: 20px 20px 10px;
border: 1px solid #9aa5a6;
border-top: none;
}
.faq-style {border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#444; background-color:#eee; margin-bottom:30px; }
.faq-style .tgg-trigger {font-size:14px; line-height:1.8; padding:10px 15px 10px 40px; width:auto; border-top:1px solid #ddd; color:#444; background-image:url(/css/files/question_mark.gif); background-repeat:no-repeat; background-position:13px center; background-color:#fff; }
.faq-style .tgg-trigger:first-child {border-top:0;}
.faq-style .tgg-item.first .tgg-trigger {-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.faq-style .tgg-item.last .tgg-trigger {-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.faq-style .tgg-trigger.odd {background-color:#f5f5f5; text-shadow: 0 1px 0 white;}
.faq-style .tgg-trigger.active {font-weight:bold; background-color:#eee;}
.faq-style .tgg-trigger:hover {background-color:#eee;}
.faq-style .toggle_container {padding:15px;}
/* TABLES */
table {
border-top: 1px solid #9aa5a6;
border-bottom: 0;
width: 100%;
color: #063e5b;
margin-top: 20px;
margin-bottom: 40px;
}
table tr {
line-height: 30px;
}
table th {
border-top: 1px solid #9aa5a6;
text-align: center;
line-height: 30px;
background: #CEC9B6;
font-size: 140%;
font-family: Tinet,Tahoma,sans-serif;
}
table td.brown {
background: #CEC9B6;
}
table td.info {
text-align: left;
background: #CEC9B6;
width: 180px;
line-height: 20px;
border-left: 1px solid #9aa5a6;
}
table td.info strong {
display: block;
}
table td,
table th {
border-bottom: 1px solid #9aa5a6;
text-align: center;
padding: 5px 20px;
}
/* Termine */
table.termine {
border-top: 1px solid #9aa5a6;
border-bottom: 0;
width: 100%;
color: #063e5b;
font-size: 90%;
margin-bottom: 20px;
}
table.termine .small-button {
line-height: 24px;
padding: 0 6px;
}
table.termine tr {
line-height: 30px;
}
table.termine .small-button {
padding: 0px 12px !important;
}
table.termine td.saison {
border-top: 1px solid #9aa5a6;
text-align: center;
line-height: 30px;
background: url(/css/files/bg_table_head.png) !important;
font-size: 140%;
font-family: Tinet,Tahoma,sans-serif;
}
table.termine td,
table.termine th {
border-bottom: 1px solid #9aa5a6;
text-align: left;
padding: 5px 10px;
}
table.termine .col1 {
width: 180px;
padding-left: 20px;
}
table.termine .col2 {
width: 120px;
}
table.termine .col3 {
width: 160px;
}
table.termine .col4 {
width: 10px;
}
table.termine thead tr th.col1 {
background: url(/css/files/bg_table.png) !important;
}
table.termine thead tr th.col2 {
background: url(/css/files/bg_table.png) -210px 0 !important;
}
table.termine thead tr th.col3 {
background: url(/css/files/bg_table.png) -350px 0 !important;
}
table.termine thead tr th.col4_5 {
background: url(/css/files/bg_table.png) -520px 0 !important;
}
table.termine th {
font-size: 120%;
text-shadow: 0 1px 0 #fff;
text-transform: uppercase;
}
table.termine tr:nth-child(even) td.col1 {
background: url(/css/files/bg_table.png) -20px 0 !important;
}
table.termine tr:nth-child(even) td.col2 {
background: url(/css/files/bg_table.png) -230px 0 !important;
}
table.termine tr:nth-child(even) td.col3 {
background: url(/css/files/bg_table.png) -370px 0 !important;
}
table.termine tr:nth-child(even) td.col4 {
background: url(/css/files/bg_table.png) -540px 0 !important;
}
table.termine tr:nth-child(even) td.col5 {
background: url(/css/files/bg_table.png) -570px 0 !important;
}
table.termine tr:nth-child(odd) td.col1 {
background: url(/css/files/bg_table_alternate.png) -20px 0 !important;
}
table.termine tr:nth-child(odd) td.col2 {
background: url(/css/files/bg_table_alternate.png) -230px 0 !important;
}
table.termine tr:nth-child(odd) td.col3 {
background: url(/css/files/bg_table_alternate.png) -370px 0 !important;
}
table.termine tr:nth-child(odd) td.col4 {
background: url(/css/files/bg_table_alternate.png) -540px 0 !important;
}
table.termine tr:nth-child(odd) td.col5 {
background: url(/css/files/bg_table_alternate.png) -570px 0 !important;
}
table.all_dates {
margin-bottom: 50px;
}
table.all_dates th.tour_title {
border-top: 2px solid #628494;
border-bottom: 2px solid #628494;
font-weight: normal;
font-family: Tinet, Tahoma, sans-serif;
font-size: 1.6em;
text-align: center;
background: url(/css/files/bg_table_alternate.png);
}
.gone {
color: #803333;
font-weight: bold;
padding: 10px 20px;
border: 1px solid #9AA5A6;
background: url(/css/files/bg_table.png) -20px 0 !important;
}
table th.time {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
font-size: 12px;
}
#yr-varsel .skilje {
height: 20px;
}
table.training .sub th {
width: 33%;
background: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
}
table.training th,
table.training td {
border: 1px solid #9AA5A6;
}
table.training td h3 {
margin-top: 10px;
text-align: center;
line-height: 2em;
font-size: 13px;
color: #063E5B;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
}
table.training td p {
text-align: left;
line-height: 1.5em;
}
/* STUFF */
.outline {
padding: 10px 20px;
margin: 0 0 25px -20px;
background: url(/css/files/bg_bottom.jpg);
}
h1.blue,
h2.blue,
h3.blue,
h4.blue {
color: #12456F !important;
}
/* Video */
.video h3 span {
font-size: 12px;
font-weight: bold;
color: #282828;
padding-left: 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
}
/* STUFF */
.pricing-table {margin-bottom:35px; width:940px;}
.pricing-table.col3 .box {width:33.33%;}
.pricing-table.col4 .box {width:25%;}
.pricing-table.col5 .box {width:20%;}
.pricing-table.col6 .box {width:16.6%;}
.pricing-table .box {float:left; margin-top:7px; }
.pricing-table .box .box-inner {border:1px solid #dedede; padding:20px; text-align:center;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #dedede 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dedede));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#dedede 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#dedede 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0 );
background: linear-gradient(top, #f7f7f7 0%,#dedede 100%); }
.pricing-table .first .box-inner {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pricing-table .last .box-inner {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.pricing-table .box .title {font:700 26px/1 Tinet,Tahoma,sans-serif; margin-bottom:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #CCCCCC; }
.pricing-table .box .price {font-size:3.5em; font-weight:700; letter-spacing:-1px; line-height:1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #CCCCCC ; color:#454545; }
.pricing-table .box .price span.curr {font-size:0.6em; position:relative; top:-8px; }
.pricing-table .box .price-type {font-size:11px; color:#999;}
.pricing-table .box ul.description {margin-top:20px; text-shadow:0 1px 0 #fff; color:#454545;}
.pricing-table .box .separator {margin:10px 0;}
.pricing-table .promoted .box-inner {border-width:7px; border-style:solid; position:relative; margin-top:-7px; margin-left:-7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 15px rgba(0,0,0,0.2); box-shadow:0 2px 15px rgba(0,0,0,0.33); }
.pricing-table .box.promoted .box-inner {
background: #dedede;
background: -moz-linear-gradient(top, #dedede 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top, #dedede 0%,#f7f7f7 100%);
background: -o-linear-gradient(top, #dedede 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top, #dedede 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f7f7f7',GradientType=0 );
background: linear-gradient(top, #dedede 0%,#f7f7f7 100%); }
.pricing-table .action a {
padding: 9px 14px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase;
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.pricing-table .action a:hover {
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 -2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 -2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 -2px 6px rgba(255, 255, 255, 0.5) inset;}
.pricing-table .action a:active {
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(0, 0, 0, 0.5) inset; box-shadow:0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(0, 0, 0, 0.5) inset;}
.pricing-table .featured-badge {width:58px; height:51px; background:url(/css/files/featured-badge.png) no-repeat; top:-10px; right:-10px; position:absolute;}
.pricing-table .box.features .box-inner {border-right:none; background:#f5f5f5; text-align:left; margin-top:10px;}
.pricing-table .box.features .box-inner .title {margin-left:20px; text-shadow:none;}
.pricing-table .box.features .box-inner .price {font-size:1.6em; line-height:2.7; letter-spacing:0; margin-left:20px; text-shadow:none;}
.pricing-table .box.features ul.description {margin-left:20px;}
.pricing-table .box.features ul.description li .help { cursor:help;}
.pricing-table.orange-style {color:#803333;}
.pricing-table.orange-style .promoted .box-inner {border-color:#803333; }
.pricing-table.orange-style .action a { background-color:#803333; }
.pricing-table.blue-style {color:#08579C;}
.pricing-table.blue-style .promoted .box-inner {border-color:#08579C; }
.pricing-table.blue-style .action a { background-color:#08579C; }
.pricing-table.purple-style {color:#8A2D9A;}
.pricing-table.purple-style .promoted .box-inner {border-color:#8A2D9A; }
.pricing-table.purple-style .action a { background-color:#8A2D9A; }
.pricing-table.yellow-style {color:#FFC800;}
.pricing-table.yellow-style .promoted .box-inner {border-color:#FFC800; }
.pricing-table.yellow-style .action a { background-color:#FFC800; }
.pricing-table.turqoise-style {color:#12C6C2;}
.pricing-table.turqoise-style .promoted .box-inner {border-color:#12C6C2; }
.pricing-table.turqoise-style .action a { background-color:#12C6C2; }
.pricing-table.darkred-style {color:#C62B57;}
.pricing-table.darkred-style .promoted .box-inner {border-color:#C62B57; }
.pricing-table.darkred-style .action a { background-color:#C62B57; }
.pricing-table.red-style {color:#F02311;}
.pricing-table.red-style .promoted .box-inner {border-color:#F02311; }
.pricing-table.red-style .action a { background-color:#F02311; }
.pricing-table.green-style {color:#59A80F;}
.pricing-table.green-style .promoted .box-inner {border-color:#59A80F; }
.pricing-table.green-style .action a { background-color:#59A80F; }
.pricing-table.green-lemon-style {color:#9CC607;}
.pricing-table.green-lemon-style .promoted .box-inner {border-color:#9CC607; }
.pricing-table.green-lemon-style .action a { background-color:#9CC607; }
/* MAIN */
#logo {
width: 114px;
height: 57px;
background: url(/css/files/logo.png) no-repeat;
display: block;
text-indent: -9999px;
margin: 10px 0;
}
/* BEGIN TEMPLATE */
#header {
position: absolute;
z-index: 9999;
background: rgba(0,0,0,0.6);
border-top: 1px solid rgba(0,0,0,0.8);
border-bottom: 1px solid rgba(0,0,0,0.8);
margin-top:20px;
width:100%;
}
#header .shadow-down {
position: absolute;
width: 918px;
height: 20px;
bottom: -20px;
left: 50%;
margin-left: -459px;
background: url(/css/files/shadow-down.png) no-repeat;
}
#header ul.menu {
float: right;
margin:0;
}
#header ul.menu li {
float: left;
margin-left: 15px;
padding-left: 15px;
background: url(/css/files/menu-separator.png) no-repeat left center;
}
#header ul.menu li a span {
display: block;
padding-top: 5px;
font-size: 10px;
color: #aaa;
}
#header ul.menu li:first-child {
margin-left: 0;
padding-left: 0;
background:none;
}
#header ul.menu li a {
font: 18px/1 'Tinet', arial, serif;
color: #fff;
text-shadow: 1px 1px 0 #000;
padding: 28px 5px;
display: block;
text-transform: uppercase;
opacity: 0.8;
filter: alpha(opacity=80);
}
#header ul.menu li a:hover,
#header ul.menu li.active a {
opacity: 1;
filter: alpha(opacity=100);
}
#header ul.menu li.active a {
font-weight: bold;
}
#header ul.menu li .hover-mask {}
#header ul.menu ul {
width: 16em;
background: rgba(0,0,0,0.7);
margin-top: 8px;
}
#header ul.menu ul ul {
margin-top: 0px;
}
#header ul.menu ul li {
margin: 0;
padding: 0;
background: none;
}
#header ul.menu ul li a {
font: 12px/1 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;silver
font-weight: normal;
color: #ccc;
padding: 11px 10px;
text-transform: none;
display: block;
margin: 0 4px;
border-top: 1px solid #0b0c0d;
opacity: 1;
filter: alpha(opacity=100);
}
#header ul.menu ul li a:hover,
#header ul.menu ul li.active a {
color: #fff;
}
#header ul.menu ul li.active a {
font-weight: bold;
}
#header ul.menu ul ul li a {
font-weight: normal !important;
color: #ccc !important;
}
#header ul.menu ul ul li.active a {
font-weight: bold !important;
color: #fff !important;
}
#header ul.menu ul ul li a:hover {
color: #fff !important;
}
#header ul.menu ul li:first-child > a {
border-top: none;
}
#header ul.menu li a > .sf-sub-indicator {
top: 5em !important;
left: 50%;
margin-left: -5px;
right: auto !important;
}
#header ul.menu li li a > .sf-sub-indicator {
top: 50% !important;
margin-top: -5px;
left: 95% !important;
}
#header .sf-menu > li:hover > ul,
#header .sf-menu > li.sfHover > ul {
top:5.9em;
}
/* ICONS MENU (UNDER HEADER MENU) */
#icon-widgets {
position: absolute;
top: 105px;
right: 50%;
margin-right: -470px;
z-index: 2;
background: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius:3px;
}
.icon-menu {
float: right;
margin: 0;
padding: 0 3px;
}
.icon-menu li {
float: left;
margin-left: 3px;
padding-left: 3px;
border-left: 1px solid rgba(255,255,255,0.2);
position: relative;
overflow: hidden;
}
.icon-menu li:first-child {margin-left:0; padding-left:0; border-left:0;
}
.icon-menu li.social-icons > a,
.icon-menu li.search-box > a {
display: block;
width: 25px;
height: 26px;
margin: 0;
text-indent: -9999px;
opacity: 0.8;
filter: alpha(opacity=80);
float:left;
}
.icon-menu li a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.icon-menu li.social-icons > a {
background: url(/css/files/social-icons.png) no-repeat 50% 50%;
}
.icon-menu li.search-box > a {
background: url(/css/files/search-loupe.png) no-repeat 50% 50%;
}
.icon-menu li.social-icons > a.opened {
background: url(/css/files/close-icon-form-white.png) no-repeat 50% 50%;
}
.icon-menu li.search-box > a.opened {
background: url(/css/files/close-icon-form-white.png) no-repeat 50% 50%;
}
#social-icons {
padding: 2px;
height: 20px;
width: 600px;
position: absolute;
margin-left: 25px;
left: 0;
}
#social-icons .inner {
float: left;
padding-right: 10px;
}
#social-icons a {
float: left;
margin: 3px;
line-height: 1;
}
.search-box{
overflow:visible;
}
#search-box {
position: absolute;
z-index: 10;
/* margin-left: 30px; */
left: -170px;
transition:opacity .3s;
opacity:0;
background-color:rgba(0,0,0,0.8);
padding:5px 10px;
visability:hidden;
}
.icon-menu .search-box{
overflow:visible;
}
.icon-menu .search-box.opened #search-box{
opacity:1;
visability:visible;
}
#search-box form,
#search-box fieldset {
margin: 0;
padding: 0;
}
#search-box legend {
display: none;
}
#search-box input[type=text] {
background: none;
filter: none;
border: none;
margin: 0;
padding: 0;
color: #ddd;
width: 130px;
height: 25px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#search-box input[type=text]:focus {
color: #fff;
outline: none;
}
/* DEFAULTS */
#slideshow {
background: #12456f !important;
}
#container {
top: 189px;
}
/* Variante für Lightbox Content */
.lb_content #container {
top: 358px;
padding-top: 20px;
}
.lb_content #slideshow .shadow-up {
bottom: 0;
}
#slideshow {
overflow: hidden;
width: 100%;
background: #12456f url(/css/files/bg-slider.png) repeat-x center top;
}
#slideshow .shadow-up {
display:none;
position: absolute;
width: 918px;
height: 20px;
bottom: 169px;
left: 50%;
margin-left: -459px;
background: url(/css/files/shadow-up.png) no-repeat; z-index:1;
}
/* PAGE TITLE */
#slideshow .page-title {
line-height: 1;
padding: 12px 20px 12px 10000px;
margin: 0 0 0 -10000px;
color: #fff;
float: left;
position: relative;
left: 0px;
top: 144px;
width: 920px;
font-size: 22px;
font-weight: bold;
color: #eeeeee;
background: rgba(0,0,0,0.4);
color: rgba(255,255,255,0.7);
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
/* FULL SLIDER */
body.full-slider #slideshow {
height:850px;
}
body.full-slider #container {
top:680px;
}
.plusSlider {
left:50%;
}
.plusSlider-controls a {
background: #803333;
}
.plusSlider .titles {
position: absolute;
top: 300px;
right: 50%;
width: 940px;
margin-right: -470px;
}
.plusSlider .titles h2 {
background: rgba(0,0,0,0.8);
line-height: 1;
padding: 10px 10000px 13px 20px;
margin: 0 -10000px 0 0;
color: #fff;
text-transform: uppercase;
float: right;
position: relative;
left:600px;
}
.plusSlider .titles h2 a {
color:#fff;
}
.plusSlider h2.first-title {
font-size: 36px;
font-weight: 700;
margin-bottom:10px;
}
.plusSlider h2.second-title {
font-size: 26px;
font-weight: 400;
}
.plusSlider .description {
width: 300px;
float: right;
text-align: right;
margin-top: 20px;
}
.plusSlider .description span {
background: rgba(0,0,0,0.8);
line-height: 1.9;
font-size: 12px;
padding: 3px 0px;
color: #fff;
}
/* PARALLAX SLIDER */
body.parallax_slider #slideshow {
height:850px;
}
body.parallax_slider #container {
top: 680px;
}
/* ANYTHING SLIDER */
body.anything_slider #slideshow {
height: 850px;
}
body.anything_slider #container {
top: 680px;
}
.anythingSlider .slide-item {
width: 940px !important;
margin: 150px auto 0 auto !important;
}
.anythingSlider .slide-item img {
border: 1px solid #fff;
}
.anythingSlider .slide-item .details {
width: 400px;
}
.anythingSlider .slide-item.slide3 .details {
width: 440px;
}
.anythingSlider .slide-item h2 {
font-size: 36px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-bottom: 35px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.anythingSlider .slide-item p {
font-size: 16px;
color: #eee;
}
.anythingSlider .slide-item .big-button {
margin-top: 20px;
color: #2a2a2a;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.anythingSlider .slide-item .video-container {
float: left;
width: 475px;
height: 350px;
border: 4px solid #fff;
margin-top:20px; -webkit-box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; box-shadow:0 0 4px #000;
}
.anythingSlider .slide-item .thumbs {margin:0;
}
.anythingSlider .slide-item .thumbs li {float:left; margin-right:20px; margin-bottom:20px;
}
.anythingSlider .slide-item .thumbs li a img { border:1px solid #ccc; padding:4px; background-color:#fff; -webkit-box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; box-shadow:0 0 4px #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}
.anythingSlider .slide-item .thumbs li a:hover img { border:1px solid #ffd700; padding:4px; background-color:#ffaf00; -webkit-box-shadow:0 0 4px #ffaf00; -moz-box-shadow:0 0 4px #ffaf00; box-shadow:0 0 4px #ffaf00;
}
/* Side-Pics*/
.side_pics {
margin-top: 19px;
}
.side_pics ul {
margin: 0;
padding: 0;
}
.side_pics ul li {
margin: 0;
padding: 0;
float: left;
}
.side_pics ul li a {
width: 100px;
height: 100px;
margin-right: 8px;
margin-bottom: 8px;
display: block;
border: 1px solid #fff;
}
.side_pics ul li a.last {
margin-right: 0;
}
.side_pics ul.sidecol_big li a {
width: 218px;
height: 218px;
margin-right: 0;
margin-bottom: 8px;
display: block;
border: 1px solid #fff;
}
.side_pics h3 {
margin-left: 0;
}
/* Portfolio showcase */
body.portfolio_showcase #slideshow{ height:850px;}
body.portfolio_showcase #container {top:680px;}
/* INTERACTIVE CONTENT */
body.interactive_content #slideshow { height:850px;}
body.interactive_content #container {top:680px;}
body.interactive_content .ic-container { width:1130px; left:50%; margin-top:200px; margin-left:-565px; min-height:420px; position:relative;}
/* KEN BURNS SLIDER */
.flex-slider .ns-container {
width: 940px;
left: 50%;
margin-top: 150px;
margin-left: -550px;
position: relative;
padding: 0 80px;
/* background:url(/css/files/slider-shadow.png) no-repeat center bottom; */
}
.flex-slider .flexslider {
width: 940px;
height: 400px;
border: none;
}
.flex-slider .flexslider .flex-direction-nav li a {
position: absolute;
top: 80px;
cursor: pointer;
background: url(/css/files/plus-sprite.png) no-repeat;
display: block;
height: 32px;
width: 32px;
z-index: 200;
text-indent: -9999px;
}
.flex-slider .flexslider .flex-direction-nav li a.next {
right: -32px;
background-position: -32px -32px;
top: 50%;
transform:translate(0,-50%);
}
.flex-slider .flexslider .flex-direction-nav li a.prev {
background-position: 0 -32px;
left: -32px;
top: 50%;
transform:translate(0,-50%);
}
.flex-slider .flexslider .flex-direction-nav li a.prev:hover {
background-position: 0 0;
}
.flex-slider .flexslider .flex-direction-nav li a.next:hover {
background-position: -32px 0;
}
.flex-slider .flexslider .flex-control-nav {
bottom: 5px !important;
text-align: center;
z-index: 200;
}
.flex-slider .flexslider .flex-control-nav li a {
z-index: 210;
position: relative;
z-index: 9;
cursor: pointer;
display: block;
float: left;
height: 10px;
margin: 0 8px 0 0;
width: 10px;
background: rgba(0, 0, 0, 0.4);
text-indent: -9999px;
font-size: 0;
outline: 0 none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.flex-slider .flexslider .flex-control-nav li a:hover,
.flex-slider .flexslider .flex-control-nav li a.active {
background: rgba(0, 0, 0, 0.9);
}
/* NIVO SLIDER */
.nivo-slider #slideshow {
height: 770px;
}
.nivo-slider #container {
top: 600px;
}
.nivo-slider .ns-container {
width: 940px;
left: 50%;
margin-top: 150px;
margin-left: -550px;
min-height: 350px;
position: relative;
padding: 0 80px 20px;
background:url(/css/files/slider-shadow.png) no-repeat center bottom;
}
/* WOW SLIDER */
.wow-slider #slideshow {
height: 770px;
}
.wow-slider #container {
top: 600px;
}
.wow-slider .ws-container {
width: 940px;
left: 50%;
margin-top: 150px;
margin-left: -550px;
min-height: 350px;
position: relative;
padding: 0 80px 20px;
background:url(/css/files/slider-shadow.png) no-repeat center bottom;
}
#wowslider-container .ws-title {
font-family: Tinet !important;
}
a.dummy {
cursor: default;
}
.pattern-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 299;
height: 100%;
width: 100%;
background: url(/css/files/ptn-overlay.png);
}
#video-header-wrapper {
background-color: #12456f;
position: relative;
z-index: 0;
overflow:hidden;
}
#video-header:hover {
cursor: pointer;
}
.header-banner #slideshow .page-title {
top: 354px;
}
/* CONTACT MAP */
body.contact-page #slideshow {
height:650px;
}
body.contact-page #container {
top:480px;
}
body.contact-page #hidden_map {
height:100%;
}
/* SLIDERS FROM THE SLIDESHOW DIV */
#swappers {
height: 50px;
width: 940px;
margin-left: -470px;
position: absolute;
bottom: 0;
left: 50%;
z-index:300;
}
.swapper {
float: left;
width: 260px;
height: 230px;
margin-left:20px; top:0px; position:relative; padding:0 20px; color:#fff;
transition:transform .5s;
}
.swapper:hover{
transform:translate(0,-80%);
}
#swappers > div.swapper:first-child {
margin-left:0;
}
.swapper .indicator {
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
background: url(/css/files/swapper-indicator.png) no-repeat center bottom;
}
.swapper .bgr {
background-color: #000;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:-1;
}
.swapper p {
opacity: 0.5;
filter:alpha(opacity=50);
}
.swapper h3 {
font-weight: normal;
font: 22px/2.4 Tinet,Tahoma,sans-serif;
border-bottom: 1px solid #5a5a5a;
text-shadow: 1px 1px 0 #383838;
text-transform: uppercase;
color:#fff;
}
#container {
min-height: 300px;
width: 100%;
background: #e4e0d3 url(/css/files/bg.jpg) repeat;
}
.intro-text {
color: #12456f;
font-size: 22px;
text-transform: uppercase;
text-align: center;
margin: 30px 0;
text-shadow: 0px 1px 0 rgba(0,0,0,0.2), 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
/* MENU CHASER STYLES */
.forchaser {
height: 2px;
display: block;
position: relative;
}
.chaser {
background: #565656;
background: rgba(0,0,0,0.75);
padding: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.chaser ul.menu {
float: none;
display: block;
margin: 0 auto;
padding: 0 40px;
max-width: 960px;
}
.chaser ul.menu > li {
float: left;
display: inline;
}
.chaser ul.menu li a {
color: #ddd;
}
.chaser ul.menu li a:hover {
color: #fff;
}
.chaser ul.menu li ul {
background:rgba(0,0,0,0.75);
width: 15em !important;
}
.chaser ul.menu li ul li a {
font-size: 11px;
}
.chaser ul.menu li ul li a span {
display: block;
padding-top: 3px;
font-size: 10px;
color: #aaa;
}
.browserIE.browserIE7 .chaser {position:absolute; top:expression(documentElement.scrollTop);}
.bg-transparent {
height:175px; width:100%; position:absolute; top:0; left:0; background:url(/css/files/bg-gradient.png) repeat-x 0 0; z-index:-1;}
.features .item {
margin-bottom: 35px;
}
.features .item h3 {
font-size: 20px;
line-height: 1;
color: #803333;
text-transform:uppercase;
}
.features .item img {
float: left;
margin: 5px 15px 10px 0;
opacity:. 3;
filter: alpha(opacity=30);
}
.maintop .item {
margin-bottom: 35px;
position:relative;
}
.maintop .item .under-shadow {
width: 300px;
height: 7px;
background: url(/css/files/image_shadows/shadow_300.png) no-repeat;
}
.maintop .grid_6 .item .under-shadow {
width: 470px;
background-size: cover;
opacity: 0.8;
}
.maintop .item h3 {
font-size: 16px;
line-height: 1;
color:#803333;
padding: 5px 10px 0;
margin-bottom: 10px;
}
.maintop .item p {
padding: 0 10px;
}
.maintop .item .small-button {
margin-left: 10px;
}
h3.title-square {
background: url(/css/files/bg_title.jpg) -20px 0 !important;
padding: 5px 10px;
color: #12456F;
font-size: 22px;
line-height: 1;
text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
display: inline-block;
}
.projects {
background: url(/css/files/trenner.png) no-repeat top center;
padding-top: 20px;
margin-top: 10px;
}
.projects.recent {
padding-top: 35px;
position: relative;
z-index:3;
}
.projects .items {
margin: 0;
padding: 0;
}
.projects .items li {
margin-bottom: 20px;
float: left;
margin-right: 20px;
position: relative;
width: 220px;
}
.projects .items li.last {
margin-right: 0;
}
.projects.recent .items li {
margin-bottom: 35px;
}
.projects.recent .items li:first-child {
font-size: 11px;
line-height: 1.4;
text-shadow: 1px 1px 0 rgba(255,255,255,0.7)
}
.projects .items li img {
position: relative;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 997;
border: 1px solid #12456F;
}
.projects .items li:hover img {
z-index: 999;
filter: alpha(opacity=100);
opacity: 1;
border: 1px solid #fff;
}
.projects .items li .details {
position: absolute;
left: -10px;
top: -10px;
padding: 190px 10px 20px;
width: 220px;
display: none;
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
z-index:998;
}
.projects .items li .details h4 {
font: 14px;
margin-bottom: 15px;
}
.projects .items li .details p {
padding: 0;
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.projects .items li .details .small-button {
margin-top: 10px;
}
.projects .items li:hover .details {
display: block;
}
.projects #portfolio-tabs .tab_container {
overflow: visible;
border: none;
}
.projects #portfolio-tabs .tab_content {
padding: 0;
}
.projects #portfolio-tabs ul.tabs {
float: right;
list-style: none;
height: 32px;
border: none;
width: auto;
margin: -55px -10000px 0 0;
padding: 0 10000px 0 0;
background:rgba(0,0,0,0.1)
}
.projects #portfolio-tabs ul.tabs li {
border: 0 !important;
background: none !important;
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
}
.projects #portfolio-tabs ul.tabs li a {
border: none;
color: #454545;
display: block;
padding: 0 20px;
}
.projects #portfolio-tabs ul.tabs li a:hover,
.projects #portfolio-tabs ul.tabs li.active a,
.projects #portfolio-tabs ul.tabs li.active a:hover {
background: rgba(0,0,0,0.6);
color: #eee;
border: none !important;
}
.mainbottom {
background: url(/css/files/bg_bottom.jpg);
position: relative;
z-index: 2;
text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
padding: 0 0 35px;
}
.mainbottom .mb_shadow {
border-top: 1px solid #fff;
height: 35px;
background: url(/css/files/shadow-down.png) no-repeat top center;
}
.latest_posts .post {
margin-bottom: 15px;
padding-bottom: 0;
}
.latest_posts .post.last {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.latest_posts .post h5 {
font-size: 16px;
padding-bottom: 5px;
font-style: normal;
margin-bottom: 0;
}
.latest_posts .post p {
margin-bottom: 0px;
}
.latest_posts .details {
font-size: 11px;
padding-top: 5px;
color: #777;
}
.latest_posts .view_all {
color: #777777;
margin-top: 8px;
margin-left: 10px;
}
.latest_posts .view_all:hover {
color: #444;
}
#flickr_container li {
float: left;
margin: 0 14px 18px 0;
}
#flickr_container li.last {
margin-right:0;
}
#flickr_container a img {
width: 57px;
height: 57px;
border: 1px solid #fff;
}
#flickr_container a img:hover {
border: 1px solid #803333;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.bottom {
background: #181818 url(/css/files/bg_footer.jpg);
border-top: 5px solid #fff;
position: relative;
z-index: 2;
padding: 35px 0;
color:#919090;
}
.bottom .shadow-up {
position: absolute;
width: 918px;
height: 20px;
top: -25px;
left: 50%;
margin-left: -459px;
background: url(/css/files/shadow-up.png) no-repeat;
z-index: 1;
opacity: 0.5;
}
.bottom .menu li a {
padding-left: 15px;
background: url(/css/files/bullet-list_footer.gif) no-repeat 0 -3px;
}
.bottom .menu li a:hover {
background: url(/css/files/bullet-list_footer.gif) no-repeat 0 -53px;
}
.bottom a,
a.weather-frame {
color: #cbcbcb !important;
}
.bottom a:hover,
a.weather-frame:hover {
color: #fff !important;
}
.bottom h3.title {
font:13px/1 'Tinet', arial, serif;
color: #fff;
}
.map_link {
background:url(/css/files/map_pin_stroke_12x12.png) no-repeat left center;
padding-left: 15px;
}
/* TESTIMONIALS */
#facebook {
font: 13px/1 'Tinet', arial, serif;
color: #fff;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #505050;
}
#facebook a {
}
#facebook img {
height: 20px;
width: auto;
margin-right: 15px;
position: relative;
top: -4px;
}
#testimonials {
overflow: hidden;
width: 220px;
height: 180px;
position: relative;
zoom: 1;
}
#testimonials .slides {
list-style: none;
padding: 0;
margin: 0;
zoom: 1;
}
#testimonials .slides li {
position: relative;
width: 220px;
height: 180px;
display: none;
}
#testimonials blockquote {
border-left: none;
padding-left: 0;
}
#testimonials blockquote p {
color: #8f8f8f;
background: #262626;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #333;
padding: 7px 10px;
margin: 0;
font-size: 12px;
line-height: 1.6;
}
#testimonials blockquote h6 {
font:13px/1 Tinet,Tahoma,sans-serif;
color: #a1a1a1;
padding-bottom: 12px;
text-shadow: 1px 1px 0 #030303;
display: block;
background: url(/css/files/bg-testimonals-pin.png) no-repeat right bottom;
text-transform: uppercase; margin:0;
}
/* NEWSLETTER */
.bottom #newsletter-form p,
.bottom #newsletter-form .form-group {
position: relative;
margin-bottom: 10px;
}
.bottom #newsletter-form #yform-formular-company {
display: none;
}
.bottom .xform ul.form_warning li {
color: #f55656 !important;
}
.bottom #newsletter-form label {
display: none;
position: absolute;
left: 7px;
top: 5px;
font-size: 11px;
color: #ccc;
}
.bottom #newsletter-form p.formcaptcha {
width: 182px;
}
.bottom #newsletter-form label.captcha {
display: none;
}
.bottom #newsletter-form span.equal {
padding-left: 15px;
color: #ccc;
font-size: 110%;
}
.bottom #newsletter-form input[type=text] {
border: 1px solid #151515;
background: #262626;
width: 170px;
padding: 5px;
height: 16px;
font-size: 12px;
color: #777;
border: 1px solid #333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3) inset;
filter:none;
}
.bottom #newsletter-form input.captcha {
width: 30px;
float: right;
}
.bottom #newsletter-form input[type=text]:focus {
border: 1px solid #363636;
}
.bottom #newsletter-form input[type=submit],
.bottom #newsletter-form button.btn {
color: #ccc;
height: 23px;
line-height: 21px;
border: 1px solid #424242;
cursor: pointer;
font-size: 12px;
opacity: 0.7;
text-transform: none;
padding: 0 15px 2px;
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #454545;
background: -moz-linear-gradient(top, #454545 0%, #353535 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#353535));
background: -webkit-linear-gradient(top, #454545 0%,#353535 100%);
background: -o-linear-gradient(top, #454545 0%,#353535 100%);
background: -ms-linear-gradient(top, #454545 0%,#353535 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#353535',GradientType=0 );
background: linear-gradient(top, #454545 0%,#353535 100%);
}
.bottom #newsletter-form input[type=submit]:active,
.bottom #newsletter-form button.btn:active {
background: #353535;
background: -moz-linear-gradient(top, #353535 0%, #454545 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#454545));
background: -webkit-linear-gradient(top, #353535 0%,#454545 100%);
background: -o-linear-gradient(top, #353535 0%,#454545 100%);
background: -ms-linear-gradient(top, #353535 0%,#454545 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#454545',GradientType=0 );
background: linear-gradient(top, #353535 0%,#454545 100%);
}
.bottom #newsletter-form:hover input[type=submit],
.bottom #newsletter-form input[type=submit]:hover,
.bottom #newsletter-form button.btn:hover {
opacity:1;
}
.bottom .browserChrome #newsletter-form input[type=submit] {
padding-top:4px;
}
.bottom .form-success {
padding: 10px;
width: 160px;
color: #333;
border: 1px solid #fff;
line-height: 1.5em;
background: #9cea8f;
}
.footer {
background: #181818 url(/css/files/bg_footer.jpg) left bottom;
color: #919090;
z-index: 2;
font-size: 90%;
}
.footer .grid_9,
.footer .grid_3 {
height: 30px;
line-height: 30px;
}
.copyright-text {
width: 240px;
display: block;
float: left;
}
.footer_time {
width: 60px;
display: block;
float: left;
padding-left: 20px;
background: url(/css/files/clock.png) no-repeat left center;
}
.weather {
display: block;
float: left;
width: 300px;
}
.weather_box {
display: block;
float: left;
margin-top: 3px;
margin-right: 8px;
width: 22px;
height: 22px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.weather_icon {
width: 22px;
height: 22px;
}
.weather_short {
display: block;
float: left;
width: 90px;
}
.footer_weather {
display: block;
float: left;
width: 380px;
}
.footer_weather img {
width: 26px;
height: 26px;
margin-right: 10px;
}
.footer_weather a {
color: #cbcbcb !important;
}
.footer_weather a:hover {
color: #fff !important;
}
.twitter-wrapper {
background: #242424 url(/css/files/bg_footer_dark.jpg) left bottom;
padding: 10px 0;
}
.footer .lang {
float: right;
}
.lang span {
float: left;
}
ul.flags {
float: left;
display: inline;
}
ul.flags li {
display: inline;
}
ul.flags li a {
position: relative;
top: 8px;
float: left;
display: block;
width: 20px;
height: 12px;
margin-left: 10px;
border: 1px solid #332f2c;
}
ul.flags li a:hover {
border: 1px solid #fff;
}
ul.flags li a#flag_de {
background: url(/css/files/flag_de.png) no-repeat center center;
}
ul.flags li a#flag_en {
background: url(/css/files/flag_en.png) no-repeat center center;
}
ul.flags li a#flag_no {
background: url(/css/files/flag_no.png) no-repeat center center;
}
#home_lang {
position: absolute;
top: 105px;
left: 50%;
margin-left: -465px;
z-index: 10;
}
.gmp {
margin: 10px 0 20px;
background: white;
padding: 4px;
border: 1px solid #AAA;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.hidden-map-wrapper {
position: relative;
height:0;
transition:height .3s;
overflow:hidden;
}
.hidden-map-wrapper.opened{
height:401px;
}
#hidden_map {
width: 100%;
height:401px;
}
.shadow-top {
width: 100%;
height: 17px;
background: url(/css/files/map-shadows.png) repeat-x center top;
position: absolute;
top: 0;
left: 0;
z-index:2;
}
.shadow-bottom {
width: 100%;
height: 17px;
background: url(/css/files/map-shadows.png) repeat-x center bottom;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
.close-map {
position: absolute;
top: 0;
right: 110px;
width: 50px;
height: 50px;
background: url(/css/files/closeMap.png) no-repeat center top;
cursor: pointer;
z-index: 2;
}
.close-map:hover {
background: url(/css/files/closeMap.png) no-repeat center bottom;
}
#top-link {
display: none;
width: 90px;
background: url(/css/files/totop-arrow.png) left center no-repeat #181818;
color: #ddd;
font-size: 11px;
text-decoration: none;
padding: 6px 6px 6px 25px;
position: fixed;
right: -100px;
bottom: 100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
*height: 1.5%;
z-index: 1001;
border: 1px solid #e2e2e2;
font: 11px/1 Tinet,Arial,sans-serif;
text-transform:uppercase;
}
#top-link:hover {
background-color: #000;
color: #fff;
border: 1px solid #FFF;
}
/* SIDEBAR */
h2.sheet {
background: url(/css/files/zettel_top.png);
padding: 29px 15px 0;
line-height: 80px;
margin: 0;
}
#sidebar {
background: url(/css/files/zettel.png);
padding: 0 15px;
}
#sidebar_end {
background: url(/css/files/zettel_bottom.png);
margin-bottom: 20px;
height: 10px;
}
#sidebar p {
margin: 0;
}
#sidebar .sideblock {
margin-bottom: 25px;
}
#sidebar .sideblock.last {
margin-bottom: 0;
}
#sidebar b {
font-weight: bold;
color: #12456F;
}
#sidebar h3 {
font-size: 16px;
padding-top: 15px;
margin-bottom: 5px;
color: #12456F;
}
#sidebar h4 {
font-size: 14px;
padding-top: 15px;
margin-bottom: 5px;
color: #12456F;
}
#sidebar ul.tourinfo li,
.small_sheet li {
padding-left: 15px;
list-style: none;
background: url(/css/files/bullet-list_03.png) no-repeat 0 0;
line-height:20px;
}
#sidenav {
padding: 0 15px;
}
#sidenav ul.menu,
#tour_infobox ul {
margin: 0 0 30px;
padding-bottom: 0;
border-bottom: 1px solid #cccabe;
}
#sidenav ul.menu ul,
#tour_infobox ul ul {
margin:0 0 0 20px;
}
#sidenav ul.menu li a,
#tour_infobox ul li a {
display: block;
border-top: 1px solid #cccabe;
padding: 4px 0 4px 13px;
background-image: url(/css/files/sidenav-bullet.png);
background-repeat: no-repeat;
background-position: left center;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
color: #555555;
}
#sidenav ul.menu li a:hover,
#tour_infobox ul li a:hover {
text-decoration: none;
}
#sidenav ul.menu li:hover,
#sidenav ul.menu li.active,
#tour_infobox ul li:hover,
#tour_infobox ul li.active {
background: #dcd5c7 url(/css/files/bg_tab.png);
}
.button_sidecol {
padding: 10px 0 30px;
margin-bottom: 10px;
}
.button_sidecol h3 {
text-align: center;
margin-bottom: 10px;
}
.button_sidecol p {
font-size: 95%;
margin-bottom: 8px;
text-align: center;
}
.button_sidecol .small-button {
width: 194px;
margin-bottom: 8px;
text-align: center;
font-size: 11px;
}
.main_col_video {
padding-bottom: 30px;
}
#tour_infobox h2 {
width: 180px;
font-size: 18px;
padding: 0 20px;
margin-bottom: 0;
color: #12456F;
line-height: 75px;
background: url(/css/files/sticker_small.png) no-repeat;
}
#tour_infobox ul {
padding: 10px;
border-bottom: none;
}
#tour_infobox ul li:first-child a {
border-top: none;
}
.small_sheet p {
padding-bottom: 10px !important;
}
/* EQUATION DIV */
.equation .box {
min-height: 150px;
background: #eee;
margin-bottom: 35px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 15px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
.equation .box:hover {background:#dedede;}
.equation .sign {display: block;font-size: 90px;margin-top: 20px; color:#ccc; text-align:center;}
.equation .box h4 { font:bold 13px/1 Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; }
.breadcrumb {
padding: 20px 0;
color: #333333;
font-size:90%;
}
#current-date {
float: right;
padding: 20px 0;
color: #333333;
font-size: 90%;
}
/* MAIN CONTENT */
.main-content {margin-bottom:35px;}
h1.title { color:#12456f; margin-top:10px; margin-bottom:25px; }
/* ABOUT US COLUMNS */
.main-content .columns {float:left; width:325px;}
.main-content .columns.rightmargin {margin-right:50px;}
.main-content strong {font-weight:bold;}
.quotes {margin-top:40px; position:relative}
.quotes blockquote { margin-bottom: 40px; padding: 0 0 0 70px; position: relative; width: 90%; }
.quotes blockquote p { color: #444444; font-size: 18px; font-style: italic; margin: 0; }
blockquote { quotes:none;}
.quotes blockquote:before { color: #DDDDDD; content: "“"; display: block; font-size: 140px; font-family: Georgia, "Times New Roman", Times, serif; left: -10px; position: absolute; top: 40px; z-index: 3; }
.years .year {position:relative; padding-bottom:60px; margin-bottom:40px; }
.years .year.fromleft {padding-left:130px; background:url(/css/files/historic_fromleft.png) no-repeat left bottom;}
.years .year.fromright {padding-right:130px; background:url(/css/files/historic_fromright.png) no-repeat right bottom;}
.years .year .date {position:absolute; top:0; padding:6px 0; text-align:center; width:100px; font-size:16px; font-weight:bold; background:#ccc; color:#454545; text-shadow:0 1px 0 #fff; border-bottom:1px solid #999999; }
.years .year.fromleft .date {left:0;}
.years .year.fromright .date {right:0;}
.years .year.last {background:none; padding-bottom:0;}
ul.clients {margin-bottom:30px; padding:0; list-style:none;}
ul.clients li {margin-left:10px; margin-bottom:10px; float:left;}
ul.clients li:first-child {margin-left:0px;}
ul.clients li img {border:5px solid #fff; -webkit-box-shadow:0 0 2px #aaa; -moz-box-shadow:0 0 2px #aaa; box-shadow:0 0 2px #aaa;}
ul.clients li img:hover {-webkit-box-shadow:0 0 4px #aaa; -moz-box-shadow:0 0 4px #aaa; box-shadow:0 0 4px #aaa;}
.executives {margin-bottom:35px;}
.executives span {display:block;}
.executives .name {font:14px/1.4 'Tinet', arial, serif; padding-top:10px; text-transform:uppercase; color:#803333; }
.executives .function {font:12px/1.4 'Tinet', arial, serif; padding-bottom: 15px; color:#999;}
.executives p, .executives ul li {font-size:11px; color:#454545;}
.core_team {margin-bottom:35px;}
.core_team img.member {border:1px solid #bbb;}
.core_team img.member:hover {-webkit-box-shadow:0 0 2px #aaa; -moz-box-shadow:0 0 2px #aaa; box-shadow:0 0 2px #aaa;}
.core_team span {display:block;}
.core_team .name {font:14px/1 'Tinet', arial, serif; padding: 10px 0 15px; text-transform:uppercase;}
.core_team .function {font:12px/1.4 'Tinet', arial, serif; padding-bottom: 15px; color:#999;}
/* CAREERS */
.career {border-bottom:1px solid #ccc;}
/* PRODUCT PAGE */
.order_button {
padding-top: 15px;
padding-bottom: 20px;
}
h2.product-title {
font-size: 1.6em;
margin-right: 0 !important;
margin-bottom: 25px !important;
}
table.products th {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
font-size: 13px;
border-top: 1px solid #9aa5a6;
text-align: center;
line-height: 30px;
background: url(/css/files/bg_transp_title.png) 0 0 !important;
font-size: 0.9em;
}
table.products td {
background: url(/css/files/bg_transp.png) 0 0 !important;
}
table.products .right {
text-align: right !important;
}
table.booking th {
border-top: 1px solid #9aa5a6;
text-align: center;
line-height: 30px;
background: url(/css/files/bg_title.jpg) !important;
font-size: 0.9em;
}
table.booking td {
background: url(/css/files/bg_transp.png) 0 0 !important;
}
table.products_distance {
border-top: 1px solid #bbb;
font-size: 1em;
margin: 20px 0 30px;
}
table.products_distance th,
table.products_distance td {
border-bottom: 1px solid #bbb;
}
table.subproducts td {
padding: 10px 20px;
background: url(/css/files/bg_transp.png) 0 0 !important;
}
table.products td.right {
text-align: right;
}
table.subproducts .indent {
float: right;
width: 630px;
display: block;
left: 30px;
}
table.booking th.bookhead {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
font-size: 13px;
font-weight: bold;
}
.product_question {
font-size: 1.4em;
margin-top: 25px;
margin-bottom: 15px;
}
.product_list {
padding: 0;
margin-bottom: 30px;
border-bottom: 1px dotted #9AA5A6;
}
.product_list li:hover {
background: url(/css/files/bg_transp.png) 0 0 !important;
}
.product_list li a {
display: block;
font-size: 120%;
list-style: none;
background: url(/css/files/bullet-list-link.png) no-repeat 10px 13px;
height: 50px;
line-height: 50px;
padding-left: 40px;
color: #12456F;
border-top: 1px dotted #9aa5a6;
}
.product_list li a:hover {
background: url(/css/files/bullet-list-link.png) no-repeat 10px -287px;
color: #803333;
text-decoration: none;
}
.product_success {
color: #063E5B;
}
.product_success dl {
padding-bottom: 20px;
float: left;
width: 700px;
}
.product_success dt {
width: 100px;
font-weight: bold;
float: left;
}
.product_success dd {
width: 600px;
float: left;
}
.product-gallery {
border: 1px solid #EAEAEA;
width: 100%;
min-height:300px;
padding-bottom: 10px;
}
.product-gallery .big_image {
width: 100%;
text-align:center;
}
.product-gallery ul.thumbs {
padding: 10px 0 0 10px;
}
.product-gallery ul.thumbs li {
float: left;
margin-left: 10px;
}
.product-gallery ul.thumbs li:first-child {
margin-left: 0;
}
.product-gallery ul.thumbs li img {
border: 1px solid #EAEAEA;
padding: 2px;
}
.product-gallery ul.thumbs li img:hover {
border: 1px solid #EEE;
}
.product-page {
width: 700px;
float: left;
margin-bottom: 10px;
clear: both;
}
.product-page .main-data {
font-size: 11px;
color: #454545;
}
.product-page .main-data .name {font-size:32px; color:#111;
}
.product-page .main-data .regular_price span {text-decoration: line-through;
}
.product-page .main-data .price span {font-size:36px; font-weight:bold; line-height:1;
}
.product-page .main-data .price .to_wishlist { float:right; line-height:3; margin-right: 30px;
}
.to_cart .quantitiy {float:left; width:50px;
}
.to_cart .quantitiy label {font-size:11px; display:block;
}
.to_cart .quantitiy #qty {min-width:50px; padding:5px; }
.to_cart .addtocart {float:right; margin-right:30px; font:18px/2 Tinet,Tahoma,sans-serif; background:#803333; color:#fff; padding:0 20px; margin-top:10px; }
.to_cart .addtocart:hover {background:#111;}
.steps {
padding: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: url(/css/files/bg_bottom.jpg);
line-height: 50px;
margin-bottom: 30px;
}
.steps h2 {
line-height: 50px;
margin: 0;
}
.step1 h2 {
background: url(/css/files/steps.png) right 5px no-repeat;
}
.step2 h2 {
background: url(/css/files/steps.png) right -48px no-repeat;
}
.step3 h2 {
background: url(/css/files/steps.png) right -98px no-repeat;
}
.step4 h2 {
background: url(/css/files/steps.png) right -145px no-repeat;
}
.step4 h2 {
background: url(/css/files/steps.png) right -195px no-repeat;
}
#bookform {
padding: 25px 0 20px;
}
#buchungsform {
margin-bottom: 40px;
}
#buchungsform p.final .medium-button {
margin-left: 0;
margin-right: 10px;
}
h5.book_persons,
h5.book_date {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: bold;
}
h5.book_date {
margin-bottom: 0px;
}
#list_start {
padding: 25px 0 0;
margin-bottom: 20px;
border-bottom: 1px dotted #9AA5A6;
}
/* PORTFOLIO CATEGORY */
.project {
margin-bottom: 35px;
padding-bottom: 35px;
background: url(/css/files/trenner.png) no-repeat left bottom;
}
.project h3 {
font: 18px/1.4 'Tinet', arial, serif;
padding-top: 10px;
color: #063E5B;
text-transform: uppercase;
}
.project .images-carousel {
height: 220px;
overflow:hidden;
outline: 2px solid rgba(0, 0, 0, 0.2);
-moz-transition: outline 250ms ease-in;
-webkit-transition: outline 250ms ease-in;
-o-transition: outline 250ms ease-in;
transition: outline 250ms ease-in;
}
.project .images-carousel:hover {
outline: 6px solid rgba(77, 75, 67, 0.4);
}
.project .images-carousel .viewport {
float: left;
width: 300px;
height: 220px;
overflow: hidden;
position: relative;
}
.project .images-carousel .buttons-container {
width: 65px;
height: 32px;
position: absolute;
left: 50%;
margin-left: -33px;
bottom: 14px;
}
.project .images-carousel .buttons {
background: url("/css/files/plus-sprite.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
height: 32px;
text-indent: -9999px;
width: 32px;
float:left;
}
.project .images-carousel .prev {
background-position: 0 -32px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
.project .images-carousel .prev:hover {
background-position: 0 0;
}
.project .images-carousel .next {
margin-left: 1px;
background-position: -32px -32px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.project .images-carousel .next:hover{
background-position: -32px 0;
}
.project .images-carousel .disable {
opacity: 0.5;
filter:alpha(opacity=50)
}
.project .images-carousel .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
.project .images-carousel .overview li {
float: left;
height: 220px;
width: 300px;
}
/* PORTFOLIO PAGE */
.project-page .portfolio-nav {
float: right;
margin: -55px -10000px 0 0;
padding: 0 10000px 0 0;
background: rgba(0,0,0,0.1)
}
.project-page .portfolio-nav li {
border-right: 1px solid #ccc;
float:left;
}
.project-page .portfolio-nav li a {
border: none;
color: #454545;
width: 30px;
height:30px; display:block; text-indent:-9999px; background:url(/css/files/portfolio-nav.png) no-repeat;
}
.project-page .portfolio-nav li a:hover {
background-color: #222;
background-color: rgba(0,0,0,0.6);
color: #eee;
}
.project-page .portfolio-nav li .portfolio-list {background-position:0 0;}
.project-page .portfolio-nav li .portfolio-prev {background-position:-30px 0;}
.project-page .portfolio-nav li .portfolio-next {background-position:-60px 0;}
/* KEN BURNS GALLERY */
.kb_wrapper {
padding-bottom: 17px;
background: url(/css/files/shadow_kenburns.png) center bottom no-repeat;
}
.peKenBurns {
width: 698px;
height: 450px;
border: 1px solid #aaa;
}
/* set border size to 0px */
.peKenBurns .peKb_slides {
padding: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
}
/* set controls margins to 0px */
.peKenBurns .peKb_controlsInner .peKb_holder{
margin: 0px !important;
background: url(/css/files/bg_controls_kenburns.jpg) left bottom repeat !important;
border-top: 1px solid #aaa;
}
.peKenBurns .peKb_slides .peKb_caption .peKb_real {
padding: 10px 30px !important;
}
.peKenBurns .peKb_slides .peKb_caption .peKb_real h3 {
font-weight: normal !important;
font-size: 13px !important;
}
/* +++++++++ PORTFOLIO CATEGORY +++++++++++++++++++++++++++ */
/* PORTFOLIO */
.hg-portfolio .page-title {
margin-bottom: 30px;
}
.hg-portfolio .category-desc {
margin-bottom: 30px;
}
.hg-portfolio .items-row .separator {
margin-top:20px;
margin-left: 20px;
}
.hg-portfolio .title {
font-size:26px;
}
.hg-portfolio .title a {
text-decoration: none;
}
.hg-portfolio .items-row.cols-3 .title {
font-size: 20px;
line-height: 1.5;
}
.hg-portfolio .item + .hrsep {
display:none;
}
.hg-portfolio.pcols1 .ptitems div[class*="col-"]:nth-child(2n),
.hg-portfolio.pcols2 .ptitems div[class*="col-"]:nth-child(4n),
.hg-portfolio.pcols3 .ptitems div[class*="col-"]:nth-child(6n),
.hg-portfolio.pcols4 .ptitems div[class*="col-"]:nth-child(8n) {display:block;}
/* cols 4*/
.img-full {
margin-bottom:20px;
}
.other-images {
margin:20px 0 0 -20px;
padding:0;
list-style:none;
}
.other-images li {
float:left;
margin:0 0 20px 20px;
list-style:none;
}
.other-images li iframe {
padding: 4px;
border: 1px solid #444;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.itemLinks {
margin-top:15px;
}
.hg-portfolio-item .itemSocialSharing > div {float:left; margin-right:30px;}
.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {float:none; padding-left: 25px; width:auto;}
.hg-portfolio-item .text ul.clearfix:after {clear: none; zoom:0; }
/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable .page-title {
margin-bottom: 30px;
}
.hg-portfolio-sortable .category-desc {
margin-bottom: 30px;
}
/* sorting menu */
.hg-portfolio-sortable #sorting {
float:right;
margin:0;
font-size: 11px;
font-weight:bold;
text-transform: uppercase;
padding: 0 15px;
background: url(/css/files/bg_bottom.jpg);
line-height:32px;
height:32px;
color: #595959;
}
.ammon_dark .hg-portfolio-sortable #sorting {
background: #1A191A;
color:#A6A6A6;
}
.hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;}
.hg-portfolio-sortable #sort-direction {margin-right:0 !important;}
.hg-portfolio-sortable #sorting ul li {float:left; margin-left:10px; line-height:1; margin-bottom:0;}
.hg-portfolio-sortable #sorting ul li a {color: #595959; line-height:32px; display:inline-block; font-size:11px; font-weight:bold; text-decoration: none;}
.hg-portfolio-sortable #sorting ul li a:hover,
.hg-portfolio-sortable #sorting ul li a.selected {text-decoration:none; color:#000;}
.hg-portfolio-sortable #sorting .sortTitle {line-height:32px;display:inline-block;vertical-align: top;}
/* categories */
.hg-portfolio-sortable #portfolio-nav {
padding:0;
list-style:none;
float: left;
margin:0 0 35px -5000px;
padding:0px 0 0px 5000px;
background:url(/css/files/bg_bottom.jpg);
}
.hg-portfolio-sortable #portfolio-nav li {float:left;}
.hg-portfolio-sortable #portfolio-nav li:first-child {margin-left:0;}
.hg-portfolio-sortable #portfolio-nav li a { padding:0 20px; line-height: 32px; font-size: 11px; text-transform: uppercase; height: 32px; display: block; color:#444; font-weight: bold; text-decoration: none; }
.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {background:#555; color:#eee;}
/* project list */
.hg-portfolio-sortable ul.project-list {list-style-type: none; -webkit-backface-visibility: hidden; margin:0 -15px; padding: 0; overflow: visible !important;}
.hg-portfolio-sortable ul.project-list:after { width: 100%; display:inline-block; content:''; }
.hg-portfolio-sortable ul.project-list > li { /*font-size:13px; text-align: center; vertical-align: top; display: block; */ float: left;position:relative; }
.hg-portfolio-sortable ul.project-list .inner-item { padding: 0 15px; margin-bottom: 2%;}
.hg-portfolio-sortable ul.project-list[data-columns="1"] > li { width: 100%; margin-bottom: 2%; }
.hg-portfolio-sortable ul.project-list[data-columns="2"] > li { width: 50%; margin-bottom: 2%; }
.hg-portfolio-sortable ul.project-list[data-columns="3"] > li { width: 33.3333%; width: -webkit-calc(100% / 3); width:calc(100% / 3); margin-bottom: 1.9%; }
.hg-portfolio-sortable ul.project-list[data-columns="4"] > li { width: 25%; width: -webkit-calc( (100% - 2px) / 4); width:calc( (100% - 2px) / 4); margin-bottom: 2%; }
.hg-portfolio-sortable ul.project-list[data-columns="5"] > li { width: 20%; width: -webkit-calc(100% / 5); width:calc(100% / 5); margin-bottom: 1.8%; }
.hg-portfolio-sortable ul.project-list[data-columns="6"] > li { width: 16.66666666666667%; width:-webkit-calc(100% / 6); width:calc(100% / 6); margin-bottom: 1.8%; }
.hg-portfolio-sortable ul.project-list h3 {
padding-top: 10px;
padding-left: 2px;
}
.hg-portfolio-sortable ul.project-list h3,
.hg-portfolio-sortable ul.project-list h4,
.hg-portfolio-sortable ul.project-list .desc {
font-size: 12px !important;
line-height: 17px !important;
font-family: "Lucida Sans Unicode";
}
.hg-portfolio-sortable ul.project-list h3 span,
.hg-portfolio-sortable ul.project-list h4 span {
font-size: 18px !important;
font-family: Tinet;
}
.hg-portfolio-sortable ul.project-list h4 {
text-transform: none !important;
}
.hg-portfolio-sortable ul.project-list h4.name {
text-transform: uppercase !important;
}
.hg-portfolio-sortable ul.project-list a h3,
.hg-portfolio-sortable ul.project-list h4 a,
.hg-portfolio-sortable ul.project-list .desc {
color: #282828;
}
.hg-portfolio-sortable ul.project-list a h3 span,
.hg-portfolio-sortable ul.project-list a:hover h3,
.hg-portfolio-sortable ul.project-list a h3 span,
.hg-portfolio-sortable ul.project-list h4 a:hover {
color: #803333 !important;
}
/* the details */
.hg-portfolio-sortable ul.project-list .details {
position: absolute;
left: -15px;
top: -30px;
padding: 175px 15px 5px;
width: 212px;
background: rgba(255, 255, 255, 0.9);
z-index: 1;
margin: 15px;
border: 1px solid #D1D1D1;
border-radius: 3px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
opacity:0;
visibility:hidden;
padding-top: -webkit-calc( 63% + 8px );
padding-top: calc( 63% + 8px );
}
.ammon_dark .hg-portfolio-sortable ul.project-list .details { background: rgba(0,0,0, 0.9);
border: 1px solid #2E2E2E; box-shadow: 0 0 6px rgba(255,255,255, 0.2);
}
.hg-portfolio-sortable ul.project-list img { position: relative; z-index:2; width: 100%; height: auto; }
.hg-portfolio-sortable ul.project-list .title {line-height:1.3; font-size:16px; margin:0 0 10px; color:#222; text-transform:uppercase; }
.hg-portfolio-sortable ul.project-list li:hover .details {opacity:1; visibility:visible; }
.hg-portfolio-sortable ul.project-list .isotope-item {z-index:2;}
.hg-portfolio-sortable ul.project-list .isotope-hidden {z-index:1;}
.hg-portfolio-sortable ul.project-list li:hover,
.hg-portfolio-sortable ul.project-list .isotope-item:hover { z-index: 3; }
/* PHOTO GALLERY */
ul.gallery {
position: relative;
width: 720px;
clear: both;
list-style: none outside none;
margin: 8px auto;
overflow: hidden;
}
ul.gallery li {
background: #FFFFFF;
float: left;
margin: 5px 10px 5px 0;
padding: 0;
list-style:none;
}
ul.gallery li a img {
padding: 4px;
border: 1px solid #ededed;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
ul.gallery li a img:hover {
-moz-box-shadow: 0 0 5px #803333;
-webkit-box-shadow: 0 0 5px #803333;
box-shadow: 0 0 5px #803333;
border: 1px solid #803333;
}
.sitemap ul {
margin-bottom:0;
}
.sitemap ul li a {
background-image:url(/css/files/sitemap-arrow.png);
background-repeat: no-repeat;
}
.sitemap ul li a {
padding-left: 40px;
background-position: -270px 7px;
}
.sitemap ul li li a {
padding-left: 80px;
background-position: -230px 7px;
}
.sitemap ul li li li a {
padding-left: 120px;
background-position: -190px 7px;
}
.sitemap ul li li li li a {
padding-left: 160px;
background-position: -150px 7px;
}
.sitemap ul li li li li li a {
padding-left: 200px;
background-position: -110px 7px;
}
/* BLOG */
.post_block {
margin-bottom: 25px;
padding-bottom: 10px;
padding-right: 20px;
position: relative;
margin-top: 60px;
}
.old_blog {
width: 640px;
background: #eee;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #DFDAC7;
border-right: 0;
-webkit-box-shadow: inset 0 0 15px #bbb;
-moz-box-shadow: inset 0 0 5px #bbb;
box-shadow: inset 0 0 5px #bbb;
}
.old_blog img {
border: none !important;
background: none !important
}
.post_block.item {
border-bottom: 0px;
}
.post_block .block-img-shadow {
float: left;
}
.post_block .blog_big {
margin-bottom: 10px;
padding-bottom: 16px;
background: url(/css/files/blog_big_shadow.png) no-repeat bottom center;
}
.post_block .blog_small {
margin-bottom: 10px;
}
.post_block .blog_gallery {
width: 680px !important;
padding-bottom: 0 !important;
}
.post_block .blog_gallery img {
border: 1px solid #aaa;
}
.post_block .post_data {
margin: 0 0 20px;
display: inline-block;
font-size: 12px;
}
.post-title {
margin-right: 20px;
margin-bottom: 20px;
font-size: 20px;
color: #12456F;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
.old_blog .post-title {
margin-top: 15px;
}
.post_block .post-title a {
color: #fff;
font: 18px/1.4 'Tinet', arial, serif;
}
.post_block .post-date {
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
position: absolute;
right: 0;
top: -40px;
background: #cac1b0 url(/css/files/bg_title.jpg) -20px 0;
border: 1px solid #fff;
margin: 0 auto 20px;
display: block;
width: 120px;
height: 120px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
-webkit-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
.post_block .placeholder {
float: right;
width: 120px;
height: 100px;
}
.old_blog .post-date {
right: -30px !important;
}
.post_block .post-date .date-month {
text-transform: uppercase;
padding-top: 12px;
display: block;
font-size: 15px;
line-height: 20px;
text-align: center;
}
.post_block .post-date .date-day {
font-family: Tinet;
position: relative;
top: -2px;
display: block;
font-size: 54px;
line-height: 54px;
text-align: center;
color: #12456F;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
.post_block .post-date .date-year {
display: block;
font-size: 15px;
line-height: 15px;
text-align: center;
}
.post_block .readmore {
display: inline-block;
background: #F8F8F8;
font-size: 12px;
padding: 5px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top:15px;
}
.post_block .socshare {
margin: 5px 0 0;
}
.old_blog .post_block .socshare {
margin: 15px 0 0;
}
.post_block .socshare .twitter-share-button {
margin: 5px;
}
.post_block .socshare .twitter-share-button {
float: right;
}
.googleplus {
float: right;
}
.blog_end {
margin-top: 20px;
}
/* PAGINATION */
div.pagination {
position: relative;
width: 100%;
clear: both;
margin-top: 19px;
}
div.pagination a,
div.pagination span {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.pagination a {
display: inline-block;
background: url(/css/files/bg_bottom.jpg);
font-size: 11px;
padding: 0 6px;
margin: 0 5px;
border: 1px solid #C2BDAA;
}
div.pagination a:hover {
background: url(/css/files/bg_title.jpg);
border: 1px solid #ddd;
text-decoration: none;
color: #803333;
}
div.pagination span.current {
display: inline-block;
color: #fff;
font-weight: bold;
background: #803333;
font-size: 11px;
padding: 0 6px;
margin: 0 5px;
border: 1px solid #803333;
}
div.pagination span.disabled {
display: inline-block;
color: #bbb;
background: #F8F8F8;
font-size: 11px;
padding: 0 6px;
margin: 0 5px;
border: 1px solid #F8F8F8;
}
div.pagination .pagination_info2 {
font-size: 11px;
position: absolute;
padding: 4px 6px;
right: 0;
top: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
background: url(/css/files/bg_bottom.jpg);
}
.searchresults h4 {
margin-bottom: 5px;
}
.searchresults p.highlightedtext {
margin-bottom: 0px;
}
.searchresults p.url {
margin-bottom: 25px;
padding-left: 15px;
background: url(/css/files/bullet-list_02.png) no-repeat 0 0;
}
}
/* COMMENTS */
#comments {border-top:1px solid #dedede; margin-top:20px; padding-top:20px;}
span.note {display:block; margin-bottom:10px;}
#commentform {position:relative; padding-top:20px;}
ol.commentlist {margin:0; list-style:none;}
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .depth-1 .comment-container { background:#f0f0f0; }
#comments .depth-2 .comment-container { background:#f6f6f6; }
#comments .depth-3 .comment-container, #comments .depth-4 .comment-container, #comments .depth-5 .comment-container, #comments .depth-6 .comment-container, #comments .depth-7 .comment-container { background:#f9f9f9; }
#comments .comment .comment-container { padding: 10px; border: 1px solid #eee; position:relative; -webkit-border-radius:4px; -mox-border-radius:4px; border-radius:4px;
-webkit-box-shadow:-2px 0 0 #ccc; -moz-box-shadow:-2px 0 0 #ccc; box-shadow:-2px 0 0 #ccc;
-moz-transition: box-shadow 250ms ease-in;
-webkit-transition: box-shadow 250ms ease-in;
-o-transition: box-shadow 250ms ease-in;
transition: box-shadow 250ms ease-in;}
#comments .comment .comment-container:hover { -webkit-box-shadow:0 0 4px #ccc; -moz-box-shadow:0 0 4px #ccc; box-shadow:0 0 4px #ccc; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-head .avatar { float: left; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .comment-head .name { display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry {position:relative;}
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .comment-container .reply {position:absolute; top:15px; right:15px;}
#comments .cancel-comment-reply a, #comments .comment-reply-link { text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 11px;}
/* Resets, stylers & helpers */
.alignleft {
float: left;
margin-right: 15px;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}
.noMarginRight {
margin-right: 0 !important;
}
.noMarginLeft {
margin-left: 0 !important;
}
.noMarginTop {
margin-top: 0 !important;
}
.noMarginBottom {
margin-bottom: 0 !important;
}
.tourlist {
padding-bottom: 30px;
}
.tourlist li a,
.tourlist li.full,
p.list a {
display: block;
font-size: 120%;
list-style: none;
background: url(/css/files/bullet-list_04.png) no-repeat 10px center;
height: 50px;
line-height: 50px;
padding-left: 40px;
border-top: 1px dotted #9aa5a6;
}
.tourlist li.full {
color: #aba1a1;
}
.tourlist li.full span {
font-size: 10px;
}
p.list a:hover,
ul.tourlist li a:hover {
text-decoration: none;
}
p.list:hover,
ul.tourlist li:hover {
background: url(/css/files/bg_transp.png) 0 0 !important;
}
ul.tourlist li.full:hover {
background: url(/css/files/bullet-list_04.png) no-repeat 10px center !important;
}
p.list {
margin-bottom: 0;
}
.maincol_video_wrapper {
margin: 30px 0;
border: 1px solid #9AA5A6;
}
.maincol_video {
padding: 15px 20px 10px;
}
.maincol_video_wrapper h3 {
margin: 0;
padding: 0 20px;
line-height: 31px;
border-bottom: 1px solid #9aa5a6;
background: #dcd5c7 url(/css/files/bg_tab.png);
}
.video {
padding-bottom: 20px;
}
.video iframe{
width:100%;
background-color:#12456f!important
}
.blog_big .video {
padding-bottom: 0;
margin-bottom: -6px;
}
/* Peter */
#video-header video{
display:block;
width:100%;
object-fit:cover;
}
.button-menu{
display:none;
position:absolute;
z-index:10;
top: 25px;
right: 15px;
cursor:pointer;
}
.button-menu svg{
fill: #fff;
}
#header .menu-arrow{
position: absolute;
top: 10px;
left:50%;
font-size: 20px;
color: #fff;
font-weight: bold;
transform: rotate(90deg);
display:none;
background-color:transparent;
outline:none;
cursor:pointer;
}
.table-wrapper{
overflow:scroll;
}
#cboxContent {
background-color:#12456f!important
}
.video-mute{
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 100;
cursor: pointer;
background-image: url(/css/files/icon-volume-off.svg);
background-size: 30px;
background-position: center;
background-color: rgba(0,0,0,0.5);
background-repeat: no-repeat;
}
.video-mute.is-toggled{
background-image: url(/css/files/icon-volume-on.svg)
}
.mod-tours-overview .tour{
width:100%;
background-color:#fff;
margin-top:15px;
border: 3px solid transparent;
transition:.3s border;
}
.mod-tours-overview .tour:not(.not-available):hover{
border: 3px solid #12456f;
}
.mod-tours-overview .tour a:hover{
text-decoration:none;
}
.mod-tours-overview .tour.not-available{
opacity:0.66;
}
.mod-tours-overview .wrapper{
display:flex;
justify-content: space-between;
padding:15px;
}
.mod-tours-overview .tour-date .date-from{
font-size:18px;
font-weight:bold;
}
.mod-tours-overview .tour-name{
font-size:16px;
font-weight:bold;
}
.mod-tours-overview .tour-booking{
font-size:14px;
padding:5px 10px;
height:23px;
align-self: center;
background-color:#12456f;
color:#fff;
}
.mod-tours-filters{
display:flex;
}
.mod-tours-filters .filters-group label{
display:block;
}
.slick-prev,
.slick-next{
border:0;
background: url("/css/files/plus-sprite.png") no-repeat scroll 0 0 transparent;
display: block;
height: 32px;
text-indent: -9999px;
width: 32px;
float: left;
cursor:pointer;
}
.slick-prev{
position:absolute;
z-index:100;
left:0;
top:50%;
transform:translate(0,50%);
background-position: 0 -32px;
}
.slick-next{
position:absolute;
z-index:100;
right:0;
top:50%;
transform:translate(0,50%);
background-position: -32px 0;
}
.flex-direction-nav{
display:none;
}
@media (max-width: 992px) {
*, *:before, *:after {
box-sizing: border-box;
}
body{
min-width:unset;
}
#container{
position:unset;
}
.container_12{
width:100%;
}
.container_12 .grid_12{
width:100%;
}
.container_12 .grid_10{
width:100%;
}
.container_12 .grid_9{
width:100%;
}
.container_12 .grid_6{
width:48%;
}
.container_12 .grid_4{
width:31%;
}
.container_12 .grid_3{
width:48%;
}
.main-content > .grid_9,
.main-content > .grid_3{
width:100%;
margin:0;
}
.button_sidecol .small-button{
margin: 20px auto;
display: block;
width: 300px;
line-height: 60px;
font-size:14px;
}
#tour_infobox h2{
width:220px;
}
.button-menu{
display:block;
}
#icon-widgets{
top: 30px;
right: 60px;
margin-right: 0;
z-index:100;
position:fixed;
}
#home_lang{
top:30px;
left:auto;
right:110px;
margin-left:0;
z-index:100;
position:fixed;
}
#header{
position:fixed;
top:0;
width:100%;
margin-top:0;
z-index:100;
}
#header .menu-arrow{
display:block;
}
#header ul.menu{
float:none;
display:none;
height:85vh;
overflow:scroll;
}
#header ul.menu.active{
display:block;
}
#header ul.menu li{
float:none;
display:block;
margin:0;
padding:0;
background:none;
}
#header ul.menu li a{
padding:10px 0;
position:unset!important;
display: inline-block;
}
#header ul.menu li a > .sf-sub-indicator{
top:20px!important;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
background:none;
}
#header ul.menu ul{
position:relative;
top:0!important;
width:96%!important;
display: none;
left:0;
}
#header ul.menu .show-submenu ul{
display:block;
}
#header ul.menu ul ul{
padding-left:20px;
}
#header .shadow-down{
width:100%;
left: 0;
margin-left: 0;
}
.chaser{
display:none;
}
#video-header-wrapper{
width:100%;
margin-top:79px;
}
#video-header{
left:0!important;
height:100%;
width:100%;
}
#video-header iframe{
height:100%;
width:100%;
}
.header-banner.video-banner #container{
top:unset;
}
#slideshow{
margin-top:79px;
}
.flex-slider #slideshow{
height:auto;
}
.flex-slider .ns-container{
width:100%;
height:auto;
margin-left:0;
margin-top:50px;
margin-bottom:50px;
left:0;
}
.flex-slider .flexslider{
height:auto;
width:100%;
}
.flex-slider .flexslider .flex-control-nav{
bottom:-35px!important;
}
.flex-slider .flexslider .flex-direction-nav li a.prev,
.flex-slider .flexslider .flex-direction-nav li a.next{
top:50%;
}
#slideshow .container_12{
position:absolute;
bottom:20px;
left:20px;
}
.header-banner #slideshow{
height:30vh;
}
.header-banner .banner-top{
position:unset;
margin:0;
height:100%;
object-fit:cover;
}
.header-banner #slideshow .page-title{
position:unset;
padding:10px;
width:auto;
margin:0;
}
#slideshow .shadow-up{
display:none;
}
#swappers{
display:none;
}
.breadcrumb,
#current-date{
display:none;
}
.bg-transparent{
display:none;
}
.block-img-shadow{
display:block;
}
.block-img-shadow img{
width:100%;
height:auto;
}
.maintop .item .under-shadow,
.maintop .grid_6 .item .under-shadow{
width:100%;
background-size: cover;
}
.projects.recent .items li{
width:31%;
display:inline-block;
vertical-align:top;
float:none;
}
.projects.recent .items li:first-child{
width:100%;
display:block;
}
.projects .items li img{
opacity:1;
height:auto;
}
.projects.recent .items li a{
display:block;
}
.projects .items li .details{
display:block;
position:unset;
padding-top:20px;
}
#simple-tabs .tabs{
display:none;
}
#simple-tabs .tab_content{
width:100%!important;
display:block!important;
}
#simple-tabs .tab_content iframe{
width:100%!important;
}
#simple-tabs .tab_content .peKenBurns{
width:100%!important;
}
.peKenBurns .peKb_controls .peKb_arrows .peKb_prev, .peKb_controls .peKb_arrows .peKb_next{
width:28px!important;
}
.peKenBurns img{
width:100%;
height:100%;
display:block!important;
object-fit:cover;
}
#tabs_container .acc_trigger, #tabs_container .tgg-trigger{
width:100%;
}
#tabs_container .acc_trigger.active, #tabs_container .tgg-trigger.active{
border-top:0;
}
#colorbox{
width:90vw!important;
height:auto!important;
padding:0!important;
position:fixed!important;
top:50%!important;
left:50%!important;
transform:translate(-50%,-50%);
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight{
display:none;
}
#cboxWrapper,
#cboxContent,
#cboxLoadedContent{
width:100%!important;
height:auto!important;
position:unset!important;
margin-bottom:0!important;
}
#cboxContent{
width:90vw!important;
height:auto!important;
}
#cboxClose{
top:0;
bottom:unset;
}
.cboxPhoto{
width:100%;
}
.cboxIframe{
height:90vh!important;
}
h2.sheet,
#sidebar,
#sidebar_end{
background:#fff;
}
.footer .lang{
float:none;
}
.bottom .shadow-up{
width:100%;
left:0;
margin-left:0;
}
#newsletter-form{
margin-bottom:15px;
}
.bottom #newsletter-form input[type="text"]{
width:100%;
height:30px;
}
.bottom #newsletter-form input[type="submit"], .bottom #newsletter-form button.btn{
height:30px;
}
ul.gallery{
width:100%;
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:15px;
}
ul.gallery li{
top:0;
}
ul.gallery li a{
display:block;
}
ul.gallery li img{
width:100%;
height:auto;
}
.gone{
margin-bottom:30px;
}
}
@media (max-width: 768px) {
.container_12 .grid_6,
.container_12 .grid_5,
.container_12 .grid_4,
.container_12 .grid_3{
width:100%;
margin-left:0;
margin-right:0;
}
.flex-slider .ns-container{
margin:0;
padding:0;
}
.flex-slider .flexslider .flex-control-nav{
bottom:0!important;
}
.flex-slider .flexslider .flex-direction-nav li a.prev{
left:0;
}
.flex-slider .flexslider .flex-direction-nav li a.next{
right:0;
}
.projects.recent .items li{
width:100%;
}
.projects .items li img,
.projects .items li .details{
width:100%;
}
.project .images-carousel{
margin-top:25px;
}
.project .images-carousel .viewport{
width:100vw;
}
.project .images-carousel .overview li{
width:100vw;
}
.project .images-carousel .overview img{
object-fit:cover;
height:100%;
width:100%;
}
.hg-portfolio-sortable #sorting{
float:none;
height:auto;
}
.hg-portfolio-sortable ul.project-list .details{
width:100%;
}
.hg-portfolio-sortable ul.project-list[data-columns="4"] > li{
width:calc( (100% - 2px) / 2)
}
.hg-portfolio-sortable #sorting .sortTitle,
.hg-portfolio-sortable #sorting ul{
display:block;
}
.hg-portfolio-sortable #sorting ul li{
display:inline-block;
float:none;
}
.hg-portfolio-sortable #portfolio-nav{
float:none;
}
.footer .grid_9, .footer .grid_3{
height:auto;
}
.copyright-text{
width:100%;
float:none;
}
#tour_infobox h2{
width: auto;
background: none;
color: #803333;
line-height:1;
}
.button_sidecol{
padding:0 20px;
}
.button_sidecol h3{
text-align:left;
}
.button_sidecol .small-button{
margin:20px 0;
}
}
@media (max-width: 600px) {
.alignleft,
.alignright{
float:none;
margin-left:0;
margin-right:0;
margin-bottom:10px;
display:block;
}
.alignleft img,
.alignright img{
width:100%;
}
#search-box input[type="text"]{
font-size:14px;
}
h2.sheet{
line-height:1.5;
}
.post_block{
padding-right:0;
}
.post_block .blog_gallery{
width:100%!important;
}
ul.gallery li{
width:100%;
display:block;
float:none;
}
.post_block .blog_gallery img{
height:auto;
width:100%;
}
div.pagination .pagination_info2{
top:-35px;
}
.side_pics ul li{
float:none;
display:block;
wdith:100%;
}
.side_pics ul li a{
width:100%;
height:auto;
display:block;
}
.side_pics ul li a img{
width:100%;
height:auto;
}
.form-preset label, .form-preset .label_no_edit{
display:block;
width:auto;
float:none;
text-align:left;
margin-bottom:5px;
}
.form-preset input[type="text"],.form-preset input[type="date"], .form-preset input[type="password"], span.no_edit, .form-preset textarea{
width:100%;
display: block;
}
.form-preset p.input-date,
.form-preset p.input-date span{
display:block;
}
.form-preset .trigger{
left:auto;
right:0;
top:29px;
}
p#agb-wrap, p#data-wrap, p.formcheckbox{
float:none;
margin-left:0;
}
p#agb-wrap label, p#data-wrap label, p.formcheckbox label{
width:100%;
}
#buchungsform .medium-button{
margin-left:0;
}
.datepick{
width: 190px!important;
left: 50%!important;
position: fixed!important;
top: 50%!important;
transform: translate(-50%,-50%);
}
#formular .formcheckbox label{
width:100%;
margin-left:0;
}
#formular .formcheckbox label{
padding-bottom:0;
}
.form-captcha input{
display: inline-block!important;
width: 40% !important;
}
.button-einzug{
margin-left:0;
}
.tourlist li.full span{
display: block;
margin-top: -35px;
}
.steps h2{
background:none!important;
}
.steps h2:after{
content:"(1/4)";
display:inline-block;
font-size:16px;
margin-left:15px;
/* height:40px; */
/* background:url(/css/files/steps.png) no-repeat; */
/* background-size: 100%; */
}
.steps.step2 h2:after{
content:"(2/4)";
}
.steps.step3 h2:after{
content:"(3/4)";
}
.steps.step4 h2:after{
content:"(4/4)";
}
.box, div.form_warning, ul.error7{
width:100%;
}
img.shadow, div.common_border .video iframe,.video iframe{
width:100%;
height: auto;
object-fit: cover;
}
.video h3 span{
display:block;
padding-left:0;
margin-top:15px;
}
h2.sheet {
padding-top:15px;
margin: 30px 15px 0;
}
#sidebar {
margin: 0 15px;
}
#sidebar_end {
margin: 0 15px;
}
.button_sidecol{
margin-top:30px;
}
#tour_infobox{
margin-top:30px;
}
}