@import "reset.css";

body {
    background:url("../images/elements/main_bg.jpg") repeat-x scroll center top #3E3431;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
div {
border:0px solid white;
}

br {
	clear:both;
}

.hidden {
	display:none;
}
.main-wrapper {
    width:1003px;
    margin: auto;
    position:relative;

}

.top-wrapper {
    width:100%;
    float:left;
    height:350px;
}

.logo-wrapper {
    float:left;
    z-index:10;
    width:170px;
    height:120px;
    margin-left:35px;
}

.top-nav-wrapper {
    padding-right:00px;
    width:797px;
    height:59px;
    float:right;
}

.top-nav-wrapper a {
    display:block;
    float:left;
    margin-left:10px;
    padding-top:30px;
    height:29px;
    width:140px;
    text-align:center;
    color:white;
    text-decoration:none;
    font-size:13px;
}



#item1 {
    background:url("../images/navigation/news.gif") no-repeat scroll left top transparent;
    margin-left:10px;
}

#item2 {
    background:url("../images/navigation/sauna.gif") no-repeat scroll left top transparent;
    margin-left:22px;
}

#item3 {
    background:url("../images/navigation/zubehor.gif") no-repeat scroll left top transparent;
    margin-left:22px;
}

#item4 {
    background:url("../images/navigation/sauna_kultur.gif") no-repeat scroll left top transparent;
    margin-left:22px;
}

#item5 {
    background:url("../images/navigation/kontakt.gif") no-repeat scroll left top transparent;
    float:right;
}
a#item1:hover,a#item2:hover,a#item3:hover,a#item4:hover,a#item5:hover {
    background-position:left bottom;
}

.content-wrapper {
    width:1003px;
    clear:both;
    padding:0px 0px;
    background-color:#3E3431;
    border-top:15px solid #D5CEBD;
    border-bottom:15px solid #D5CEBD;
    float:left;
}

* html div.content-left {
   height: expression( this.scrollHeight < 372 ? "372px" : "auto" ); /* sets min-height for IE */
}

.content-left {
    float:left;
    background:url("../images/elements/logo_bg.jpg") no-repeat scroll center top #3E3431;
    padding:6px 10px 10px 10px;
    width:180px;
    min-height:372px;
}

.left-nav-title {
	float:left;
	width:155px;
	height:27px;
	display:block;
	color:white;
	font-size:18px;
	text-decoration:none;
	padding:10px 0px 0px 25px;
	background:url("../images/navigation/news.gif") repeat left bottom;
}

* html div.content-middle , * html div.aktionskabinen-content-middle {
   height: expression( this.scrollHeight < 392 ? "392px" : "auto" ); /* sets min-height for IE */
}

.aktionskabinen-content-middle {
	float:left;
	margin:0 0 0 0px;
	min-height:392px;
	width:805px;
	background-color:white;
	border-left:14px solid #D5CEBD;
	border-right:14px solid #D5CEBD;
}

.content-middle {
	float:left;
	margin:0 0 0 0px;
	min-height:392px;
	width:605px;
	background-color:white;
	border-left:14px solid #D5CEBD;
	border-right:14px solid #D5CEBD;
}

.middle-title {
	float:left;
	font-size:18px;
	color:white;
	height:35px;
	width:100%;
	background-color:#3E3431;
	padding:15px 0px 0px 0px;
	position:relative;
}

.middle-title div {
	padding-left:20px;
}

.news-item {
	float:left;
	padding:30px 20px 0px 20px;
	color:#333333;
	font-family:Verdana,Arial;
	font-size:12px;
	line-height:16px;
}

.news-item .title {
	float:left;
	font-weight:bold;
	width:470px;
	padding-bottom:3px;
}

.news-item .date {
	float:right;
	width:80px;
	padding-bottom:3px;
	font-weight:bold;

}

.news-item .body {
	float:left;
	clear:both;
	width:100%;
}

.news-item .body a {
	color:#3E3431;
	text-decoration:none;
}

.content-right {
	float:right;
	width:155px;
	padding:10px 0 0 15px;
	background-color:#3E3431;
}

