body {
font-family: 'AkzidenzGroteskBQMedium', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 30px;
color: white;
background: url(graphics/background.png) no-repeat right bottom scroll;
 		-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
background-color: black;
margin: 0;
padding: 0;
}

a:link {
	color: white;
	text-decoration: none;
} 
a:visited {
	color: white;
}
a:hover,
a:focus {
	color: white;
	text-decoration: none;
}
a:active {
}


a.ext:link {
	color: white;
	border-bottom: 2px solid black;
} 
a.ext:visited {
	color: white;
}
a.ext:hover,
a.ext:focus {
	color: white;
	text-decoration: none;
}
a.ext:active {
}


@font-face {
    font-family: 'AkzidenzGroteskBQMedium';
    src: url('typeface/akzidenzgrotesk-medium-webfont.eot');
    src: url('typeface/akzidenzgrotesk-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('typeface/akzidenzgrotesk-medium-webfont.woff') format('woff'),
         url('typeface/akzidenzgrotesk-medium-webfont.ttf') format('truetype'),
         url('typeface/akzidenzgrotesk-medium-webfont.svg#AkzidenzGroteskBQMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

#c {
margin: 0;
padding: 0;
width:100%;
height: 100%;
margin-bottom: -10px; }

#logo { 
   position: absolute;
   background: white;
   padding: 45px;
   border-radius: 300px;
   top: 50%;
   left: 50%;
   width: 250px;
   margin-top: -170px;
   margin-left: -170px; /*half the width of the div*/
   z-index: 100;}
   
#logo2 { 
   position: absolute;
   background: white;
   padding: 45px;
   border-radius: 300px;
   top: 30%;
   left: 50%;
   width: 250px;
   margin-top: -170px;
   margin-left: -170px; /*half the width of the div*/
   z-index: 100;}   

#wot {
   float: left;
   padding: 50px;
   margin-top: 1px;
}

#not {
   float: right;
   padding: 50px;
   margin-top: 1px;
}

#creationcredit {
position: absolute;
background: transparent;
text-align: center;
color: white; 
   left: 50%;
   width: 160px;
   height: 30px;
   margin-bottom: 25px;
   margin-left: -80px; /*half the width of the div*/
   z-index: 100;
   border-bottom: 2px solid white;
   opacity: 0.3;
   -webkit-transition: all 154ms ease-in;
	-moz-transition: all 154ms ease-in;
	-o-transition: all 154ms ease-in;
}

#creationcredit:hover {
opacity: 1;
}

.credit {
font-family: 'AkzidenzGroteskBQMedium', Helvetica, Arial, sans-serif;
font-size: 13px;
color: white;
text-align: center;
margin-top: 7px;}

#workinprogress {
position: absolute;
/*background: rgba(000,000,000, 0.8);*/
width: 440px;
height: 130px;
padding-top: 20px;
top: 100%;
left: 50%;
margin-left: -220px;
margin-top: -170px;
z-index: 100;
}

.progress {
font-family: 'AkzidenzGroteskBQMedium', Helvetica, Arial, sans-serif;
font-size: 19px;
color: white;
text-align: center;
margin-top: 7px;
/*text-shadow: 0px 0px 20px rgba(000,000,000, 0.2);*/}

.body1 {
font-family: 'AkzidenzGroteskBQMedium', Helvetica, Arial, sans-serif;
color: white;
text-align: center;
margin-top: 7px;
}