body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.cj-green-color { color:#c7e331 !important; }
.cj-blue-color { color:#00cccc !important; }
/*  CSS  */

.vorschaltseite #nav2 a.first,
.vorschaltseite #nav1 a.first {
	color:#c7e331;
}

p.casajardinia {
	color:#c7e331;
}

.hide-on-desk {
	display:none;
}

/*  Rocksolid Slider  */

.rsts-skin-dark.rsts-main {
	border:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	background-color:#232323 !important;
}

.rsts-skin-dark.rsts-main .rsts-slide,
.rsts-skin-dark.rsts-main .rsts-slides {
	background-color:#232323 !important;
}

.rsts-skin-dark .rsts-nav-thumbs {
	padding-top:5px !important;
	background-color:#232323 !important;	
}

/*  teaser-image  */

.teaser-image {
	width:32%;
	margin-right:1%;
	float:left;
	overflow:hidden !important;
	margin-bottom:0;
}

.teaser-image.interior {
	margin:0;
}

.interiors.dedimora .teaser-image {
	width:22.5%;
}

.link-interior {
	width:65%;
	float:left;
	height:157px;
	margin-bottom:10px;
	margin-right:1%;
}

.teaser-image .image_container {
	height:157px;
	max-width:100%;
	overflow:hidden !important;
	margin-bottom:10px;
}

.teaser-image img {
	height:auto;
	max-width:100%;
}

.teaser-image .caption {
	height:10px !important;
	
}


.teaser-image .caption a {
	display:inline-block;
	background:rgba(0,0,0,0.5);
	position:relative;
	top:-70px;
	margin:0;
	height:49px;
	width: 100%;
	line-height:20px;
	color:#fff;
	text-align:center;
	padding-top:10px;
	font-size:20px;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

.teaser-image:hover .caption a {
	display:inline-block;
	background:rgba(0,0,0,0.7);
	position:relative;
	top:-88px;
	margin:0;
	height:73px !important;
	line-height:20px;
	color:#fff;
	text-align:center;
	padding-top:5px;
}






/*  IFRAME DE DIMORA  */
#outerdiv {
	width:1200px;
	height:530px;
	overflow:hidden;
	position:relative;
}

#innerdiv {
	position:absolute;
	top:-283px;
	left:-162px;
	width:1280px;
	height:1200px;
}









#header .inside,
#footer .inside {
	width:960px;
	margin:0 auto;
}

#container {
	width:700px !important;
	margin:0 auto;	
}

.dedimora #container {
	width:1000px !important;
	margin:0 auto;	
}

#slider {
	height:380px;
	overflow:hidden;
	width:100%;
	text-align:center;
	background:url(../../files/img/img_slider.jpg) top center repeat-x;
}

.unterseiten #slider {
	height:200px;
	background:url(../../files/img/img_slider_unterseiten.jpg) top center repeat-x;
}

#slider img {
	width:100%;
}

#main .inside {
	padding:10px 0 100px 40px;
}

#left .inside {
	padding:40px 0;
}

body {
	background:#333333 url(../../files/img/img_body_bg.png) top center repeat-x;
	color:#fff;
	font-size:16px;
	line-height:32px;
	font-family: "Muli","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

#footer {
	border-top:#c7e331 3px solid;
}

#footer p {
	line-height:20px;
	height:40px;
	color:#fff;
	margin-top:20px;
}

#footer p span {
	border-right:#c7e331 1px solid;
	height:40px;
	margin:0 12px;
}

#footer a {
	color:#c7e331;
	text-decoration:none;
}

/* LInks */
a {
	color:#c7e331;
	text-decoration:none;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}


/*  Titel  */
h1,h2,h3,h4,h5,h6 {
	color:#c7e331;
	text-shadow:#000000 2px 2px 2px;
}

h1 {
	font-size:150%;
}

h2 {
	font-size:120%;
	font-weight:normal;
}


/*  Logo  */
#logo {
	position:absolute;
	left:0;
	top:26px;
	width:960px;
	height:85px;
}

#logo a {
	width:960px;
	height:85px;
	background:url(../../files/img/img_logo_casa.png) top left no-repeat;
	display:block;
}


/*  nav1  */