.right-menu-item {
	float:left;
	width:100%;

}

.right-menu-link {
	background:url("../images/elements/arrow.gif") no-repeat scroll left center transparent;
	padding:10px 0 10px 20px;
	text-align:left;
	line-height:14px;

}

.right-menu-link a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
}

.footer-wrapper {
	color:white;
	text-align:right;
	font-size:10px;
	padding:3px 0px 20px 0px;
	float:left;
	width:100%;

}

.footer-wrapper a {
	color:white;
	text-decoration:none;
}

/* NEWS */

.news-menu {
	float:left;
	padding-top:5px;
	padding-left:25px;
	font-size:12px;
	line-height:14px;
}

.news-year {
	display:block;
	float:left;
	color:white;
	text-decoration:none;
	font-weight:bold;
}

.news-menu ul {
	float:left;
	clear:both;
	font-size:12px;
	padding-top:10px;
}

.news-menu li {
	padding:5px 0px 5px 20px;
	float:left;
	clear:both;
}

.news-month {
	display:block;
	float:left;
	color:white;
	text-decoration:none;
}

/* SORTIMENT */
.sortiment-content-middle {
	float:left;
	min-height:392px;
	width:775px;
	background-color:white;
	border-left:14px solid #D5CEBD;
	border-right:14px solid #D5CEBD;
}

.sortiment-wrapper {
	padding:30px 20px;
	float:left;
}

.aktionskabinen-sortiment-wrapper {
	padding:30px 15px;
	float:left;
	width:760px;
}

.sortiment-box {
	width:141px;
	height:116px;
	border:2px solid #3E3431;
	float:left;
	margin:0px 15px 20px 15px;
	display:block;
	position:relative;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left top;
}

.sortiment-box2 {
	width:141px;
	height:116px;
	border:2px solid #3E3431;
	float:left;
	display:block;
	position:relative;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom-width:3px;
}

.sortiment-box-footer {
	width:125px;
	position:absolute;
	bottom:2px;
	left:0px;
	background:url("../images/elements/sortiment-box-bg.jpg") no-repeat left center #4f4641;
	display:block;
	line-height:16px;
	font-size:11px;
	color:white;
	padding-left:4px;
	padding-right:14px;
	letter-spacing:-0.1px;
	overflow:hidden;
}

.sortiment-name-wrapper {
	position:absolute;
	bottom:-1px;
	background:#4F4641;
	height:26px;
	width:121px;
	padding-right:20px;
}
.sortiment-box-footer2 {
	width:122px;
	position:absolute;
	bottom:-1px;
	background:url("../images/elements/sortiment-box-bg.jpg") no-repeat left center #4f4641;
	display:block;
	line-height:16px;
	font-size:12px;
	color:white;
	padding:1px 19px 1px 2px;
	letter-spacing:-0.1px;
	overflow:hidden;
	min-height:32px;
}

.sortiment-box-wrapper-2 {
	width:145px;
	height:120px;
	float:left;
	display:block;
	margin:0px 3px 10px 3px;
	position:relative;
}

.type1 {
	background:#c1aa1c;
}

.type2 {
	background:#864225;
}

.type3 {
	background:#7e3844;
}

.type4 {
	background:#55463c;
}

.type5 ,.type6 ,.type7 {
	background:#423d3a;
}

.sortiment-menu {
	float:left;
	padding-left:20px;
	font-size:12px;
}

.sortiment-menu ul {
	padding-top:15px;
}

.sortiment-menu li {
	padding:5px 0px;
	float:left;
	width:100%;
}

.menu-item {
	display:block;
	float:left;
	color:white;
	text-decoration:none;
	margin-bottom:5px;
}

.sub-menu-item {
	display:block;
	float:left;
	color:white;
	text-decoration:none;
	margin:5px 0 5px 15px;
	padding-left:15px;
	background:url("../images/elements/arrow.gif") no-repeat left center;
}

#content-text {
	float:left;
	color:black;
	font-family:Verdana,Arial;
	font-size:12px;
	line-height:16px;
	color:#333333;

}

.input-wrapper {
	float:left;
	clear:both;
	width:100%;
	padding:5px 0px;
}

