@charset "UTF-8";
/* CSS Document */

#container{
	text-align:left;
	width:800px;
	margin:auto;
}
#nav{
	background-color:#CCC;
	height:30px;
}
#navContainer{
	width:800px;
}
.navText{
	font-size:10px;
	padding-right:20px;
	float:right;
}
.title{
	clear:both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.projectMain{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:100px;
	width:600px;
	position:relative;
}
.tab{
	color: #9fd800;
	font-size: 20pt;
	position:absolute;
}
.tab a{
	color:#9fd800;
	text-decoration:none;
}
.tab a:hover{
	background-color:#333;
	color:#9fd800;
}
.projectDescription a{
	text-decoration:underline;
}
.projectDescription a:hover{
	text-decoration:none;
}
.tabhead {
	font-variant:small-caps;
	font-size: 24pt;
}	
.projectShowCase{
	width:300px;
	height:400px;
	margin-left:100px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	float:left;
}
.centerImg{
	padding:0px;
}
.projectShowCase img{
	vertical-align: middle;
}
.projectDescription{
	width:350px;
	height:400px;
	overflow-y: scroll;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:20px;
	float:left;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCC;
}
.thumb{
	margin-top:15px;
	padding-right:5px;
	padding-left:5px;
	float:left;
}
.thumb img{
	border:none;
}
.prjectDescription a{
	background-color:#FFF;
}
.prjectDescription a:hover{
	background-color:#CCC;
}
.prjectDescription a:active{
	background-color:#CCC;

}
#footer{
	clear:both;
	background-color:#CCC;
	height:30px;
	padding-right:10px;
	width:790px;
}
.contact{
	color:#666;
	margin-top:5px;
	font-size:10px;
	float:right;
	padding-left:10px;
	margin-right:20px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #666;
}
.floatright{
	color:#666;
	float:left;
	margin-left:10px;
}

.bildbandItem{
	clear:both;
	padding-top: 10px;
	height: 80px;
}

.bildband{
	float: left;
	width: 115px;
	text-align: center;
}

.bildband img{
	border: 0px;
	height: 80px;
}