/* mini reset */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {margin-bottom: 0px;}
/* base */
html {background-color:rgb(247,247,247);}
html, body {width:100%; height:100%; font-size:100%}
body, input, select ,textarea, a {font: 12px/1.231 Arial, Verdana, Sans-serif, normal; letter-spacing:1px; color:rgb(68,68,68);}

h1, h2, h3, h4, h5, h6, #slogan-2, #slogan-5, .albumInside h2 a {color: rgb(158,50,53); letter-spacing: 1px; margin: 0px 0 10px 0; padding:0; font-variant:small-caps;}
h1 {line-height: 1.4em; font-size:2.0em;}
h2 {line-height: 1.2em; font-size:1.6em;}
.albumInside h2 {margin:0;}
h3 {line-height: 1.0em; font-size:1.2em;}
p {padding:0 0 10px 0px; margin:0; line-height:1.7em; text-align:justify;}

table{width:99%;}
td.col_last {text-align:right; font-weight:bold;}

::selection {background-color:rgb(158,50,53); color:rgb(247,247,247);}
a, a:hover, .blue li, .blue li:hover, .blue a, .blue a:hover, nav li, nav li:hover, nav span, nav span:hover, input[type="button"], input[type="submit"], input[type="image"],
.button, a.button, button, input[type="button"]:hover, input[type="submit"]:hover, input[type="image"]:hover, .button:hover, a.button:hover, button:hover,
#produkte .slider-prev, #produkte .slider-next, #produkte .slider-prev:hover, #produkte .slider-next:hover
 {text-decoration:none; transition:all 0.45s ease-in-out;}
.txtlink a, a.txtlink {font-variant:; font-size:1.1em; text-decoration:underline;}
.txtlink a:hover, a.txtlink:hover {color:rgb(158, 50, 53);}
.intlink a.hyperlink_txt, a.intlink , .more a, .back a, button, input[type="button"], input[type="submit"] {color:rgb(68,68,68); background-color:rgb(222,222,222); padding:3px; display:inline-block; border:none; border-bottom:1px solid rgb(158,50,53);}
input[type="submit"] {height:30px;}
.intlink a.hyperlink_txt {margin:10px 0 0 0;}
.intlink a.hyperlink_txt:hover, a.intlink:hover, .more a:hover, .back a:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover {color:rgb(247,247,247); background-color:rgb(158,50,53);}

.extlink a, a.extlink {font-variant:; font-size:1.1em; text-decoration:underline;}
.extlink a:after, a.extlink:after {content:url(/files/tauchoase/assets/img/exli.png); padding:0 5px;}
.extlink a:hover, a.extlink:hover {color:rgb(158, 50, 53);}

#header {position:fixed; top:0; width:100%; hweight:159px; background-color:rgb(247,247,247); z-index:1;}
#header .inside {position:relative; max-width:960px; height:190px; margin:0px auto 0px; padding:0px 0; background: url("/files/tauchoase/assets/img/logo.png") no-repeat left 15px;}
.headborder {border-bottom-width:5px; border-bottom-color:rgb(158,50,53); border-bottom-style:solid;}

#formErrorOut {position: relative; margin: 0 auto; top: 1rem; width: 23rem; line-height: 1.5rem; padding: 2.5rem 2rem 2rem 2.5rem; background-color: rgb(222,222,222);}

.custom {width:100%; position:fixed; top:125px; z-index:1;}
.custom .inside {width:960px; margin: 0px auto 0; position:relative;}
.mod_slogan_liste {max-width:640px; margin:0; position:relative; left:145px; top:15px;}
#slogan-2, #slogan-5 {line-height: 1.6em; font-size:3.6em;} /*PAGE Title*/
#slogan-1, #slogan-6 {line-height: 1.4em; font-size:2.4em;} /*PAGE Claim*/

