@charset "utf-8";
/*===========================================
pcard.ch für Haws
www.pcard.ch

Daniel Fiechter
=============================================

Referenzbox
*/
div#referenzen {
	background-color:#E9E9E9;
	width:100%;
}
	ul.secnav, div.referenz ul {
		list-style-image:url('../data/icons/arrow_collapse.gif');
	}
	ul.secnav {
		margin-left:30px;
		padding-top:30px;
		padding-bottom:30px;
		list-style-position:inside;
		float:left;
	}
		ul.secnav li {
			padding:0px;
		}
			ul.secnav li a {
				color:#000;
			}
			ul.secnav li a:hover, div.referenz ul li:hover a:hover, ul.secnav li.active a {
				color:#006DB8;
			}
			
			
	div.referenz {
		float:left;
		
		padding-top:10px;
		margin-left:50px;
	}
		div.referenz h1 {
			color:#999;
			font-size:14px;
			margin:0px;
		}
		
		div.referenz ul {
			margin:0px;
			padding:0px;
			
			list-style-position:outside;
		}
			div.referenz ul li a {
				color:#000;
			}
			div.referenz ul li div {
				display:none;
			}
			div.referenz ul li:hover div {
				display:block;
			}

/**
Boxen
*/
.inside {
	margin:5px;
}

.box {
	width:100%;
}
	.box h1 {
		font-weight:bold;
		font-size:12px;
		color:#000;
		margin:0px;
		font-family:"Century Gothic","Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
.blue {
	background-color:#B1D2E8;
	color:#FFF;
}

.half {
	width:50%;
	float:left;
}

.float {
	float:left;
	margin-left:10px;
}

.border_grey {
	border:1px solid #CCC;
}

.outline {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	
	margin:10px 0px 10px 0px;
}

/**
* Infoboxen Index
*/
div.infobox {
	background:url(../data/images/box-bg.png) repeat-y;
	
	width:310px;
	margin-top:15px;
	
	float:left;
	
	color:#FFF;
}
	div.infobox h1 {
		color:#FFF;
		font-size:16px;
		margin:0px;
	}
	div.infobox a {
		color:#FFF;
	}
	
div.produktkatalog {
	float:right;
	
	margin-right:50px;
	margin-top:10px;
	
	width:355px;
	height:110px;
	display:block;
}

/**
* Kategorieübersicht, Auflistung aller Produkte
*/
div.katcontent {
	margin-left:10px;
	
	width:700px;
	float:left;
}
	
	div.katoverview {
		background-color:#E9E9E9;
		width:100%;
		clear:both;
	}
	div.katheader {
		/*padding:10px;*/
		
		width:100%;
		min-height:300px;
		display:block;
		
		background-repeat:no-repeat;
		background-position:bottom right;
		background-image:url(../data/images/kat-standard.jpg);
	}

	div.katoverview a.prod {
		width:100px;
		height:150px;
		display:block;
		
		float:left;
		
		padding:10px;
		margin:10px;
		
		background-color:#FFF;
		
		position:relative;
	}
	div.katoverview a.prod:hover {
		color:#000;
	}
		div.katoverview a.prod div.ausrichtung {
			position:absolute;
			bottom:0px;
		}
	
/**
* Subnav
*/
ul.prodsubnav {
	width:100%;
	display:block;
	margin:30px 0px 7px 0px;
	
	font-size:14px;
	font-weight:normal;
}
	ul.prodsubnav li {
		position:relative;
		display:inline;
		
		background-color:#FFF;
		
		padding:10px 20px 9px 20px;
		margin:0px 5px 0px 0px;
		
		border-left:1px solid #CCC;
		border-top:1px solid #CCC;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		border-radius-topleft: 10px; -o-border-radius-topleft: 10px; -icab-border-radius-topleft: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; border-top-left-radius: 10px; -o-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px;
		border-radius-topright: 10px; -o-border-radius-topright: 10px; -icab-border-radius-topright: 10px; -khtml-border-radius-topright: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; border-top-right-radius: 10px; -o-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px;
	}
	ul.prodsubnav li a {
		color:#000;
	}
	ul.prodsubnav li:hover, ul.prodsubnav li.active, ul.prodsubnav li.active a, ul.prodsubnav li:hover a {
		color:#006DB8;
		border-bottom:1px solid #FFF;
	}
	
ul.iconnav {
	list-style-position:inside;
}
ul.iconnav li a:hover {
	color:#000;
}
	
/**
* Titel
*/
h1 {
	color:#006DB8;	
	font-weight:normal;
	font-size:26px;
	line-height:140%;
	
	margin:15px 0px 15px 0px;
	
	font-family:"Century Gothic","Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;
}

	h1.producttitle {
		padding:15px;
		color:#FFF;
		
		background-color:#000;
		
		font-family:"Century Gothic","Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
	
h2 {
	font-size:12px;
	font-family:"Century Gothic","Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;
}
	
/**
* Formulare
*/
input, textarea, select {
	border:1px solid #CCC;
	padding:3px;
}

.input500 {
	width:500px;
	height: 20px;
}

.input250 {
	width:230px;
	height: 20px;
}

.dd {
	width:250px;
	height: 25px;
}

.error {
	color: red;
}