*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

h1,h2,h3,h4,h5 {margin:0 0 14px 0;padding:0;}
div.cl {clear:both;}
a {color:rgba(255, 255, 255, 0.95);text-decoration: none;font-weight:bold;}
a:hover {color:rgba(255, 255, 255, 0.8);}
p {margin:0 0 8px 0;}

#menu a, #bc a {font-weight:normal;}

#body {padding:0;background-color:#fff;background-image: url(/fileadmin/JMtemplates/images/bg/dachstein-anna-johann.jpg);background-position: bottom center;background-size:cover;background-attachment: fixed;background-repeat;no-repeat;font-family:'Gudea', sans-serif;width:100%;margin:0;color:rgba(255, 255, 255, 0.95);text-shadow:0px 0px 2px #000);font-size:1.1em;}
body {padding:0;background-color:#fff;background-image: url(/fileadmin/JMtemplates/images/bg/dachstein-anna-johann.jpg);background-position: 0px -100px ;background-size:cover;background-attachment: fixed;background-repeat;no-repeat;font-family:'Gudea', sans-serif;width:100%;margin:0;color:rgba(255, 255, 255, 0.95);text-shadow:0px 0px 2px #000);font-size:1.1em;}

.wrap {border-radius: 0px;background-color:rgba(100, 69, 49, 1.00);}
.hide {display:none;}

.box {float:left;padding:5px 10px;width:50%;}
.box .wrap {margin:0 auto;padding:5px 10px}

#top {width: 100%;max-width:925px;margin:0 auto;}

#logo {padding:0 0 0 0;float:left;}
#right, #content, #menu{padding:0 0 4px 0px;}
.side2 #right, .side2 #content {padding:0;}

#logo {display:block;margin:0 0 0 0;}
#logo .prewrap {height:20px;background:linear-gradient(rgba(129, 176, 150, 0.7), rgba(101, 163, 128, 1.0));}
#logo .wrap {background-color: rgba(101, 163, 128, 1.00);padding: 24px;float:left;margin:0;}
#logo .wrap p#name-subtitle {margin:2px 0;}

#menusocial {float:right;position:relative;}

div.cl.spacer {padding-bottom:5px;}

#social {z-index:495;position:absolute;top:-250px;right:0;width:auto;overflow:hidden;background-color: rgba(129, 176, 150,0.50);float:right;}
#social .wrap {background-color: rgba(129, 176, 150, 1.00);overflow:hidden;}
#social #socialButton {cursor:pointer;line-height:30px;height:30px;width:85px;padding:0;text-align:center;background-color: rgba(101, 163, 128, 1.00);}
#social #likebox {float:left;overflow:hidden;}
#social #likebox #iframe {position:relative;top:-1px;height:212px;width:282px;left:-1px;}

#menu {position:relative;z-index:500;width:auto;float:right;padding:40px 5px 7px 5px;background-color:rgb(32, 54, 63);}
#menu .wrap {padding:0 80px 0 0;position:relative;background-color:transparent;}
	body.en #menu .wrap {padding:0 40px 0 0;} 

#menu .wrap ul {list-style-type:none;margin:0;padding:0;}
#menu .wrap ul#root {float:left;}
#menu .wrap ul li {float:left;margin:0 4px 0 0;}
#menu .wrap ul li a {background-color:rgba(32, 54, 63, 1.00);padding:4px 8px 1px 8px;display:block;border-bottom: 3px solid rgba(32, 54, 63, 1.00);}
#menu .wrap ul li.active a,
#menu .wrap ul li:hover a {border-bottom: 3px solid rgba(55, 93, 108, 1.00);color:rgba(255,255,255,1.00);}
#menu .wrap ul li.fb a {cursor:pointer;}
#menu .wrap ul li.fb:hover a, #menu .wrap ul li.fb a.fired {border-bottom:3px solid rgb(101, 163, 128);}
#overlay {display:none;}
#menubutton {display:none;}

#menu .wrap ul#lang {opacity:0.8;position:absolute;right:0;height:31px;overflow:hidden;}
#menu .wrap ul#lang:hover {opacity:1.0;height:auto;}
#menu .wrap ul#lang li {float:none;}
#menu .wrap ul#lang li a {cursor:pointer;}
#menu .wrap ul#lang:hover li a {border-left:1px solid transparent;background-color:rgba(55, 93, 108, 1.00);border-bottom:3px solid transparent;}
#menu .wrap ul#lang:hover li a:hover {border-left:1px solid #fff;}

#menu .wrap .user a.user-img {display:block;}
#menu .wrap .user a.user-img-mobile {display:none;}
#menu .wrap .user {position:absolute;right:47px;margin:1px 0 0 0;}
#menu .wrap .user.offline a.user-img, #menu .wrap .user.offline a.user-img-mobile {background:url(/fileadmin/JMtemplates/images/user.png) no-repeat 2px 0px transparent;background-size:26px;}
#menu .wrap .user.online a.user-img, #menu .wrap .user.online a.user-img-mobile {background:url(/fileadmin/JMtemplates/images/user-logged.png) no-repeat 2px 0px transparent;background-size:26px;}
#menu .wrap .user.disabled a.user-img, #menu .wrap .user.disabled a.user-img-mobile {background:url(/fileadmin/JMtemplates/images/user-disabled.png) no-repeat 2px 0px transparent;background-size:26px;}
#menu .wrap .user a.user-img, #menu .wrap .user a.user-img-mobile {width:30px;height:30px;}
#menu .wrap .user:hover a, #menu .wrap .user a.fired {border-bottom:3px solid rgb(101, 163, 128);cursor:pointer;}
#menu .wrap .user.disabled a.user-img, #menu .wrap .user.disabled a.user-img-mobile {border-bottom:3px solid transparent;cursor:default;}
#user-area {background-color: rgba(129, 176, 150, 0.5);float: right;overflow: hidden;position: absolute;right: 0;top: -250px;width: auto;z-index: 495;}
#user-area {display:block;}
#user-area .wrap .def {background-color: rgba(129, 176, 150, 1);padding:0;}
#user-area .wrap .def .wrap {padding:16px 16px 10px 16px;min-width:200px;}
#user-area form {margin:0;}
#user-area .wrap  {background-color: rgba(129, 176, 150, 1);}
#user-area .tx-felogin-pi1 form fieldset label {width:50px;margin:4px 16px 0 0;}
#user-area .tx-felogin-pi1 form fieldset input {width:150px;float:right;height:25px;padding:4px 6px;border:0;font-family:calibri,sans-serif;font-size:1.1em;line-height:1.1em;margin:4px 0 6px 0;}
#user-area .tx-felogin-pi1 form fieldset input.submit {float:right;width:100px;background:rgba(32, 54, 63, 1);font-weight:normal;border:0;padding:5px 2px;color:#fff;font-family:calibri,sans-serif;font-size:18px;line-height:18px;height:auto;}
#user-area .tx-felogin-pi1 form fieldset input.submit:hover {color:rgba(255,255,255,0.8);}
#user-area .tx-felogin-pi1 form fieldset input.submit.logout {float:left;}
#user-area div#forgot {float:left;padding:6px 0 0 0;line-height:12px;}
#user-area div#forgot a {margin:0 0 0px 0;font-size:12px;color:rgba(255,255,255,0.7);}
#user-area div#forgot a:hover {color:rgba(255,255,255,1);}
body.user-area li.user {display:none;} 

#content, #right {width:100%;max-width:935px;}

.def {width:100%;float:left;}
.def .wrap {padding:5px 10px;background-color: rgba(32, 54, 63, 1.00);}

#content, #right {width:100%;font-size:0.8em;max-width:925px;margin:0 auto;}
.flowBox {padding-top:0px;float:left;width:25%;padding-right: 4px;}
.flowBox .wrap {padding:5px 10px;background-color: rgba(55, 93, 108, 1.00)}
.flowBox:nth-child(1) .wrap {background-color: rgba(32, 54, 63, 1.00)}
.flowBox:nth-child(2) .wrap {background-color: rgba(38, 64, 75, 1.00)}
.flowBox:nth-child(3) .wrap {background-color: rgba(49, 83, 97, 1.00)}
.flowBox:nth-child(4) .wrap {background-color: rgba(55, 93, 108, 1.00)}

.flowBoxIntext {padding-top:0px;float:left;width:25%;padding-right: 4px;}
.flowBoxIntext .wrap {padding:5px 10px;background-color: rgba(55, 93, 108, 1.00)}

.flowBoxAlone {width:25%;padding:0 4px 4px 0;}	
.flowBoxAlone .wrap {background-color: rgba(55, 93, 108, 1.00);min-height:50px;padding:5px 10px;}

.flowBox .images .img img, .flowBoxAlone .images .img img {display:block;}
.flowBox .images .img, .flowBoxAlone .images .img {float:left;margin:3px 4px 3px 0;}

#hp .flowBox.hpimage .wrap {position:relative;overflow:hidden;}
#hp .flowBox.hpimage .wrap .img {display:none;}
#hp .flowBox.hpimage .wrap:hover .img {display:block;position:absolute;top:-3px;left:0px;z-index:100;}
#hp .flowBox.hpimage .wrap:hover h3 {position:absolute;top:5px;z-index:200;}
#hp .flowBox.hpimage .wrap .csc-textpic-text {width:100%;}
#hp .flowBox.hpimage .wrap:hover .csc-textpic-text {position:absolute;top:41px;z-index:200;width:90%;}

.photomenu ul {list-style-type:none;}
.photomenu ul li a {z-index:300;max-width:350px;position:relative;border:1px solid rgb(38, 64, 75);background-color:rgb(49, 83, 97);padding:2px 6px;margin:2px 0;display:block;float:left;clear:both;}
	.photomenu ul li a:hover {color:#fff;background-color:rgb(55, 93, 108);}
.photomenu ul li a span.description {display:none;padding:2px 6px;position:absolute;left:370px;width:300px;border:1px solid rgb(38, 64, 75);background-color:rgb(49, 83, 97);z-index:400;}

#bc {max-width:925px;padding:0 0 4px 0;margin:0 auto;}
#bc .wrap {padding:5px 10px;background-color:rgba(101, 163, 128, 1);opacity:0.8;font-size:0.7em;}

.galerie .def .csc-textpic-imagecolumn {padding-top:5px;}
.galerie .def .img {float: left;margin:0 10px 10px 0;height:auto;overflow: hidden;}

.galerie .def .images {padding-top:5px;}
.galerie .def .images .img {float: left;margin:0 10px 10px 0;height:150px;overflow: hidden;}
.galerie .def .images .img img {display:block;}
.galerie .def .images.intext .img {}

.galerie.y2014 .def .images .img:nth-child(even) {margin-right:0px;}
.galerie.y2014 .def .images .img:nth-child(odd) {margin-right:10px;}
.galerie.y2014 .def .images .img img {position:relative;top:-50px;}

.def {width:100%;float:left;padding:0 0 4px 0;}

.fb-like {width:auto;padding:0 0 4px 0;}
.fb-like .wrap {background-color:rgba(49, 83, 97, 0.80);padding:10px;width:auto;}
.fb-comments {width:auto;padding:0 0 4px 0;}
.fb-comments .wrap {background-color:rgba(49, 83, 97, 0.80);padding:10px;width:auto;}
.fb-comments .wrap .framewrap.outer {height:0;overflow:hidden;}
.fb-comments .wrap .comments-button {border-radius:2px;display:block;cursor:pointer;text-align:center;width:91px;height:20px;line-height:20px;background:linear-gradient(#4C69BA, #3B55A0) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.fb-comments .wrap .comments-button p {font-family:'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:bold;margin:0;display:block;float:left;margin:1px 0 0 0;}
.fb-comments .wrap .comments-button span {background:url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/y1/r/LVx-xkvaJ0b.png");background-position:0 -42px;width:14px;height:14px;display:block;float:left;margin:3px;}


#footer {max-width:925px;width:100%;margin:0 auto;padding:5px 10px;font-size:0.8em;background-color:rgba(101, 163, 128, 1);opacity:0.8;}
#footer p {padding:0;margin: 0;}
#footer a.floatright {float:right;}
#footer p.floatleft {float:left;}
#footer br.divider {display:none;}

.tx-felogin-pi1 form fieldset {padding:0;margin:0;border:0;}
.tx-felogin-pi1 form fieldset legend {margin:0 0 10px 0;padding:0;font-weight:bold;}
.tx-felogin-pi1 form fieldset label {width:110px;float:left;margin:0 20px 10px 0;}
.tx-felogin-pi1 form fieldset input {width:250px;float:left;border:2px solid #fff;margin:0 0 10px 0;}
.tx-felogin-pi1 form fieldset input.submit {width:auto;cursor:pointer;background:rgba(101, 163, 128, 1);font-weight:normal;border:0;padding:5px 8px;color:#fff;font-family:calibri,sans-serif;font-size:18px;line-height:18px;height:auto;}
.tx-felogin-pi1 form div {clear:both;}
.tx-felogin-pi1 form {margin:20px 0 20px 0;}
.tx-felogin-pi1 form input#tx_felogin_pi1-forgot-email {font-size: 18px;line-height: 18px;}

/* sr_feuser_register */
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {padding: 6px 8px;background: rgba(101, 163, 128, 1.00);border:0px;color:#fff;font-weight:bold;cursor:pointer;font-family:calibri,sans-serif;font-size:18px;line-height:18px;height:auto;}
.tx-srfeuserregister-pi1 dt {width:10%;text-align:left;}
.tx-srfeuserregister-pi1 fieldset {border:0;margin:0;padding:0;}
.tx-srfeuserregister-pi1 legend {margin:0;padding:0;}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice {margin:8px 0 0 0;padding:0;}
.tx-srfeuserregister-pi1 input {height: 26px;padding:3px 6px;}

div.bk {display:none;}
.side2 	.flowBox {padding-bottom: 4px;}
ul {padding:0 0 0 4px;margin:4px 0;list-style-position:inside;}

@media screen and (max-width: 929px) {
	.galerie.y2014 .def .images .img:nth-child(odd) {margin-right: 0;}
	.galerie.y2014 .def .images, .galerie.y2014 .def .images .img {width:100%;}
}
@media screen and (max-width: 900px) {
	body {padding:0 1% 10px 1%;}
}
@media screen and (max-width: 899px) {
	@media screen and (min-width: 700px) {
		.flowBox {width: 33.333%;padding-right:4px;padding-top: 0px;}
	}
}
@media screen and (max-width: 789px) {
	#menu .wrap ul#root li.fb {display:none;}
}
@media screen and (max-width: 699px) {
		#menubutton {display:block;border-left:1px solid transparent;border-bottom:1px solid transparent;z-index:1005;width:50px;background-color:rgb(32, 54, 63);padding:6px 0;position:fixed;top:0;right:0;cursor:pointer;}
		#menubutton .row {width:40px;height:3px;margin:6px 5px;background-color:rgba(255,255,255,0.9);border-radius:1px;}
		#menu {background:linear-gradient(rgb(32, 54, 63), rgb(55, 93, 108));z-index:1000;position:fixed;top:-150%;left:0;display:block;width:100%;overflow:hidden;margin-right:50px;}
		#menu .wrap {width:100%;}
		#menu .wrap ul#root li {float:none;border-bottom:1px solid rgba(55, 93, 108, 0.50);}
		#menu .wrap ul#root li a {padding:10px 50px 10px 20px;background-color:transparent;}
		#menu .wrap ul#root li.active,
		#menu .wrap ul#root li:hover {border-bottom:1px solid rgba(55, 93, 108, 1.00);}
		#menu .wrap ul#root li.active a,
		#menu .wrap ul#root li:hover a {border-bottom: 3px solid rgba(55, 93, 108, 1.00);color:rgba(255,255,255,1.00);}
		#overlay {z-index:995;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(119, 119, 119,0.75);}
		
		#menu {padding-bottom: 10px;}
		#menu .wrap ul#root {float:none;}
		#menu .wrap ul#lang {top:-30px;right:50px;display:block;}
			#menu .wrap ul#lang li,
			#menu .wrap ul#lang li a,
			#menu .wrap ul#lang:hover li a,
			#menu .wrap ul#lang:hover li a:hover {border-left:0;border-bottom:0;}
			#menu .wrap ul#lang:hover li a {background-color:inherit;}
			#menu .wrap ul#lang:hover li a:hover {background-color:rgba(55, 93, 108, 1.00);}
			#menu .wrap ul#lang li {float:left;}

			#menu .wrap ul#root li.fb {display:none;}

		#menu .wrap .user {top:-30px;right:145px;}
		#menu .wrap .user a.user-img {display:none;}
		#menu .wrap .user a.user-img-mobile {display:block;}
		#user-area {display:none;}

		.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {width:100%;}
		.tx-srfeuserregister-pi1 label {width:100%;}
		.tx-srfeuserregister-pi1 input {width:100%;}
		.tx-srfeuserregister-pi1 textarea {width:100%;}
}
@media screen and (max-width: 699px) {
	@media screen and (min-width: 500px) {
		.box {width:100%;}
		.flowBox {width:50%;}
	}
}
@media screen and (max-width: 575px) {
	div.bk {display:block;clear:both;margin:0;padding:0;height:0;}
}
@media screen and (max-width: 485px) {
	.galerie.y2014 .def .images .img img {width:100%;}
}
@media screen and (max-width: 499px) {
	body {padding:0 5px 10px 5px;}
	.flowBox {width:100%;padding-right: 0;}
	#footer br.divider {display: inline-block;}
	#footer a.floatright {float:left;}
}
@media screen and (max-width: 375px) {
	.boxleft, .boxright {display:none;}
}

.pid141 table {width:100%;}
.pid141 table tr td {vertical-align: top}
.pid141 table tr td:first-child {width:20%;}