/* ------------------------------- */
/*    GLOBAL STUFF & RESET         */
/* ------------------------------- */
html, body, div, p, h1, h2, h3, h4, img, ul, li, a {
    margin:0;
    padding:0;
    border:0 none;
}
body {
    font-family:Verdana, Arial;
    text-align:left;
    font-size:62.5%;  /* 1em = 10px , 1.4em = 14px */
    color:#E1CAAA;
    background-color:#000;
}
a { color:#E1CAAA; }
a:visited { color:#E1CAAA; }
a:hover { color:#E1CAAA; }
a { outline:none; }
p, h1, h2, h3, h4 { font-size:1.2em; }
img { border:none; }
/* body { text-align:center; } */
html { text-align:center; }
body { text-align:left; margin:0 auto; }

/* ------------------------------- */
/*    LAYOUT                       */
/* ------------------------------- */
/* PARTS WIDTHS: 
body = subnav + content
902  = 210    + 590
*/
#header { height:260px;}
#logo { height:260px; background:url(img/header.jpg) }
body, #page { width:902px; }
#page { background-image:url('img/back2.jpg'); background-color:#181818;}
#content-area {  }
#header, #subnav { width:900px; }
#content-area { width:620px; padding:20px 140px;}

/* ------------------------------- */
/*    DECORATION                   */
/* ------------------------------- */
body { }
#header, #content-area, #subnav { 
    background-color:#181818; 
    margin:0 1px 0 1px; }
#footer { background-color:#000; padding:5px 0 5px 0; color:#666; width:902px;}
#content-area { background:url(img/shadow2.gif) repeat-x; background-color:#181818;}

/* ------------------------------- */
/*    NAV                          */
/* ------------------------------- */
#header a { text-decoration:none;}
#header a#home {
		display:block;
		height:160px;
		width:340px;
		margin-left:276px;
		border:none; }
#header ul#mainnav { 
        float:left;
        margin-top:30px;
        margin-left:276px; }
	ul#mainnav a { height:100px; display:block;padding-top:40px; }
#header .nav li { 
        float:left; 
        list-style-type:none;
        text-transform:uppercase;
        font-size:1.2em;
        margin-left:1.05em;
        width:8.2em;
        text-align:center; }
        #header .nav li a, #header .nav li a:visited { color:#DFB880; }
        #header .nav li a:hover { color:#fff; }
        #header .nav a.active, #header .nav a.active:visited { color:#fff; }
#header .nav ul ul { margin-left:1em; }
#subnav { height:240px; 
	  position:absolute; 
          left:auto; right:auto; }
	#subnav a { text-decoration:none; }
    	#subnav ul { 
        	list-style-type:none;
        	position:absolute;
        	padding:0 0 10px 20px;
        	bottom:0;}
        #subnav ul li { 
            font-size:1.2em; }
            #subnav li a, #subnav li a:visited { color:#DFB880; }
            #subnav li a:hover { color:#fff; }
            #subnav a.active, #subnav a.active:visited { color:#fff; }
#content-area { padding-top:260px; }


/* ------------------------------- */
/*    CONTENT                      */
/* ------------------------------- */
p { background-color:#181818;}
#footer p { background-color:#000;}
#footer a { color:#666 } 
#footer a {text-decoration:none;}
h1, dd.csc-textpic-caption { padding-bottom:15px; }
h1 { font-size:1.6em; font-weight:normal; }
/* captions */ 
dd.csc-textpic-caption, #imageDetails  { color:#a7a7a7; } 
div#content-area a { text-decoration:underline;  }


/* ------------------------------- */
/*    BACKPICS                     */
/* ------------------------------- */
body.default #subnav { background:url(img/mood_home.jpg); }
body.home #subnav { background:url(img/mood_home.jpg); }
body.products #subnav { background:url(img/mood_produkte.jpg); }
body.aboutus #subnav { background:url(img/mood_ueberuns.jpg); }
body.oldclocks #subnav { background:url(img/mood_antikeuhren.jpg); }
body.contact #subnav { background:url(img/mood_kontakt.jpg); }
body.impressum #subnav { background:url(img/mood_impressum.jpg); }