html, body{
    font-family: Verdana, sans-serif;
    font-size: 11px;
    padding: 0;
    margin: 0;
    background-color: #1a1a1a;
    width: 100%;
    height: 100%;
    color: #cccccc;
}
img
{
    border: none;
}
a
{
    color: #cccccc;
    text-decoration: none;
}
a:hover
{
    color: #c30505;
}
.LayerSite
{
    position: relative;
    float: left;
    width: 100%;
}
.LayerHead, .LayerContent, .LayerFooter
{
    position: relative;
    float: left;
    width: 100%;
}
.LayerContent
{
    width: 1000px;
}
.LayerHead
{
    padding-bottom: 25px;
}
.LayerHead ul.mainmenu
{
    position: relative;
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-top: 10px;
}
.LayerHead ul.mainmenu li
{
    position: relative;
    float: left;
    width: 100%;
    padding-left: 22px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.LayerHead ul.mainmenu a
{
    position: relative;
    float: left;
    width: 75px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.LayerHead ul.mainmenu ul
{
    position: relative;
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.LayerHead ul.mainmenu ul li
{
    position: relative;
    float: left;
    width: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-right: 20px;
}
.LayerHead ul.mainmenu ul li a
{
    width: auto;
}
.LayerHead ul.mainmenu li.aktiv, .LayerHead ul.mainmenu li.aktiv a.aktiv
{
    background-color: #262626;
    color: #c30505;
}
.LayerFooter
{
    position: relative;
    float: left;
    margin-top: 4px;
    margin-bottom: 20px;
    padding-bottom: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #262626;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #262626;
}
.LayerFooter .link
{
    padding-left: 22px;
}
.LayerFooter .link, .LayerFooter .link a
{
    color: #cccccc;
    font-weight: bold;
}
/* 2 Columns Text Template */
.text2spalten
{
    position: relative;
    float: left;
    width: 978px;
    padding-left: 22px;
}
.text2spalten .spalte1, .text2spalten .spalte2
{
    position: relative;
    float: left;
    width: 464px;
}
.text2spalten .spalte2
{
    padding-left: 50px;
}
/* Slidepages */
.slidepages
{
    position: relative;
    float: left;
    width: 1000px;
}
.slidepages .pages
{
    position: relative;
    float: left;
    width: 800px;
    height: 325px;
    overflow: hidden;    
}
.slidepages .pages ul
{
    position: relative;
    float: left;
    width: 100000px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.slidepages .pages ul li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    padding-left: 9px;
    padding-right: 9px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
.slidepages .pages ul li.activ
{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}
.slidepages .scroll
{
    position: relative;
    float: left;
    top: 120px;
    width: 200px;
}
.slidepages .scroll .scroll_left, .slidepages .scroll .scroll_right
{
    position: relative;
    float: left;
    width: 30px;
    height: 60px;
}
.slidepages .scroll .scroll_left
{
    padding-left: 90px;
    padding-right: 22px;
}
/* Works */
.LayerContent .works
{
    position: relative;
    float: left;
    width: 710px;
}
.LayerContent .works .cat
{
    position: relative;
    float: left;
    width: 810px;
    color: #cccccc;
    margin-bottom: 3px;    
}
.LayerContent .works .cat .main
{
    position: relative;
    float: left;
    width: 95px;
    height: 95px;
    overflow: hidden;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    margin-right: 3px;
    text-align: center;
}
.LayerContent .works .cat .main label
{
    position: relative;
    float: left;
    width: 95px;
    top: 35%;
    text-align: center;
}
.LayerContent .works .cat .sub
{
    position: relative;
    float: left;
    width: 95px;
    height: 95px;
    text-align: center;
    overflow: hidden;
    border-style: solid;
    border-color: #666666;
    border-width: 1px;
    margin-right: 3px;
}
.LayerContent .works .cat .sub label
{
    position: absolute;
    width: 100%;
    top: 35%;
    left: 0;
}
.LayerContent .works .cat .sub .thumbnail
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1;
}
.LayerContent .works .cat .sub .items
{
	display: none;
	visibility: hidden;
}
/* BoxImage*/
#imgBox_blackbg
{
    position: fixed;
    float: left;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 98;
    background-color: #000000;
    opacity: 0.45;
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
}
#imgBox
{
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 99;
    background-color: #000000;
    max-width: 1000px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#imgBox a.close
{
    position: absolute;
    left: 100%;
    top: 1px;
    z-index: 2;
}
#imgBox h1
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #cccccc;    
}
#imgBox a
{
    color: #c30505;
    text-decoration: none;
}
#imgBox a:hover
{
    text-decoration: underline;
}
#imgBox .image
{
    position: relative;
    float: left;
}
#imgBox .content
{
    position: relative;
    float: left;
    width: 275px;
    margin-left: 10px;
    margin-right: 10px;
}
#imgBox .nav, .imgBox .text
{
    position: relative;
    float: left;
    width: 275px;
}
#imgBox .nav
{
    font-size: 10px;
    padding-bottom: 50px;
}