/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */


h1 { font-size: 3em;letter-spacing: 2px; }
h2 { font-size: 2em; }
h3 { font-size: 1.666666666666667em; }
h4 { font-size: 1.5em; }
h5 { font-size: 0,7em; line-height: 2em; letter-spacing: 2px; font-weight: normal; }
h6 { font-size: 0,5em; font-weight: normal; }
a, a:active, a:hover, a:visited {  color: #808080; text-decoration: none;}


body{
	 background-color:#FFF;
	 font-family:Arial, Helvetica, sans-serif;
	 margin: 0 auto;
	 position:relative;
	 height:100%;
	 width:100%;
	  }




#content{


         position: relative;
         color:#3c3c3b;
         width:50%;
         margin-left:260px;
         vertical-align:30%;
         padding-top:0px;
         padding-left:0px;

         z-index: 0;



}


#wrapper{


	 position:relative;
	 margin:0 auto;



}


#header{
         clear: both;
         float: left;
         width: 100%;
         height: 120px;
         margin: 0px 0 0px 0;
         display: block;
         background-color:#FFF;
         z-index: 900;
         background-color:#FFF;

}

#branding{
         width: 17%;
         height: 200px;
         margin-top: 44px;
         margin-left:44px;
}

#logo{

	background-image:url(image/logo.png);
	height:66px;
	width:53px;
	display: block;
        clear: both;
	float:left;
	position:fixed;
        margin-left: 40px;
}

#bm{

         vertical-align: middle;
         width:100%;
         height: 80px;
}

#logo2{

  background-image: url(image/logo.png);
background-size: 120%;
background-repeat: no-repeat;
height: 100%;
width: 20%;
display: block;
clear: both;
float: left;
position: fixed;
}

a{

	text-decoration:none;


	}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}










                    a#online{
                    	background-image: url(image/online2_nav2.png);
                    	background-repeat:no-repeat;
                    	text-indent:-999em;
                    	width:200px;
                    }




                    a:visited#online{
                    				background-image: url(image/online_nav2.png);
                    			}



      		      a:hover#online{
                    				background-image: url(image/online_nav2.png);
                    			}
                    a:active#online{
                    				background-image: url(image/online_nav2.png);
                    			}


                    a#print{
                    	background-image: url(image/print_nav2.png);
                    	background-repeat:no-repeat;
                    	text-indent:-999em;
                    	width:200px;
                    }




                    a:visited#print{
                    				background-image: url(image/print2_nav2.png);
                    			}



      		      a:hover#print{
                    				background-image: url(image/print2_nav2.png);
                    			}
                    a:active#print{
                    				background-image: url(image/print2_nav2.png);
                    			}




                    a#inter{
                    	background-image: url(image/inter2_nav2.png);
                    	background-repeat:no-repeat;
                    	text-indent:-999em;
                    	width:200px;
                    }




                    a:visited#inter{
                    				background-image: url(image/inter_nav2.png);
                    			}



      		      a:hover#inter{
                    				background-image: url(image/inter_nav2.png);
                    			}
                    a:active#inter{
                    				background-image: url(image/inter_nav2.png);
                    			}


nav {
         width: 360px;
         position: fixed;
         right: 0px;
         z-index: 500;
         background-color: #FFF;
}
nav ul {
    padding: 0px;
    margin: 0px;
}
nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
    nav ul,nav ul li{
    background-color: #FFF;
}
    nav ul li {
    list-style: none;
    float:right;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #808080;
    padding: 10px 30px 10px 30px;
}
nav ul li:hover > ul {
    visibility: visible;
}
nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
    float: none;
}
nav ul li ul li a:hover{
    color: #333;
}


nav ul {
    padding: 0px;
    margin: 0px;


}
nav ul li {
list-style: none;
    float:left;

}
nav ul li a {
         font-size: 14px;
    text-decoration: none;
    display: block;
    color: #333;
    padding: 14px 34px 14px 34px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: #000000;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
    background-color: #000000;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: #000000;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: #000000;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: #000000;
}
nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
    color: #333;
    background-color: #FAFAFA !important;
}




                 a#kontakt{
                    	background-image: url(image/kontakt.png);
                    	background-repeat:no-repeat;
                    	text-indent:-999em;
                    	width:210px;

                    				}


                        a:visited #kontakt{
                    				background-image: url(image/kontakt2.png);
                    			}


                    	a:hover#kontakt{
                    				background-image: url(image/kontakt2.png);
                    			}


						 a:active #kontakt{
                    				background-image: url(image/kontakt2.png);
                    			}


