/* @override http://schrammel.com/css/format.css */

/* @override http://schrammel.com/css/format.css */


html, body {
	margin: 0;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #302e2c;
}

#wrap {
	width: 757px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	background-color: #fff;
}

#wrap.smallHead {
	width: 757px;
}

#wrap #main #content {
	padding: 0;
}

#wrap.smallHead #head {
	
}

#headbig {
	height: 355px;
	background: #f2f2f2;
	text-indent: -10000px;
	position: relative;
	overflow: hidden;
}

#head {
	height: 300px;
	background: #f2f2f2;
	position: relative;
}

#main {
	background: url(../gfx/lineGrey.gif) repeat-x;
}

#image {
	height: 300px;
	position: relative;
	text-indent: 0;
}

#image div#s4 {
	overflow: hidden;
}

#image div#s4 img {
	height: auto;
}

#image #pause {
	position: absolute;
	z-index: 10;
	top: 4px;
	left: 4px;
	background: #000;
	padding: 6px;
	color: #fff;
	opacity: 0.5;
	display: none;
}

#image:hover #pause {
	display: block;
}

#description {
	position: absolute;
	bottom: 4px;
	left: 4px;
	line-height: 21px;
	height: 20px;
	padding: 0 7px;
	background: #000;
	color: #fff;
	opacity: 0.7;
	z-index: 10;
}

#imageNav {
	position: absolute;
	bottom: 4px;
	right: 29px;
	z-index: 10;
	text-align: right;
}

#imageNav a, a.playPause {
	line-height: 21px;
	height: 20px;
	padding: 0 7px;
	background: #000;
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
	display: block;
	float: left;
	margin-left: 5px;
}

a.playPause {
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 10;
	text-indent: -10000px;
	width: 20px;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-image: url(../gfx/icons/pause.gif);
}

#imageNav a.activeSlide {
	opacity: 1;
}

#imageNav a:hover, a.playPause:hover {
	opacity: 1;
}

#content {
	float: left;
	width: 475px;
	padding-left: 75px;
}


#content .infoBox .imageContainer {
	height: 95px;
	width: 100px;
	background: #ddd;
	float: right;
	margin-left: 10px;
}

#content .infoBox .imageGelegenheiten {
	height: 95px;
	width: 100px;
	background: #fff;
	margin-left: 10px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

#content .infoBox .imageGelegenheiten img {
	margin-left: -10px;
}

#content .infoBox h2 {
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0;
}

#content .infoBox p {
	margin-right: 110px;
}




#content .infoBox {
	border-top: 1px dotted #eee;
	margin-top: 10px;
	padding: 10px 0 5px 0;
	position: relative;
}


#content .infoBox.noBorder {
	border: 0;
	margin-top: 30px;
}

#content p {
	text-align: justify;
	line-height: 140%;

}

#navi {
	float: right;
	width: 276px;
	background: url(../gfx/lineBlack.gif) repeat-x;
}

#navi ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#navi ul li {
	width: 100%;
}

#navi ul li a {
	width: 100%;
	display: block;
	height: 30px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../gfx/navigation.gif) 87px -10px no-repeat;
	margin: 4px 0;
}

#navi ul li.schrammel a {
	background-position: 87px -10px;
}

#navi ul li.sortiment a {
	background-position: 87px -60px;
}

#navi ul li.team a {
	background-position: 87px -110px;
}

#navi ul li.kontakt a {
	background-position: 87px -160px;
}

#navi ul li.aktuelles a {
	background-position: 87px -210px;
}

#navi ul li.schrammel a:hover {
	background-position: -223px -10px;
}

#navi ul li.sortiment a:hover {
	background-position: -223px -60px;
}

#navi ul li.team a:hover {
	background-position: -223px -110px;
}

#navi ul li.kontakt a:hover {
	background-position: -223px -160px;
}

#navi ul li.aktuelles a:hover {
	background-position: -223px -210px;
}

#navi ul li.schrammel.marked a {
	background-position: -223px -10px;
}

#navi ul li.sortiment.marked a {
	background-position: -223px -60px;
}

#navi ul li.team.marked a {
	background-position: -223px -110px;
}

#navi ul li.kontakt.marked a {
	background-position: -223px -160px;
}

