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

body
{
	background-repeat: repeat;
	background-position: left top;
}

.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
 white-space: normal;
 word-wrap: break-word;
}


.diyw #diywebWrapper{
	width: 100%;
	font-family: 'Dosis', sans-serif;
	background-image: url(https://www.ib-ruppel.de/s/img/bg1.png);
}
body.diyBgActive .diyw #diywebWrapper
{
    background-image: none;
}

.diyw #diywebHeaderWrapper{
	min-height: 53px;
	background-image:  url(https://www.ib-ruppel.de/s/img/background_head_navigation.png);
	background-repeat:repeat-x;
	background-position: top left;
	background-color: #BDD900

}

.diyw #diywebNavigation {
	width: 960px;
	margin: 0 auto;
}

.diyw #diywebNavigationCenterBox {
	width: 880px;
	margin: 0 auto;
}

.diyw #diywebEmotionHeader{
width: 940px;
position:relative;
z-index:0;
margin-top:10px;
}

.diyw #diywebEmotionHeader:before{
content:"";
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
border:10px solid white;
margin:-10px;
z-index:1;
  pointer-events: none;
}


.diyw #diywebBodyWrapper{
	width: 100%;
}

.diyw #diywebPageWrapper{
	width: 960px;
	min-height: 822px;
	margin: 0px auto;
	padding: 40px 0 0 0;
}

.diyw #diywebPageHeaderWrapper{
	/*width: 940px;
	padding: 10px;
	background-color: #FFF;*/
}

.diyw #diywebPageBodyWrapper{
	margin: 55px auto;
	color: #fff;
}

.diyw #diywebLeftPageNavigation h1,
.diyw #diywebLeftPageNavigation h2,
.diyw #diywebLeftPageNavigation p,
.diyw #diywebPageContent h1,
.diyw #diywebPageContent h2,
.diyw #diywebPageContent p,
.diyw #diywebRightPageSidebar h1,
.diyw #diywebRightPageSidebar h2,
.diyw #diywebRightPageSidebar p {
	margin: 0;
	padding: 0;
}

.diyw #diywebLeftPageNavigation{
	width: 210px;
	padding: 15px 0 0 10px;
	float: left;
}

.diyw #diywebPageContent{
	width: 530px;
	padding: 10px 0 0 10px;
	float: left;
	color: #FFF;
}

.diyw #diywebPageContent h1 {
	font-weight: 500;
	font-size: 22px;
}

.diyw #diywebPageContent h2 {
	font-size: 18px;
	font-weight: 400;
}

.diyw #diywebPageContent p {
	font-size: 15px;
	font-weight: 400;
}

.diyw #diywebPageContent p > a {
	color: #A7F700;
	text-decoration: none;
}

.diyw #diywebPageContent p > a:hover {
	text-decoration: underline;
}

.diyw #diywebPageContent ul {
	margin: 0 0 0 17px;
	padding: 0;
}

.diyw #diywebRightPageSidebar{
	width: 190px;
	padding: 15px 0 0 10px;
	float: left;
	color: #FFF;
}

.diyw #diywebRightPageSidebar h1,
.diyw #diywebRightPageSidebar h2 {
	font-size: 16px;
	font-weight: 600;
}

.diyw #diywebRightPageSidebar p {
	font-size: 14px;
	font-weight: 400;
}

.diyw #diywebRightPageSidebar a,
.diyw #diywebRightPageSidebar a:link,
.diyw #diywebRightPageSidebar a:visited {
 font-size: 14px;
 font-weight: 400;
 color: #A7F700;
 text-decoration: none;
}

.diyw #diywebRightPageSidebar a:hover {
 text-decoration: underline;
}

.diyw #diywebFooterWrapper{
	width: 100%;
	min-height: 54px;
	font-size: 14px;
	font-weight: 400;
	background: #BDD900 url(https://www.ib-ruppel.de/s/img/background_footer.png) left top repeat-x;
	margin: auto;
}

.diyw #diywebFooterCenterBox {
	width: 880px;
	margin: 0 auto;
	padding: 10px 40px 0 40px;
}

.diyw #diywebFooterCenterBox a,
.diyw #diywebFooterCenterBox a:link,
.diyw #diywebFooterCenterBox a:visited {
	text-transform: none;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
}

.diyw #diywebFooterCenterBox a:hover {
	color: #FFF;
}

.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 #diywebPageBodyWrapper:before,
.diyw #diywebPageBodyWrapper:after,
.diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

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

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

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.diyw #mainNav1 li {
	float: left;
	display: inline;
	padding: 15px 10px;
}

.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
 font-size: 16px;
 text-decoration: none;
 text-align: center;
 color: #333;
}

.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
  color: #FFF;
}

.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
 color: #FFF;
}

.diyw #mainNav2 > li {
	padding-bottom: 10px;
}

.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
  white-space: normal;
  word-wrap: break-word;
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	background: url("https://www.ib-ruppel.de/s/img/nav2_arrow.png") no-repeat left 7px;
	padding-left: 14px;
}

.diyw #mainNav2 a.parent {
	font-weight: bold;
	color: #fff;
}

.diyw #mainNav2 a.current,
.diyw #mainNav2 a.current:hover {
	font-weight: bold;
	color: #fff;
}

.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
	color: #fff;
}

.diyw #mainNav3 > li {
	padding-bottom: 5px;
}

.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
	width: 165px;
	padding-left: 28px;
	background: url("https://www.ib-ruppel.de/s/img/nav3_arrow.png") no-repeat 18px 6px;
	font-weight: bold;
	font-size: 15px;
}

.diyw #mainNav3 a.current,
.diyw #mainNav3 a.current:hover {
	font-weight: bold;
	font-size: 15px;
	color: #A7F700;
	background: none;
}

.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus {
	font-weight: bold;
	color: #A7F700;
	background: none;
	font-size: 15px;
}