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

/* Layout */

body
{
    background-color: #F0F4F8;
}


.diyw #diywebWrapper {
	font-family: 'Cookie', cursive;
	width: 1086px;
	margin: 0 auto;
}

.diyw #diywebPageWrapper {
	margin-bottom: 30px;
}
.diyw #diywebLeftPageWrapper {
	float: left;
	width: 350px;
}
.diyw #diywebTopEmotionHeaderWrapper {
	width: 260px;
	height: 30px;
	background-color: #C2D1E1;
	margin-left: 60px;
}
.diyw #diywebEmotionHeader {
	width: 350px;
	height: 250px;
}
.diyw #diywebSubNavigation {
	width: 260px;
	background-color: #C3D2E2;
	margin-left: 60px;
}
.diyw #diywebContent h1,
.diyw #diywebContent h2,
.diyw #diywebContent p,
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2,
.diyw #diywebSidebar p {
	margin: 0;
	padding: 0;
}
.diyw #diywebSidebar{
	width: 200px;
	background-color: #E0E6ED;
	margin-left: 60px;
	padding: 23px 30px;
	color: #3D5B7B;
}
.body .diyw #diywebSidebar
{
    background-color: rgba(0,0,0,0.1);
}
.diyw #diywebSidebar h1:first-of-type {
	padding-top: 0;
}
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
	font-size: 24px;
	font-weight: 500;
	padding: 25px 0;
}
.diyw #diywebSidebar p {
	font-family: Arial, sans-serif;
	font-size: 13px;
}
.diyw #diywebSidebar a,
.diyw #diywebSidebar a:link,
.diyw #diywebSidebar a:visited {
	color: #3D5B7B;
}
.diyw #diywebSidebar a:hover,
.diyw #diywebSidebar a:active,
.diyw #diywebSidebar a:focus {
	color: #333;
}
.diyw #diywebRightPageWrapper {
	float: right;
	width: 735px;
}
.diyw #diywebNavigation {
	min-height: 188px;
	background: url("https://www.brasmo.de/s/img/top_navigation_background.png") left top repeat-y;
	margin-top: 54px;
	margin-bottom: 39px;
}
.diyw #diywebContent {
	padding: 25px 55px 0 40px;
}
.diyw #diywebContent h1 {
	font-size: 48px;
	color: #3D5B7B;
	font-weight: 500;
	padding-bottom: 15px;
}
.diyw #diywebContent h2 {
	font-size: 32px;
	color: #3D5B7B;
	font-weight: 500;
	padding-bottom: 10px;
}
.diyw #diywebContent p,
.diyw #diywebContent ul {
	font-family: Arial, sans-serif;
	color: #757777;
	font-size: 13px;
}
.diyw #diywebContent a,
.diyw #diywebContent a:link,
.diyw #diywebContent a:visited {
	color: #757777;
}
.diyw #diywebContent a:hover,
.diyw #diywebContent a:active,
.diyw #diywebContent a:focus {
	color: #000;
}
.diyw #diywebFooter {
	background: url("https://www.brasmo.de/s/img/footer_background.png") top left no-repeat;
	height: 49px;
	padding: 5px 140px 5px 30px;
	width: 915px;
	margin: 25px 60px;
	color: #757777;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
.diyw #diywebFooter a,
.diyw #diywebFooter a:link,
.diyw #diywebFooter a:visited {
	color: #757777;
	text-decoration: none;
}
.diyw #diywebFooter a:hover,
.diyw #diywebFooter a:active,
.diyw #diywebFooter a:focus {
	color: #333;
	text-decoration: underline;
}

/* Clearfix */

.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav3:after,
.diyw #diywebPageWrapper:before,
.diyw #diywebPageWrapper:after,
.diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.diyw #mainNav1:after,
.diyw #mainNav2:after,
.diyw #mainNav3:after,
.diyw #diywebPageWrapper:after,
.diyw .thumbElement {
	clear: both;
}
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3,
.diyw #diywebPageWrapper,
.diyw .thumbElement {
	zoom: 1;
}

/* Navigation */

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: normal;
	word-wrap: break-word;
}
.diyw #mainNav1 {
	padding: 30px 60px 30px 40px;
}
.diyw #mainNav1 li {
	float: left;
	max-width: 633px;
	padding-right: 35px;
	padding-left: 13px;
	background: url("https://www.brasmo.de/s/img/top_navigation_bullet_point.png") left 3px no-repeat;
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
	font-size: 30px;
	color: #3D5B7A;
	text-decoration: none;
}
.diyw #mainNav1 a.parent,
.diyw #mainNav1 a.current,
.diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current:hover,
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
	color: #333333;
}
.diyw #mainNav2 {
	padding: 25px 20px 25px 16px;
	margin-bottom: 15px;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
	display: block;
	padding: 3px 13px 10px 13px;
	background: url("https://www.brasmo.de/s/img/top_navigation_bullet_point.png") left top no-repeat;
	font-size: 24px;
	color: #3D5B7A;
	text-decoration: none;
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
	text-decoration: underline;
}
.diyw #mainNav2 a.parent,
.diyw #mainNav2 a.current {
	color: #333;
}
.diyw #mainNav3 {
	padding-bottom: 5px;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
	padding-left: 33px;
	background: none;
	font-size: 20px;
}