@import url(//cdn.website-start.de/s/css/templates/Dosis.css);
@import url(//cdn.website-start.de/s/css/templates/Titillium+Web.css);

/*CSS RESET*/

html
{
	margin: 0;
	padding: 0;
}

html .diyw
{
	border: 0;
	vertical-align: baseline;
}

 body
{
	margin: 0;
	padding: 0;
}

 body .diyw
{
	border: 0;
	vertical-align: baseline;
}
 .diyw div, .diyw span, .diyw applet, .diyw object, .diyw iframe, .diyw blockquote, .diyw pre,
.diyw a, .diyw abbr, .diyw acronym, .diyw address, .diyw big, .diyw cite, .diyw code,
.diyw del, .diyw dfn, .diyw fieldset, .diyw form, .diyw label, .diyw legend,
.diyw table, .diyw caption, .diyw tbody, .diyw tfoot, .diyw thead, .diyw tr, .diyw th, .diyw td,
.diyw article, .diyw aside, .diyw canvas, .diyw details, .diyw embed,
.diyw figure, .diyw figcaption, .diyw footer, .diyw header, .diyw hgroup,
.diyw menu, .diyw nav, .diyw output, .diyw ruby, .diyw section, .diyw summary,
.diyw time, .diyw mark, .diyw audio, .diyw video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.diyw article, .diyw aside, .diyw details, .diyw figcaption, .diyw figure,
.diyw footer, .diyw header, .diyw hgroup, .diyw menu, .diyw nav, .diyw section {
	display: block;
}


/* LAYOUT SETTINGS */

html body
{
	height: auto;
}


body .diyw
{
 	min-height:100%;
 	font-family: 'Titillium Web', sans-serif;
 	font-size:13px;
 	color:#333333;
}

.diyw #diywebBody{
	background-repeat:repeat;
	width:auto;
 	height:100%;
 	min-height:100%;
 	margin:auto;
}
.diyw #diywebContainer{
	width:980px;
 	height:100%;
 	min-height:100%;
 	margin:auto;
}
.diyw #diywebNavigation{
	background: #3ec0f0;
	width:940px;
	height:auto;
	margin:20px auto;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	overflow:hidden;
}
.diyw #diywebHeader{
	width:940px;
	height:auto;
	margin: auto;
}
.diyw #diywebAllContentHeader{
	background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/content_top_back.png);
	background-repeat: no-repeat;
	width:100%;
	height:24px;
	margin:auto;
	margin-top:5px;
}
.diyw #diywebAllContent{
	width:100%;
	background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/content_main_back.png);
	background-repeat: repeat-y;
 	float:left;
 	position:relative;
}
.diyw #diywebAllContentFooter{
	background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/content_bottom_back.png);
	background-repeat: no-repeat;
	width:100%;
	height:24px;
	margin:auto;
	margin-top:-1px;
	float: left;
}
.diyw #diywebMainContent{
 	width: 63%;
 	height:auto;
	padding-right:25px;
	margin-top: -10px;
}
/*#diywebMainContent img{
	border:2px solid #e5e5e5;
}*/
.diyw #diywebSidebar {
	width: 22%;
	padding:10px 65px 10px 40px;
}
.diyw #diywebSubNavigation{
	background: #f0f0f0;
	width:240px;
	height: auto;
	padding-top: 7px;
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
}
.diyw #diywebMainContent, .diyw #diywebSidebar {
 	float: left;
}
.diyw .diywebListItem{
 	width: inherit;
	display: block;
}
.diyw #diywebFooter{
 	width: 940px;
    height:50px;
    margin:auto;
    position: relative;
    float:none;
    clear:both;
}
.diyw #diywebFooterCenter{
	width: 900px;
	height:50px;
	position: relative;
	margin:auto;
}


/*STYLES*/
.diyw #diywebAllContent a{
	color: #FB5F18;
}
.diyw #diywebAllContent h1,.diyw #diywebAllContent h2,.diyw #mainNav1, .diyw #mainNav2{
	font-family: 'Dosis', sans-serif;
}
.diyw #diywebAllContent h1{
	color: #FB5F18;
	font-size:22px;
	font-weight:normal;
}
.diyw #diywebAllContent h2{
	color: #FB5F18;
	font-size:18px;
	font-weight:normal;
}
.diyw #diywebFooterCenter, .diyw #diywebFooterCenter a{
	color:#4D4D4D;
	font-size: 10px;
	padding-top:10px;
	text-decoration: none;
}

/*MENU1*/
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: nowrap;
}
.diyw #mainNav1 li,.diyw #mainNav1 li:hover{
	background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/menu_divider.jpg);
	background-repeat: no-repeat;
	float: left;
	width:auto;
	margin-bottom:2px;
	display: block;
}
.diyw #mainNav1 a, .diyw #mainNav1 a:hover{
	padding: 9px 20px;
	text-decoration: none;
	font-size:20px;
	display: block;
}
.diyw #mainNav1 a{
	color:#fff;
}
.diyw #mainNav1 a:hover, .diyw #mainNav1 li a.current{
	color:#1F6078;
}
.diyw #mainNav1 li:first-child{
	margin-left:-2px;
}
.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a{
 white-space: normal;
 word-wrap: break-word;
}
.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a {
 display: block;
}

/*SUBMENU*/
.diyw #mainNav2{
	padding-bottom: 40px;
	padding-left:25px;
}
.diyw #mainNav2 li.navTopItemGroup_0{
	display:block;
	font-size: 18px;
	/*background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/submenu_li.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;*/
	line-height:1.8em;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #fff;
	margin-left:-25px;
	padding-left:20px;
}
.diyw #mainNav2 li:first-child{
	border-top:none;
}
.diyw #mainNav2 a{
	color:#808080;
	font-size: 18px;
	display:block;
	text-decoration: none;
}
.diyw #mainNav2 li a.current,.diyw #mainNav2 a:hover{
	/*background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/submenu_li_active.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;*/
	color:#FB5F18;
	padding-left:20px;
	margin-left:-20px;
}
.diyw #mainNav3 li.navTopItemGroup_0{
	background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/submenu_li.png);
	background-position: 20px 40%;
	background-repeat: no-repeat;
	color:#808080;
	font-size: 16px;
	display:block;
	padding-left:30px;
	border-top: none;
	border-bottom: none;
}
.diyw #mainNav3 li:first-child{
	border-top:1px solid white;
}
.diyw #mainNav3 li:last-child{
	border-bottom:1px solid #e4e4e4;
}
.diyw #mainNav3 li a.current,.diyw #mainNav3 a:hover{
	background-image: url(https://www.lonsdale-rockcliffe.co.uk/s/img/submenu_li_active.png);
	background-position: 20px 40%;
	background-repeat: no-repeat;
	padding-left:30px;
	margin-left:-30px;
}

/*#diywebWrapper, .diywebListItem, #diywebNavigation, #diywebAllContent, #diywebHeader, #diywebFooter, .diywebFooterCenter, #mainNav1, #diywebHeader div#emotion-header{
 margin: 0 auto;
}*/

/* CLEARFIX */

.diyw #diywebAllContent:before,
.diyw #diywebAllContent:after,
.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav4:after,
.diyw .thumbElement {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.diyw #mainNav1:after, .diyw #mainNav2:after, .diyw #mainNav3:after, .diyw #diywebAllContent:after, .diyw .thumbElement  {
 clear: both;
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3, .diyw #diywebAllContent, .diyw .thumbElement {
 zoom: 1;
}