#sys-nav, #lng-sw {margin:5px 0 0 0; float:right;}
#menu {max-width:720px; margin:0 auto;}
#menu, #sys-nav {position:relative;}
#menu>ul>li, #sys-nav>ul>li, .i18nl10n_lang_style > ul li {float:left; text-align:center;}
#sys-nav>ul>li {width:80px; line-height:15px;}
#menu>ul>li {width:120px; line-height:35px;}
#menu>ul>li a, #menu>ul>li span {width:120px; display:block; text-align:center; line-height:35px; text-decoration:none; font-variant:small-caps;}
#menu>ul>li:hover, #menu>ul>li a:hover, #menu>ul>li span:hover, #fehler-404 a:hover, #danke a:hover {cursor:pointer; color:rgb(247,247,247); background-color:rgb(158,50,53); width:120px;}
#menu>ul>li ul{display:none;}
#menu>ul>li ul{padding:0 0 5px 0;}
#menu>ul>li li{background-color:rgb(158,50,53); width:120px;}
#menu>ul>li li:hover, #menu>ul>li li>a:hover{background-color:rgb(68,68,68); color:rgb(247,247,247);}
#menu:not(.js) li:hover>ul {display:block;}
#menu:not(.js) ul>li, #menu:not(.js) ul>li a, #menu:not(.js) ul>li span {background-color:rgb(158,50,53); color:rgb(247,247,247);}
#fehler-404 ul li, #danke ul li , #danke-am ul li {margin:0 0 5px 0; padding:0 0 0 5px; background-color:rgb(113,171,208);}
#fehler-404 ul a, #fehler-404 a:hover, #danke ul a, #danke a:hover  {margin:1px 0px; padding:4px 4px 4px 0; display:inline-block; width:100%;}
* html li li { display:inline; } /* IE6 Bugfix... */
.parLight {color:rgb(247,247,247);}
.level_2, .level_3, .level_4 {padding:0 0 5px 0;}
.invisible {display: none;}

#page_pic {background-color:rgb(158,50,53); margin:10px 0; padding:0;}
#page_pic figure {max-width:960px; max-height:350px; margin:0 auto 0; padding:0;}

#container {padding:120px 0 0 0; min-height:800px;}
section, article, .mod_article>.mod_eventreader, .mod_article>.ce_text, .mod_article>.ce_table, .mod_article>.ce_sliderStart, p.back  {margin:0px auto 20px; padding:0 0 0 0px; position:relative; max-width:960px; width:960px;}
h1, h2, .ce_table, .ce_text  {margin:0px auto 0;}
h1, h2, table {max-width:960px;}
.subcl section, .subcr section  {margin:0;}
.news-open .subcl, .news-open .subcr, .open .subcr {background-color:rgb(113,171,208);}
.news-open .subcl {margin:0 5px 0 0; min-height: 245px;}
.news-open .subcr, .open .subcr {margin:0 0 0 5px;}
.news-open li {margin:0 0 9px 0;}
/*.news-open li:hover {background-color:rgb(120,181,219); cursor:pointer;}*/
.news-open .boxlink a, .news-open .highlight {color:rgb(158,50,53);}
.news-open h1, .news-open h2, .news-open .boxlink a:hover {color:rgb(247,247,247);}
.news-open h1 {float:left;}
.news-open h1, .news-open li h2 {margin:0px;}
/*.news-open h2.date a {font-weight:bold;}*/
.news-open h2{font-size:1.3em; color:rgb(68,68,68); line-height: 1.2em;}
.news-open .mod_eventlist a {width: 100%; color:rgb(68,68,68); display:inline-block; line-height: 1.2em;}
.news-open #opening, .news-open #opening h2 {color:rgb(68,68,68);}
.news-open #tel-h2, .news-open #opening h2 {line-height: 1.4em; font-size:1.85em; color:rgb(158, 50, 53);}
.news-open #tel-h2 {margin:9px 0;}

.album  {margin:0;}
.albumInside {background-color:rgb(113,171,208); padding:0 5px; height:305px;}
.albumInside figure {text-align:center;}
.albumswrap {margin:0 0 20px 0;}

.dlh_googlemap, .inlpic, .picframe figure img, .ce_text img, figure.image_container img {border:1px solid rgb(158,50,53);}
.picframe .image_container .caption {width:99%; padding:2px 0 0 2px; color:rgb(247,247,247); background-color:rgb(158,50,53);}
.dlh_googlemap {margin:0 0 20px 0;}
.routinglink form input[type="text"] {width:200px !important;}
.routinglink form input[type="submit"] {width:50px; margin:0 0 0 10px;}

.albumInside figure.image_container img {border:none;}
.layout_simple {margin:0;}

#footer {width:100%; margin:20px 0 0 0; padding:0px 0 0 0; background-color:rgb(158,50,53); height:420px; border-top-width:5px; border-top-color:rgb(113,171,208); border-top-style:solid;}
#footer, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:rgb(247,247,247);}
#footer .inside {margin:0px auto 0px; padding:20px 0 0; position:relative; max-width:960px;}
#footer .inside .col_1 , #footer .inside .col_2, #assoc p, #supp p {margin:0 0 0px 0; text-align:center;}
#footer p {text-align:inherit;}
#cr {text-align:right; padding:0 0 5px 0;}

