html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
/* remember to define focus styles! */
a:focus,select:focus,input:focus,textarea:focus {
    outline: 0px none;
}
/*
div{
	outline:1px solid green;
}
*/
html{
	height:100%;
}
body {
    line-height: 1.3;
    color: black;
    background: white;
    width:100%;
    /*height:100%;*/
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
body{
	font-family: Arial;
	font-size:12px;
	background-color:#373737;
	background-image:url(img/bg-verlauf_1x168.png);
	background-repeat:repeat-x;
}

a{
    color:white;
    text-decoration:underline;
}

div.navi{
    height:125px;
    width:1140px;
    padding-top:10px;
    margin-top:70px;
    margin-left:40px;
    margin-bottom:20px;
    border-top:1px solid #A3A3A3;
    border-bottom:1px solid #A3A3A3;
    position:relative;
    top:0px;
    left:0px;
}

div.wrapper{
    margin-left:40px;
    width:1173px;
}

a.navi{
    width:107px;
    height:107px;
    margin-top:5px;
    margin-right:20px;
    display:block;
    float:left;
    background-position:0px 0px;
}

a.navi:hover, a.navi_active{
    width:107px;
    height:107px;
    margin-top:5px;
    margin-right:20px;
    display:block;
    float:left;
    background-position:0px 107px;
}

div.schatten_rechts{
    background-image:url(img/schatten_r_13x488.png);
    background-position:top right;
    background-repeat:no-repeat;
    height:488px;
    width:13px;
    float:left;
}

div.schatten_rechts2{
    background-image:url(img/schatten_r_13x488.png);
    background-position:top right;
    background-repeat:no-repeat;
    height:488px;
    width:13px;
    float:left;
}

div.schatten_unten_hoch{
    background-image:url(img/schatten_u_365x13.png);
    background-position:bottom left;
    background-repeat:no-repeat;
}

div.schatten_unten_quer{
    background-image:url(img/schatten_u_750x13.png);
    background-position:bottom left;
    background-repeat:no-repeat;
}

div.schatten_unten_quer2{
    background-image:url(img/schatten_u_665x13.png);
    background-position:bottom left;
    background-repeat:no-repeat;
}

img.work{
    /*margin-right:13px;*/
    /*margin-bottom:13px;*/
}

input[type=file]{
    color:white;
}

input[type=submit]{
    border:1px solid #6dc4eb;
    background-color:#373737;
    color:#6dc4eb;
}

input[type=submit]:hover{
    cursor:pointer;
}

input[type=submit].save{
    border:1px solid green;
    background-color:green;
    color:black;
}

input[type=submit].save:hover{
    cursor:pointer;
}

input[type=submit].delete{
    border:1px solid red;
    background-color:red;
    color:black;
}

input[type=submit].delete:hover{
    cursor:pointer;
}

a.finepix{
    display:block;
    width:140px;
    height:160px;
    background-image:url(img/Button_gruen_140x160_only.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}

a.finepix_big{
    display:block;
    width:140px;
    height:160px;
    background-image:url(img/Button_gruen_140x160_only.png);
    background-repeat:no-repeat;
    background-position:-140px 0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:15;
    display:none;
}

div.buttons_finepix{
    position:absolute;
    top:0px;
    left:0px;
}

div.buttons_finepix:hover a.finepix_big{
    display:block;
}

a.special{
    display:block;
    width:175px;
    height:180px;
    background-image:url(img/Button_blau_175x180_only.png);
    background-repeat:no-repeat;
    position:absolute;
    top:0px;
    left:00px;
    z-index:20;
}

a.special_big{
    display:block;
    width:175px;
    height:180px;
    background-image:url(img/Button_blau_175x180_only.png);
    background-repeat:no-repeat;
    background-position:-175px 0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:25;
    display:none;
}

div.buttons_special{
    position:absolute;
    top:0px;
    left:140px;
}

div.buttons_special:hover a.special_big{
    display:block;
}

div.buttons_special:hover a.special{
    display:none;
}

a.pdf{
    display:block;
    width:150px;
    height:160px;
    background-image:url(img/Button_pink_150x160_only.png);
    background-repeat:no-repeat;
    position:absolute;
    top:0px;
    left:0px;
    z-index:30;
}

a.pdf_big{
    width:150px;
    height:160px;
    background-image:url(img/Button_pink_150x160_only.png);
    background-repeat:no-repeat;
    background-position:-150px 0px;
    z-index:30;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}


div.buttons_pdf{
    position:absolute;
    top:60px;
    left:60px;
}

div.buttons_pdf:hover a.pdf_big{
    display:block;
}