@charset "utf-8";

h1 { font-size: 1em; /* 10px × 2em = 20px */ }
p { font-size: 1.2em; line-height:normal;/* 10px × 1.2em = 12px */ }

body{
font-size: 62.5%;  
font-family: Arial;
background-color: #bcbabb;
color: #fff;
text-decoration: none;
word-spacing: 0.1em;
letter-spacing: 0;
line-height: 1.2em;
background: #a67b44 url(../images/total_bg.jpg) 50% 0;
text-align:center;
min-height:400px
}

.page{text-align:left;}
html, body { width:100%; height:100%; margin:0; border:0 none; padding:0; }
.ueberschrift_start{ background:url(../images/h1_start.png); width:401px; height:60px; text-indent:-9999px;}
.ueberschrift_boden{ background:url(../images/h1_boden.png); width:500px; height:70px; text-indent:-9999px;}
.ueberschrift_bad{ background:url(../images/h1_bad.png); width:401px; height:60px; text-indent:-9999px;}
.ueberschrift_aussen{ background:url(../images/h1_aussen.png); width:401px; height:60px; text-indent:-9999px;}
.ueberschrift_partner{ background:url(../images/h1_partner.png); width:401px; height:60px; text-indent:-9999px;}
.ueberschrift_anfrage{ background:url(../images/h1_anfrage.png); width:401px; height:60px; text-indent:-9999px;}
.ueberschrift_impressum{ background:url(../images/h1_impressum.png); width:401px; height:60px; text-indent:-9999px;}
.text{padding-left:7px;}
.inhaltscontainer{ width:480px; padding-top:20px; padding-left:10px; float:left;}
.bildcontainer{width:462px; padding-right:0px; margin:0px; float:right; display:block; width:180px; padding:10px 6px 0 0px;}
.gallery .row{
	float:left;

}
#gallery_bad_1,#gallery_wand_1, #gallery_aussen_1 {padding: 0 0 0 0 ; margin:0 0 6px 0px;}
#gallery_bad_2, #gallery_wand_2, #gallery_aussen_2{padding: 0 0 0 0 ; margin:0 0 6px 0px;}
#gallery_bad_3, #gallery_wand_3, #gallery_aussen_3{padding: 0 0 0 0 ; margin:0 0 0 0px;}
.gallery{ 
	float: right;
    padding-left: 10px;
    padding-top: 20px;
    width: 300px;
}
.gallery img{ 
	float: left;
   	margin-left:20px;
   	margin-bottom:20px;
}
.gallery img{ 
	float: left;
   	margin-left:20px;
   	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.footer{ padding-top:10px;padding-right:20px;text-align:right; margin:auto;color:#292929;}
.footer a{ color:#292929;}
/*Menu Neu*/
#navcontainer
{
margin: 0px;
padding: 0px;
margin-top:15px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
cursor:pointer;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
background: url(../images/jarostone_m_wand.png) no-repeat top left;
font-size: 0px;
float: left;
margin: 0px;
height: 90px;
width: 93px;
padding-top: 13px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
text-indent:-9999px;
}

#navcontainer li a:hover
{
background: url(../images/jarostone_m_wand_ho.png) no-repeat left top;
color: #000000;
}
#navcontainer ul li.wand a {background: url(../images/jarostone_m_wand.png) no-repeat top left;}
#navcontainer li.wand  a:hover{background: url(../images/jarostone_m_wand_ho.png) no-repeat left top; color: #000000;}
#navcontainer ul li.wand_active a {background: url(../images/jarostone_m_wand_ho.png) no-repeat top left;}
#navcontainer ul li.jarostone a {background: url(../images/jarostone_m_jarostone.png) no-repeat top left;}
#navcontainer li.jarostone  a:hover{background: url(../images/jarostone_m_jarostone_ho.png) no-repeat left top; color: #000000;}
#navcontainer ul li.jarostone_active a {background: url(../images/jarostone_m_jarostone_ho.png) no-repeat top left;}
#navcontainer ul li.boden a {background: url(../images/jarostone_m_boden.png) no-repeat top left;}
#navcontainer li.boden a:hover{background: url(../images/jarostone_m_boden_ho.png) no-repeat left top; color: #000000;}
#navcontainer li.boden_active a{background: url(../images/jarostone_m_boden_ho.png) no-repeat left top; color: #000000;}
#navcontainer ul li.bad a {background: url(../images/jarostone_m_bad.png) no-repeat top left;}
#navcontainer li.bad a:hover{background: url(../images/jarostone_m_bad_ho.png) no-repeat left top; color: #000000;}
#navcontainer li.bad_active a{background: url(../images/jarostone_m_bad_ho.png) no-repeat left top; color: #000000;}
#navcontainer ul li.aussen a {background: url(../images/jarostone_m_aussen.png) no-repeat top left;}
#navcontainer li.aussen a:hover{background: url(../images/jarostone_m_aussen_ho.png) no-repeat left top; color: #000000;}
#navcontainer li.aussen_active a{background: url(../images/jarostone_m_aussen_ho.png) no-repeat left top; color: #000000;}
#navcontainer ul li.partner a {background: url(../images/jarostone_m_partner.png) no-repeat top left;}
#navcontainer li.partner a:hover{background: url(../images/jarostone_m_partner_ho.png) no-repeat left top; color: #000000;}
#navcontainer li.partner_active a{background: url(../images/jarostone_m_partner_ho.png) no-repeat left top; color: #000000;}
#navcontainer ul li.anfrage a {background: url(../images/jarostone_m_anfrage.png) no-repeat top left;}
#navcontainer li.anfrage a:hover{background: url(../images/jarostone_m_anfrage_ho.png) no-repeat left top; color: #000000;}
#navcontainer li.anfrage_active a{background: url(../images/jarostone_m_anfrage_ho.png) no-repeat left top; color: #000000;}

#navcontainer ul li.terrastone a {
display:none;
text-decoration: none;
font-size: 0 px;
float: left;
margin: 0px;
height: 0px;
width: 0px;
text-indent:-9999px;
background: url() no-repeat left top; color: #000000;}
#navcontainer li.terrastone a:hover{background: url() no-repeat left top; color: #000000;}

/*MENU old
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
cursor: pointer;
list-style-type:none;
font-size: 1.2em;
list-style-position:outside;
width:100%;
height:93px;
}

#navlist li
{
display: inline;
list-style-type: none;
cursor: pointer;
height:93px;

}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


.wand { background:transparent url(../images/jarostone_m_wand.png) no-repeat;color:#CCC; width:122px; height:90px;}
.wand a{ width:122px; height:90px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px; padding-bottom:40px;}
.wand a{ background:transparent url(../images/jarostone_m_wand_ho.png) -130px -20px no-repeat;}
.wand a:hover{background-position:0 0; z-index:50;}

ul#navlist li{ height:90px; width:93px;}


/*MENU*/

#cont {
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	top:0px;
	width:1012px;
	height:561px;
}

#top_bg {
	position:absolute;
	left:0px;
	top:0px;
	width:1012px;
	height:12px;
	background:url(../images/jarostone_upbg.png)
}

#left_bg {
	position:absolute;
	left:0px;
	top:12px;
	width:12px;
	height:537px;
	background:url(../images/jarostone_02.png)
}

