/*
    color-definition
    --------------------------

    black:			#000
	cyan:			#0084bf
	gray:			#1a171c

    --------------------------
*/


html{
	height:100%;
	overflow-y:scroll;
}


body{
    height:auto;
    min-height:100%;
    margin:0px;
    padding:0px;
    font-size:9px;
    font-family:verdana, sans-serif;
	background-color:#fff;
	color:#1a171c;
}

.mainContent{
    width:100%;
	margin:0px;
	text-align:left;

}

img {
	border:none;
}

ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

a{
	color:#1a171c;
}

.hr{
	clear:both;
	position:relative;
	height:12px;
	width:775px;
	margin:0px;
	padding:0px;
	border:none;
	background-image:url(../images/slashedrow.gif);
	background-repeat:no-repeat;
}

.hr hr{
	display:none;
}

/*  Header  */

	#header{
		margin:0px;
		margin-right:25px;
		float:left;
	}

	#header div{
		margin:0px;
		padding:0px;
		width:340px;
		height:50px;
		background-color:#4a4f62;
	}

	#header img{
	}

	#header #ani{
		margin-left:71px;
		margin-bottom:8px;
		padding-right:70px;
	}
	
	#header #logo{
		border-left:1px solid #fff;
	}
	
	#header h1{
		display:none;
	}

/*  Header - END  */

/*  Navigation  */

	.navigation{
		margin:0px;
		padding:0px;
		padding-top:39px;
		list-style-type:none;
		float:left;
	}
	.navigation li{
		list-style-type:none;
		float:left;
		margin:0px;
		padding:0px;
		background-color:#fff;
	}

	.navigation li a{
		display:block;
		position:relative;
		width:auto;
		height:14px;
		float:left;
		background-color:#fff;
		clip:rect(auto auto auto auto);
		text-decoration:none;
		overflow:hidden;
		margin-right:25px;
		font-size:10px;
		color:#1a171c;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.navigation li a.active{
		color:#0084bf;
	}

	.navigation li a:hover{
	}

	.navigation a span{
		display:block;
		width:auto;
		height:44px;
		line-height:13px;
		position:relative;
		cursor:pointer;
		text-align:right;
		top:-13px;
		background-color:#fff;
	}
	
	
/*  Navigation - END  */

/*	StandardInhalt	*/

	#spalte1{
		margin-left:180px;
		width:230px;
		float:left;
		overflow:hidden;
		margin-bottom:20px;
		padding-right:20px;
	}

	#spalte2{
		width:280px;
		float:left;
		overflow:hidden;
		margin-bottom:20px;
		padding-right:20px;
	}

	#spalte3{
		width:195px;
		float:left;
		overflow:hidden;
		margin-bottom:20px;
	}


/*	StandardInhalt Ende	*/


/*  Content  */

	#content{
		clear:both;
		background-image:url(../images/bgThomas.gif);
		background-repeat:repeat-y;
		min-height:550px;
		overflow:hidden;
	}

	#contentPortfolio{
		margin-top:20px;
	}
	
	#content h1, #contentPortfolio h1{
		clear:both;
		font-size:16px;
		font-weight:normal;
		margin:0px;
		padding:0px;
	}
	
	#content h2, #contentPortfolio h2{
		display:block;
		width:162px;
		font-size:9px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		padding-left:8px;
	}
	
	#content p, #contentPortfolio p{
		margin:0px;
		padding:0px;
	}

/*  Content - END  */


/*  IconView  */

.iconView.large li img{
	height:115px;
	float:left;
}
	
.iconViewVertical.large{
	width:500px;
}
	
.iconViewVertical.large li{
	height:80px;
}
	
.iconViewVertical.large li img{
	height:80px;
}
	
	

.iconView{
	background-color:#fff !important;
}

/* Sortierungslisten */

.orderGroup {
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #969696;
	margin:0px;
	padding:0px;
	padding-left:170px;
	padding-top:20px;
}

.orderGroup h2 {
	position:absolute;
	left:0px;
	bottom:8px;
	text-transform:uppercase;
}

#contentPortfolio h3{
	position:absolute;
	bottom:0px;
	padding-left:8px;
	width:auto;
	float:left;
	text-transform:uppercase;
	width:160px;
	font-size:9px;

}

.orderGroup a, .relevance a, .relative a{
	float:left;
	margin-right:5px;
	margin-top:5px;
}

.relevance img, .relative img{
	float:left;
}

.relevanceArea, .relativeArea{
	position:relative;
}

.relevance{
	border-bottom:1px solid #969696;
	padding-left:170px;
	margin-top:60px;
	overflow:hidden;
}

.relevance li{
	padding:0px;
	float:left;
}

.relative{
	border-bottom:1px solid #969696;
	padding-left:170px;
	margin-top:20px;
	overflow:hidden;
}

.relative li{
	padding:0px;
	float:left;
}

.description{
	width:170px;
	position:absolute;
	bottom:0px;
	left:0px;
}

#contentPortfolio .description p{
	padding:8px;
}

#footer{
	height:100px;
	text-align:right;
	margin-top:50px;
	padding-right:10px;
}

h3{
}

img.detailPic{
/*	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;*/
	padding:0px;
	margin-left:170px;
	position:relative;
	top:2px;
}

.maxHeight{
	height:430px;
}

a.backButton{
	color:#3fb8d5;
	text-decoration:none;
	text-transform:uppercase;
}

/* sortNavi */

.default #sortNavi{
	background-color:#fff;
}

#sortNavi{
	clear:both;
	position:relative;
	top:-2px;
	margin:0px;
	margin-left:170px;
	margin-top:20px;
	padding-left:16px;
	padding-top:15px;
	height:35px;
	width:154px; 
	color:#fff;
	font-weight:bold;
	background-color:#4a4f62;
}


select{
/*	width:170px; */
	width:112px; 
	height:18px;
	border:none;
	font-family:verdana;
	font-size:9px;
	background-color:#fff;
	color:#4a4f62;
	font-weight:bold;
}

form{
}

/* sortNavi Ende */

.arrow_cyan{
  display:block;
  position:relative;
  font-size:1px;
  height:16px;
  margin:0px;
  background-color:white;
  background-image:url(../images/arrow_cyan.gif);
  background-repeat:no-repeat;
  background-position:0px 6px;
}

.clientlink{
	text-decoration:none;
	color:#0084bf;
}