/*  global  */
/* šŠđĐčČćĆžŽ */


/* @font-face { font-family: font_reg; src:'fonts/TTF/KozGoPro-Regular-AlphaNum.ttf'; }  */
/* @font-face { */
/* 	font-family: 'nullregular-alphanum'; */
/* 	src: url('fonts/squirrel/test-webfont.eot'); */
/* 	src: url('fonts/squirrel/test-webfont.eot?#iefix') format('embedded-opentype'), */
/* 	url('fonts/squirrel/test-webfont.woff') format('woff'), */
/* 	url('Sketch_Block.ttf') format('truetype'), */
/* 	url('fonts/squirrel/test-webfont.svg#nullregular-alphanum') format('svg'); */
/* 	font-weight: normal; */
/* 	font-style: normal; */
/* } */
/* @font-face { font-family: 'custom'; src:url('fonts/myriad/MYRIADPRO-LIGHT.OTF') ;} */
/* /\* @font-face { font-family: 'menu'; src:url('fonts/myriad/MYRIADPRO-REGULAR.OTF') ;} *\/ */
/* font-family:'custom', "Arial Narrow", "Arial", "Verdana", sans-serif, serif; */
/* font-family:"menu", "Arial Narrow", "Arial", "Verdana", sans-serif, serif; */


body {
    color:#000000;
    background: #ffffff;
    margin:0;
    padding:0;
    width:1000px;
    font-size: 1em;
    font-family: 'custom','Arial Narrow','Arial','Verdana','sans-serif','serif';
    -webkit-font-smoothing: antialiased;
    margin-left:auto;
    margin-right:auto;
    1border:1px solid brown;
}

a {
    color:#9FAA00;
    1color:#94a300;
    1color:#b0b1b5;
    1color: white;
    text-decoration:none;
}

h2 {
margin:0;
padding:0;
}

p {
margin:0;
padding-bottom:.2em;
}



#index {
    position:fixed; /* has to be fixed to be in center */
    top:50%;
    left:50%;
    margin-top:-400px;
    margin-left:-500px;
    1border:1px solid gold;
}

#index .header {
    position:absolute;
    width:200px;
    height:800px;
    margin:0;
    padding:0;
    1display:block;
    1border:1px solid green;
}

#index .header a{
    margin:0;
    padding:0;
    1border:10px solid gold;
}

#index .header a img#logo { /* logo */
    1float:left;
    position:relative;
    margin:0;
    padding:0;
    1width:145px;
    1height:132px;
    1margin-top:-30px;
    margin-top:25px;
    margin-left:34px;
    1border:1px solid red;
}


#index .header a p#logo{ /* logo text */
    font-size:13px;
    position:absolute;
    1width:200px;
    margin-top:157px; 
    margin-left:125px;
    display:block;
    padding:0;
    1border: 1px solid green;
}

#index .proj-month {
    position:absolute;
    width:140px;
    height:140px;
    margin:0;
    padding:0;
    margin-top:610px;
    margin-left:34px;
    overflow:hidden;
    1border:1px solid green;
}


#index .proj-month a img#logo { /* img */
    1float:left;
    position:relative;
    width:140px;
    margin:0;
    padding:0;
    margin-bottom:1px;
    1border:1px solid red;
}


/* #index .proj-month a p#text{ /\* logo text *\/ */
/*     font-size:24px; */
/*     position:relative; */
/*     margin:0; */
/*     line-height:80%; */
/*     1width:200px; */
/*     1margin-top:10px;  */
/*     1margin-left:10px; */
/*     1display:inline; */
/*     padding:0; */
/*     1border: 1px solid green; */
/* } */

/* #index .proj-month a span{ /\* logo text inside*\/ */
/*     font-size:14px; */
/*     position:relative; */
/*     color:#616161; */
/*     1width:200px; */
/*     1margin-top:757px;  */
/*     1margin-left:20px; */
/*     1display:inline; */
/*     white-space:pre; */
/*     padding:0; */
/*     1border: 1px solid red; */
/* } */

#index .link-01 {
    position:absolute;
    width:78px;
    height:40px;
    margin:0;
    padding:0;
    margin-top:750px;
    margin-left:34px;
    overflow:hidden;
    1border:1px solid green;
}

#index .link-02 {
    position:absolute;
    width:78px;
    height:40px;
    margin:0;
    padding:0;
    margin-top:750px;
    margin-left:112px;
    overflow:hidden;
    1border:1px solid green;
}

#index .link-02 a img {
    margin-top:4px;
    margin-left:30px;
}

#index .menu{
    1font-family: 'menu','Arial Narrow','Arial','Verdana','sans-serif','serif';
    position:absolute;
    margin:0;
    padding:0;
    top:316px;
    margin-left:34px;
    z-index:10;
    1border:1px solid grey;
}

#index .menu2{
    1font-family: 'menu','Arial Narrow','Arial','Verdana','sans-serif','serif';
    position:absolute;
    margin:0;
    padding:0;
    top:474px;
    margin-left:34px;
    z-index:10;
    1border:1px solid grey;
}

#index .menu ul, #index .menu2 ul {
    margin:0;
    padding:0;
    list-style-type: none;
    width:160px;
    1border: 1px solid red;
}

