/*************************************************
                     GENERAL
*************************************************/

* {
    margin:0;
    padding:0;
}

body {
    color:#000;
    font: normal 70%/1.7 verdana, arial, helvetica, sans-serif; 
    background:url(/media/images/misc/haz_bg_main.gif); 
}

* html {
    overflow-x:hidden;
}

* html body {
    margin-right:28px;
}

/*************************************************
                     DIV
*************************************************/

#header {
    width:719px;
    height:406px;
    margin:0 auto;
}

#contentbody {
    position:relative;
    margin:0 auto;
    color:#000;
    width:719px;  
    background:url(/media/images/misc/haz_bg.jpg) repeat-y center top; 
    border-width:0 5px 10px 5px;
    border-color:#1b211e;
    border-style:solid;
}  

#content {    
    margin:0 20px 1em 19px;
    width:680px;  
    min-height:600px; 
} 

* html #content {
    height:600px; 
    overflow:visible; 
}

#menu {
    position:absolute;
    width:210px;
    right:0;
    z-index:5;  
    margin-top:-65px;
}

.catinfo {
    position:relative;
    clear:both;   
    margin-top:-50px; 
    z-index:2;
}

.intro {
    clear:both;
    padding:0 0 0.5em 0;
}

.guestbook {
    clear:both;
    padding:0 0 0.5em 0;
}

.info {
    padding:0 0 0.5em 0;
    margin:0 0 1em 0;
}

.teaser {
    font-size:1.05em;
    padding:0.5em 0;
}

.subintro {
    font-size:0.9em;
    background:#fcf4eb;
    line-height:2.5em;
    text-align:right;
}

.prevnext {
    margin:1em 0;
    font-weight:bold;
    font-size:1.05em;
}

.prevnext .prev {
    float:left;
}
.prevnext .next {
    float:right;
}

/*************************************************
                     LIST
*************************************************/

li {
    margin-left:1em;
}

/*______________MENU______________*/

#nav .hide {
    display:none;
}

#nav {
    list-style-type:none;
}

#nav li {
    display:inline;   
}

#nav ul {
    display:none
}

#nav a {
    font-weight:bold;
}

#nav a:hover {

}

#nav .current a {
    border-bottom:1px dotted #490c0b;
}

#nav .current li a {

}

/*_____________SITEMAP____________*/

.sitemap {
    list-style-type:none;
    line-height:2.5em;
    padding-left:20px;
}

.sitemap ol {
    list-style-type:none;
    padding-left:2em;
    line-height:2em;
}

.sitemap li {
    margin-left:0;
    font-size:1.3em;
    font-weight:bold;
}

.sitemap li li {
    margin-left:0;
    font-size:0.9em;
}

.sitemap a {
    margin-left:0;
    font-weight:normal;
}

/*************************************************
                     LINK
*************************************************/

a {
    color:#490c0b;
    text-decoration:none;
}

a:hover {
    color:#026;
    text-decoration:underline;
}

.headerlink {
    font-size:1.1em;
    font-weight:bold;
    display:block;
    margin-top:1em;
}

.more {
    clear:both;
    text-align:right;
}

.gotop {
    margin:1em 0;
    padding:1em 0;
}

/*************************************************
                     IMAGE
*************************************************/

img {
    border:0;
}

.fileimage {
    border:0;
}

.imagedetail, .contentimage {
    font-size:0.9em;
    font-style:italic;
}

.imagedetail img {
    border:3px solid #fff;
} 

.imagedetail.right, .contentimage.right {
    float:right;
    margin-left:1em;
}

.imagedetail.left, .contentimage.left {
    float:left;
    margin-right:1em;
}

.imagedetail.center, .contentimage.center {
    margin:0 auto;
}

.imagedetail a {
    text-decoration:none;
}

.imagelist {
    clear:both;
}

/*************************************************
                     MISC
*************************************************/

hr {
    clear:both;
    margin: 0.5em 0;
    width:100%;
    border: 1px solid #000;
}

blockquote {
    font-style:italic;
    font-weight:bold;
    font-family:georgia,serif;
    font-size:1.5em;
    color:#7d0c0e;
    padding:0 0.5em;
    margin:0.5em 0;
}

.clear {
    clear:both;
    display:none;
} 

/*************************************************
                     HEADING
*************************************************/

h1 {
    font-size:1.3em;
    clear:both;
}

h2 {
    font-size:1.25em;
    clear:both;
}

h3 {
    font-size:1.2em;
    clear:both;
}

h4 {
    font-size:1.15em;
    clear:both;
}

h5 {
    font-size:1.1em;
    clear:both;
}

h6 {
    font-size:1.05em;
    clear:both;
}

.head, #messages h2 {
    text-align:right;
    border-bottom:0.1em solid #000;
    border-right:0.5em solid #000;
    padding-right:1em;
    margin-bottom:1em;
    display:none;
}

/*************************************************
                     FORM
*************************************************/

form {
    line-height: 2.5em;
    margin:1em 0;
    clear:both;
}

fieldset {
    padding:1em;
    border-width:1px 0 1px 0;
    border-style:solid;
    border-color:#000;
}

legend {
    padding: 0 0.5em;
    margin-top:2em;
    color:#ece4d5;
    border:1px solid #000;
    background:#490c0b;
}

input, textarea, select {
    background-color:#000;
    color:#ece4d5;
    border:0;
}

textarea:focus, select:focus, input:focus {
    border:1px solid #000;
    background-color:#490c0b;
}

textarea {
    width:50%;
    height:20em;
    float:left;
    margin-bottom:0.5em;
}

* html textarea {
    margin-left:1em;
}

label.left {
    float:left;
    width:35%;
}

input.right {
    float:left;
}

form br {
    clear:both;
}

.must {
    font-weight:bold;
}

.must em {
    font-style:normal;
    color:#aa0708;
}

.smalltextform {
    width:20px;
}

.smalldateform {
    width:65px;
}

.smalltimeform {
    width:35px;
}

#form {
    padding:0 0 0.5em 0;
}

#form div {
    clear:both;
    padding-top:1em;
}

/*************************************************
                     TABLE
*************************************************/

table {
    border-spacing:0;
}