* { margin: 0; padding: 0; }
html { background: #6394cf repeat-x fixed left top; }
body { width: 1002px; padding: 0; margin: 10px auto; border:none; font-size: 14px; text-align: justify; color: #1f1f1f; background: #ffffff; }
body, th, td, input, textarea, select, option {
font-family: Georgia, "Times New Roman", Times, serif;
}
iframe { border:none; }
h1, h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #000000;
}
h2 { font-size: 18px; color: #000000; }
h3 { font-size: 16px; color: #000000; }
a { color: #0000ff; }
a:hover { color: #00ffff;  }
#rahmen {
width: 1000px;
margin: 0 auto;
padding: 0;
border: 3px solid #0066cc;	
}
#kopf { width: 1000px; height: 10px; margin: 0 auto; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; background: no-repeat left top; font-size: 14px; visibility: hidden; }
#kopf h1, #kopf p { margin: 0;  padding: 0; }
#kopf h1 { font-size: 36px; }
#divli { float:left; color: #000000; font-size: 11px; padding: 10px 0 0 65px; height: 58px; }
#divre { float: right; height: 75px; padding: 15px 5px 0 0; font-size: 12px; }
#kopf a { text-decoration: none; color: #ffffff; }
#kopf a:hover { text-decoration: none; color: #eeeeee; }
#menu { margin: 0; padding: 75px 0 0 7px; text-align: center; visibility: hidden; }
#menu ul { margin: 0; list-style: none; }
#menu li { display: inline; }
#menu a {
display: block;
float: left;
margin-right: 2px;
padding: 0 2px;
text-align: center;
text-decoration: none;
background: #66b5ff;
border: 1px solid #0066cc;
color: #0000ff;
}
#menu a:hover { background: #0066cc; color: #FFFFFF; border: 1px solid #fff; }
#mitte { width: 1000px; margin: 0 auto; padding: 0; }
#inhalt {
float: left; 
width: 705px;
margin: 0;
padding: 15px 25px 15px 20px;
background: url(images/conti.png) left top; 
background-repeat:repeat-y;
font-size: 14px;
}
#inhalt h1 {
margin: 10px 5px 5px;
padding: 0 0 0 30px;
height: 24px;
font-size: 22px;
color: #000; 
background: url(images/img11.png) no-repeat left center;
}
.blokszent {
text-align: left;
color: #ffffff;
margin:  10px 0;
padding: 5px 20px 5px 12px;
background: #66b5ff;
border: solid 1px #0066cc;
}
#menuet { float: right; width: 247px; visibility: hidden; margin: 0; padding: 10px 0 0; }
/* position: fixed; */
#menuet .oben { margin: 0; padding: 0; background: url(images/img05.png) no-repeat left top; }
#menuet .mitte { background: url(images/img06.png) repeat-y left top; }
#menuet .unten { background: url(images/img07.png) no-repeat left top; }
#menuet ul { margin: 0; padding: 5px 20px 5px 20px; list-style: none; }
#menuet li { margin: 0; padding: 0; }
#menuet li ul { margin: 0; padding: 0 0 10px 0; }
#menuet li li { margin: 0 0 0 5px; padding: 0 0 0 5px; line-height: 25px; }
#menuet h2 { margin: 0; padding-left: 30px; height: 24px; font-size: 20px; color: #ffffff;  background: url(images/img11.png) no-repeat left center; }
#menuet a { display:block;
padding:0;
margin-top: 1px;
border:solid 1px #eeeeee;
background-color:#479eff;
text-align:center;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
#menuet a:hover {display:block;
padding:0px;
border:1px solid #000;
background-color:#fff;
text-align:center;
font-weight:bold;
color:#000;
text-decoration:none;
}
.blokmen {
width: 221px;
text-align: left;
color: #ffffff;
margin: 7px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background: #66b5ff;
border: 1px solid #0066cc;
}
#unten {
width: 1000px;
height: 50px;
margin: 0 auto;
background: #C0F3FD url(images/unt.jpg) repeat-x left bottom;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.clearen { clear:both; margin: 0; padding: 0; }
.an234x60 { width: 0; height: 0; padding: 5px; background: #66b5ff; visibility: hidden; border: solid 1px #0066cc; }
.an200x200 { font-weight: normal; width: 0; height: 0; float: right; margin:  0 0 0 10px; padding: 5px; background: #66b5ff; visibility: hidden; border: solid 1px #0066cc; }
.an200x200-2 { width: 0; height: 0; margin: 7px; padding: 5px; text-align:center; background: #66b5ff; visibility: hidden; border: solid 1px #0066cc; }
.werbeblock { width: 0; height: 0;  margin:  20px 10px 10px; padding: 0; visibility: hidden;  }
.an468x15 { width: 0; height: 0; margin: 0 auto; padding: 1px; font-size: 10px; background: #66b5ff; visibility: hidden; border: solid 1px #0066cc; }
.links { float: left; margin: 0 10px 0 0; border: 1px solid #0066cc; }
.rechts { float: right; margin: 0 0 0 10px; border: 1px solid #0066cc; }
.zenter {
display: block;
margin: 10px;
margin-left:auto;
margin-right:auto;
text-align:center;

border: 1px solid #0066cc;
}
#men-unten { margin: 0; padding: 2px 0 0 7px; text-align: center; font-size: 12px; visibility: hidden; }
#men-unten ul { margin: 0; list-style: none; }
#men-unten li { display: inline; }
#men-unten a {
display: block;
float: left;
margin-right: 2px;
padding: 0 2px;
text-decoration: none;
background: #66b5ff;
border: 1px solid #0066cc;
color: #0000ff;
}
#men-unten a:hover { background: #0066cc; color: #FFFFFF; border: 1px solid #fff; }
#designer { width: 675px; height: 775px; margin: 10px; padding: 3px; background: #0066cc; visibility: visible; border: solid 2px #fff; }
#skizze { width: 625px; height: 625px; margin: 5px 5px 5px 10px; padding: 0; background: url(online-perlen-designer/rs2.jpg) left top; visibility: visible; }
#lib { width: 625px; height: 120px; margin: 5px 10px; padding: 5px 10px; background: #66b5ff; visibility: visible; }

.grfr a {
background-color: #fd0102;
color: #0000ff; 
}
.projekt input { background: #c0f3fd; visibility: visible; border: solid 1px #0000c0; }