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

/*CSS RESET*/


html
{
	margin: 0;
	padding: 0;
}

html .diyw
{
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

 body
{
	margin: 0;
	padding: 0;
}

 body .diyw
{
	border: 0;
	font-size: 100%;
	font: inherit;
	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;
	font-size: 100%;
	font: inherit;
	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
{
 	background-color: #fff;
}

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

.diyw #diywebWrapper{
 	width: 940px;
 	height:100%;
 	min-height:100%;
 	margin:auto;
}
.diyw #diywebNavigation{
	width:100%;
	height: auto;
	margin-left:2px;
	margin-bottom:35px;
}
.diyw #diywebHeader{
	width:100%;
	height:204px;
	float:left;
}
.diyw #diywebAllContent{
	width:100%;
	height:auto;
	background-image: url(https://www.sfaphoto.com/s/img/image01.png);
	background-repeat: repeat-y;
 	padding-bottom: 52px; /* Wert der Footer-Höhe */
 	float:left;
 	position:relative;
 	margin-top:45px;
 	margin-bottom:20px;
}
.diyw #diywebMainContent{
 	width: 67%;
 	height:auto;
	padding-right:25px;
}
.diyw #diywebSidebar {
	width: 27%;
	padding-left:25px;
	float:right;
}
.diyw #diywebMainContent{
 	float: left;
}
.diyw #diywebWrapper #mainNav2 {
 	margin-bottom: 60px;
}

.diyw .current.level_2,
.diyw .parent.level_2,
.diyw .current level_3 { color: #75259D;}


.diyw .diywebListItem{
 	width: inherit;
	display: block;
}
.diyw #diywebFooter{
	width:100%;
	background-color: #7622a2;
    position: relative;
    margin-top: -52px; /* Negativer Wert der Footer-Höhe */
    float:none;
    clear:both;
    background-image: url(https://www.sfaphoto.com/s/img/footer_back.jpg);
    background-repeat: repeat-x;
    bottom:0px;
    padding:0px;
}
.diyw #diywebFooterCenter{
	width: 940px;
	height:52px;
	margin:auto;
}
/*#diywebMainContent, #diywebSidebar {
 height: 100%;
 min-height: 200px;
 margin-bottom: -2000000px;
 padding-bottom: 2000010px;
}*/

/*STYLES*/

.diyw table td { padding-right: 10px;}

.diyw #diywebAllContent a{
	color: #F7931E;
}
.diyw #diywebAllContent h1,.diyw #diywebAllContent h2,.diyw #mainNav1, .diyw #mainNav2{
	font-family: 'Ubuntu Condensed', sans-serif;
	text-transform: uppercase;
}
.diyw #diywebAllContent h1{
	color: #75259d;
	font-size:30px;
	font-weight:normal;
}
.diyw #diywebAllContent h2{
	color: #75259d;
	font-size:20px;
	font-weight:normal;
}
.diyw #diywebFooterCenter, .diyw #diywebFooterCenter a{
	color:#fff;
	font-size: 10px;
	padding-top:15px;
	text-decoration: none;
}

/*Menü1*/
.diyw .mainNav1{
	width: 940px;
}
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: nowrap;
}
.diyw #mainNav1 li,.diyw #mainNav1 li:hover{
	background-repeat: repeat-x;
	float: left;
	min-width:154px;
	width:auto;
	margin-right:2px;
	margin-bottom:2px;
	display: block;
}
.diyw #mainNav1 li{
	background-image: url(https://www.sfaphoto.com/s/img/button_back.jpg);
	background-position: bottom left;
	background-color: #ffd03a;
}
.diyw #mainNav1 li:hover, .diyw #mainNav1 li a.current{
	background-image: url(https://www.sfaphoto.com/s/img/button_active_back.jpg);
}
.diyw #mainNav1 a, .diyw #mainNav1 a:hover{
	padding:13px 5px;
	text-decoration: none;
	font-size:22px;
	text-align:center;
	display: block;
}
.diyw #mainNav1 a{
	color:#4D4D4D;
	white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}
.diyw #mainNav1 a:hover, .diyw #mainNav1 li a.current{
	color:#fff;
}
.diyw #mainNav1 li:first-child{
	margin-right:2px;
}
.diyw #mainNav2 a, .diyw #mainNav3 a{
 white-space: normal;
 word-wrap: break-word;

}
.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a {
 display: block;
}

/*Submenü*/
.diyw #mainNav2 li.navTopItemGroup_0{
	color:#706A5E;
	font-size: 18px;
	display:block;
	background-image: url(https://www.sfaphoto.com/s/img/submenu_li.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding-left:20px;
	border-bottom: 1px dotted #c7c6c3;
	line-height:1.8em;
}
.diyw #mainNav2 a{
	color:#706A5E;
	font-size: 18px;
	display:block;
	text-decoration: none;
}
.diyw #mainNav2 li a.current,.diyw #mainNav2 a:hover{
	background-image: url(https://www.sfaphoto.com/s/img/submenu_active_li.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	color:#75259d;
	padding-left:20px;
	margin-left:-20px;
}
.diyw #mainNav3 li.navTopItemGroup_0{
	color:#706A5E;
	font-size: 18px;
	display:block;
	background-image: none;
	padding-left:40px;
	border-bottom: none;
}
.diyw #mainNav3 li.navTopItemGroup_0:hover{
	background-image: url(https://www.sfaphoto.com/s/img/submenu_active_li.png);
	background-position: 20px 50%;
}

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