@charset "UTF-8";
<!-- 
body {
    background-color:#ffffff;
    margin: 0px;
    padding: 0px;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #CC0000;
    font-family:  Geneva, Arial, sans-serif;
    font: 14px;
}


#container { 
    width: 1015px;
    background-color:#ffffff;
    
    margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left;
    /*overflow: auto;*/
}

#header {
    background-color:#ffffff; 
    padding: 0px 0px 0 0 ; 
    margin: 0px 0px 0px 0px; 
    width:1000;
    height:200px;
    color: #ffffff;
    font-size:16px; 
    background-image: url(http://www.kjellhahn.com/banner_images/rotator.php) ;
    background-repeat: no-repeat;
}	

#header ul li {
    float: left;
    display:inline;
    margin: 0px 0 0 0; 
    padding: 60px 30px 0px 0px ;
    font-size:14px;
    text-decoration:none;
    display: block;
    list-style: none;
    font-weight: bold;
    color: #ffffff;}

#header ul li a:hover
{
    color:#000000;
    background-position: 0 13px;
}	


#menu {
    background: #ffffff;
    background-color:#ffffff;
    color: #333333;
    width:1000px;
    height: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


#menu ul{
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    list-style: none;
    font-weight: bold;
}

#menu ul li{
    color: #993333;
    float: left;
    display:inline;
    margin: 0px 0 0 0; 
    padding: 0px 10px 0px 0px ;
    font-size:12px;
    text-decoration:none;
    display: block;
}


#menu ul li a {
    padding: 10px 50px 2px 12px;
    background-position: 0 13px;
    text-decoration: none;
    color: #993333;
    display: block;
}

#menu ul li a:hover {
    color:#000000;
    background-position: 0 13px;
}


#header h1 {
    letter-spacing:0.8em;
    margin: 15px 0 0 0; 
    padding: 10px 0px 15px 15px;
    font-size:32px; 
    color: #ffffff;
}
		
#header p  {
    color: #666666;
}

#header a:hover {
    color:#000000;
    text-decoration:none;
}


#mainContent { 
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color:#ffffff;
    font-size:11px;
    width: 800px; 
    position: relative;
    top: -420px;
    left: 200px;
 } 

#mainContent h1 {
    font-size:16px;
    color:#993333;
}

#sidebar1 {
     letter-spacing:0.2em;
     width: 190px;
     margin: 40px 0px 0px 0px;
     padding: 0px 0px 25px 0px;
     font-size:10px; 
     text-align:center;
     color:#666666;
     background-color:#ffffff;
     /*float: left;*/
     position: relative:
     top: 0px;
     left: 0px;
}

#sidebar1 h3, #sidebar1 p {
    font-size:15px;
    margin:0px;
    padding:15px 0px 0px 10px;
    color: #993333;
}

#sidebar1 h4 {
    font-size:12px;
    font-weight:normal;
    color: #CC3300;
    padding: 10px 0px 10 px 0;
}

#sidebar1 ul{
    letter-spacing:normal;
    font-size:10px;
    text-align:right;
    margin:0px 5px 0px 0px;
    padding:5px 0px 5px 0px;
    width:180px;
}

#sidebar1 li {
    list-style:none;
    color:#666666;
    font-size:10px;
    padding: 0px 10px 0px 0px;
    background-color:#ffffff;
} 


#sidebar1 a:link {
    color:#666666;
    text-decoration:none;
}
	
	
span.paintingdrawing #sidebar1 li.paintingdrawing a,
span.sculpture #sidebar1 li.sculpture a,
span.ceramics #sidebar1 li.ceramics a {
    color:#CC3300;
    text-decoration:none;
}
	
	
	
