/* LAYOUT SETTINGS */
@import url(//cdn.website-start.de/s/css/templates/ABeeZee.css);
@import url(//cdn.website-start.de/s/css/templates/Titillium+Web.css);


html body
{margin: 0; padding: 0; height: auto; background-color: #ffdb00; background-image: url('https://www.vomhausbock.de/s/img/image09.png');
}

html body .diyw
{ color: #4D4D4D;font-family: 'Titillium Web', sans-serif;
}


.diyw #diywebWrapper{ width: 1000px; margin: auto;}
.diyw #diywebLeftSide { width: 500px;float: left; position: relative; width: 630px;}
.diyw #diywebRightSide { width: 230px;float: right;}
.diyw #diywebSubContent { color: #000; position: relative; z-index: 2;}
.diyw #diywebContentShadow {width: 920px; background: url('https://www.vomhausbock.de/s/img/image05.png') repeat-y ; padding: 0 40px;}
.diyw #diywebContentWrapper { background: url('https://www.vomhausbock.de/s/img/image06.png') repeat-x #fff; padding: 20px; }

.diyw #diywebSidebar { position: relative;}
.diyw #diywebMainContent {}

.diyw #diywebFooterCenter,
.diyw .diywebListItem,
.diyw #diywebAllContent,
.diyw #diywebHeader,
.diyw .diywebFooterCenter,
.diyw #mainNav1,
.diyw #diywebHeader div#emotion-header,
.diyw #diywebHeadWrap{ margin: 0 auto;}


/* TEXTFORMATIERUNG */

.diyw p,
.diyw table,
.diyw .n { font-size: 13px;line-height: 21px;color: #4D4D4D;}
.diyw #diywebRightSide .n a { color: #C20E4A; text-decoration: none; display: block; float: right; margin-top: 5px;}
.diyw #diywebSidebar h1,
.diyw #diywebSubContent h1,
.diyw #diywebSubContent h2 { margin-top: 0px;}

.diyw a { color: #4D4D4D;}
.diyw .hr { border-color: #ccc; }

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 {font-family: 'ABeeZee', sans-serif; color: #D4145A;}

.diyw h1 { font-size: 25px; line-height: 33px;}
.diyw h2 { font-size: 18px;}
.diyw #diywebLeftSide h1 { font-size: 20px;}


/* HEADER */
.diyw #diywebHeaderShadow { width: 1000px; background: url('https://www.vomhausbock.de/s/img/image02.png') repeat-y ;}
.diyw #diywebHeader {font-family: 'ABeeZee', sans-serif; width: 900px; background: url('https://www.vomhausbock.de/s/img/image01.png') repeat-x #fafafa ; padding: 0px 20px 0px 20px;}
.diyw #diywebHeaderBottom { height: 20px; width: 1000px;background: url('https://www.vomhausbock.de/s/img/image03.png');}

/* NAVIGATION */

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a { display: block; text-decoration: none;}

.diyw #mainNav1 { padding-left: 0px; list-style: none; font-size: 16px; padding: 15px 0px ; border-bottom: 1px solid #E4E4E4; line-height: 36px;}
.diyw #mainNav1 li { display: inline-block; }
.diyw #mainNav1 li:first-chld { padding-left: 0px;}
.diyw #mainNav1 li a { color: #4D4D4D; padding: 0px 20px;}
.diyw #mainNav1 li a.current { width: 106px; background-image: url('https://www.vomhausbock.de/s/img/image04.png'); color: #fff; text-align: center;}
.diyw #mainNav1 li:hover a.current { color: #fff;}
.diyw #mainNav1 li:hover a { color: #D4145A;}

.diyw #mainNav2 { margin: 0px; padding: 15px 0px; font-size: 14px; border-top:1px solid #fff; }
.diyw #mainNav2 li { display: inline-block; padding: 0px 20px;}
.diyw #mainNav2 li:first-chld { padding-left: 0px;}
.diyw #mainNav2 li a { color: #4D4D4D;}
.diyw #mainNav2 li a.current,
.diyw #mainNav2 li:hover a { color: #D4145A;}

.diyw #mainNav3 {list-style: none; padding-left: 0px; color: #4D4D4D; margin-bottom: 50px;}
.diyw #mainNav3 li { padding: 5px 0px; border-bottom: 2px dotted #E4E4E4;}
.diyw #mainNav3 li:first-child {border-top: 2px dotted #E4E4E4;}
.diyw #mainNav3 li a { padding-left: 20px;}

.diyw #mainNav3 li:hover a,
.diyw #mainNav3 li a.current { color: #D4145A;background: url('https://www.vomhausbock.de/s/img/image08.png') no-repeat center left;}

/* EMOTIONHEADER */

.diyw #emotion-header { display: none;}

/* FOOTER */

.diyw #diywebFooter { color: #646604; width: 920px;background: url('https://www.vomhausbock.de/s/img/image07.png') no-repeat; padding: 30px 40px; }
.diyw #diywebFooterCenter { font-size: 10px;}
.diyw #diywebFooterCenter a { color: #646604; text-decoration: none;}

/* 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; }

.diyw .diywebCleared{
	clear:both;
}