#index .menu ul li, #index .menu2 ul li{
    position: relative;
    margin:0;
    margin-bottom:-1px;
    padding:0;
    1border: 1px solid red;
}

#index .menu ul li a#title, #index .menu2 ul li a#title {
    display: block;
    margin:0;
    color:#9FAA00;
    font-size:30px;
    text-align:left;
    text-decoration: none;
    1border:2px solid blue;
}

#index .menu ul li a#links, #index .menu2 ul li a#links {
    display: block;
    margin:0;
    1color:#A0A0A0;
    color:#616161;
    font-size:19px;
    text-align:left;
    text-decoration: none;
    1border:2px solid blue;
}

.menu ul li a#links:hover, .menu ul li a#links:active,
.menu2 ul li a#links:hover, .menu2 ul li a#links:active, 
body#index a#index, body#projekte a#projekte, body#kontakt a#kontakt,
body#links a#links, body#about a#about, body#impressum a#impressum
{
    color:#616161;
    font-weight:bold;
    1border-style:none;
    1color:#9FAA00;
    1color:#94a300;
    1color:red;
    1color:#D84A99;
    1background: #366;
}

/* ------------------------------ */


.index img#seamless {
    float:left;
    1position:fixed;
    width:200px;
    1overflow:hidden;
    1height:400px;
    1z-index:-1;
}

/* projects title */

.title {
    1float:left;
    height:157px;
    width:750px;
    position:absolute;
    margin-left:250px;
    color:#A0A0A0;
    1border:1px solid gold;
}

.title p#text_box{
    float:left;
    position:relative;
    margin-top:60px;
    1line-height:250px;
    width:210px;
    height:150px;
    1border: 1px solid blue;
}

.title p#above, .title p#below{ /* above, below, projects page title */
    float:left;
    position:absolute;
    margin-left:230px;
    margin-top:60px;
    width:400px;
    color:#b0b1b5;
    font-size:28px;
    1border:1px solid green;
}

.title p#below{ /* below, projects page title */
    margin-top:154px;
    1border:1px solid green;
}

.title p#title{ /* main title */
    float:left;
    position:absolute;
    margin:0;
    padding:0;
    margin-top:93px;
    margin-left:230px;
    1line-height:250px;
    font-size:64px;
    text-transform:uppercase;
    color:#9FAA00;
    1border: 1px solid blue;
}

/* projects */

.projects, .pro {
    width:750px;
    height:607px; /* height and offset are 800 */
    1border: 1px solid gold;
    margin-top:193px; /* offset from top */
    margin-left:250px;
    overflow:hidden;
    1border:1px solid gold;
}

.projects #scroll, .pro #scroll{
    width:766px;
    height:624px;
    padding:0;
    color:#9FAA00;
    overflow:scroll;
    1border:11px solid blue;
}

.projects ul, .pro ul{
    list-style-type:none;
    margin:0;
    padding:0;
    1border:1px solid red;
}

.projects ul li, .pro ul li{ /* projects spacing */
    float:left;
    margin-bottom:6px;
    width:750px;
    position:relative;
    1border:1px solid green;
}

.projects ul li img , .pro ul li img { /* removes default inline spacing under img 2-3px */
    display:block;

}

.projects ul li h2{ /* before, after, title projects */
    font-weight:400;
    position:absolute;
    margin-left:230px;
    margin-top:90px;
    1float:left;
    color:#b0b1b5;
    font-size:1.8em;
    1border:1px solid green;
}

.projects ul li p{ /* title projects */
    position:absolute;
    margin-top:40px;
    margin-left:230px;
    font-size:2.6em;
    text-transform:uppercase;
    1border:1px solid red;
}

.projects #crop{
    float:left;
    position:relative;
    width:200px;
    height:130px;
    overflow:hidden;
    1border:1px solid red;
}

.projects ul li a img{
    position:absolute;
    cursor:pointer;        /* change pointer to hand */
    left:-250px;
    top:-160px;
    filter: none;
    -webkit-filter: grayscale(0%);
}
/* greyscale on hover */

.projects ul li:hover a img, .projects ul li:hover h2, .projects ul li:hover p {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'> \
<filter id=\'grayscale\'><feColorMatrix type=\'matrix\' \
values=\'0.3333 0.3333 0.3333 0 0 \
0.3333 0.3333 0.3333 0 0 \
0.3333 0.3333 0.3333 0 0 \
0 0 0 1 0\'/> \
</filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%); 
    1opacity:0.8;
    1filter:alpha(opacity=50);
}


/* info */

.ekipa {
    width:750px;
    height:637px; /* height and offset are 800 */
    margin-top:163px; /* offset from top */
    1width:350px;
    1float:left;
    1margin-top:1em;
    margin-left:220px;
    text-transform:uppercase;
    1height:auto;
    padding:0;
    color:grey;
    1position:relative;
    border:1px solid blue;
}
.ekipa p#ekipzor{
    float:center;
    text-align:center;
    1padding-top:1em;
    padding-bottom:1em;
    1margin-top:1em;
    1margin-bottom:1em;
    font-size:4em;
    color:#9FAA00;
    1color:#94a300;
    1overflow:scroll;
    1border:1px solid gold;
}

.ekipa img{
    width:800px;
    height:400px;
}