html{height: 100%;}
body{ font-family: arial, sans-serif;padding: 0;margin: 0;font-size: .9em; }
p{ margin: 0;padding: 0 0 16px 0;line-height: 1.7em;}
h1, h2, h3, h4{ font-family: tahoma, sans-serif;font-size: 110%;letter-spacing: .1em;padding: 0 0 5px 0;margin: 0 0 12px 0; }
h4{ font-family: arial, sans-serif;font-size: 110%;}
img{ border: 0;margin: 0;padding: 0;}
a{outline: none;}
table { padding:0 10px 0 0;}
td { padding:0 3px 0 0;}
form{padding: 0; margin: 0;}
#blockquote{ margin: 20px 0 20px 0; padding: 10px 20px 0 20px;border-left: 8px solid;}
ul{ margin: 2px 0 18px 16px;padding: 0;}
ul li{ list-style-type: square;margin: 0 0 6px 0;padding: 0;}
ol{ margin: 8px 0 0 24px;padding: 0;}
ol li{ margin: 0 0 11px 0; padding: 0;}
#main, #footer, #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: 0 6px;float: left;text-align:left;}
#menubar{ width: 900px;height: 70px;font-size: 1em; font-weight:bold;} 
ul#menu{margin: 0;font-size: 1em; }
ul#menu li{ float: left; margin: 0 0 0 0; padding: 0;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 0 0;}
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: 0 0 1px 0;width: 64px;}
#site_content{ width: 100%;overflow: hidden;margin: 5px auto 0;background: #FFF url(back_right.png) repeat-y;} 
.sidebar{ float: right;width: 21%;padding: 15px 20px 15px 15px;}
.sidebaritem{ text-align: left;width: 190px;float: left;margin: 0 0 15px 0;}
.sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;font-size:12px;}
.sidebaritem ul{ border-top: 1px solid;width: 160px; padding-top: 4px; margin: 4px 0 15px 14px;}
.sidebaritem li{ list-style: none; padding: 0 0 4px 0; border-bottom: 1px solid;}
.sidebaritem li a, .sidebaritem li a:hover{ text-decoration: none; padding: 0 0 0 18px;display: block;} 
#content{ text-align: left;width: 70%;float: left;padding: 22px 10px 15px 28px;}
#content h1{font-size: 125%;}
#content a , #footer a{border-bottom: 1px dotted;}
#content a:hover, #footer a:hover{border-bottom: 1px solid;}
#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}
.tiny { font-size:10px; border-bottom: 0; text-decoration: none;}
.tiny2 { font-size:14px; border-bottom: 0; text-decoration: none;font-weight:bold;}
#footer{ width: 860px;height: 40px;border-top: 1px solid;padding: 28px 20px 4px 20px;text-align: center; z-index:10;}
#footer img{ z-index:10;}
fieldset, .comment, .commentsbox{margin-bottom: 10px;}
fieldset { border: 1px solid; padding: 10px 8px;}
input{padding: 2px;}
textarea { width: 95%; height: 200px; padding: 3px;}
.date { border-top: 1px solid; margin: 15px 0 5px 0; font-weight: bold;}
#link{color:#111;text-align:center;}
.searchword{font-style:normal;}
em {font-style:normal;}
.schrift-groesse{font-size:9px;}
.schrift-bold{font-weight:bold;}
#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, #nkia:visited, #nki a:hover{color:#666;text-decoration: none;font-size: 0.8em;text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;}
.hidden {width:0;height:0;visibility:hidden;display:none;}
.galerie {padding:1px 1px;z-index: 100;}
.galerie li {list-style-type: none;float: left;margin: 0;padding: 0;text-align: left;position: relative;}
.galerie img {display: block;padding: 0;border: 1px solid #faebd7;}
.galerie a .gross { display: none;}
.galerie a:hover .gross {display: block;position: absolute;top: -450px;left: -100px;background: #6699cc;}
/* Spezialangaben IE 7 */
*+html .galerie a:hover { z-index: 10;}
*+html .galerie li {position: static;}
*+html .galerie a{position: relative;}
/* Spezialangaben IE 6 */
* html .galerie a:hover {display: block;z-index : 10; }
* html .galerie li { position : static; }
* html .galerie a { position : relative; } 
* html { height: 100%; overflow: scroll;} 
html{height: 100%;}
html { height: 100%; overflow: scroll;}
#flashcontent { height: 100%; }
.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;background-color:transparent;}
.facebook a {color:#fff;}
.facebook-pic{overflow: hidden;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;}
.iframe{border:0; overflow:hidden; width:880px; height:80px;}
.piwik{border:none;width:600px;height:280px;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;}
.not-bold{font-weight:normal;}
.not-bold-footer{font-weight:normal;font-size:8px;color:#666;}
.startseite{padding:10px 0 5px 50px;}
.rainbow-links{float:left;width:49%;min-height:490px;padding:0 3px 0 0;}
.rainbow-rechts{float:right;width:49%;min-height:490px;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;}
.clear{clear: both;}
.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;}
.formular {text-align:left;color:#CCD0BA;padding:3px 3px 3px 3px;}
.left, .right{border-color: #F8F9F1;}
.left{ float: left; border-right: 18px solid;}
.right{ float: right; border-left: 18px solid;text-align:right;}
.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;}
.kontakt-li{float:left;width:45%;padding:3px 3px 3px 3px;}
.kontakt-text{float:right;width:45%;padding:3px 3px 3px 3px;}
.kontakt-clr{clear:both;width:100%;padding:3px 3px 3px 3px;}
#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;}*/
/*.2 {position:relative; top:-200px;}*/
.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;}
.div-klein{max-height:10px;}

@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;}
.kontakt-mobile{max-width:100%;}
.kontakt-li{float:left;width:50%;padding:3px 3px 3px 3px;}
.kontakt-text{float:right;width:20%;padding:3px 3px 3px 3px;}
.kontakt-clr{clear:both;width:100%;padding:3px 3px 3px 3px;}
}

@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;}
}