/* CSS Document */
*, ul {
	margin:0;
	padding:0;}

html, body {
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	
p {
	padding:4px 0 4px 0;}
	
#wrapper {
	overflow:hidden;
	position:relative;
	z-index:1;
	width:100%;
	height:100%;}
	
#container {
	position:relative;
	width:2000%;
	height:100%;}

.pageholder, .transition {
	width:5%;
	float:left;
	position:relative;
	z-index:1;
	height:100%;}

div.page2, div.page3, div.page4 {
	width:1920px;}
	
div.page2 {
	background:#fff url(../img/bg_page2.gif) no-repeat left center}
	
div.page3 {
	background:#fff url(../img/bg_page3.gif) repeat-y left center}
	
div.page4 {
	background:#fff url(../img/bg_page4.gif) no-repeat left center}
	
#page1 {
	background:#fff url(../img/bg_page1.gif) no-repeat center center;}
			
#page2, #page4 {
	background:#009ee1 url(../img/spot.jpg) no-repeat top center;
	color:#fff;}
	
#page3 {
	background:url(../img/waswirgemachthaben.gif) no-repeat top center;}
	
.content {
	padding:10px;}
	
#navi {
	position:absolute;
	z-index:10;
	bottom:0;
	width:100%;
	height:40px;
	left:0;}
	
#navi a {
	text-decoration:none;
	color:#009EE1;
	padding:6px 8px 4px 8px;
	background:#fff;
	outline:0;
	border:1px solid #009EE1;}
	
#navi a:hover {
	text-decoration:underline;
	border-style:dotted}

#navi ul {
	padding:0; 
	margin:0; 
	text-align:center; 
	width:100%;}	

#navi li {
	display:inline; 
	list-style:none; 
	margin:1px;}
	
#navi a.disabled {
	background:#009EE1;
	color:#fff; 
	border:1px solid #fff;}
	
#navi a.disabled:hover {
	text-decoration:none;
	cursor:default;}
	
.box.white {
	background:#EAF6FD;
	border:4px solid #BCE4F6;
	color:#009EE0;
	padding:4px;
	margin:4px 4px 0 0;}
	
h2, h3, h4, h5 {
	font-weight:bold;
	letter-spacing:-1px;}

h2 {
	font-size:22px; 
	color:#fff;}
	
h3{
	font-size:16px;
	color:#BCE4F6;}
	
#clients h4 {
	color:#009EE1;
	font-size:18px;
	padding:8px 0 0 0}	
	
#clients h5 {
	font-size:12px;
	color:#009EE1;
	letter-spacing:normal;
	padding:0 0 8px 0}

.center {
	padding-top:100px;}	
	
.col30 {
	width:200px;
	float:left;}

.clear {
	clear:both;}
	
.center {
	position:absolute;
	z-index:3;
	left:50%;
	top:0;
	margin-left:-330px;}
	
#AjaxifyLoading img{
	margin:100px 0 0 180px;}

#clients {
	}	

#clients h2 { 
	color:#009EE1;
	display:block;
	position:relative;}

#clientshome {
	position:absolute;
	top:0;
	outline:0;
	right:0;
	font-size:11px;
	padding:2px 20px 0 0;/*top right bottom left*/
	margin:0 2px 0 0;
	text-decoration:none;
	font-weight:normal;
	word-spacing:0;
	display:none;
	color:#009EE1}
	
#clientshome:hover {
	text-decoration:underline;}
	
#clientshome span {
	position:absolute;
	right:0;
	top:0;}
	
#clientlist {
	margin:4px 0 0 0;
	padding:0;
	float:left;
	width:200px;}
	
#clientlist ul {
	height:324px;
	overflow-y:auto;}
	
#clientlist li {
	list-style:none;}

#clientlist li a {
	display:block;
	line-height:12px;
	padding:5px 2px 3px 10px;/*top right bottom left*/
	color:#009EE1;
	text-decoration:none;
	background:#EAF6FD;
	outline:0;
	margin:0 1px 1px 1px}
	
#clientlist li.filtered a{
	padding-left:0;
	font-weight:bold;}
	
#clientlist li.filtered a span{
	float:left;
	margin:-3px 0 4px 0;}
	
#clientlist ul a:hover {
	text-decoration:underline;
	font-weight:bold;}
	
#clientlist ul a.selected {
	background:#BCE4F6;}
	
#filter input, #filter label {
	margin-right:2px;}
		
#filter {
	margin-top:4px;
	position:relative;}
	
#filter br, #filter strong {
	clear:both; display:block;}
	
#filter input {}

#clientdetail {
	float:left;
	position:relative;
	width:400px;
	height:308px;}
	
#casecontent ul, .col30 ul {
	margin:0;
	padding:0;
	padding-left:24px;}
	
.box ul li {
 	padding:3px;}
	
.box img {
	display:block;}

#clientdetail #casegallery ul {
	margin:0;
	padding:0;}
	
#caselist {}
	
#casegallery li {
	list-style:none;
	float:left;
	width:128px;
	height:72px;
	border:1px solid #009EE1;
	padding:1px;
	margin:0 1px 1px 0;}
	
#casegallery li.filtered, #casegallery li:hover {
	border:2px solid #000;
	padding:0px;}
	
#casegallery a {
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:128px;
	height:72px;
	display:block;
	outline:0;
	background:#009EE1;
	margin:0px}
	
#casegallery a img {
	display:block;
	border:0;}
	
#casegallery p {
	color:#000;}
	
#slideshow {
	overflow:hidden;
	width:400px;
	height:128px;}
	
#slideshow a {
	display:block;
	border:0;
	text-decoration:none;}
	
#slideshow img {
	display:block;
	border:0;}
	
#website {
	background:#bee4f9;
	position:absolute;
	bottom:0;
	left:0;
	width:396px;
	padding:6px;}
	
#website label {
	display:block;
	width:50px;
	float:left;
	font-weight:bold;
	color:#009EE1;}
	
#website a {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#009EE1;}