.input-wrapper label {
	width:150px;
	text-align:right;
	padding-right:15px;
	float:left;
}

fieldset {
	width:400px;
	margin:auto;
}

.submit-button {
	margin:auto;
	display:block;
	text-align:center;

}

.schemes-wrapper {
	float:left;
	width:100%;
	padding-top:30px;
}

.schemes-wrapper ul {
	padding:0px;
	margin:0px;
}

.schemes-wrapper li {
	float:left;
	width:180px;
	height:160px;
	padding:0px 0px;
	position:relative;
}

.schemes-wrapper li img {
	width:120px;
	height:120px;
	clear:both;

}

.scheme-name {
	float:left;
	width:170px;
	font-size:11px;
	line-height:13px;
}

.scheme-sizes {
	float:left;
	width:170px;
	font-size:11px;
	line-height:13px;
}

.scheme-menu-wrapper {
	position:absolute;
	top:35px;
	left:40px;
	display:none;
}

.delete-scheme , .edit-scheme {
	padding:2px 0px;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	width:100%;
}

.delete-scheme a , .edit-scheme a {
	font-size:10px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

delete-scheme a:hover , .edit-scheme a:hover {
	text-decoration:underline;
}

.description-wrapper {
	float:left;
	width:100%;
	padding-top:40px;
}

.description-wrapper .description-text-wrapper {
	float:left;
	width:100%;
	font-size:11px;
	color:#3E3431;
	font-family:Verdana,Arial;
	padding:2px 0px;
}

.longer-input {
	width:500px;
}

.brown_bg {
	background-color:#e4e1de;
}
.description_name {
	float:left;
	width:175px;
	font-weight:700;
	margin:2px 0px;
	padding:2px 0px;
	line-height:25px;
	padding-left:5px;
}
.description_text {
	float:left;
	width:555px;
	margin:2px 0px;
	padding:2px 0px;
	line-height:25px;
}

.slideshow-wrapper {
	float:left;
	width:100%;
	padding-top:40px;
}

.slideshow-wrapper ul {
	padding:0px;
	margin:0px;
}

.slideshow-wrapper li {
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	width:150px;
	height:110px;
	position:relative;
}

.slideshow-wrapper li img {
	width:100%;
	height:100%;
	border:0px;
}


.slide-menu-wrapper {
	position:absolute;
	top:35px;
	left:50px;
	display:none;
}

.delete-slide , .edit-slide {
	padding:2px 0px;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	width:100%;
}

.delete-slide a , .edit-slide a {
	font-size:10px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

delete-slide a:hover , .edit-slide a:hover {
	text-decoration:underline;
}

.active-menu-item {
	background-image:url("../images/elements/arrow-active.gif");
}

.subproduct-menu-wrapper {
	position:absolute;
	top:35px;
	left:50px;
	display:none;
}

.delete-subproduct , .edit-subproduct {
	padding:2px 0px;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	width:100%;
}

.delete-subproduct a , .edit-subproduct a {
	font-size:10px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

delete-subproduct a:hover , .edit-subproduct a:hover {
	text-decoration:underline;
}

.zubehor-box {
	float:left;
	width:450px;
	padding:10px 0px;
	position:relative
}

.zubehor-image {
	width:130px;
	float:left;
	padding-right:20px;
}

.zubehor-image img {
	width:130px;
	min-height:90px;
}

.zubehor-text {
	width:300px;
	float:left;
	font-size:11px;
	font-family:Verdana;
	line-height:16px;
	color:#333333;
}

.zubehor-menu-wrapper {
	position:absolute;
	top:30px;
	left:45px;
	display:none;
	width:40px;
	height:40px;
	background:#FFFFFF;
	padding:5px;
	text-align:center;
	border:2px solid grey;
}

.delete-zubehor , .edit-zubehor {
	padding:2px 0px;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	width:100%;
}

.delete-zubehor a , .edit-zubehor a {
	font-size:10px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

delete-zubehor a:hover , .edit-zubehor a:hover {
	text-decoration:underline;
}

.middle-title .admin-menu {

	display:block;
	padding:5px 10px;
	background:#DDDDDD;
	border:1px solid #AAAAAA;
	text-decoration:none;
	color:#3E3431;

}

.middle-title .admin-menu:hover {
	background:#AAAAAA;
	color:white;
}

.subproduct-box {
	width:480px;
	overflow:hidden;
	padding:15px;
	background-color:white;
	min-height:300px;
	height: expression( this.scrollHeight < 300 ? "300px" : "auto" ); /* sets min-height for IE */
}

.subproduct-name {
	background-color:#3e3431;
	font-size:15px;
	line-height:32px;
	height:32px;
	width:475px;
	color:#FFFFFF;
	padding-left:5px;
}

.subproduct-image {
	width:150px;
	float:left;

}

.subproduct-image img {
	width:150px;
	min-height:90px;
}

.subproduct-text {
	width:320px;
	padding-left:10px;
	float:left;
	padding-top:5px;
	font-family: Verdana;
	font-size: 12px;
	line-height:15px;
}

.edit-options {
	width:200px;
	padding:10px 0px 20px 0px;
}

.edit-options  a {
	display:block;
	padding:5px 10px;
	background:#DDDDDD;
	border:1px solid #AAAAAA;
	text-decoration:none;
	color:#3E3431;
	text-align:center;
	margin-bottom:10px;

}

.edit-options a:hover {
	background:#AAAAAA;
	color:red;
	font-weight:bold;

}

.zubehor-box-wrapper  {
	width:145px;
	height:120px;
	float:left;
	display:block;
	margin:0px 20px 10px 20px;
	position:relative;
}

.sortiment-box-wrapper {
	width:145px;
	height:120px;
	float:left;
	display:block;
	margin:0px 15px 20px 15px;
	position:relative;
}

.zubehor-box-wrapper .sortiment-box ,.sortiment-box-wrapper .sortiment-box{
	margin:0px;
}

.sortiment-menu-wrapper {
	position:absolute;
	top:30px;
	left:45px;
	display:none;
	width:40px;
	height:40px;

}

.subproduct-menu-wrapper,.sortiment-menu-wrapper,.slide-menu-wrapper,.scheme-menu-wrapper {
	background:#FFFFFF;
	padding:5px;
	text-align:center;
	border:2px solid grey;
	top:30px;
	left:45px;
}

.delete-sortiment , .edit-sortiment {
	padding:2px 0px;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	width:100%;
}

.delete-sortiment a , .edit-sortiment a {
	font-size:10px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

delete-sortiment a:hover , .edit-sortiment a:hover {
	text-decoration:underline;
}

.option-wrapper {
	position:absolute;
	right:10px;
	top:10px;
}

#accessory_list ,#equipment_list ,#heater_list {
	font-size:12px;
	padding:10px 0px 15px 165px;
	float:left;
}

#accessory_list li ,#equipment_list li ,#heater_list li{
	float:left;
	clear:both;
	width:100%;
	padding:2px 0px;
}

#accessory_list li a ,#equipment_list li a ,#heater_list li a{
	color:#000099;
	text-decoration:none;
}

#sauna-menu {
	width:750px;
	padding:10px;
	height:100%;
	float:left;
}

#sauna-menu label {
	font-size:12px;
}

.sauna-wrapper {
	border-top:1px solid #333333;
	padding-top:15px;
	margin-top:5px;
	float:left;
	width:100%;
	clear:both;
}

.sauna-text {
	float:right;
	width:460px;
	color:#3e3431;
	font-size:12px;
	font-family:Verdana;
	line-height:15px;
}

.sauna-text h2 {
	margin-bottom:15px;
	clear:both;
	float:left;
	width:100%;
	color:#3e3431;
	font-size:12px;
	font-family:Verdana;
	font-weight:bold;
}

.sauna-image {
	float:left;
	width:280px;
	min-height:90px;
}

.grey_bg {
	background-color:#a9a7a6;
	color:white!IMPORTANT;
}

.aktions-description .description-text-wrapper{
	padding:2px 0px;
	margin:2px 0px;
	line-height:19px;
}

.sauna-menu-buttons {
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	color:red;
}