@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */




body {

	background-image:url(../img/main-bg.png);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#777;

}

#header {
	
	height:163px;
	background-image:url(../img/header-bg.png);
	background-repeat:repeat-x;

}

#logo-bar {
	width:960px;
	height:163px;
	background-image:url(../img/logo-bar.png);
	background-repeat:no-repeat;
	margin:0 auto;


}

#content {
	width:960px;
	margin:0 auto;
	min-height:300px;
	background-image:url(../img/content-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	
}


#navi {

	float:left;
	width:230px;
	/* border:1px solid; */
	
}

#navi-inner {
	padding-top:50px;
}

#content-column {

	width:710px;
	float:right;
	
}

#content-column-inner {
	padding-top:50px;
	padding-bottom:150px;
}



h1 {

	font-size:28px;
	color: #316464;
	margin-top:20px;
	margin-bottom:10px;
	font-family:Calibri,Verdana, Arial, Helvetica, sans-serif;
}


.product-list li, .theme-list li {
	
	margin-top:1px;
	font-size:14px;
	
}

.product-list a {

	color:#777;
	font-weight:bold;
	display:block;
	text-decoration:none;
	height:20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:0px;
}

.product-list a:hover {

	color:#FFF;
	background-color:#777;
	font-weight:bold;
	display:block;
	text-decoration:none !important;
}

.theme-list a {

	color:#316464;
	font-weight:bold;
	display:block;
	text-decoration:none;
	height:20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:0px;
}

.theme-list a:hover {

	color:#FFF;
	background-color:#316464;
	font-weight:bold;
	display:block;
	text-decoration:none !important;
}

.rounded {

	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.teaser {
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
}

.teaserright {
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	margin-left:10px;
	float:right;
}


.theme-item {
	float:left;
	margin-right:20px;
	width:140px;
	text-align:center;
}

p {
	margin-bottom:10px;
	line-height:24px;
	padding-right:10px;

}

.pcenter {
	padding-right:0 !important;
}

.content-list {

	line-height:18px;
	list-style:disc;
	margin-left:20px;
}

.active {
	background-color:#ccc;
}

a {

	color:#316464;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	text-decoration:underline;
}

.right {

	float:right;
}

.left {

	float:left;
	margin-right:20px;
	margin-bottom:20px;
}