/* ____________________Seitenstruktur____________________ */  
BODY {
    margin: 0em;
    padding: 0em;
    color: white;
    background: black;
    height:100%;
}
a{
    text-decoration: none;
    color: black;
}
a:hover{
    color: #DD7D00;
}
#test_pics{
    position: absolute;
    top: 0px; left: 0px;
    background: url("../pics/all/test_pics.gif") no-repeat;
}
#header  {
    margin: 0em;
    padding: 0em;
    position: absolute;
    top: 60px; left: 223px;
    width: 539px; height: 25px;
    background: url("../pics/all/header.jpg") no-repeat;
    text-indent: -500em;
}
#content {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 22px; left: 220px; 
    width: 629px; height: auto;
    padding-bottom:38px;
    border-width: 1px;
    border-color: black;
    color: black;
    background: #80808c;
}
#copyright {
    margin: 0em;
    padding-top: 0px;
    padding-left: 15px;
    position: relative; 
    top: 45px; left: 0px; 
    width: 98%; height: 100px;
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 7pt;
    color: #575762;
    border-color: black;
    border-top: 1px;
    border-style: dotted;
    background: black;
}
#dotted{
    border-color: black;
    border-top: 1px;
    border-top-style: dotted;
}
*.news_header{
    margin: 0em;
    padding: 0em;
    position: relative;
    padding-bottom: 2em;
    left: 46px; top:32px;
    width: 539px;
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 8pt;
    line-height:150%;
}       


/* ____________________top-navigation class____________________ */      

#navi_top {
    margin: 0em;
    padding: 0em;
    position: absolute;
    top: 5px; left: 228px;
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 8pt;
    border: 0;
    color: black;
    background: black;
}
*.navi_top_text {
    color: black;
    text-decoration: none;
    background: black;
}
*.navi_top_text:hover {
    color: #DD7D00;
    background: black;
}

/* ____________________main-navigation class____________________ */
#navi_main {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 90px; left: 0px;
    width: 100%; height: 450px;
    border: 0px;
    border-top: 1px;
    border-style: dotted;
    color: #575762;
    background: black;
}

/* main-navigation elements */
#news {
    margin: 0em;
    padding: 0em;
    position: absolute; 
    top: 42px; left: 29px; 
    width: 150px; height: 17px;
    background: url("../pics/navi_main/news_en_viewer.png") no-repeat;
    text-indent: -500em;
    color: black;
}
#news:hover{
    background: url("../pics/navi_main/news_en_viewer_hover.png") no-repeat;
}
#reel {
    margin: 0em;
    padding: 0em;
    position: absolute; 
    top: 77px; left: 29px; 
    width: 150px; height: 17px;
    background: url("../pics/navi_main/commercials_en_viewer.png") no-repeat;
    text-indent: -500em;
    color: black;
}
#reel:hover{
    background: url("../pics/navi_main/commercials_en_viewer_hover.png") no-repeat;
}
#contact {
    margin: 0em;
    padding: 0em;
    position: absolute; 
    top: 115px; left: 29px; 
    width: 150px; height: 17px;
    background: url("../pics/navi_main/contact_en_viewer.png") no-repeat;
    text-indent: -500em;
    color: black;
}
#contact:hover{
    background: url("../pics/navi_main/contact_en_viewer_hover.png") no-repeat;
}


       
/* _______________________________________________________ */
/* project headers in overview and project-pages */
     
*.project_header{
    margin: 0em;
    padding: 0em;
    position: relative;
    left: 32px; top:29px;
    width: 500px; height: 86px;
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 8pt;
}  
*.project_pic_01{
    margin: 0em;
    padding: 0em;
    position: absolute;
    left:10px;
    width: 154px; height: 80px;
}
*.project_pic_02{
    margin: 0em;
    padding: 0em;
    position: absolute;
    left:150px;
    width: 154px; height: 80px;
}
*.project_pic_03{
    margin: 0em;
    padding: 0em;
    position: absolute;
    left:290px;
    width: 154px; height: 80px;
}
*.project_pic_04{
    margin: 0em;
    padding: 0em;
    position: absolute;
    left:430px;
    width: 154px; height: 80px;
}
*.discr  {
    margin: 0em;
    padding: 0em;
    position: absolute;
    top:-1px;
    left: 218px;
    width: 339px;
    line-height:150%;
}


/* ____________________Contact-Page: Main Settings____________________ */
*.contact_pic{
    left:10px;
    margin: 0em;
    padding: 0em;
    position: relative;
    width: 200px; height: 150px;
    background: url("../pics/contact/florian_kaltenbach.jpg") no-repeat;
    text-indent: -500em;
}