@charset 'utf-8';

/*
TEST FILES STYLE SHEET J-A-B.NET
________________________________________________________________________________
author: Jens Brueckmann
        http://www.j-a-b.net
      created: 2005-02-01
last modified: 2005-02-27
________________________________________________________________________________
Validation:
http://jigsaw.w3.org/css-validator/validator?uri=http://www.j-a-b.net/tmp/tmp.css&warning=2&profile=css3&usermedium=all
________________________________________________________________________________
This style sheet is published under a Creative Commons License.
For more information about this license visit the Creative Commons website at 
http://creativecommons.org/licenses/by-sa/2.0/
________________________________________________________________________________
Comments are welcome :-) Use contact form or mail me at jens[at]j-a-b.net
________________________________________________________________________________
*/

/* 
* {
  	font-size-adjust: 0.54;
  	}
*/

html {					 /*Hintergrund der Seite links  und rechts*/
	background:  #F3F7FF url('../_images/backgrounds/back-arlberg.jpg') fixed;
	padding: 0;
  	margin: 0;
  	}

body {	
	/*background: #F3F7FF; */		/*Hintergrund  im Thumbnailfeld */
  	padding: 1em 2em 2em 2em;
	margin: 1em 70px;
  	border: 1px solid #999;
  	text-align:center;
  	color: #999;
  	font: 0.8em, normal, sans-serif;
	text-transform: lowercase;
  	}

a:link {	font: 0.8em, normal, monospace;
	color:#707F90;
	} 
a:visited {	font: 0.8em, normal, monospace;
	color:#70708F;
	} 
a:hover {
	color:#f00;
	}

div.thumbs { 
	margin: auto 2em ;       	 /*positioniert die thumbnails innerhalb des rahmens*/
	}

div.thumbs ul { 
	background: #F3F7FF;  		/*Hintergrund um thumbnails  herum*/
	float: left;
	width: 200px;
	height: 200px;
	padding: 3% 0 3% 0 ;
	margin: 1em;
	border: 1px solid #999;
	list-style: none;
	}

div.thumbs ul img { 
	background: #F3F7FF;  		 /*Hintergrund hinter thumbnails*/
	border: 1px solid #ddd;
	display: block;
	border: 0;
	margin: 0 auto 1em;
	}

h1, h2 {
	text-align: center;
	font-family: 'BernhardFashion BT', sans-serif;
	font-style:normal;
	color:#f00;
	}

#original img {
	display: block;
	padding: 1em;
	border: 3px solid;
	border-color: #ccc #666 #666 #ccc;
	margin: -1em auto;
	background:#F3F7FF;
	}

#pager img {					/*show-seite: navigationspfeile*/
	margin: -2em auto 0em;
	border: 0;
	}			

#back  {	
	clear: both;		/* == wichtig,damit link nicht nach oben rutscht == */
	/*margin: auto;*/
	padding-top: 3em;      /*== wichtig fuer Abstand nach oben, reagiert nicht auf margin :-( ==*/
	font: 0.9em;
	color: #999;
	letter-spacing: 0.1ex;
	}

#copyright  {
	text-align: center;
	margin: auto;
	width: 37ex;
    	border-top: 1px dotted #D4D0C8;
    	padding: 1em 0 2em 0;
    	font: 0.8em sans-serif;
    	color: #999;
	letter-spacing: 0.1ex;
	}

#copyright a {
	font: 0.9em sans-serif;
	color: #B09FA0;
	text-decoration: none;
	}

#copyright a:hover {
	font: 0.9em sans-serif ;
	color: #A0706F;
	text-decoration: underline;
	}