/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19.11.2014, 13:34:59
    Author     : sburkhard
*/

html {
    width: 100%;
    background: url("../images/background_verlauf.png"), url("../images/background_new.png");
    background-position: center center, top center; 
    background-repeat: no-repeat, repeat;
}
/*-----------------------------------------------------------*/


div#footer {
    position: fixed;
    bottom: 0;
    height: 80px;
    width: 100%;
    margin-top: 40px;
}
div#navigation {
    width: 100%;
    height: 80px;
    background: #fefefd;
    color: black;
    min-width: 1100px;
}

#navi{
    height: 50px;
    width: 740px;
    margin: auto;
    position: relative;
    bottom: 120px;
}

#navi li {
    height: 48px;
    width: 70px;
    position: relative;
    list-style-type: none;
    display: inline-block;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    //border: 1px solid black;
}
/*-----------------------------------------------------------*/
div#logo {
    height: 80px;
    width: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: url("../images/logo_pixel_group.png") center center no-repeat;
}

div#logo a {
    display: block;
    width: 210px;
    height: 90px;
}

#left {
    background: url("../images/icon_back_side.png") center center no-repeat;
}

#left:hover {
    background: url("../images/icon_back_side_hover.png") center center no-repeat;
}

#right {
    background: url("../images/icon_next_side.png") center center no-repeat;
}

#right:hover {
    background: url("../images/icon_next_side_hover.png") center center no-repeat;
}

#zoom {
    background: url("../images/icon_zoom.png") center center no-repeat;
}

#zoom:hover {
    background: url("../images/icon_zoom_hover.png") center center no-repeat;
}

.zoomhover {
    background: url("../images/icon_zoom_hover.png") center center no-repeat;
}

#download {
    background: url("../images/icon_download.png") center center no-repeat;
}

#download:hover {
    background: url("../images/icon_download_hover.png") center center no-repeat;
}

#end {
    background: url("../images/icon_end_of_the_file.png") center center no-repeat;
}

#end:hover {
    background: url("../images/icon_end_of_the_file_hover.png") center center no-repeat;
}

#start {
    background: url("../images/icon_begin_of_the_file.png") center center no-repeat;
}

#start:hover {
    background: url("../images/icon_begin_of_the_file_hover.png") center center no-repeat;
}

#mail {
    background: url("../images/icon_mail.png") center center no-repeat;
}

#mail:hover {
    background: url("../images/icon_mail_hover.png") center center no-repeat;
}

#print {
    background: url("../images/icon_print.png") center center no-repeat;
}

#print:hover {
    background: url("../images/icon_print_hover.png") center center no-repeat;
}

#sideview {
    background: url("../images/sideview_back.png") center center no-repeat;
    position: relative;
    top: -15px;
}

#sideview p {
    position: relative;
    top: -7px;
    color: white;
}

div#content {
    width: 100%;
    height: calc(100% - 100px);
    position: relative;
    margin: auto;
}

body{
	overflow:hidden;
	margin:0;
	padding:0;
    width: 100%;
    height: 100%;
}

.magazine .first {
	background-image:url(../pics/cover.png);
}

.magazine .second {
	background-image:url(../pics/cover2.png);
}

.magazine .second-last {
	background-image:url(../pics/cover3.png);
}

.magazine .last {
	background-image:url(../pics/cover4.png);
}

.magazine-viewport {
}

#slider-bar {
    position: relative;
    bottom: 100px;
    //width: 30%;
    margin-left: auto;
    margin-right: auto;
}