#navi ul li.aktuelles.marked a {
	background-position: -223px -2100px;
}

ul#subNav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 130px;
	position: absolute;
	top: 0;
	right: -130px;
	background: #fff;
	z-index: 10;
	text-indent: -10000px;
}

ul#subNav li {
	height: 34px;
	width: 130px;
	position: relative;
}

ul#subNav li a {
	display: block;
	height: 34px;
	width: 130px;
	background: url(../gfx/sortimentSubnav.gif) right 0;
	margin: 0;
}

ul#subNav li.anfahrt a, ul#subNav li.googleMaps a, ul#subNav li.impressum a {
	background-image: url(../gfx/kontaktSubnav.gif);
}

ul#subNav li.gelegenheiten {
	margin-top: 20px;
}

ul#subNav li.gelegenheiten a {
	background-position: 0 -174px
}

ul#subNav li.schlafen a {
	background-position: 0 0
}

ul#subNav li.kochen a {
	background-position: 0 -35px;
}

ul#subNav li.arbeiten a {
	background-position: 0px -70px
}

ul#subNav li.entspannen a {
	background-position: 0 -105px;
}

ul#subNav li.aufbewahren a {
	background-position: 0 -140px;
}

ul#subNav li.anfahrt a {
	background-position: 0 0;
}

ul#subNav li.googleMaps a {
	background-position: 0 -35px;
}

ul#subNav li.impressum a {
	background-position: 0 -70px;
}

ul#subNav li.gelegenheiten a:hover {
	background-position: -135px -174px
}

ul#subNav li.arbeiten a:hover {
	background-position: -135px -70px
}

ul#subNav li.schlafen a:hover {
	background-position: -135px 0
}

ul#subNav li.aufbewahren a:hover {
	background-position: -135px -140px
}

ul#subNav li.entspannen a:hover {
	background-position: -135px -105px
}

ul#subNav li.kochen a:hover {
	background-position: -135px -35px
}

ul#subNav li.anfahrt a:hover {
	background-position: -135px -0
}

ul#subNav li.googleMaps a:hover {
	background-position: -135px -35px
}

ul#subNav li.impressum a:hover {
	background-position: -135px -70px
}

ul#subNav li.gelegenheiten a.active {
	background-position: -135px -174px
}

ul#subNav li.arbeiten a.active {
	background-position: -135px -70px
}

ul#subNav li.schlafen a.active {
	background-position: -135px 0;
}

ul#subNav li.aufbewahren a.active {
	background-position: -135px -140px;
}

ul#subNav li.entspannen a.active {
	background-position: -135px -105px;
}

ul#subNav li.kochen a.active {
	background-position: -135px -35px;
}

ul#subNav li.anfahrt a.active {
	background-position: -135px -0;
}

ul#subNav li.googleMaps a.active {
	background-position: -135px -35px;
}

ul#subNav li.impressum a.active {
	background-position: -135px -70px;
}

div#head ul#subNav li.iehover {
	margin: 0;
}

div.subNavDesc {
	display: none;
	position: absolute;
	text-indent: -10000px;
	top: 10px;
	left: -11px;
	width: 11px;
	height: 15px;
	float: left;
	background: url(../gfx/arrowActive.png) left center no-repeat;
}

ul li.active div.subNavDesc {
	display: block;
}

h2.content, h2.navi {
	font-size: 30px;
	border-bottom: 1px solid #e5e5e5;
	text-indent: -10000px;
	height: 33px;
	overflow: hidden;
	background: url(../gfx/navigationActive.gif) right -10px no-repeat;
	margin-bottom: 0.5ex;
	margin-top: 30px;
}

h2.content {
	background: url(../gfx/headlines.gif) right -10px no-repeat;
}

h2.schrammel {
	background-position: right -10px;
}

h2.sortiment {
	background-position: right -60px;
}

h2.team {
	background-position: right -110px;
}

h2.kontakt {
	background-position: right -160px;
}

h2.einleitung {
	background-position: left 0px;
}

h2.bogen {
	background-position: left -60px;
}

h2.entspannen {
	background-position: left -120px;
}

h2.schlafen {
	background-position: left -180px;
}

h2.arbeiten {
	background-position: left -240px;
}

