/* basic stylesheet for www.albert-ohlau.de */
/* author: www.ideenwerft.com */

* {padding:0px;margin:0px;}

/* =LAYOUT  ======================== */
body {text-align:center;font-size:12px;font-family:verdana, arial, Sans-Serif;color:#575757;}
.home { background:url(img/background.jpg) #1c0b03 center top no-repeat;}
#wrapper {width:990px;margin:0 auto; text-align:left;overflow:hidden; }
.quote { text-indent:-9999px; width:656px; height:20px; margin-top:70px;}
.logo {width:296px; height:67px; float:right; margin-top:20px; }
#navi { width:210px; float:left; margin-top:20px;}
#content { width:625px; background-color:#e4e1e3; padding:0 0 15px 15px; float:right; }
#footer { background:#6a5a63; text-align:center; height:20px; padding-top:7px; padding-left:15px; margin-top:77px;}
#footer-home {text-align:center; height:20px; padding-top:7px; padding-left:15px; margin-top:470px;}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
/* links */
a:link, a:visited {color:#c3b1a0;}
a:hover, a:focus {color:#938272;}
a.pdf {padding-left:15px;background:url(img/file_pdf.gif) left top no-repeat;}
a.doc {padding-left:15px;background:url(img/file_doc.gif) left top no-repeat;}
a.mail {padding-left:15px;background:url(img/link_mail.gif) left top no-repeat;}
/* text */
p,h1,h1,h3,h4,h5 {}
p {line-height:1.4em;margin-bottom: 1em;}

h1 {font-size:1.0em;mar gin-bottom:0.6em; position:relative; text-align:center; }
h1 a { position:absolute; top:0; right:0;outline:none;}
h2 {font-size:1.2em;margin:1em 0 0.4em; width:640px; float:right; margin:22px 0 10px; text-indent:-9999px; height:25px;}

h3 {font-size:1.2em;margin:1em 0 0.3em;}
h4 {font-size:1.1em;margin:1em 0 0.2em;}
/* other */
ul,ol {list-style:none;}
#content ul {list-style:disc;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
#content ol {list-style:decimal;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table p {padding:0;margin:0;}
hr {
clear:both;
background-color:#adadad; /* Mozilla 1.4 */
color:#adadad; /* IE 6 */
border: #adadad; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:540px;
margin:10px 0;
}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}

img {border:0;}


/* =NAVIGATION ======================== */

#navi li a:link, #navi li a:visited {display:block;text-indent:-9999px; background-repeat:no-repeat; background-position:0 -28px;outline:none; height:28px;}
#navi li a:hover, #navi li a:focus {background-position:0 1px;}

li.navi-home a:link,  li.navi-home a:visited  { background:url(img/navi-home-w.gif);  width:99px; }
li.navi-weg a:link,  li.navi-weg a:visited{ background:url(img/navi-der-weg-w.gif); width:138px;}
li.navi-schmuck a:link,  li.navi-schmuck a:visited{ background:url(img/navi-der-schmuck-w.gif); width:200px;}
li.navi-kollektion a:link,  li.navi-kollektion a:visited { background:url(img/navi-die-kollektion-w.gif); width:210px;}

.home li.navi-home a:link, .home li.navi-home a:visited  { background:url(img/navi-home.gif);  width:99px; }
.home li.navi-weg a:link, .home li.navi-weg a:visited{ background:url(img/navi-der-weg.gif); width:138px;}
.home li.navi-schmuck a:link, .home li.navi-schmuck a:visited{ background:url(img/navi-der-schmuck.gif); width:200px;}
.home li.navi-kollektion a:link, .home li.navi-kollektion a:visited { background:url(img/navi-die-kollektion.gif); width:210px;}

#navi li.cur a:link, #navi li.cur a:visited {background-position:0 1px;}


/* =CONTENT ELEMENTS ======================== */
#content { min-height:470px;}
#content p { margin:15px 15px 0 0;}
.weg h2 { background:url(img/h1-der-weg.gif) left top no-repeat}
.weg #content img {float:right; padding-left:10px;}
.schmuck h2 { background:url(img/h1-der-schmuck.gif) left top no-repeat}
.kollektion h2 { background:url(img/h1-die-kollektion.gif) left top no-repeat}
.impressum h2 { background:url(img/h1-impressum.gif) left top no-repeat}
.kontakt h2 { background:url(img/h1-kontakt.gif) left top no-repeat}
.kollektion #content { width:600px;}
.kollektion #content { padding:15px 20px;}
.kollektion #footer { margin-top:25px;}
.serie2000 #footer { margin-top:20px;}

.kollektion #content a.serie { display:block;width:292px; height:214px;margin-bottom:15px;}
.kollektion #content a.serie:hover, .kollektion #content a.serie:focus { background-position:left bottom; }
.serie100 { background-image:url(img/100er-serie.jpg);}
.serie200 {background-image:url(img/200er-serie.jpg);float:right;}
.serie300 {background-image:url(img/300er-serie.jpg);}
.serie400 { background-image:url(img/400er-serie.jpg);float:right;}
.serie500 {background-image:url(img/500er-serie.jpg);}

#subnavigation { width:600px; }
.kollektion #subnavigation a.serie { display:block;width:142px; height:123px;float:left; margin-right:10px;}
.kollektion #subnavigation a.last { margin-right:0;}
.kollektion #subnavigation a.serie:link, .kollektion #subnavigation a.serie:visited { background-position:left bottom; }
.kollektion #subnavigation a.serie:hover, .kollektion #subnavigation a.serie:focus { background-position:left top; }
.kollektion #subnavigation a.aktiv:link, .kollektion #subnavigation a.aktiv:visited {background-position:left top; }
.serie210 { background-image:url(img/201er-serie.jpg); }
.serie220 {background-image:url(img/210er-serie.jpg);  }
.serie230 {background-image:url(img/220er-serie.jpg);}
.serie240 { background-image:url(img/230er-serie.jpg);}

.caption span.artnr { display:block; font-size:0.9em; color:#938272; padding-top: 3px; }

/* =OTHER ======================== */
.home .quote {background:url(img/headline-startseite.gif) 20px top no-repeat; height:19px; }
.weg .quote {background:url(img/headline-derweg.gif) 20px top no-repeat;}
.schmuck .quote {background:url(img/headline-derschmuck.gif) 20px top no-repeat; }
.kollektion .quote {background:url(img/headline-diekollektion.gif) 20px top no-repeat; }

#footer ul, #footer-home ul {width:1000px;margin:0 auto; text-align:left; font-size:0.9em;}
#footer li, #footer-home li { display:inline; margin-right:15px;}
#footer li a:link, #footer li a:visited {color:#c3b1a0;list-style:none; text-decoration:none;}
#footer li a:hover, #footer li a:focus {color:#938272;}

#footer-home li a:link, #footer-home li a:visited {color:#c3b1a0;list-style:none; text-decoration:none;}
#footer-home li a:hover, #footer-home li a:focus {color:#6a5a63;}


/* +++ copy ++++ */
.copy a:link, .copy a:visited {color:#999999;text-decoration:none;}
.copy a:hover, .copy a:focus {color:#c00;}