html{height: 100%;}
body{ 	font-family: arial, sans-serif;padding: 0 5px;margin: 0 5px;font-size: .9em;position: relative; left: auto; top: auto; clip: rect(auto, auto, auto, auto); overflow: scroll}
p{ margin: 0px;  padding: 0px 0px 16px 0px;  line-height: 1.7em;}
h1, h2, h3, h4{ font-family: tahoma, sans-serif;font-size: 110%;letter-spacing: .1em;padding: 7px 0px 5px 0px; margin: 0px 0px 12px 0px;}
h4{ font-family: arial, sans-serif;  font-size: 110%;}
img{ border: 0px;margin: 0px; padding: 0px;}
a{outline: none;}
form{padding: 0; margin: 0;}
blockquote{ margin: 20px 0px 20px 0px;   padding: 10px 20px 0px 20px;  border-left: 8px solid;}
ul{ margin: 2px 0px 18px 16px;  padding: 0px;}
ul li{ list-style-type: square;  margin: 0px 0px 6px 0px;   padding: 0px;}
ol{ margin: 8px 0px 0px 24px;  padding: 0px;}
ol li{ margin: 0px 0px 11px 0px;   padding: 0px;}
#main, #logo, #menubar{ margin-left: auto;   margin-right: auto;}
#main{width: 900px;}
#logo{ width: 900px;  height: 200px; }
#logo h1{ font-size: 150%;  font-weight: bold;  padding: 0px 6px; text-align:left; }
#menubar{ width: 900px;  height: 70px;font-size: 1em; font-weight:bold;} 
ul#menu{margin: 0px;}
ul#menu li{ float: left;   margin: 0px 0px 0px 0px;   padding: 0px;  list-style: none;} 
ul#menu li a { font-family: verdana, sans-serif;display: block; float: left;height: 44px;text-decoration: none;padding: 26px 18px 0px 18px;text-align: center;border-right: 1px solid;} 
#search{ float: right;   padding: 22px 15px 0px 0px;}
input.suchbutton{ background: #333;   border-color: #949C88;   color: #FFF;}
input.searchfield{ border: 1px solid;   padding:2px;}
input.searchbutton{ font-family: verdana, sans-serif;border: 1px solid;padding: 0px 0px 1px 0px;width: 64px;cursor: pointer;}
#site_content{ width: 900px;  overflow: hidden;  margin: 5px 5px 0px auto;  background: #FFFFFF url(back_full.png) repeat-y;} 
.sidebar{ float: left;  padding: 15px 15px 15px 20px;}
.sidebaritem{ text-align: left;  width: 230px;  float: left;  margin: 0px 7px 0px 0px;}
.sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;font-size:12px;}
.sidebaritem ul{ border-top: 1px solid;  width: 209px;   padding-top: 4px;   margin: 4px 0px 15px 14px;}
.sidebaritem li{ list-style: none;   padding: 0px 0px 4px 0px;   border-bottom: 1px solid;}
.sidebaritem li a, .sidebaritem li a:hover{ text-decoration: none;   padding: 0px 0px 0px 18px;  display: block;} 
#content{ text-align: left;  width: 860px;  float: left;  padding: 8px 22px 15px; }
#content h1{font-size: 125%;}
#content a, #footer a{border-bottom: 1px dotted;}
#content a:hover, #footer a:hover{border-bottom: 1px solid;}
#footer{ width: 860px;height: 40px;border-top: 1px solid;padding: 28px 20px 4px;text-align: center; margin: auto auto}
#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}
fieldset, .comment, .commentsbox{margin-bottom: 10px;}
fieldset{ border: 1px solid;   padding: 10px 8px;   }
input{padding: 2px;}
textarea{ width: 90%;   height: 200px;  padding: 3px 3px;}
.date{ border-top: 1px solid; margin: 15px 0px 5px 0px;font-weight: bold;}
.searchword{font-style:	normal;}
em {font-style:	normal;}
.font{font-size:8px;}
.schrift-groesse{font-size:9px;}
.schrift-bold{font-weight:bold;}
.tiny { font-size:10px; border-bottom: 0px; text-decoration: none;}
.tiny2 { font-size:14px; border-bottom: 0px; text-decoration: none;font-weight:bold;}
.rainbow-links{float:left;width:49%;min-height:420px;padding:0 3px 0 0;}
.rainbow-rechts{float:right;width:49%;min-height:420px;padding:0 3px 0 0;}
.rainbow-links-swap{float:left;width:25%;min-height:120px;padding:0 3px 0 0;}
.rainbow-rechts-swap{float:left;width:25%;min-height:120px;padding:0 3px 0 0;}
.rainbow-mitte-swap{float:left;width:25%;min-height:120px;padding:0 3px 0 0;}
.rainbow-links-willkommen{float:left;width:450px;min-height:200px;margin:0 0 3px 0;padding:0;}
.rainbow-rechts-willkommen{float:right;width:180px;min-height:200px;margin:0 0 3px 0;padding:0;z-index:10;}
.staubsauger-rainbow{position:relative;top:-40px;z-index:10;}
.staubsauger-head{color:#fff;padding:108px 0 0 20px;font-size: 20px;}
.meinung-links{clear:both;width:10%;padding:2px 0 0 0;font-size:0.9em;}
.meinung-rechts{float:right;width:90%;padding:2px 0 0 2px;font-size:0.9em;position:relative;top:-17px;}
.oben{position:relative;left:610px; padding:20px 0 0 0 ;}
.ndis{display:none;}
#nki {font-size: 0.8em;text-align: center;margin-top: 1em; margin-bottom: 1em;padding:0 0 10px 0;}
#nki a, #nki a:active, #nki a:focus, #nki  a:visited, #nki a:hover{color:#666;text-decoration: none;font-size: 0.8em;text-align: center;margin-top: 1.0em;margin-bottom: 1.0em;}
.logo-schrift {text-align:left;color:#fff;font-size:20px;padding:0 0 0 20px;}
.facebook{margin: 0 auto;padding-top:20px;background-color:#4F504A ;width:900px;}
.facebook iframe {padding:10px;}
.facebook a {color:#fff;}
.facebook-pic{position:relative;top:-130px;right:10px;float:right;width:100px;height:100px;}
.facebook-nav{position:relative;left:360px;top:8px;background-color:#fff;color:#444;}
.facebook-nav-start{color:#444;}
.facebook-nav-job-pos{position:relative;left:900px;z-index:10;background-color:#fff;width:200px;top:0;}
.facebook-nav-job{background-color:transparent;color:#444;width:200px;height:100px;position:relative;top:-70px;}
.piwik{border:none;width:600px;height:200px;color:#666;}
.no-div,.no-div img,.no-div a,.no-div a:link,.no-div a:visited,.no-div a:hover,.no-div a:focus {display:none;}
a img,a:link img,a:visited img,a:hover img,a:focus img {text-decoration:none;display:block;}
.no {text-decoration:none;background-color:#20201e;}
.iframe{border:0; overflow:hidden; width:880px; height:80px;}
.ndis{display:none;}
.f8{font-size:8px;text-decoration:none;}
.f9{font-size:9px;text-decoration:none;}
#container {width:800px;padding:10px;margin:0 auto;position:relative;z-index:0;}
#galerie {width:820px;height:500px;position:relative;margin:0 auto;text-align:center;}
#ribbon {position:absolute;top:-3px;left:-15px;z-index:500;}
#frame {position:absolute;z-index:0;width:1000px;height:480px;top:-3px;left:-100px;}
#slides {position:absolute;top:15px;left:4px;z-index:100;}
.slides_container {width:790px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide {width:790px;height:400px;display:block;}
.slide a img {margin: 0 auto;}
#slides .next,#slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:805px;}
.pagination {margin:26px auto 0;width:200px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(/scripts/img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.caption {z-index:500;position:absolute;bottom:-45px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:760px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}
.formular {text-align:left;color:#CCD0BA;}
.left, .right{border-color: #F8F9F1;}
.left{ float: left;   border-right: 18px solid;}
.right{ float: right;   border-left: 18px solid;}
.left-o{ float: left;position:relative;top:-20px;}
.right-o{ float: right; position:relative;}
.center{ display: block;  text-align: center;  margin: 0 auto;}
.clear{clear:both;}
.al{text-align:left;}
.ar{text-align:right;}
.notbig{font-size:10px;}
#nolink a,#nolink a:link,#nolink a:visited,#nolink a:hover,#nolink a:focus{border:none;text-decoration:none;font-weight:normal;}
/*.1 {position:relative; top:-100px;}*/
.spiegel {margin:0 0 0 50px;}
.bild-links-1{float:left;margin: 10px 10px 10px 0;}
.bild-links-2{float:left;margin: 10px 20px 10px 0;}
.bild-rechts-1{float:right;margin: 10px 20px 10px 10px;}
.farbe2{color: #e10927;}
.kleiner{font-size: xx-small;}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
body {background:none;margin:0;padding:0;}
img{max-width:80%;height:auto;width: auto; }
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{font-size:.8em;}
#main,#footer{width:100%;}
#menubar,#logo{height:auto;width: auto;padding:0;margin:0;}
.logo-schrift,.staubsauger-head{font-size:.8em;}
#logo a{font-size:.6em;}
#menubar {background : url(menu.png) repeat #898977;width:100%;height:70px;}
ul#menu li a {padding: 7px;text-align: center;border-right: 1px solid;} 
.facebook,.facebook-pic {display:none!important;}
#fb-root,#nki,#footer,#site_content{max-width:100%;}
#footer{margin:0;padding:0;padding-bottom:10px;}
#search,iframe{display:none;}
#content{ text-align: left;float:none;padding: 15px 10px 15px 18px;background:none;width:90%;}
.sidebar{ display:none !important;}
.facebook{display:none !important;}
.facebook iframe {display:none !important;}
.facebook-nav{display:none !important;}
.facebook-nav-start{color:#444;}
.facebook-nav-job-pos{display:none !important;}
.facebook-nav-job{display:none !important;}
.iframe{display:none !important;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px){
body {background : url(pattern.png) repeat #4F504A;color : #555;}
img {max-width:100%;height:auto;width: auto; /* ie 8 */}
h1, h2, h3 {color : #463E28;}
.left, .right {border-color : #F8F9F1;}
blockquote {border-color : #E29C22;}
#main, .sidebaritem {background : #FFF;color : #555;}
#logo {background : url(Rainbow-Wasserstaubsauger-Rainbow-Staubsauger-logo.jpg) left center no-repeat #444;border : #FFF;}
#logo h1 {background : transparent;color : #FFF;}
#menubar {background : url(menu.png) repeat #898977;}
ul#menu li a {background : transparent;color : #FFF;border-color : #898977;}
ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover {background : url(menu_sel.png) repeat #646B5C;}
input.searchfield {background : #FFF;border-color : #888;}
input.searchbutton {background : #333;border-color : #949C88;color : #FFF;}
input.suchbutton {background : #333;border-color : #949C88;color : #FFF;}
.sidebaritem ul, .sidebaritem li {border-color : #D6D9C9;}
.sidebaritem li a, .sidebaritem li a:hover {background : url(arrow.png) left center no-repeat transparent;color : #555;}
.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover {background : url(arrow_select.png) left center no-repeat transparent;}
h4, #content a, #content a:hover, #footer a, #footer a:hover {background : transparent;color : #555;}
#footer {background : #FFF;color : #555;border-color : #CCD0BA;}
fieldset, .comment, .commentsbox {background : transparent;color : #444;}
fieldset, .date {border-color : #D6D9C9;}
.comment {background : #FFF;color : #444;}
.facebook{margin: 0 auto;padding-top:20px;background-color:#4F504A ;width:900px;}
.facebook iframe {display:none !important;}
.facebook-nav{display:none !important;}
.facebook-nav-start{color:#444;}
.facebook-nav-job-pos{display:none !important;}
.facebook-nav-job{display:none !important;}
.iframe{display:none !important;}
}