h2.aufbewahren {
	background-position: left -300px;
}

h2.kochen {
	background-position: left -360px;
}

h2.allgemein {
	background-position: left -420px;
}

h2.gelegenheiten {
	background-position: left -600px;
}

h2.topMoebel {
	background-position: left -660px;
}


h2.partner {
	background-position: right -720px;
}

h2.contentKontakt, h2.contentAnfahrt {
	background-position: left -480px;
}

h2.impressum {
	background-position: left -540px;
}

h2.aktuelles {
	background-position: right -210px;
}


#navi .twoLines {
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	height: 33px;
	margin-bottom: 0.5ex;
	margin-top: 1.8ex;
	line-height: 100%;
	color: #555;
}

div#adress.onTop {
	width: 270px;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 6px;
	overflow: hidden;
}

#navi .twoLines a {
	color: #555;
}

#navi .twoLines h3 {
	margin: 6px 0;
	margin-top: 30px;
}

div.adress {
	font-size: 11px;
	padding: 5px 0;
}

.clearFloat {
	clear: both;
	width: 100%;
	display: block;
}

div#adress h3, div#adress h4, div.adress h3, div.adress h4 {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
}

div#adress h3, div.adress h3 {
	text-align: justify;
	line-height: 100%;
}

div#adress.onTop h3 {
	height: 20px;
	overflow: hidden;
}

div#adress h3 span, div.adress h3 span {
	margin-left: 90%;
	font-size: 1px;
}

div#adress h4, div.adress h4 {
	float: left;
	line-height: 140%;
}

div.adress.bold {
	font-weight: bold;
}

div#adress h4.right, div.adress h4.right, div#adress h4.bottomRight, div.adress h4.bottomRight {
	float: right;
	text-align: right;
}

div#adress h4.bottomRight, div.adress h4.bottomRight {
	padding-top: 6px;
	width: 100%;
}

a.marked {
	color: #26668e;
	text-decoration: none;
	text-decoration: underline;
	line-height: 130%;
}

a.marked:hover {
	color: #18405a;
}

div#adress h4 a, div.adress h4 a {
	color: #302e2c;
	text-decoration: none;
}

div#adress h4 a:hover, div.adress h4 a:hover {
	text-decoration: underline;
}

a#schrammel, div#schrammel, a#schrammel2 {
	clear: both;
	display: block;
	height: 75px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../gfx/moebelSchrammel.gif) no-repeat left bottom;
	padding-top: 10px;
}

a#schrammel2 {
	position: absolute;
	top: 8px;
	left: 0;
	width: 300px;
	padding: 0;
}

#top {
	height: 85px;
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

a.partner {
	display: block;
	text-align: center;
	line-height: 100px;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	width: 86px;
	height: 85px;
	float: left;
	margin: 12px 5px 0 0;
	border: 2px solid #e8e8e8;
	background: center center #f0f0f0 no-repeat;
}

a.partner.Indent {
	text-indent: -10000px;
	overflow: hidden;
}

a.partner:hover {
	border-color: #d8d8d8;
}

a.cor {
	background-image: url(../gfx/partner/cor.gif);
}

a.draenert {
	background-image: url(../gfx/partner/draenert.gif);
}

a {
	outline: none;
}

a#dreisinne {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 20px;
	width: 100px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../administration/gfx/dreisinne_at.gif) no-repeat right 0;
}

a#dreisinne:hover {
	background-position: right -25px;
}

a.standard {
	color: #555;
	text-decoration: none;
}

a.standard:hover {
	text-decoration: underline;
	color: #000;
}

a.partner.Indent {
	text-indent: -10000px;
	overflow: hidden;
}

a.partner:hover {
	border-color: #d8d8d8;
}

a.cor {
	background-image: url(../gfx/partner/cor.gif);
}

a.draenert {
	background-image: url(../gfx/partner/draenert.gif);
}

a {
	outline: none;
}

a#dreisinne {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 20px;
	width: 100px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../administration/gfx/dreisinne_at.gif) no-repeat right 0;
}

a#dreisinne:hover {
	background-position: right -25px;
}

a.standard {
	color: #555;
	text-decoration: none;
}

a.standard:hover {
	text-decoration: underline;
	color: #000;
}