#nav1 {
	position:absolute;
	top:115px;
	left:0;
}

#nav1 li {
	position:relative;
	float:left;
	height:40px;
	margin-top:10px;
	border-right:#c7e331 1px solid;
	padding:0 12px;
}

#nav1 li.first {
	padding-left:0;
}

#nav1 li.last {
	border:0;
}

#nav1 li a,
#nav1 li p,
#nav1 li span {
	line-height:40px;
	text-decoration:none;
	color:#fff;
	text-shadow:#000000 2px 2px 2px;
}

#nav1 a.trail,
#nav1 li.active span,
#nav1 li a:hover {
	color:#c7e331;
}

#nav1 li.home a:hover {
	color:#c7e331 !important;
}




/*  nav2 */
#nav2 li {
	border-top:#c7e331 1px solid;
	padding-left:40px;
	list-style-type:disc;
	background:url(../../files/img/img_nav2_arrow.png) 20px 13px no-repeat;
}

#nav2 li.last {
	border-bottom:#c7e331 1px solid;
}

#nav2 li a,
#nav2 li p,
#nav2 li span {
	line-height:20px;
	padding:10px 0;
	text-decoration:none;
	color:#fff;
	display:block;
	text-shadow:#000000 2px 2px 2px;
}

#nav2 li.active span,
#nav2 li a:hover {
	color:#c7e331;
}

#nav2-top li {
	display:none;
}

#nav2-top ul {
	margin:0;
}

#nav2-top li.trail,
#nav2-top li.active {
	display:block;
	border-top:#c7e331 1px solid;
	padding-left:40px;
	list-style-type:disc;
	background:url(../../files/img/img_nav2_arrow.png) 20px 13px no-repeat;
	line-height:40px !important;
	height:40px !important;
	margin:0;
	font-weight:bold;
	color:#c7e331;
}

#nav2-top li.contact {
	display:none;
}

#left h3 {
	border-top:#c7e331 1px solid;
	font-size:16px;
	line-height:40px;
	color:#c7e331;
	margin:0;
	padding-left:40px;
	font-weight:bold;
}


/*  chercher  */
#header #chercher {
	position:absolute;
	top:130px;
	right:0;
    line-height:0;
}

#header #chercher input.text {
    width:150px;
	height:20px !important;
	padding:5px 20px 5px 5px;
    border:0;
    color:#fff;
    background: #333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/*#header #chercher input.text:focus,
#header #chercher input.text:hover {
    width:200px;
	background-color:#333 !important;
}*/

#header #chercher input.submit {
	position:absolute;
	right:0;
	top:3px;
	width:20px;
    overflow:hidden;
    margin:0;
    background-position:right center;
    background-repeat:no-repeat;
    border:0;
    text-indent:-2000px;
	background-color:#fff;
}

input[type="submit"]:hover,
.button:hover {
}

/*  Listen  */

#main ul {
}

#main ul li {
	padding-left:20px;
	background:url(../../files/img/bullet.png) left 14px no-repeat;
}

#main ul.interiors li {
	padding-left:20px;
	background:url(../../files/img/bullet_interiors.png) left 14px no-repeat;
}


/* sprachenwechsler */

#sprachenwechsler {
	position:absolute;
	top:0;
	left:0;
	line-height:20px;
}

#sprachenwechsler li {
	float:left;
	padding:0;
	margin:0;
}

#sprachenwechsler a,
#sprachenwechsler span {
	text-decoration:none;
	margin-right:10px;
	font-size:14px;
}

#sprachenwechsler a {
	color:#c7e331;
}
	

/*  .galleria-container  */

.galleria-container {
	/*background:#323232;*/
}


/*  meta  */

#meta {
	margin:10px 0;
}

#meta li {
	width:100%;
}

#meta a,
#meta a:hover,
#meta li.active {
	color:#fff;
	text-align:right;
	display:block;
}



/*  PDF  */

.ce_download {
	position:absolute;
	top:30px;
	right:0;
	z-index:999;
	font-size:11px;
}

.ce_download a {
	height:30px;
	line-height:30px;
	display:inline-block;
}

.ce_download .size {
	display:none;
}

.ce_download img,
#main table img {
	margin:3px 5px 0 0;
	float:left;
}

