/* CSS Document */
/* hc-id.ch | design by dreiraum.ch */

body {
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
	line-height: 14px;
}
ul {
	font-family: verdana, helvetica, arial, sans-serif;
	line-height: 14px;
	list-style-type: none;
	margin: 0px;
}
p {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
	line-height: 14px;
}
div {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
	line-height: 14px;
}
span {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
	line-height: 14px;
}
font {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
	line-height: 14px;
}
td {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
}
th {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999	
}
b {  
	font-family: verdana, helvetica, arial, sans-serif; 
	font-weight: bold;
}

.textbold {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
}
.fliesstext {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none;
}

.content {
	padding: 10px;
}
.line-top {
	border-top: 1px solid #000000;
}
.line-bottom {
	border-bottom: 1px solid #000000;
}

.topnav {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 14px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color:#999999;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}
.topnavspacer {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color:#999999;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}
.topnav a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color:#999999;
    font-weight: bold;
	text-decoration: none;
}	
.topnav a:hover {
	color: #000000;
    text-decoration: none;
}	
.topnavsel {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 14px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}
.topnavsel a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
	text-decoration: none;
}

.nav {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 14px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color:#666666;
    font-weight: normal;
    border-bottom: 1px solid #000000;
}
.nav a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color:#666666;
    font-weight: normal;
	text-decoration: none;
}	
.nav a:hover {
	color: #000000;
    text-decoration: none;
}	
.navsel {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 14px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    border-bottom: 1px solid #000000;
}
.navsel a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
	text-decoration: none;
}

.graphnav {
	padding: 4px;
}
.graphnavsel {
	padding: 4px;
}




#poweredbybeecomb { padding: 5px 0px 10px 0px; color: #999999; font-family: Verdana; font-size: 9px; }
#poweredbybeecomb a { color: #777777; text-decoration: none; }
#poweredbybeecomb a:hover { text-decoration: underline; }


/* --- modules --- */
/* contact */
#contactform { }
#contactform .label { width: 80px; vertical-align: top; }
#contactform .error { color: #ff0000; }
#contactform .buttons { padding-top: 10px; }

/* sitemap */
ul#sitemap { padding: 0px 0px 0px 15px; margin: 0px; }
#sitemap li { padding: 0px; margin: 0px; margin: 0px; }
#sitemap ul { padding: 0px 0px 0px 15px; margin: 0px; }

/* search */
#searchbox {}
#searchbox input { width: 400px; }
#searchresult {  }
#searchresult h1 { margin: 0px; font-size: 11px; }

/* product overview/detail */
.po-image { width: 280px; }
.pd-image { width: 280px; }

#po-products table { background-color: white; }
#po-products .po-product { padding:2px; }
#po-products .po-product-selected { padding:2px; border: 1px solid #000db4; }

/* gallery */
#gallery {}
#gallery .picture { padding: 2px; text-align: center; }