.foot_img {margin:0 0 10px 0; display:inline; border:none;}
.pore {text-align:right;}
.poli {text-align:left;}
.poce {text-align:center;}
.flle {float:left;}
.flri{float:right;}

.red {background-color:rgb(158,50,53);}
.green {}
.blue {background-color:rgb(113,171,208);}

/* Formular */
select, input[type="text"], input[type="tel"], input[type="email"], textarea {margin:5px 0 12px; background-color:rgb(222,222,222); border:1px solid rgb(158,50,53); color:rgb(51,51,51); height:30px; padding:0 0 0 5px; width:95%;}
textarea {padding:5px 0 0 5px; height:150px;}
.formbody label, legend {font-weight:bold; display:block;}
.formbody fieldset {margin: 10px 0;}
.formbody fieldset input[type="checkbox"] {display:inline-block; float:left; margin: 0 5px 0 0;}
.formbody fieldset label {font-weight:normal;}

/* Formatiert die Paceholder */
::-webkit-input-placeholder {color: grey;}
:-moz-placeholder {color: grey;}   /* Firefox 18- */
::-moz-placeholder {color: grey;}  /* Firefox 19+ */
:-ms-input-placeholder {color: grey;}
input:-ms-input-placeholder {color: grey;}
:focus::-webkit-input-placeholder{color:transparent;}
:focus:-moz-placeholder{color:transparent;}
:focus::-moz-placeholder{color:transparent;}
:focus:-ms-input-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}

/* regeln für den slider */
#produkte  .content-slider, #produkte  .slider-control, .news-open .subcl, .news-open .subcr, .open .subcr {padding:5px;}
#produkte  .content-slider h2 {margin:5px 0; color:rgb(247,247,247); line-height: 1.0em; font-size:1.2em;}

#produkte  .content-slider section {width:950px !important;}
#produkte  .content-slider {width:960px; background-color:rgb(158,50,53);}
#produkte  .content-slider .image_container {width:178px;}
#produkte  .content-slider, #produkte  .slider-control, #produkte .slider-prev, #produkte .slider-next {color:rgb(247,247,247);}
#produkte  .slider-control {margin:-30px 0 0;}
#produkte .slider-prev, #produkte .slider-next, #produkte .prodpic  {text-align:center;}
#produkte .prodpic .caption {margin:0 auto; font-size:1.4em;}
#produkte .slider-prev, #produkte .slider-next {width:20px; height:25px; margin:-5px 0 0px; padding: 0 5px; font-size:2.4em; line-height:25px; background-color:rgb(158,50,53);}
#produkte .slider-menu {display:none;}
#produkte .last {padding:0 0 0 10px;}

/* regel für colorbox */
#colorbox button, #colorbox button:hover {transition:none;}

#almaNET img {border:none;}

.clear, .mod_eventlist, #opening {clear:both;}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {font-size: 11px;}
.clearfix:after, .flle:after, .flri:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height:1%;}
/*.subcolumns {width:auto;}*/
.mod_article {max-width:960px; margin:0 auto;}
.slider-colset {display:inline;}

#cboxNext {background-image: url("/files/tauchoase/assets/img/controls.png") !important;}
#cboxPrevious {background-image: url("/files/tauchoase/assets/img/controls.png") !important;}
#cboxLoadingGraphic {background-image: url("/files/tauchoase/assets/img/loading.gif") !important;}
#cboxClose {background-image: url("/files/tauchoase/assets/img/controls.png") !important;}

