/* Website specific CSS */

#container {
    background-color:#000000;
    width:922px;
    margin:0px auto;
}

html, body {
    background-color:#000000;
    margin:0px;
    padding:0px;
}

#titel {
    margin:0px 0px 22px 17px;
    padding:0px;
    background:url(images/logo.jpg) no-repeat top;
    width:327px;
    height:56px;
    text-indent:-9000px;
}

#menu {
    padding:5px 18px;
    background:url(images/menu.jpg) no-repeat top;
    width:886px;
    height:36px;
}

#menu li {
    background:url(images/seperator.jpg) no-repeat right;
}

#menu li {
    list-style:none;
    display:block;
    float:left;
    width:146px;  
}

#menu li a {
    width:143px;
    display:block;
    line-height:36px;
    font-size: 18px;
    text-align:center;
    color:#000;
    text-decoration:none;

}

#menu li a:hover {
    background-color:#ddd;
}

#menu li a img {
    margin-right:7px;
}

#headerimg {
    margin:0px;
    padding:0px;
    background:url(images/img.jpg) no-repeat top;
    width:922px;
    height:210px;
}


#main {
    position:relative;
    overflow:hidden;
    width:922px;
}

#left {
    color:#eee;
    width:220px;
    float:left;
    padding:0px 24px 0px 5px;
    padding-bottom:32000px;
    margin-bottom:-32000px;
}

#right {
    color:#eee;
    width:671px;
    float:right;
    padding-bottom:32000px;
    margin-bottom:-32000px;
}

#footer {
    color:#777;
    clear: both;
    float:right;
    padding:50px 20px 0px 0px;
}

#footer a {
    color:#777;
}

#footer a:hover {
    color:#eee;
}

.imgcontainer {
    display:inline-block;    
    border:4px solid #3A3A3A;    
}

.imgcontainer img {
    display:block;
    border: 1px solid #eee;    
}

.box2 img {
    border:0px solid #eee;
    margin-top: 15px;
    
}

.box2 .titel a {
    text-decoration: none; 
}
.box2 .titel {
    font-size: 14px;
}

.box2 {
    width:190px;
    background:#3A3A3A url(images/box_left_bottom.gif) no-repeat bottom;
    margin-bottom:16px;
    padding:5px 15px;
}
.box2head {
    width:190px;
    background:#A2A2A2 url(images/box_left_top.gif) no-repeat top;
    padding:5px 15px;
    font-size: 18px;
    color:#000
}
.box2head a {
    color:#000;
    text-decoration: none;
}
.box2head a:hover {
    color:#eee;
}


#topmenu {
    background:url(images/top.gif) repeat-x top;
    width:100%;
    height:24px;
    margin-bottom:24px;
    position:relative;
}

#topleft {
    background:url(images/topleft.gif) no-repeat top;
    width:12px;
    position:absolute;
    left:0px;
    height:24px;
}

#webring {
    position:absolute;
    right:16px;
    margin-right: 50px;
}

#webring li{
    list-style:none;
    float:left;
}

#webring li a{
    color:#000;
    font:bold 11px verdana;
    text-decoration:none;
    width:90px;
    display:block;
    line-height:22px;
    text-align:center;
}

#webring li a:hover {
    background-color:#000000;
    color:#eee;
}

#webring li a.active {
    background-color:#000000;
    color:#eee;
}

#topright {
    background:url(images/topright.gif) no-repeat top;
    width:12px;
    position:absolute;
    right:0px;
    height:24px;
}