#teaser {
         width: 880px;


}




        #shop_projekte{

        margin-left:0px;
        margin-top:20px;

        padding-left:0px;
	padding-top:0px;


        width:600px;
        position:relative;



	}




         #shop_projekte li {
         float: left;
         list-style-type: none;
         padding: 10px;

         }
                  a#shop_teaser{

                  background-image: url(image/teaser_books.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  margin-left:0px;
                   float: right;





                  }



                  a#shop_teaser2{

                  background-image: url(image/teaser_books2.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  margin-left:0px;
                   float: right;
                  }

                  a#shop_teaser3{

                  background-image: url(image/teaser_books3.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  float: right;
                  margin-left:0px;

                  }

                      a#shop_teaser4{

                  background-image: url(image/teaser_books4.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  float: right;
                  margin-left:0px;

                  }

                      a#shop_teaser5{

                  background-image: url(image/teaser_books5.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  float: right;
                  margin-left:0px;

                  }

                          a#shop_teaser6{

                  background-image: url(image/teaser_books6.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  float: right;
                  margin-left:0px;




                  }


                  a#shop_teaser7{

                  background-image: url(image/teaser_books7.jpg);
                  width:114px;
                  height:140px;
                  display:block;
                  float: right;
                  margin-left:0px;




                  }


                          #shop_book1{

                  background-image: url(image/book1.jpg);
                  width:396px;
                  height:409px;
                  display:block;
                  float:left;





                  }




        #shop_book2{

                  background-image: url(image/book2.jpg);
                  width:396px;
                  height:409px;
                  display:block;
                  float:left;
                  margin-left:60px;




                  }


        #shop_book3{

                  background-image: url(image/book3.jpg);
                  width:396px;
                  height:409px;
                  display:block;
                  float:left;
                  margin-left:60px;




                  }


        #shop_book5{

                  background-image: url(image/book5.jpg);
                  width:396px;
                  height:409px;
                  display:block;
                  float:left;
                  margin-left:60px;




                  }
     #shop_book6{

                  background-image: url(image/book6.jpg);
                  width:396px;
                  height:409px;
                  display:block;
                  float:left;
                  margin-left:60px;




                  }






#shop_book7{

                  background-image: url(image/book7.jpg);
                  width:396px;
                  height:409px;
                  display:block;
                  float:left;
                  margin-left:60px;




                  }


         #prew3 {
         margin-right: 234px;
         }
        a#prew {
              background-image: url(image/book1_t_k.jpg);
              background-repeat:no-repeat;
              width:114px;
              height:100px;
              display:block;
              float:right;
              padding-right:0px;


        }



             a#prew1 {
              background-image: url(image/book3_t_k.jpg);
              background-repeat:no-repeat;
              width:114px;
               padding-right:0px;
              height:100px;
              display:block;
              float:right;

        }



     a#prew3 {
              background-image: url(image/book3_t_k.jpg);
              background-repeat:no-repeat;
              width:114px;
               padding-right:5px;
              height:100px;
              display:block;
              float:right;

        }




      #prize {


         background-repeat:no-repeat;
         width:214px;
         margin-top: 18px;
         margin-right: 0px;
         height:285px;
         display:block;
         float:right;


      }






#contenttxt{
	padding-left:400px;
	padding-top:140px;


}

#img{

	padding-left:300px;

}

#info{
	margin-top:111px;
	margin-left:0px;
	width:240px;
	display:block;

}

#infokontakt {
	margin-top:0px;
	margin-left:0px;
	width:80%px;
	display:block;

}






#footer{
	display:block;
	height:100px;
	width:100%;
	margin-top:100px;
	margin-left:0px;
        background-color: #3c3c3b;
        position: fixed;
         bottom: 0;



	}

.menu ul{
         margin-top: 50px;

         }



#impressum{

         width: 60%;
         margin: 0 auto;
         padding-left: 0px;
         padding-top: 10px;

}

#impressum a{

        color: #FFF;

}

#behance {
         background-image: url(image/behance_logo.png);
         background-repeat: no-repeat;
         text-indent:-999em;

         }


.footer a{
	font-size:9px;
}


#fb {
         float: right;
}

#fb-root{
	padding-left:100px;

}