@charset "utf-8";
/* CSS Document cilio*/
* {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{background:black; }
h1 {font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:10px;}
p {margin-top:10px;}

/*Betrifft alle Seiten*/
div#cilio { width:955px; color:white; margin:0 auto;}
div#cilio p.logo {text-align:right; padding-top:20px; padding-bottom:20px; padding-right:20px;}
div#content {background:black; margin-left:180px;}
div#content div.navigation {background:#333333; width:100%; height:25px; border-bottom:2px solid #CC2027;}
div#content ul.navigation {list-style:none;}
div#content ul.navigation li {display:block; float:left; padding:5px 24px;}
div#content ul.navigation li.navidown {background:#CC2027;}
div#content ul.navigation li.naviup {background:inherit;}
div#content ul.navigation li.naviup:hover {background:#CC2027;}
div#content ul.navigation li a {font-size:14px; font-weight:bold; color:white; display:block; text-decoration:none;}
div#content ul.navigation li span {font-size:14px; font-weight:bold; color:white; display:block;}
div#content div.main {padding-left:20px; padding-bottom:10px; padding-top:30px;}

/*HOME*/
div#content div.home {background:url(/siteimages/background_home.gif) right top no-repeat;}
div.home_hg   {background: url(siteimages/bg_links_1.jpg) left top no-repeat black; }

/*PROFIL + IMPRESSUM + Händler*/
div#content div.profil {background:url(/siteimages/background_profil.jpg) right top no-repeat;}
div#content div.profil p {width:400px; padding-bottom:5px;}
div#content div.profil p a {color:white; text-decoration:none;}
div#content div.profil p a img {border:none;}
div#content div.profil form {margin-top:20px;}
div#content div.profil form br {display:block; clear:left; margin-top:20px;}
div#content div.profil form label {padding-right:6px; display:block; width:35px; float:left; font-weight:bold; margin-bottom:30px;}
div#content div.profil form input {width:200px; display:block; float:left;}
div#content div.profil form button {margin-left:10px;width:72px; height:72px; background:url(/siteimages/button_suchen.jpg) no-repeat black; border:none; display:block;}

div#content div.profil div.result {min-height:400px; width:430px; clear:both;}
div#content div.profil div.result table {border-collapse:collapse; width:365px; margin-top:20px; border:1px solid white; padding:5px;}
div#content div.profil div.result table th {padding:4px 5px; text-align:left; font-size:14px; }
div#content div.profil div.result table td {vertical-align:top; padding:5px 4px;}
div#content div.profil div.result table td.kontakt {width:50%;}
div#content div.profil div.result table td span {display:block; font-size:12px;}
div#content div.profil div.result table td.kontakt a {color:white; text-decoration:none; font-size:inherit;}
div#content div.profil div.result table td.kontakt span {font-size:12px;}
div#content div.profil div.result table td.kontakt span strong {padding-right:3px; font-size:12px; font-weight:normal;}

a.a1 {display:block; color:black; text-decoration:none;}

/*KONTAKT*/
div#content div.kontakt {background:url(/siteimages/background_profil.jpg) right top no-repeat; min-height:400px;}
div#content div.kontakt p {width:400px; padding-bottom:5px;}
div#content div.kontakt form {margin-top:20px;}
div#content div.kontakt form br.clear {clear:left;}
div#content div.kontakt form label {display:block; width:350px; margin-bottom:2px;}
div#content div.kontakt form input {display:block; width:350px;}
div#content div.kontakt form label.plz {width:30px; float:left; margin-right:45px;}
div#content div.kontakt form label.ort {width:30px; float:left;}
div#content div.kontakt form input.plz {width:60px; float:left; margin-right:10px;}
div#content div.kontakt form input.ort {width:280px; float:left; margin-bottom:10px;}
div#content div.kontakt form textarea  {width:280px; height:100px; float:left; display:block;}
div#content div.kontakt form button { background:url(/siteimages/button_senden.jpg) no-repeat black; width:72px; height:72px; display:block; border:none; float:right;  margin-right:380px; margin-top:10px;}
/*NEWS*/
div#content div.news {background:url(/siteimages/background_news.jpg) right top no-repeat;}
div#content div.news p {width:350px; padding-bottom:5px;}

/*PRODUKTSEITEN*/
div#content div.produkte {margin-left:50px;}
div#content div.produkte ul {list-style:none;}
div#content div.produkte li {display:block; float:left; padding:5px 10px; width:150px;}
div#content div.produkte li a {display:block; width:110px; text-align:center; color:white; text-decoration:none;}
div#content div.produkte li a img {display:block; border:1px solid white; width:100px; height:100px; padding:2px; margin-bottom:3px;}
div#content div.produkte li a span {color:white; font-size:10px;}
div#content div.produkte li a:hover span {color:#CC2027;}
div#content div.text {clear:left; padding-top:20px;}
div#content div.text h1, div#content div.text p {width:400px;}
div#content div.form {float:right; width:340px; padding-top:10px;}
div#content div.form form label {display:block; font-weight:bold; padding:5px 0px; clear:left;}
div#content div.form form input, div#content div.form form select {width:250px;margin-bottom:6px; display:block; float:left;}
div#content div.form p {display:block; clear:left; font-weight:bold; color:#CC2027;}
	/*PRODUKTHAUPTSEITE*/
div#content div.produktseite {padding-top:0px; min-height:400px;}
div#content div.produktseite h1 {margin-top:40px;}
div#content div.produktseite a.linkbild {display:block; float:right; width:300px; height:300px; overflow:hidden; padding:0; border:none;}
div#content div.produktseite a.linkbild img {border:none;}
div#content div.produktseite a {margin-top:5px; text-align:center; text-decoration:none;font-size:12px; letter-spacing:0.1em; font-weight:bold; padding:2px; color:white; display:inline;}
div#content div.produktseite p {width:400px; padding-bottom:5px;}
div#content div.produktseite p.produktnavi {width:400px; padding:0px; margin:0px; margin-left:173px; background:#CC2000; padding:3px; padding-left:30px;}
div#content div.produktseite p.produktnavi a {border:none; display:inline; color:#FFFFFF; text-decoration:underline; background:none; font-size:11px; letter-spacing:normal;}
div#content div.produktseite p.produktnavi span {color:#FFFFFF; font-size:11px; font-weight:bold;}
div#content div.produktseite img.muehle {width:200px; display:block; float:left; margin-right:15px;}
	/* PRODUKT-KATALOG Seiten*/
div#content div.produktseite table {border-collapse:collapse; clear:left;}
div#content div.produktseite table.main {margin-top:20px; width:600px; border:1px solid white; margin-left:20px;}
div#content div.produktseite table.detail strong{display:block;}
div#content div.produktseite table td {vertical-align:top;}
div#content div.produktseite table.detail td {padding-left:20px; padding-top:5px; padding-bottom:4px; padding-right:10px;}
div#content div.produktseite table.detail td a.pdf {display:block; float:right; color:white; font-size:11px; font-weight:normal; background:url(/siteimages/pdf.jpg) right no-repeat black; line-height:25px; width:160px;}
div#content div.produktseite table.main td.bild {width:100px; text-align:center; border-right:1px solid white; margin-right:1px;}
div#content div.produktseite table.main td.bild a {padding:0px; margin:0px; border:none; background:black; text-align:center; color:white; display:block;}
div#content div.produktseite table.main td.bild a.beispiel {padding:1px; margin:1px; border:none; background:black; text-align:center; color:white; display:block; width:44px; float:left; border:1px solid #CCCCCC;}
div#content div.produktseite table.main td.bild a.beispiel img.beispiel {width:44px;}
div#content div.produktseite table.main td.bild a span {font-size:10px; font-weight:normal;}
div#content div.produktseite table.main td.bild img {border:none; display:block; margin:0 auto;}
div#content div.produktseite table.detail th {background:#666666; margin-top:2px; padding:3px; text-align:left; padding-left:20px; width:500px;}
div#content div.produktseite ol {list-style:none; margin-top:20px; margin-left:20px;}
div#content div.produktseite ol li {display:block; text-align:center; margin:3px; background:#CCCCCC; float:left; border:1px solid black;padding:3px; color:black;}
div#content div.produktseite ol li a {border:none; display:inline; background:none; color:black; font-size:10px; font-weight:bold;}
div#content div.produktseite ol li.produktlink {width:30px;}
div#content div.produktseite ol li span {width:40px;border:none; display:inline; background:none; color:#CC2027; font-size:10px; font-weight:bold;}
div.pro_hg1   {background: url(siteimages/bg_links_1.jpg) left top no-repeat black; }
div.pro_hg3   {background: url(siteimages/bg_links_3.jpg) left top no-repeat black; }
div.pro_hg4   {background: url(siteimages/bg_links_4.jpg) left top no-repeat black; }
div.pro_hg5   {background: url(siteimages/bg_links_5.jpg) left top no-repeat black; }
div.pro_hg6   {background: url(siteimages/bg_links_6.jpg) left top no-repeat black; }
div.pro_hg7   {background: url(siteimages/bg_links_7.jpg) left top no-repeat black; }
div.pro_hg8   {background: url(siteimages/bg_links_8.jpg) left top no-repeat black; }
div.pro_hg9   {background: url(siteimages/bg_links_9.jpg) left top no-repeat black; }