/*CSS*/

/*
   http://www.markusspiske.com/
   css styles
   
   Copyright 2010, Markus Spiske
   http://www.temporausch.com

*/

* { 
	margin: 0; padding: 0;
}	

body {background-color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}

#wrap {width: 980px; height:650px; position:absolute; left:50%; top:50%; margin-left:-490px; z-index:2; margin-top:-325px;}
#information {width: 960px; float: left; text-align: center;}

a {color: #888888; text-decoration: none; outline: none;} a:hover {color: #202020;}

ul#navigation {width: 960px; list-style-type: none; position: absolute; top: 300px;}
ul#navigation li a {display: block;  width: 19px; height: 19px; text-indent: -9999px;}
ul#navigation li.previous {float: left;}
ul#navigation li.next {float: right;}
ul#navigation li.previous a {background-image: url(../img/prev.png);}
ul#navigation li.next a {background-image: url(../img/next.png);}
ul#navigation li.previous a:hover, ul#navigation li.next a:hover {background-position: 19px 0px;}

#pictures .video {width: 960px; text-align: center; float: left; height: 500px; margin-top: 145px;}
#holder {width: 960px; height: 600px; float: left; margin-bottom: 19px;}
#pictures { }
#loader { width: 32px; height: 32px; margin: 0 auto; margin-top: 270px; background: url(../img/preload.gif) no-repeat; display: none;}
.pics { height: 600px; width: 900px; margin:0 auto; overflow: hidden; background-color: #FFF; }
.pics img { display: block; margin: 0 auto; }
.imgc { width: 900px; height: 600px;  }