@charset "UTF-8";
/* CSS Document */

/*Allgemein*/

*							{ margin:0; padding:0; }
body 						{font-family: 'Roboto', sans-serif; width:100%; height:100%; -ms-word-break:break-all; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; background:#000 url(../images/titel-hg-80x60-kachel.png) repeat; background-attachment:fixed;}
img							{ border:0 none; }

#row-one-container, #row-two-container, #row-three-container, #row-four-container, #row-five-container, #row-six-container, #row-seven-container,
#row-eight-container, #row-nine-container, #row-ten-container, .box-full, .box-half, .box-third, .box-third-2nd, .box-quarter, .box-quarter-2nd, .box-quarter-3rd,
.box-fifth, .box-fifth-2nd, .box-fifth-3rd, .box-fifth-4th, .box-sixth, .box-sixth-2nd, .box-sixth-3rd, .box-sixth-4th, .box-sixth-5th, .box-three-quarters,
.box-two-thirds, .box-two-thirds-last, .box-three-quarters-last, .box-half-last, .box-third-last, .box-quarter-last, .box-fifth-last, .box-sixth-last,
.box-two-fifths, .box-two-fifths-last, .box-three-fifths, .box-three-fifths-last, .box-four-fifths, .box-four-fifths-last, .box-five-sixths,
.box-five-sixths-last 		{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#row-one-container, #row-two-container, #row-three-container, #row-four-container, #row-five-container, #row-six-container, #row-seven-container,
#row-eight-container, #row-nine-container, #row-ten-container, #row-eleven-container, #row-twelve-container, #row-thirteen-container, #row-fourteen-container,
#row-fifteen-container, #row-sixteen-container 
							{width:100%;}

.box-full, .box-half, .box-third, .box-third-2nd, .box-quarter, .box-quarter-2nd, .box-quarter-3rd, .box-fifth, .box-fifth-2nd,
.box-fifth-3rd, .box-fifth-4th, .box-sixth, .box-sixth-2nd, .box-sixth-3rd, .box-sixth-4th, .box-sixth-5th, .box-three-quarters, .box-two-thirds,
.box-two-fifths, .box-three-fifths, .box-four-fifths, .box-five-sixths 
							{float:left;}

.box-half-last, .box-third-last, .box-quarter-last, .box-fifth-last, .box-sixth-last, .box-three-quarters-last, .box-two-thirds-last,
.box-two-fifths-last, .box-three-fifths-last, .box-four-fifths-last, .box-five-sixths-last 
							{float:left; margin-right:0;}

.box-full 					{width:100%;}
.box-half, .box-half-last 	{width:50%;}
.box-third, .box-third-2nd, 
.box-third-last 			{width:33.33%;}

.box-quarter, .box-quarter-2nd, .box-quarter-3rd, .box-quarter-last 
							{width:25%;}

.box-fifth, .box-fifth-2nd, .box-fifth-3rd, .box-fifth-4th, .box-fifth-last 
							{width:20%;}

.box-sixth, .box-sixth-2nd, .box-sixth-3rd, .box-sixth-4th, .box-sixth-5th, .box-sixth-last 
							{width:16.66%;}

.box-three-quarters, .box-three-quarters-last 
							{width:75%;}

.box-two-thirds, .box-two-thirds-last 
							{width:66.66%;}

.box-two-fifths, .box-two-fifths-last 
							{width:40%;}

.box-three-fifths, .box-three-fifths-last 
							{width:60%;}

.box-four-fifths, .box-four-fifths-last 
							{width:80%;}

.box-five-sixths, .box-five-sixths-last
							{width:83.33%;}

/* The following is required to clear the wrapper and row containers else they will collapse due to elements within them all being floated */
.box-wrapper:after, #row-one-container:after, #row-two-container:after, #row-three-container:after,
#row-four-container:after, #row-five-container:after, #row-six-container:after, #row-seven-container:after,
#row-eight-container:after, #row-nine-container:after, #row-ten-container:after, #row-eleven-container:after,
#row-twelve-container:after, #row-thirteen-container:after, #row-fourteen-container:after, #row-fifteen-container:after,
#row-sixteen-container:after, .clear-row:after 
							{content:""; display: table; clear: both;}
	
.box-full, .box-half, .box-third, .box-third-2nd, .box-quarter, .box-quarter-2nd, .box-quarter-3rd, .box-fifth, .box-fifth-2nd,
.box-fifth-3rd, .box-fifth-4th, .box-sixth, .box-sixth-2nd, .box-sixth-3rd, .box-sixth-4th, .box-sixth-5th, .box-three-quarters, .box-two-thirds,
.box-half-last, .box-third-last, .box-quarter-last, .box-fifth-last, .box-sixth-last, .box-three-quarters-last, .box-two-thirds-last,
.box-two-fifths, .box-three-fifths, .box-four-fifths, .box-five-sixths, .box-two-fifths-last, .box-three-fifths-last, .box-four-fifths-last,
.box-five-sixths-last 		{/* The following styles have only been added so that you can see where the boxes are when they do not contain anything, feel free to alter these. */
							min-height:80px;}

.box-half-last, .box-third-last, .box-quarter-last, .box-fifth-last, .box-sixth-last, .box-three-quarters-last, .box-two-thirds-last,
.box-two-fifths-last, .box-three-fifths-last, .box-four-fifths-last, .box-five-sixths-last {
	/* This style has only been added to hightlight the importance of the last box used at the end of each row. Feel free to change this. */
	 }
	 
.clear						{ clear:both; float:none; width:100%; height:1px; margin:-1px 0 0; padding:0; font:normal 1px/1px sans-serif; }
.cfix						{ width:100%; height:100%; position:relative; }
.cfix:after					{ content:""; ndisplay:table; clear:both; }

p, h1, h2, h3, h4, h5, h6 	{ font-family:'Roboto', sans-serif; }

h1							{font-size: 70px; line-height:80px; text-align:center; text-transform:uppercase; font-weight:100;!important color:#3e0946; letter-spacing:4px; }
h2							{color:#3e0946; font-size:60px; line-height:80px; text-transform:uppercase; letter-spacing:2px;text-align:left; font-weight:300;}
h3							{color:#d6ee9a; font-size:34px; line-height:40px; text-transform:uppercase; letter-spacing:2px; text-align:center; font-weight:300;}
h5							{font-size: 28px; line-height:38px; font-weight:400; text-align:center; color:#64575b;}
h6							{font-size: 28px; line-height:34px; font-weight:300; text-align:left; color:#3e0946; letter-spacing:1px; text-transform:uppercase; margin-top:35px;}
p							{font-size:15px; line-height:22px; font-weight:300; text-align:left; color:#64575b; letter-spacing:0.04em;}
#row-six-container	li 		{font-size:15px; line-height:22px; font-weight:300; text-align:center; color:#64575b; letter-spacing:0.04em;}



/*Header*/

#header						{position:fixed;left:0;top:0; width:100%; background-image:url(../images/header-hg.jpg); background-repeat:repeat-x repeat-y; z-index:99999; border-bottom: #d6ee9a 2px solid; background-color:#3e0946;}

/*Navigation*/

.responsive-nav 			{width: 100%; height: 60px; margin: 0 auto; overflow:hidden; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease;}  
.responsive-nav-changed 	{height: 345px;}
.responsive-nav-tab 		{color:#ffffff;	padding:5px 20px; text-align:left; font-size:35px; cursor: context-menu;}
.responsive-nav ul 			{margin-top:5px; padding-top:5px; padding-bottom:20px; padding-left:0; height:100%; background:#d6ee9a;}
.responsive-nav li 			{font-family:'Roboto', sans-serif; padding: 16px 0px; list-style:none; padding-left:0; text-align:left;color:#FFF; letter-spacing:1px; text-transform:uppercase;}
.responsive-nav li a 		{color: #3e0946;}
.responsive-nav a 			{padding-left:20px;}
.responsive-nav li:hover 	{background:#3e0946;}
.responsive-nav li:hover a 	{color:#ffffff; }
.responsive-nav li a, 
.responsive-nav li a:hover, 
a, a:hover 					{text-decoration:none;}


/*Language + Logo*/

#language 							{float:right; width: 100px; position:relative; text-align:right;}
#language a							{line-height:50px;margin:0 ;font-family: 'Roboto', sans-serif;!important font-size: 16px; font-weight:400; text-decoration:none; letter-spacing:1px; text-transform:uppercase; color:#FFF;}
#language ul						{position:absolute; list-style:none; margin-top:8px;}
#language ul li						{display:inline-block;}
#language a:hover 					{color:#d6ee9a;}
#site-title							{margin-top:15px;}
#site-title a						{position: absolute;left: 50%;top: 15px;margin: 0px 0px 0px -80px; background: url(../images/logo-casaverde.png) no-repeat scroll center center / contain transparent;font-size: 1px; text-indent: -9999px; overflow: hidden; width:160px; height:160px;}
#site-title a:hover					{border:none; text-decoration:none;}
#site-title a:active				{border:none; text-decoration:none;}
#site-title .selectet				{border:none; text-decoration:none;}
#facebook							{height: 35px; float:right; position:relative; text-align:right; margin-right:3%; margin-top:12px; border:none; display:block;}


/*Content*/

#content							{height:100%; width:100%; position:relative; overflow:hidden;}
#content img						{height: auto;  max-width: 100%; size:landscape; margin:0 auto; text-align:center; display:block;}
.down_arrow, .down_arrow p 						{font-size: 14px; text-align: center; color:#fa8254; font-family: 'Source Sans Pro', sans serif; font-weight: 400; width: 100px; margin-left: -50px; height: 20px; background-position: center bottom; position: absolute; bottom: 30px; left: 50%; margin-left: -50px; z-index: 10; opacity: 0.9; transition: margin-bottom 50ms ease 0s, opacity 300ms ease 0s; background-repeat:no-repeat;}


/*Apartment*/

#row-one-container					{background-color:#FFF;!important height:100%; }
#apartment 							{margin-top:0; padding:50px 40px; max-width:980px;margin:auto; height:100%;}
.divider 							{margin:auto; margin-top:10px; text-align:center; display:block;}
#apartment .box-half				{padding-right:20px; background:url(../images/img-apartment-main.jpg) no-repeat top;background-size:100% auto; height:500px;}
#apartment.box-half img				{margin-top:10px;}
#apartment .box-half-last			{padding:35px 0 35px 20px;}
#liste								{margin-left:15px;margin-top: 15px;}
#apartment li						{list-style-image:url(../images/img-list.png); font-size:15px; line-height:22px; font-weight:300; text-align:left; color:#64575b; letter-spacing:0.04em; margin:0; }


/*Single Image*/
.divider_wrapper					{width:100%;}
.single_image	 					{background-image:url(../images/bg-singleimage.jpg); background-position: center center; display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; max-width: 2000px; margin: 0px auto;}
.single_image .description p 		{display: block; font-weight: 300;font-size: 65px; line-height: 80px; text-transform:uppercase; letter-spacing:3px; color: #FFF; height: 560px !important; max-width:49%; padding-top: 6%; padding-left: 51%; margin:0 auto;}


/*Region*/


#region 							{ background: none repeat scroll 0% 0%; min-height:560px; position:relative;}
#row-two-container 					{ background:url(../images/bg-region.jpg); background-size:100% auto; background-position:top; background-repeat:repeat; padding:4% 5% 0%; height:auto; position:relative; }
#row-two-container .box-quarter, 
.box-quarter-2nd, .box-quarter-3rd, 
.box-quarter-last					{ height:100%; position:static; padding:0 20px 0 40px; text-align:center;}				
#row-two-container p 				{text-align:center; color:#FFF; padding-bottom:20%; padding-top:25px;}
#row-two-container img 				{ margin:auto; width:35%; display:block; min-width:50px; margin-bottom: 20%;}


/*Wir sind Ihnen behilflich*/

#row-three-container				{background:#d6ee9a; width:100%;padding-left:5%;}
#row-three-container .box-half		{padding:3% 5% 3%;}
#row-three-container .box-half p	{font-size:20px; line-height:28px; padding-top:25px;}
#row-three-container .box-half-last	{padding:4% 0% 3%;}
#row-three-container li				{list-style-image:url(../images/img-list.png); font-size:15px; line-height:22px; font-weight:300; text-align:left; color:#64575b; letter-spacing:0.04em; margin:0; }
#row-three-container a				{text-decoration:underline; color:#64575b;}
#row-three-container a:hover		{color:#3e0946;}


/*Gallery*/

#row-four-container					{width:100%; position: relative; margin:0 auto; box-sizing:border-box; background-color:#FFF;}
#toolbar							{position:absolute; z-index:3; right:10px; top:10px; padding:5px; background:url(../images/fs_img_g_bg.png);}
#toolbar img						{border:none;}
#img_title							{position:absolute; z-index:3; left:10px; top:10px; padding:10px; background:url(../images/fs_img_g_bg.png); color:#FFF; font-family:'Roboto', sans-serif; font-size:24px; text-transform:uppercase; letter-spacing:2px; font-weight:300;}
#bg									{z-index:1; overflow:hidden; width:100%; height:100%;}
#bgimg								{display:none; -ms-interpolation-mode: bicubic;}
#preloader							{position:absolute; z-index:3; width:32px; padding:20px; top:80px; margin:auto; background:#000; margin-left:50%; display:none;}
#thumbnails_wrapper					{z-index:2; position:absolute; bottom:0; width:100%; background:url(../images/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container					{position:relative; padding:0; width:100%; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(../images/fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:170px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:5px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #fff;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn		{display:block; position:absolute; width:50px; height:50px; margin:-25px 10px 0 10px; top:50%;; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn						{right:0; background:#000 url(../images/nextImgBtn.png) center center no-repeat;}
.prevImageBtn						{background:#000 url(../images/prevImgBtn.png) center center no-repeat;}


/*Kontakt*/

#row-five-container					{min-height:500px; background:url(../images/hg-kachel.png) repeat; }
#kontakt 							{max-width:960px;  margin:auto; }
#kontakt p							{font-size:23px; line-height:32px; margin-top:4%;}
#kontakt h2							{font-size:32px; line-height:40px; padding: 13px 0 0 70px; text-transform:none;}
#kontakt .box-half-last h2 			{padding-left:80px;}
.icon								{margin-right:10px; width:100%; margin-top:35px; letter-spacing:0;}
.icon img							{float:left;}
#kontakt a h2						{text-decoration:underline; font-size:24px;}
#kontakt .box-half					{padding-right:20px; padding-bottom:5%;}
#kontakt .box-half-last				{padding-left:20px; padding-bottom:4%;}
#kontakt .box-half-last p			{padding:13px 0 0 80px; font-size:20px;}
#buchen								{background:url(../images/btn-buchen.png) repeat; height: 40px; width:170px; margin:0 auto; margin-top:30px; margin-bottom:5%;}
.buchenbutton						{color:#FFF; font-size:18px; text-align:center; display: block; padding-top:4%;}
#buchen:hover						{background:url(../images/btn-buchen-hover.png) repeat}


/*Googlemap*/

#googlemap .box-full iframe			{height:500px;}


/*DS/Impressum*/

#row-six-container					{background:url(../images/bg-ds.jpg) repeat; text-align:center; margin:auto; padding:5%;}
#row-six-container h2				{text-align:center; font-size:44px; line-height:52px; margin-top:5%; }
#row-six-container p				{text-align:center; margin-top:35px;}
#row-six-container a				{ text-decoration:underline; color:#3e0946; }

/*Pfeil nach oben*/

.wrapper-top 						{position:fixed; bottom:10px; right:15px;}
.wrapper-top img 					{width:30px; opacity:0.7; padding:10px;}
.wrapper-top img:hover 				{opacity:1;}