#top_inner {
	position:absolute;
	left:12px;
	top:12px;
	width:987px;
	height:11px;
	background:url(../images/jarostone_up_bg.jpg) repeat-x;
}

#right_bg {
	position:absolute;
	left:999px;
	top:12px;
	width:13px;
	height:537px;
	background:url(../images/jarostone_right_bg.png)
}

#jarostone-05_ {
	position:absolute;
	left:12px;
	top:23px;
	width:10px;
	height:526px;
}

#inhalt_start {
	position:absolute;
	left:22px;
	top:23px;
	width:962px;
	height:394px;
	background:url(../images/site_bg.jpg);
}
#inhalt_bad {
	position:absolute;
	left:22px;
	top:23px;
	width:962px;
	height:394px;
	background:url(../images/jaro_baddesign.jpg);
}
#inhalt_boden{
	position:absolute;
	left:22px;
	top:23px;
	width:962px;
	height:394px;
	background:url(../images/jaro_boden.jpg);
}
#inhalt_wand {
	position:absolute;
	left:22px;
	top:23px;
	width:962px;
	height:394px;
	background:url(../images/home_bg.jpg);
}

#inhalt_aussen {
	position:absolute;
	left:22px;
	top:23px;
	width:962px;
	height:394px;
	background:url(../images/jaro_aussen.jpg);
}
#jarostone-07_ {
	position:absolute;
	left:984px;
	top:23px;
	width:15px;
	height:526px;
}

#menubar {
	position:absolute;
	left:22px;
	top:417px;
	width:962px;
	height:132px;
	background:url(../images/jarostone_bg_menu.jpg) repeat-x;
}

#bg_bottom {
	position:absolute;
	left:0px;
	top:549px;
	width:1012px;
	height:30px;
	background:url(../images/jarostone_bottom_bg.png) no-repeat;
}
.menu{ width:700px; float:left}
.logo{ float:right; padding-top:30px;}