.contact #main table td {
	padding-right:10px;
}

#main table {
	height:30px;
}

#main table a {
	font-size:11px;
	height:30px;
	line-height:30px;
	display:inline-block;
	margin-top:23px;
}



/*  jardin_suisse  */

#jardin_suisse {

}

#jardin_suisse .image_container {
	right:0;
	text-align:right;
}



/*
INTERIORS
*/

/* LInks */
.interiors a,
a.interiors,
p.interiors {
	color:#00cccc;
}


.interiors #slider {
	height:380px;
	overflow:hidden;
	width:100%;
	text-align:center;
	background:url(../../files/img/img_slider_interiors.jpg) top center repeat-x;
}

.interiors.unterseiten #slider {
	height:200px;
	background:url(../../files/img/img_slider_unterseiten_interiors.jpg) top center repeat-x;
}

.interiors h1,
.interiors h2,
.interiors h3,
.interiors h4,
.interiors h5,
.interiors h6 {
	color:#218a89;
	color:#00cccc;
	text-transform:uppercase;
}

/* sprachenwechsler */

.interiors #sprachenwechsler a {
	color:#218a89;
	color:#00cccc;
}

/*  nav */

.interiors #nav1 li a,
.interiors #nav1 li p,
.interiors #nav1 li span {
	color:#ececed;
}

.interiors #nav1 a.trail,
.interiors #nav1 li.active span,
.interiors #nav1 li a:hover {
	color:#218a89;
	color:#00cccc;
}

.interiors #nav1 li {
	border-right:#00cccc 1px solid;
}

.interiors #nav1 li.last {
	border:0;
}

#nav1 li.interiors-home a:hover {
	color:#00cccc !important;
}


/*  nav2  */
.interiors #nav2 li {
	border-top:#00cccc 1px solid;
	background:url(../../files/img/img_nav2_arrow_interiors.png) 20px 13px no-repeat;
	list-style-type:none;
	padding-left:40px;
	margin-bottom:0;
}

.interiors #nav2 li ul {
	margin:0;
}

.interiors #nav2 li.last {
	border-bottom:#00cccc 1px solid;
}

.interiors #nav2 li li.last {
	border-bottom:0;
}

.interiors #nav2 li a,
.interiors #nav2 li p,
.interiors #nav2 li span {
	color:#ebddd1;
	color:#ececed;
}

.interiors #nav2-top li.trail,
.interiors #nav2-top li.active {
	display:block;
	border-top:#00cccc 1px solid;
	padding-left:40px;
	list-style-type:disc;
	background:url(../../files/img/img_nav2_arrow.png) 20px 13px no-repeat;
	line-height:40px !important;
	height:40px !important;
	margin:0;
	font-weight:bold;
	color:#00cccc;
}

.interiors #left h3 {
	border-top:#00cccc 1px solid;
	color:#218a89;
	color:#00cccc;
}

.interiors #nav2 a.trail,
.interiors #nav2 li.active span,
.interiors #nav2 li a:hover {
	color:#218a89;
	color:#00cccc;
}




.interiors #footer {
	border-top:#00cccc 3px solid;
}

.interiors #footer p {
	color:#ececed;
}

.interiors #footer p span {
	border-right:#00cccc 1px solid;
}

.interiors #footer a {
	color:#218a89;
	color:#00cccc;
}

body.interiors {
	background:#333333 url(../../files/img/img_body_bg_interiors.png) top center repeat-x;
	color:#ececed;
}


/*  meta  */
.interiors #meta a {
	color:#ececed;
}

/*  logo  */
.interiors #logo a {
	background:url(../../files/img/img_logo_casa_inter.png) top left no-repeat;
}

/*  Listen  */

.interiors #main ul li {
	padding-left:30px;
	background:url(../../files/img/bullet_interiors.png) left 16px no-repeat;
}






/*  portrait */
@media only screen and (max-width : 1040px)  {
#slider {
	height:380px;
	overflow:hidden;
	width:100%;
	text-align:center;
	background:url(../../files/img/img_slider_ipad.jpg) top center repeat-x;
}

.unterseiten #slider {
	height:200px;
	background:url(../../files/img/img_slider_unterseiten_ipad.jpg) top center repeat-x;
}	
}