@import url(//cdn.website-start.de/s/css/templates/Bitter.css);
@import url(//cdn.website-start.de/s/css/templates/Source+Sans+Pro.css);

/* LAYOUT SETTINGS */

body
{  background-color: #fff; margin: 0; padding: 0;
}

body .diyw
{font-family: 'Source Sans Pro', sans-serif; color: #3F3F3E; line-height: 22px;
}

.diyw .diyweb{
box-shadow: 0 8px #CB353F inset;
padding-top: 8px;}

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

.diyw #diywebWrapper{ width: 100%;}
.diyw #diywebElement1 { width:100%; height:20px;}
.diyw #diywebHeadWrap {  width: 950px;}
.diyw #diywebHeader { width:100%; position: relative;}
.diyw #diywebAllContent { width:950px;}
.diyw #diywebFooter { width:100%;}
.diyw #diywebMainContent, .diyw #diywebSidebar { min-height: 200px;}
.diyw #diywebFooterCenter,
.diyw #diywebWrapper,
.diyw .diywebListItem,
.diyw #diywebAllContent,
.diyw #diywebHeader,
.diyw #diywebFooter,
.diyw .diywebFooterCenter,
.diyw #mainNav1,
.diyw #diywebHeadWrap{ margin: 0 auto;}

.diyw #diywebMenuShadow { width: 100%; height: 18px; background-image: url('http://www.breitschafter-elektro.com/s/img/image01.png'); position: absolute; bottom: -18px;}


/* TEXTFORMATIERUNG */

.diyw a:hover { text-decoration: none;}
.diyw p,
.diyw .com-form-info { font-size: 12px; color: #3F3F3E; line-height: 18px;}
.diyw table {font-size: 12px; color: #3F3F3E; line-height: 18px;}
.diyw .n .rightDownload {font-size: 12px; color: #3F3F3E; line-height: 18px;}
.diyw div.hr { border-color: #ccc;}


.diyw .nform {font-size: 12px; color: #3F3F3E; line-height: 18px; display: block;border-top:4px solid #CB353F; }
.diyw .form-headline {font-size: 20px; color: #003771; font-weight: normal; margin-top: 10px; }


.diyw h1,.diyw h2 {font-family: 'Bitter', serif;}

.diyw #diywebMainContent h1 { font-size: 46px; color: #252525; font-weight: normal; margin-bottom: 20px; line-height: 56px;}
.diyw #diywebMainContent h2 { font-size: 20px; color: #003771; font-weight: normal; margin-top: 30px; margin-bottom: 15px;}
.diyw #diywebMainContent .n p a { font-size: 12px; text-decoration: underline; color: #000;}
.diyw #diywebMainContent ul {font-size: 12px; color: #3F3F3E; }

.diyw #diywebSidebar h1 { font-size: 16px; color: #003771; font-weight: normal; margin-bottom: 10px; border-top:4px solid #CB353F; padding-top: 20px; }
.diyw #diywebSidebar h2 { font-size: 16px; color: #003771; font-weight: normal;margin-top: 25px; margin-bottom: 10px; border-top:4px solid #CB353F; padding-top: 20px; }
.diyw #diywebSidebar .n p a { font-size: 12px; text-decoration: underline; color: #000;}
.diyw #diywebSidebar ul {font-size: 12px; color: #3F3F3E;}



.diyw .guestbook-wrapper { border-top:4px solid #CB353F; background-color:#e9e9e9; padding:0 20px 10px 20px}
.diyw .guestbook-wrapper label { line-height:16px; margin-bottom:5px}
.diyw .guestbook-wrapper textarea {float: left;height: 140px;margin-right: 15px;}
.diyw .guestbook-wrapper .captcha { float: left; margin-right: 55px;}

.diyw .nform {background-color:#e9e9e9; padding:10px 20px;}
.diyw .nform .form-item-zone-text .form-item { display:inline-block; margin-right:20px;}
.diyw .nform .form-item-zone-text .form-item input { width:280px}
.diyw .nform .form-item-zone-checkbox .form-item { display:inline-block; margin-right:20px; width:280px}
.diyw .nform .form-item-zone-textarea textarea { width:590px; height:100px}

.diyw .newsletter-main {border-top:4px solid #CB353F; background-color:#e9e9e9; padding:10px 20px 10px 20px; font-size:12px}
.diyw .newsletter-main .newsletter-form-field {display:inline-block; width:250px; margin-right:20px}



/* HEADER */

.diyw #diywebLogo {margin-top: 30px;width:210px;height;110px;}


/* NAVIGATION */

.diyw #diywebNavigation {margin-top: 30px;}
.diyw #diywebNavigation a { color: #3F3F3E; padding-bottom: 15px;}

.diyw #diywebNavigation .current.level_1 {color: #CB353F; text-decoration: none;}
.diyw #diywebNavigation .current.level_2 {color: #CB353F; text-decoration: none;}
.diyw #diywebNavigation .current.level_3 { background-image: url('http://www.breitschafter-elektro.com/s/img/image02.png'); background-repeat: no-repeat; background-position: center bottom; color: #CB353F}
.diyw #diywebNavigation .parent,
.diyw #diywebNavigation a:hover { color: #CB353F; text-decoration: none;}

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

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

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

.diyw .mainNav1 li,
.diyw .mainNav2 li,
.diyw .mainNav3 li { padding-right:20px; float: left; max-width: 900px;}

.diyw #mainNav1 {font-size: 19px;}
.diyw #mainNav2 {font-size: 15px; }
.diyw #mainNav3 {font-size: 13px; padding-left: 20px; height: 37px;}

.diyw #diywebAllContent { padding-top: 40px; padding-bottom: 40px;}
.diyw #diywebSidebar { width: 230px; float: right;}
.diyw #diywebMainContent{ width: 670px; float: left;}
.diyw .diywebListItem{ width: inherit; display: block;}

/* FOOTER */

.diyw #diywebFooter { background-color: #CB353F;}
.diyw #diywebFooterCenter {width: 930px; color: #fff; padding-top: 5px;}
.diyw #diywebFooterCenter a { color: #fff; text-decoration: none;}

.diyw #diywebFooter .mainNav1 { border-bottom: 2px solid #fff; font-size: 15px; padding: 10px 0px; margin-bottom: 10px;}

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