html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* # MultiColumn Config */
.mcc {}
.mcc:after {content: ".";display: table;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* 50-50 */
.mcc.cc50-50 .c1 {width:50%;float:left;}
.mcc.cc50-50 .c2 {width:50%;float:left;}
/* 23-77 */
.mcc.cc31-69 .c1 {width:31%;float:left;}
.mcc.cc31-69 .c2 {width:69%;float:left;}
/* 66-33 */
.mcc.cc66-33 .c1 {width:66%;float:left;}
.mcc.cc66-33 .c2 {width:33%;float:left;}

.content.pattern .cc50-50 .c1 {width:52%;}
.content.pattern .cc50-50 .c1 p {  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }
.content.pattern .cc50-50 .c2 {width:48%;}

/**/

#content.fb .content.pattern {padding: 0 4%;width: 600px;padding-top: 20px;margin:0;}
#content.fb .content.pattern .mcc {width: auto}

header {width:100%;margin:0 auto;text-align: center;margin:20px 0 50px 0}
#teaser {background:url(../images/teppichhaus-vogt.jpg) no-repeat scroll 46% center;background-size: cover;height:360px;display:block;box-shadow: 0 0 13px -2px #000 inset;}
#content {font-family:'Gudea', sans-serif;font-size:16px;color:#000;line-height: 1.4}
#content .content {width:960px;margin:0 auto;margin-bottom:  50px;}
#content .content .mcc .c2 {text-align: right}
#content .content.pattern {background:url(../images/bg_muster.jpg) repeat scroll left top;width:100%;padding-top: 50px;}
#content .content.pattern .mcc {margin:0 auto;width:960px;}
#content .content.pattern .mcc .c2 {text-align: center}
#content .content .mcc .c2 img {margin-top: 20px;}
#content p {margin-bottom: 20px;line-height: 1.2;}
#content h1 {color:#000;font-size:28px;font-weight: 400;font-family:georgia, sans-serif;text-align: center;margin-bottom: 40px;line-height: 1;text-transform: uppercase;}
#content h2 {color:#b41917;font-size:24px;font-weight: 400;font-family:'Gudea', sans-serif;line-height: 1;margin-bottom: 16px;}
#content a.button {color:#fff;padding:2px 15px;float:right;margin-right: 10px;text-decoration: none;
background: rgb(180,25,23);
background: -moz-linear-gradient(top, rgba(180,25,23,1) 0%, rgba(153,51,49,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,25,23,1)), color-stop(100%,rgba(153,51,49,1)));
background: -webkit-linear-gradient(top, rgba(180,25,23,1) 0%,rgba(153,51,49,1) 100%);
background: -o-linear-gradient(top, rgba(180,25,23,1) 0%,rgba(153,51,49,1) 100%);
background: -ms-linear-gradient(top, rgba(180,25,23,1) 0%,rgba(153,51,49,1) 100%);
background: linear-gradient(to bottom, rgba(180,25,23,1) 0%,rgba(153,51,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41917', endColorstr='#993331',GradientType=0 );}
#content strong {font-size:20px;color:#b41917;font-weight: 400;}
#content .carpet4 {width:100%;margin-top: 30px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZTZkNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2YwZTZkNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2YwZTZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGU2ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(240,230,215,0) 0%, rgba(240,230,215,0) 60%, rgba(240,230,215,1) 60%, rgba(240,230,215,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,230,215,0)), color-stop(60%,rgba(240,230,215,0)), color-stop(60%,rgba(240,230,215,1)), color-stop(100%,rgba(240,230,215,1)));
background: -webkit-linear-gradient(top, rgba(240,230,215,0) 0%,rgba(240,230,215,0) 60%,rgba(240,230,215,1) 60%,rgba(240,230,215,1) 100%);
background: -o-linear-gradient(top, rgba(240,230,215,0) 0%,rgba(240,230,215,0) 60%,rgba(240,230,215,1) 60%,rgba(240,230,215,1) 100%);
background: -ms-linear-gradient(top, rgba(240,230,215,0) 0%,rgba(240,230,215,0) 60%,rgba(240,230,215,1) 60%,rgba(240,230,215,1) 100%);
background: linear-gradient(to bottom, rgba(240,230,215,0) 0%,rgba(240,230,215,0) 60%,rgba(240,230,215,1) 60%,rgba(240,230,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0e6d7', endColorstr='#f0e6d7',GradientType=0 );}
#content .carpet4 .inner {width:960px;margin:0 auto;padding-bottom: 40px;}
#content .carpet4 img {margin-right: 16px;box-shadow: 0px 10px 12px -12px #000;}
#content .carpet4 img:last-child {margin-right: 0;}

footer {width:100%;background: #eeebe6;border-top:5px solid #f6f3ed;border-bottom:5px solid #f6f3ed;}
footer .content {width:910px;margin:0 auto;padding: 20px 0;font-family:'Gudea', sans-serif;}
footer h4 {color:#000000;font-size: 24px;font-family: georgia, sans-serif;font-weight: 300;margin-bottom: 28px;text-transform: uppercase;letter-spacing: 1px;}
footer p {font-size: 14px;}
footer p strong {color:#b41917;font-size:18px;font-weight: 400;display: block;margin-bottom: 10px;}
footer dl {font-size: 14px;margin-top: 10px;}
footer dt {font-weight: bold;width:50px;display:inline-block;margin-bottom: 5px;}
footer dd {display:inline-block;width:210px;margin-bottom: 5px;}
footer .mcc.cc66-33 .c2 {margin-top: 10px;padding-left: 15px;width: 31%;}
footer .mcc.cc66-33 .c2 input {margin-top:20px;}

#contactform .success {display:block;color:#05b400;font-weight:bold;margin-bottom: 10px;letter-spacing: 1px;}
#contactform .errors {display:block;color:#B41917}

footer input[type=text] {margin-right: 10px;border:1px solid #d5d5d5;font-size:12px;color:#575756;width:181px;padding:8px;margin-bottom: 10px;}
footer input[type=text][name=your-mail] {margin-right: 0;}
footer textarea {margin-right: 10px;border:1px solid #d5d5d5;font-size:12px;color:#575756;width:394px;padding:8px;resize:none;height:78px;}

.bottomfooter {text-align: right;width:960px;margin:0 auto;padding:18px 0;}
.bottomfooter a {color:#000;text-decoration: none;font-size:12px;font-family: 'Gudea', sans-serif;font-weight: 400;}
.bottomfooter a:hover,footer .bottomfooter a:focus,footer .bottomfooter a:visited {color:#000;text-decoration: none;}

#googlemap {border-top:5px solid #f6f3ed;height: 240px;width:100%;}
#gmap_canvas {height:240px;width:100%;}