/*
    For private Websites you are
    free to use and modify this links.
    Commercial use needs my
    permission! Contact me: jo[at]cssapss.de
    Respect my Copyright, never remove or modify!
    --- (C) Jo Klimek 2012 Csslinkss.de ---
*/

.container, .container1, .container2, .container3, .container4, .container5, .container6, .container7{
    width:600px;
    max-height:420px;
    /*box-shadow:3px 3px 10px rgba(0,0,0,0.8);*/
}

.window, .window1, .window2, .window3, .window4, .window5, .window6, .window7{  /*anzeigefenster*/
    width:600px;
    max-height:420px;
    overflow:hidden;
    margin:0 0px;
}

.all, .all1, .all2, .all3, .all4, .all5, .all6, .all7{  /*bilderspeicher*/
    width:6000px;
    /* margin-left:600px;     no startpicture */
    -moz-transition:1s;
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;
}

.all div, .all1 div, .all2 div, .all3 div, .all4 div, .all5 div, .all6 div, .all7 div{ /*padding für Abstand der Bilder*/
    float:left;
    width:580px;
	padding-right:20px;
}

img.ls {  /*margin 0 auto für zentrierung der Bilder*/
    display:block;
    max-width:580px;
	max-height:400px;
    margin:0 0;
}

img.pt{
    display:block;
    max-height:400px;
}

ul.bildwechsel {  /*linkzeile*/
    list-style:none;
    margin:0px;
    padding:0 0 0 0;
}

ul.bildwechsel li {  /*linkzeile horizontal*/
    margin:0;
    padding:0;
    float:left;
}

ul.bildwechsel a{   /*linkformatierung*/
    display:block;
    float:left;
    text-decoration:none;
    width:13px;	
	height:13px;	
	border:1px #9f9f9f dotted;
	margin:3px 10px 15px 0;
    /*padding:5px;*/
    /*margin:10px 0 0 0;*/
    border-radius:3px;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}

ul.bildwechsel a:hover {  /*linkformatierung*/
    background:#666;
}
#t21:target ~ .inhalt .links .container2 .all2 {margin-left:-0px;}
#t22:target ~ .inhalt .links .container2 .all2 {margin-left:-600px;}

#t31:target ~ .inhalt .links .container3 .all3 {margin-left:0px;}
#t32:target ~ .inhalt .links .container3 .all3 {margin-left:-600px;}
#t33:target ~ .inhalt .links .container3 .all3 {margin-left:-1200px;}

#t41:target ~ .inhalt .links .container4 .all4 {margin-left:0px;}
#t42:target ~ .inhalt .links .container4 .all4 {margin-left:-600px;}
#t43:target ~ .inhalt .links .container4 .all4 {margin-left:-1200px;}
#t44:target ~ .inhalt .links .container4 .all4 {margin-left:-1800px;}

#t51:target ~ .inhalt .links .container5 .all5 {margin-left:-0px;}
#t52:target ~ .inhalt .links .container5 .all5 {margin-left:-600px;}
#t53:target ~ .inhalt .links .container5 .all5{margin-left:-1200px;}
#t54:target ~ .inhalt .links .container5 .all5 {margin-left:-1800px;}
#t55:target ~ .inhalt .links .container5 .all5 {margin-left:-2400px;}

#t61:target ~ .inhalt .links .container6 .all6 {margin-left:-0px;}
#t62:target ~ .inhalt .links .container6 .all6 {margin-left:-600px;}
#t63:target ~ .inhalt .links .container6 .all6{margin-left:-1200px;}
#t64:target ~ .inhalt .links .container6 .all6 {margin-left:-1800px;}
#t65:target ~ .inhalt .links .container6 .all6 {margin-left:-2400px;}
#t66:target ~ .inhalt .links .container6 .all6 {margin-left:-3000px;}

#t71:target ~ .inhalt .links .container7 .all7 {margin-left:-0px;}
#t72:target ~ .inhalt .links .container7 .all7 {margin-left:-600px;}
#t73:target ~ .inhalt .links .container7 .all7{margin-left:-1200px;}
#t74:target ~ .inhalt .links .container7 .all7 {margin-left:-1800px;}
#t75:target ~ .inhalt .links .container7 .all7 {margin-left:-2400px;}
#t76:target ~ .inhalt .links .container7 .all7 {margin-left:-3000px;}
#t77:target ~ .inhalt .links .container7 .all7 {margin-left:-3600px;}

.top {position:absolute;left:0;top:0;display:none;} /*Bilder in der Seite*/