span.personage #sidebar1 li.personage a,
span.citylandscape #sidebar1 li.citylandscape a,
span.mushi #sidebar1 li.mushi a,
span.onilandscape #sidebar1 li.onilandscape a,
span.oni #sidebar1 li.oni a,
span.crowd #sidebar1 li.crowd a,
span.portrait #sidebar1 li.portrait a,
span.visage #sidebar1 li.visage a,
span.sketch #sidebar1 li.sketch a,
span.sasayamadenkigama #sidebar1 li.sasayamadenkigama a,
span.sasayamaanagama #sidebar1 li.sasayamaanagama a,
span.himejisosa #sidebar1 li.himejisosa a,
span.figure #sidebar1 li.figure a,
span.reliefface #sidebar1 li.reliefface a,
span.oni #sidebar1 li.oni a,
span.stack #sidebar1 li.stack a,
span.indonesianmask #sidebar1 li.indonesianmask a,
span.bigred #sidebar1 li.bigred a,
span.grassbike #sidebar1 li.grassbike a,
span.nagoyadrawing #sidebar1 li.nagoyadrawing a,
span.chiakibutai1 #sidebar1 li.chiakibutai1 a,
span.chiakibutai2 #sidebar1 li.chiakibutai2 a,
span.bombaykobe #sidebar1 li.bombaykobe a,
span.doingnothing #sidebar1 li.doingnothing a,
span.mflohimeji #sidebar1 li.mflohimeji a,
span.himejihigashi #sidebar1 li.himejihigashi a {
    color:#CC3300;
    text-decoration:none;
}

#sidebar1  a:visited {
    color:#666666;
    text-decoration:none;
}

#sidebar1 a:hover {
    color:#000000;
    text-decoration:none;
}
	

.mainVideoDescrip {
    color:#666666;
    display:inline;
    float:right;
    font-size:10px;
    margin:0;
    width:180px;
    float: left;
    display: inline;
    padding: 10px 0px 0px 20px;
}



#mainArtDescrip {
    float:right;
    margin:0px 10px 0 0;
    width: 250px;
    color:#666666;
}

.maincontentvideo {
    float: left;
    display: inline;
    padding: 10px 0px 0px 0px;
}


/* #mainContent p {
font-:20px;
color:#993333;} */


.projects  {
    width:630px;
    height:280px;
    padding:0px 0px 0px 0x;
    margin:10px 20px 0px 80px;
    background-color:#ffffff;
   float:right;
    font-size:14px;
    text-align: left; 
    color: #993333;
}


.homeimages img {
    padding:20px 8px 20px 0px;
    margin:0px;
    float:left;
    opacity:1;
    filter:alpha(opacity=100)
}

#footer { 
    padding: 0 0 10px 0; 
    width: 850px;
    margin: 0px 0px 0px 80px;
    background:#ffffff;
    background-color:#ffffff;
    text-align:center;
    float: left;
}

#footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 0; 
    color:#666666;
    font-size:9px;/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */}

#footer li {
    display:inline;
    margin: 0; 
    padding: 0px 40px 0px 40px ;
    font-size:10px;
}

#footer a:link, a:visited {
    color:#666666;
    text-decoration:none;
}
#footer a:hover {
    color:#000000;
    text-decoration:none;
}


/* Miscellaneous classes for reuse */

img {border:none;}

img a {border:thin;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

.group { 
    color:#666666;
    text-decoration:none;
}


.group a:hover {
    color:#cc3300;
    border:thin;
    text-decoration:none;
}

.picture {
    display:inline;
    float:left;
    width:180px;
    padding:5px 7px 5px 7px;
}

.picture a:hover{
    border:thin;
    color:#000000;
    background-color:#000000;
}

.picture p {
    text-align:justify;
}

.picture h4 {font-:1px;}

.picture a:link, a:visited {
    color:#666666;
    text-decoration:none;}


.picturewords a:link, a:visited {
    color:#666666;
    text-decoration:none;}

.picturewords a:hover{
    color:#000000;
    text-decoration:none;}


#flashcontent {
    height:660px;
    font-size:18px;
}

li {list-style:none;}
/* end hide */

/* end hide */kjell style
.center{text-align:center;}
-->