.close
	{
	height:40px;
	width:100%;
	position:absolute;
	z-index:8;
	}

.close-menu
	{
	float:right;
	}

.close-menu li 
	{
	list-style-type:none;
	float:left;
	}

.close-menu li .close-btn,
.close-menu li .btn
	{
	background-image:url(../img/nav-btn.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:19px;
	width:19px;
	dsiplay:block;
	}

.close-menu li .btn
	{
	border-right:1px solid #fff;
	}

.close-menu li .close-btn
	{
	background-position:right center;
	}

/* dynamic left outside*/

#block-views-ambersuite-sections-block-2 .section-item
	{
	height:auto;
	overflow:hidden;
	}

#dynamic-left-outside .section-item .node-link
	{
	background-color:#fff;
	}
	
#dynamic-left-outside .section-item .node-link a
	{
	display:block;
	padding:10px 0;
	color:#393939;
	text-decoration:none;
	text-align:center;
	}

#dynamic-left-outside .section-item .description
	{
	padding:10px;
	}

#dynamic-left-outside .section-item .node-image a,
#dynamic-left-outside .section-item .node-image img
	{
	display:block;margin:0;
	padding:0;
	}

#dynamic-left-outside .popup-hover
	{
	 left: 106%;
	}

#block-views-ambersuite-sections-block-4
	{
	background-color:rgba(0,  0, 0, 1);
	color:#fff;
	}

#block-views-ambersuite-sections-block-4 .popup-hover .popup-inner
	{
	margin-bottom:40px;
	}

/* dynamic right outside*/
.image-link
	{
	cursor:pointer;
	cursor:hand;
	}
	
.popup-hover
	{
	background-color: rgba(255, 255, 255, 1);
	color:#000;
    display: none;
    height: auto;
    left: -106%;
    line-height: 16px;
    min-height: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
	}
	
 .popup-hover .popup-inner
	{	
	padding:15px;
	margin-bottom: 20px;
	}

.popup-inner h3
	{
	text-align:center;
	font-weight:bold;
	font-size:24px;
	margin-bottom:20px;
	}
#dynamic-left-outside .section-item .node-image .rentbutton a,
.rentbutton a,
.field-name-field-link a
	{
 	background-color: #CF2F31;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    margin-bottom: 5px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
	}

.field-name-field-link a
	{
	max-width:455px;
	border:none;
	text-transform:uppercase;
	font-size:18px;
	}
/*
.popup-hover.links
	{
    padding-right: 25px;
	}
	
 .popup-hover.rechts
	{
    padding-left: 25px;
	}
	
 .popup-hover h2.node-title
	{
	text-align:center;
	margin-bottom:15px;
	font-weight:normal;
	}
	
 .popup-hover h2.node-title a
	{
	color:#fff;
	text-decoration:none;
	
	}	
	
.popup-hover .button
	{
 	bottom: 10px;
    left: 80px;
    position: absolute;
    text-align: center;
	}

 .popup-hover .button a
	{
	display:block;
	padding:10px;
	background-color:#fff;
	text-decoration:none;
	color:#000;
	}

x.popup-hover.lila .content
	{
	background-color:#5f3552;
		padding:10px;
	}

.popup-hover.orange .content
	{
	background-color:#ff9000;
		padding:10px;
	}

.popup-hover.links
	{
	left:-380px;
	 top: 10px;
	}

 .popup-hover.rechts
	{
	right: -380px;
    top: 10px;
	}

#dynamic-right-inside .section-item-50 
	{
	text-align:center;
	padding-top: 15px;
	}
*/

 .section-item-50 .node-link
	{
	display: block;
    height: auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
	 min-height: 70px;

	}
	.view-ambersuite-sections .view-aktuelle-buffets
		{
		  clear: both;
    height: auto;
    overflow: hidden;
		}
 .section-item-50 .node-image
	{
	clear:both;
	margin-top: 10px;
	}
	
 .section-item-50 .node-link a
	{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
	text-decoration:none;
	}
	
 .section-item-50 .node-link a	
	{
 color: #ffffff;
    font-size: 21px;
    font-weight: 200;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 1px 0 5px red;
    text-transform: uppercase;
	}

.section-item-50 .content-desc
	{
	min-height:47px;
	}
	
.section-item-50 .content-desc,
#block-block-12 .content
	{
	color:#fff;
	font-size:12px;
	}
	
#block-block-12 .content
	{
	padding:5%;
	}	
	
#dynamic-right-inside .section-item-50 .readmore a
	{
	font-size:12px;
	padding-top: 4px;
	}
	
.orange.links .active-arrow
	{
    background-image: url("../img/arrow-orange.png");
    background-position: right top;
    height: 50px;
    position: absolute;
    right: 0;
    top: 80px;
    width: 25px;
    z-index: 999;
	}

.orange.rechts .active-arrow	{
    background-image: url("../img/arrow-orange.png");
    background-position: left top;
    height: 50px;
    position: absolute;
    left: 0;
    top: 80px;
    width: 25px;
    z-index: 999;
	}

.lila.links .active-arrow
	{
    background-image: url("../img/arrow-lila.png");
    background-position: right top;
    height: 50px;
    position: absolute;
    right: 0;
    top: 80px;
    width: 25px;
    z-index: 999;
	}

.lila.rechts .active-arrow	{
    background-image: url("../img/arrow-lila.png");
    background-position: left top;
    height: 50px;
    position: absolute;
    left: 0;
    top: 80px;
    width: 25px;
    z-index: 999;
	}

#dynamic-bottom-right-three-cols
	{
	 background-color: rgba(0, 0, 0, 1);
    bottom: 0;
    height: auto;
    left: 25%;
    margin-top: 147px;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    right: 0;
    width: 75%;z-index: 1;
	color:#fff;
	}

#dynamic-bottom-right-three-cols #col-left,
#dynamic-bottom-right-three-cols #col-center,
#dynamic-bottom-right-three-cols #col-right
	{
	width:33%;
	float:left;
	height:auto;
	overlow:hidden;
	}

#dynamic-bottom-right-half-cols
	{
	background-color: #000;	
	width:12.5%;
	left: 87.5%;
    min-height: 500px;
    position: absolute;
    right: 0;
	 bottom: 0;z-index: 1;
	 color:#fff;
	}
	
.readmore
	{
	background-color: #CF2F31;
    clear: both;
    display: block;
    height: 25px;
    margin: 15px 0;
    text-align: center;
	}

.readmore a
	{
	display:block;
	color:#fff;
	text-decoration:none;
	}

#halloween
	{
	height: 576px;
    /*left: 30px;
    margin-left: 50%;*/
    position: absolute;
    top: 220px;
    width: 580px;
    z-index: 1;
	}

#halloween .close-btn
	{ 
	background-image: url("../img/nav-btn.gif");
    background-position: -21px center;
    background-repeat: no-repeat;
    height: 19px;
    position: absolute;
    right: 82px;
    width: 19px;
	cursor:pointer;
	 z-index: 2;
	}

#halloween a
	{
	 display: block;
	}

@media screen and (max-width:1600px)
	{
	
#halloween
	{
	width:400px;
	}	

#halloween .close-btn
	{
	right: 54px;
	}
	}