/*
@media only screen and (max-width:75em) {
	
}
*/
@media only screen and (max-device-width:40em), only screen and (min-device-width:41em) and (orientation:portrait) {
	body {background-size:100% 100%; background-position:center center;}
	h1, #slogan-2, #slogan-1, #slogan-5, #slogan-6 {margin:0; font-size:2.0em; line-height:1.2em;}
	h2 {font-size:1.6em; line-height:1.2em;}
	h3, h4, h5, h6 {font-size:1.4em; line-height:1.0em;}
	p {padding:0 0 10px 0px;}
	td, p {font-size:1.4em;}
	
	#header {height:110px; margin:0px 0 0 0;}
	#header .inside {height:90px; background:url("/files/tauchoase/assets/img/logo.png") no-repeat 2px 6px;}
	#header .inside {background-size:60px 60px;}
	#header .mod_slogan_liste {top:5px; left:75px; z-index:-1;}
	.custom {top:75px;}
	.cusstom .inside {width:inherit;}
	
	#menu {margin:0 0 0 0px; padding:0 0 0 5px; background-color:rgb(158,50,53);}
	#menu>ul>li {width:14%;}
	#menu>ul>li a, #menu>ul>li span, #sys-nav>ul>li a, #sys-nav>ul>li span {width:inherit; font-size:1em;}
	#menu>ul>li a, #menu>ul>li span {color:rgb(247,247,247);}
	.level_2, .level_3, .level_4 {padding:0 0 0px 0;}
	
	.subcl, .subcr {margin-right:0px !important; margin-left:0px !important;}
	.subcolumns .first, .subcolumns .mod_colsetPart, .subcolumns .sc_second, .subcolumns > div, .ce_text, .mod_dlh_googlemaps {float:none; width:100%; margin:0;}
	.equalize > div {display:inline-block;}
	.subcolumns .mod_colsetPart, .subcolumns .ce_colsetPart, .subcolumns .sc_second {margin-top:0;}
	.subcolumns .subcl, .subcolumns .subcr, .subcolumns .subc, .ce_text, .mod_article, .mod_article  img, .albumswrap, .dlh_googlemap {width:99% !important;}
	.subcolumns .subcl, .subcolumns .subcr, .subcolumns .subc {padding:0 3px 0 3px !important;}
	.ym-grid .first, .ym-grid .ce_colsetStart, .ym-grid .ce_colsetPart, .ym-grid > div {float:none; width:100%; margin:0;}
	.ym-grid .ym-gbox-left, .ym-grid .ym-gbox, .ym-grid .ym-gbox-right {padding:0 !important;}
	
	#video iframe, .ce_video iframe, .image_container, .image_container  img, figcaption {width:100% !important; padding:0 !important;}
	figure.image_container img, .mod_dlh_googlemaps img {border:none;}
	section {margin:10px 0 0 0;}
	figcaption {margin:0px 0 10px 0;}
	.mod_article .ce_text {width:inherit; margin:0;}
	#almaNET img {width:25% !important;}

	#container {padding:90px 0px 0 0px;}
	#produkte, #produkte2 {display:none;}
	
	.albumswrap {margin:0 0 5px 0;}
	.albumInside {height:240px; margin:1px !important;}
	section .album {width:20% !important;}
	
	#footer {height:inherit;}
	#footer .inside .col_1, #footer .inside .col_2 {text-align:left;}
	.foot_img {max-width:25%; vertical-align: middle; padding: 0 10px;}
	
	.subcolumns .ce_colsetPart {margin-top:5px;}

}
@media only screen and (max-device-width:40em) and (orientation:portrait) {
	
	#slogan-2, #slogan-5 {margin:0; font-size:2em; line-height:1.2em;}
	h1 {margin:0; font-size:1.5em; line-height:1.2em;}
	h2, #slogan-1, .news-open h2 {font-size:1.3em; line-height:1.2em;}
	h3, h4, h5, h6 {font-size:1.1em; line-height:1.0em;}
	p {padding:0 0 10px 0px;}
	td, p {font-size:1em;}
	
	#menu {margin:0;}
	#menu>ul>li {width:9%;}
	#menu>ul>li a, #menu>ul>li span, #sys-nav>ul>li a, #sys-nav>ul>li span {width:inherit; font-size: 0.8em;}
	
	.news-open .subcl {margin:0 0 10px 0 !important; min-height:inherit;}
	.mod_eventlist li {margin-bottom:9px !important;}
	.mod_article  img {margin:0 !important;}
	.mod_photoalbums2 {margin:0;}
	
	.albumswrap {margin:0 0 5px 0;}
	.albumInside {height:230px; margin:1px !important;}
	section .album {width:20% !important;}
	.album.odd {float:none !important;}
}
@media only screen and (max-device-width:40em) and (orientation:landscape){

	h1, #slogan-2, #slogan-1, #slogan-5, #slogan-6 {margin:0; font-size:2.0em; line-height:1.2em;}
	h2 {font-size:1.6em; line-height:1.2em;}
	h3, h4, h5, h6 {font-size:1.4em; line-height:1.0em;}
	p {padding:0 0 10px 0px;}
	td, p {font-size:1.4em;}
	
	.subcolumns .ce_colsetPart {margin-top:5px;}
}