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


body
{
	background-image: url("http://www.kelpt.net/s/img/bg1.png");
	background-position: left top;
	background-repeat: repeat;
	background-color: #D4CFC8;
}

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

.diyw #diywebWrapper {
	font-family: Arial, sans-serif;
}
.diyw #diywebPageWrapper {
	width: 932px;
	margin: 10px auto 35px auto;
}
.diyw #diywebNavigation {
	float: left;
	width: 437px;
	margin-top: 115px;
	margin-bottom: 45px;
	font-family: 'Architects Daughter', cursive;
}
.diyw #diywebEmotionHeaderWrapper {
	float: left;
	width: 465px;
	height: 342px;
	margin: 0 0 0 30px;
	background: url("http://www.kelpt.net/s/img/emotion_header_background.png") top left no-repeat;
	position: relative;
	z-index: 100;
}
.diyw #diywebEmotionHeader {
	width: 250px;
	height: 300px;
	margin: 19px 0 0 26px;
}
.diyw #diywebContent h1,
.diyw #diywebContent h2,
.diyw #diywebContent p,
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2,
.diyw #diywebSidebar p {
	margin: 0;
	padding: 0;
}
.diyw #diywebContent {
	float: left;
	width: 610px;
	background-color: #FFF;
	border: 1px solid #BBB;
	position: relative;
	z-index: 10;
	margin-top: -45px;
	padding: 65px 35px;
}
.diyw #diywebContent h1,
.diyw #diywebContent h2 {
	font-family: 'Architects Daughter', cursive;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
}
.diyw #diywebContent h1 {
	font-size: 30px;
	margin-bottom: 5px;
}
.diyw #diywebContent h2 {
	font-size: 21px;
	margin-bottom: 5px;
}
.diyw #diywebContent p,
.diyw #diywebContent ul {
	font-size: 13px;
	color: #646464;
}
.diyw #diywebContent a,
.diyw #diywebContent a:link,
.diyw #diywebContent a:visited {
	color: #646464;
}
.diyw #diywebContent a:hover,
.diyw #diywebContent a:active,
.diyw #diywebContent a:focus {
	color: #333;
}
.diyw #diywebRightCenterWrapper {
	float: right;
	width: 250px;
	margin-top: 21px;
}
.diyw #diywebSidebar{
	width: 220px;
	background-color: #A29174;
	color: #333;
	padding: 10px 10px 15px 10px;
}
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
	font-family: 'Architects Daughter', cursive;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 3px;
}
.diyw #diywebSidebar p {
	font-size: 13px;
}
.diyw #diywebSidebar a,
.diyw #diywebSidebar a:link,
.diyw #diywebSidebar a:visited {
	color: #333;
}
.diyw #diywebSidebar a:hover,
.diyw #diywebSidebar a:active,
.diyw #diywebSidebar a:focus {
	color: #FFF;
}
.diyw #diywebFooter {
	width: 952px;
	margin: 10px auto;
	border-top: 1px solid #ACA8A2;
	padding: 15px 0;
	color: #333;
	font-size: 14px;
}
.diyw #diywebFooter a,
.diyw #diywebFooter a:link,
.diyw #diywebFooter a:visited {
	color: #333;
	text-decoration: none;
}
.diyw #diywebFooter a:hover,
.diyw #diywebFooter a:active,
.diyw #diywebFooter a:focus {
	text-decoration: underline;
}

/* Clearfix */

.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav3:after,
.diyw #diywebHeaderWrapper:before,
.diyw #diywebHeaderWrapper:after,
.diyw #diywebCenterWrapper:before,
.diyw #diywebCenterWrapper:after,
.diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.diyw #mainNav1:after,
.diyw #mainNav2:after,
.diyw #mainNav3:after,
.diyw #diywebHeaderWrapper:after,
.diyw #diywebCenterWrapper:after,
.diyw .thumbElement {
	clear: both;
}
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3,
.diyw #diywebHeaderWrapper,
.diyw #diywebCenterWrapper,
.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 li {
	float: left;
	padding: 0 8px 8px 0;
	max-width: 482px
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
	display: block;
	text-decoration: none;
	padding: 10px 15px;
	font-size: 16px;
	color: #333333;
	background-color: #FF4141;
	text-transform: uppercase;
}
.diyw #mainNav1 a.parent,
.diyw #mainNav1 a.current {
	background-color: #355901;
	color: #83A31B;
}
.diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current:hover,
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
	background-color: #CD0000;
	color: #333;
}
.diyw #mainNav2 {
	font-family: 'Architects Daughter', cursive;
	margin-bottom: 80px;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
	display: block;
	font-size: 18px;
	color: #333;
	text-decoration: none;
	padding: 9px 8px 8px 8px;
	margin-bottom: 10px;
	background-color: #FF4041;
	text-transform: uppercase;
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
	background-color: #CD0000;
}
.diyw #mainNav2 a.parent {
	background-color: #355901;
	margin: 0;
	color: #83A31B;
}
.diyw #mainNav2 a.current {
	background-color: #355901;
	color: #83A31B;
}
.diyw #mainNav2 a.parent:hover,
.diyw #mainNav2 a.current:hover {
	background-color: #CD0000;
	color: #333;
}
.diyw #mainNav3 {
	width: 240px;
	background: #83A31B;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
	background: none;
	margin: 0;
	padding: 0 25px 0 25px;
	text-transform: uppercase;
	font-size: 14px;
}
.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus,
.diyw #mainNav3 a.current:hover,
.diyw #mainNav3 a.current {
	background: url("http://www.kelpt.net/s/img/level_3_navigation_highlighter.png") left 2px no-repeat;
}
.diyw #mainNav3 a.current {
	color: #333;
}
