@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

/*
strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/

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;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {/*display: block;*/}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

a {text-decoration: none;}

body {line-height: 1;}

ol, ul {list-style-type: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

/*---Removes Webkit form styling on Mobiles---*/

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*---Additional Form resets---*/

button, input[type="button"] { background: none; border: none; }

/*---Typographic Styling---*/

em, i {font-style: italic;}

strong, b { font-weight: 600; }

u {text-decoration: underline;}

pre, code {font-family: Monaco, Courier, monospace;}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

blockquote, q {quotes: "" "";}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {cursor: pointer;}

/*---Misc. Element Styling---*/

img {-ms-interpolation-mode: bicubic;}

/* End strppd.css */

/* Custom fonts */


/* Proper box model */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* General styles */
::-moz-selection {  }
::selection {  }

a{  
	color: #ffffff;
	text-decoration: underline;
    /*-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;*/ }

a:hover{ color: #ffffff;
	text-decoration: none; }
a:active{  color: #ffffff;
	text-decoration: none;}
a:visited{ color: #ffffff;
	text-decoration: none; }

address{  }

aside{  }

b, strong{  }

body{ 
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
	background-color: #a30227;
}

blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1{ 
	font-size: 1.125em;
	font-weight: 400;
}
h2{  	
	font-weight: 400;
	font-size: 1.000em;
	line-height: 1.500em;
	padding: 0.375em 0em 0.375em 0em;
}
h3{  }
h4{  }
h5{  }
h6{  }

i, em{  }

img{  }

input, select, textarea{  }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li{  }

p { 
	font-weight: 300;
	font-size: 1.000em;
	line-height: 1.500em;
	padding: 0.5em 0em 0.5em 0em;
	}

select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

/* Custom styles */
aside, div, dl, fieldset, footer, form, header, iframe, nav, ul, ol, section, table{ /*clear: both; float: left; width: 100%;*/ }

.clear { clear: both; }
.bold { font-weight: 600; }

/*  */ 

#wrapper {
	width: 100%;
	height: auto;
    margin: 0px auto;
	float: none;
	padding: 0px 0px 0px 0px;
	background:url(../img/hintergrund-1900px.jpg) top center no-repeat;
}

#main {
	width: 1024px;
	height: auto;
	min-height: 660px !important;
	margin: 0px auto;
	float: none;
	padding: 0px 17px 0px 17px;
}
#main-home {
	width: 1024px;
	height: auto;
	min-height: 660px !important;
	margin: 0px auto;
	float: none;
	padding: 0px 17px 0px 17px;
	background: url(../img/main-home-background.jpg) top center no-repeat;
}

#logo {
	width:264px; 
	height: 177px; 
	float: right; 
	margin: 0;
	padding: 0;
}

#claim {
	width: 700px;
	height: 135px;
	float: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 0px 7px;
}

#content {
	width: 990px;
	height: 610px;
	float: left;
}
  
/* Lightbox Items - Produkte */

ul#produkte {  }

ul#produkte li#sonnen-und-sichtschutz {
	width: 324px;
	height: 225px;
	float: left;	
	padding: 30px 0px 0px 9px;
	margin: 0;
}

ul#produkte li#vorhaenge-und-gardinen {
	width: 307px;
	height: 225px;
	float: left;
	padding: 12px 0px 0px 9px;
	margin: 0;
}

ul#produkte li#stilgarnituren {
	width: 341px;
	height: 194px;
	float: left;
	padding: 6px 0px 0px 9px;
	margin: 0;
}

ul#produkte li#teppiche {
	width: 333px;
	height: 194px;
	float: left;
	padding: 19px 0px 0px 9px;
	margin: 0;
}

ul#produkte li#insektenschutz {
	width: 307px;
	height: 224px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

ul#produkte li#polsterei {
	width: 325px;
	height: 206px;
	float: left;
	padding: 19px 0px 0px 0px;
	margin: 0;
}

/* Kontakt */
#kontaktdaten {
	width: 430px;
	height: auto;
	float: left;
	margin: 75px 0px 0px 0px;
	padding: 0px 0px 0px 110px;
}
#karte {
	width: 430px;
	height: auto;
	float: left;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Footer */

#footer {
	width: 990px;
	height: 50px;
	float: left;
	background-color: #6e070f;
	padding: 18px 0px 0px 0px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
}

#contact {
	width: 645px;
	height: auto;
	float: left;
}
#contact ul { float: left; }
#contact ul li { float: left; font-size: 0.875em; font-weight: 300; padding: 0px 28px 0px 7px; }
#contact ul li a { text-decoration: none; }
#contact ul li a:hover, #contact ul li a:active { text-decoration: underline; }

#imprint {
	width: 255px;
	height: auto;
	float: right;
}
#imprint ul { float: right; }
#imprint ul li { float: left; font-size: 0.875em; font-weight: 300; padding: 0px 9px 0px 0px; }
#imprint ul li a {  }