/*

@name style.css
@desc Styling for Nachbarnetz.ch
@author Jonas Fricker
@version 1.0


COLORS:

BLUE: #04819E
GREY: #666666
ORANGE: #FF7F00

*/

/* CSS RESET */
html, body, div, ul, li, h1, h2, h3
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

/* STYLING */

h1 {
	color: #04819E;
	font-size: 130%;
	font-weight: bold;
	padding: 0.3em 0 0.2em;
}

h2 {
	color: #EB7B21;
	font-size: 120%;
	font-weight: bold;
	padding: 0.3em 0 0.2em;
}

h3 {
	color: #04819E;
	font-size: 105%;
	padding: 0.3em 0 0.2em;
}

p {
	margin: 0 0.2em 0.8em 0;
}


a:visited,
a {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #FF7F00;
}

ul {
	margin-left: 1em;
}

.print
{
	display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }  /* for IE/Mac */

* html .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}

.orange {
	color: #FF7F00;
}

.blue {
	color: #04819E;
}

.grey {
	color: #666;
}


html {
	min-height: 100%;
	height: auto;
}

body
{
	background: url(bg.gif) #fefefe bottom center no-repeat fixed;
	font-family: Helvetica, 'Helvetica Neue', Arial, Sans Serif;
	font-size: 80%;
	line-height: 1.5em;
}

#wrapper
{
	width: 1000px;
	margin: 10px auto;
	position: relative;
}

/* BANNER */

#banner {
	position: absolute;
	top: 0;
	right: 0;
}

/****** LEFT COLUMN ******/

#left-column
{
	float: left;
	width: 200px;
	margin-top: 130px;
}

#navigation ul
{
	list-style: none;
}

#navigation ul li
{
	text-align: right;
	margin-bottom: 5px;
}

#navigation ul li a
{
	background-color: #04819e;
	color: #FFF;
	font-size: 140%;
	letter-spacing: 0.05em;
	line-height: 30px;
	height: 30px;
	padding: 7px 15px 4px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}

#navigation ul li a:hover,
#navigation ul li.active a
{
	background: #ff7f00;
	color: #fff;
	padding-right: 40px;
	text-shadow: 1px 1px 2px #333;
}

#navigation ul li.active a {
	padding-right: 15px;
}

#navigation ul li ul
{
	margin: 0.5em 0 0.8em;
}

#navigation ul li ul li a,
#navigation ul li.active ul li a
{
	background: none;
	color: #04819e;
	font-size: 110%;
	letter-spacing: 0;
	line-height: 20px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	padding-right: 15px;
}

#navigation ul li.active ul li a:hover
{
	color: #FF7F00;
}

#navigation ul li.active ul li.active a
{
	color: #FF7F00;
	font-weight: bold;
}

/****** COLUMN ******/

#content-wrapper
{
	background: #fff;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-box-shadow: 2px 2px 8px #666;
	-webkit-box-shadow: 2px 2px 8px #666;
	margin-left: 200px;
	padding: 10px 10px 40px;
	position: relative;
	width: 580px;
}

/**** HEADER ****/

#header
{
	height: 120px;
}

#logo
{
	float: left;
}

#logo a
{
	display: block;
	height: 105px;
	width: 170px;
	background: url(nb-logo.gif) no-repeat;
}

#top-navigation
{
	margin-left: 190px;
}

/* TOP NEWS */

#startNews {
	overflow: hidden;
}

/**** CONTENT ****/

#content
{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	min-height: 500px;
	position: relative;
}

/* SEARCH */

#ajaxSearch_form fieldset {
	float: right;
	margin-bottom: 0.5em;
}

#ajaxSearch_form img {
	float: right;
	margin-right: 0.2em;
}

#ajaxSearch_output {
    background: rgba(255,255,255,0.95);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
    padding:10px;
	position: absolute;
	top: 37px;
	right: 0;
	z-index: 100;
}

/* MORE LINKS */

a.more {
	float: right;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
	font-size: 80%;
}

/* EXCHANGEMARKET */
.emList {
	margin: 0 0 1em 0;
}

.emListItem {
	padding: 7px 5px;
	position: relative;
}

.emListItem a {
	text-decoration: none;
}

.emListItem.offer.odd:hover,
.emListItem.offer.even:hover {
	background: #015367;
}

.emListItem.offer.odd:hover div,
.emListItem.offer.even:hover div {
	color: #FFF;
}

.emListItem.offer.even {
	background: #60B9CE;
}

.emListItem.offer.odd{
	background: #04819E;
}

.emListItem.request.odd:hover,
.emListItem.request.even:hover {
	background: #bf7730;
}

.emListItem.request.odd:hover div,
.emListItem.request.even:hover div {
	color: #FFF;
}

.emListItem.request.even {
	background: #ff9f40;
}

.emListItem.request.odd{
	background: #FF7F00;
}

.emListItem div{
	float: left;
	color: #000;
}

.emListItem .emDate {
	font-family: Georgia;
	width: 80px;
}

.emListItem .emTitle {
	font-weight: bold;
	width: 350px;
}

.emListItem .emPrice {
	width: 110px;
}

.emListItem .emImage {
	text-align: right;
	width: 30px;
}

/* TOOLTIP */
.emListItem .emShortDescr { 
    background: rgba(255,255,255,0.95);
    display: none; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
    color: #000;     
    font-size:12px; 
    width:200px; 
    padding:10px; 
    position: absolute;
    bottom: 25px;
    left: 200px;
}

.emListItem.request.odd:hover div.emShortDescr,
.emListItem.request.even:hover div.emShortDescr,
.emListItem.offer.odd:hover div.emShortDescr,
.emListItem.offer.even:hover div.emShortDescr {
	color: #000;
}

#emPagination,
#dittoPagination {
	margin: 1em 0 0;
}

#emPagination .prev,
#dittoPagination .prev{
	background: url(arrow_left.png);
	display: block;
	float: left;
	height: 16px;
	width: 16px;
}

#emPagination .prev:hover,
#dittoPagination .prev:hover {
	background: url(arrow_left_hover.png);
}

#emPagination .next,
#dittoPagination .next{
	background: url(arrow_right.png);
	display: block;
	float: right;
	height: 16px;
	width: 16px;
}

#emPagination .next:hover,
#dittoPagination .next:hover {
	background: url(arrow_right_hover.png);
}

#emPagination a.disabled {
	background: none;
}

#emPagination .emPaginationPages,
#dittoPagination .ditto_pages {
	text-align: center
}

#emPagination .emPaginationPages a,
#dittoPagination .ditto_pages a,
#dittoPagination .ditto_pages span{
	color: #AAACAF;
	font-family: Georgia;
	font-size: 120%;
	margin-right: 0.4em;
	text-decoration: none;
	border-bottom: 1px solid #AAACAF;
}

#emPagination .emPaginationPages a:hover,
#emPagination .emPaginationPages a.active,
#dittoPagination .ditto_pages a:hover,
#dittoPagination .ditto_pages span{
	color: #4D4D4F;
	border-bottom-color: #FFF;
}

.emEdit {
	float: right;
}

.emEdit a {
	background: url(edit.png);
	display: block;
	width: 30px;
	height: 30px;
}

.emItem {
	width: 580px;
}

.emItem .date {
	font-family: Georgia;
	font-size: 110%;
	
}

.emItem .date span {
	float: right;
	padding-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
}

.emItem .shortdescr {
    font-weight: bold;
}

.emItem .emImages {
	width: 150px;
	float: right;
	margin: 0 0 1em 10px;
}

.emImages img {
	margin-bottom: 10px;
}

/* EVENT */

.eventItem {
	background: #CCC;
	margin-bottom: 1em;
	width: 580px;
}

.eventItem .eventTitle {
	background: #aaa;
	color: #000;
	font-weight: bold;
	padding: 7px 5px;
}

.eventItem .eventContent {
	padding: 7px 5px;
}

.eventItem .eventContent label {
	font-family: Georgia;
	font-size: 110%;
	float: left;
}

.eventItem .eventContent div {
	margin-left: 100px;
	margin-bottom: 0.5em;
}

.eventTeaser {
	margin: 0 0 1em 0;
}

.eventItemTeaser {
	padding: 7px 5px;
}

.eventItemTeaser a {
	text-decoration: none;
}

.eventItemTeaser.odd:hover,
.eventItemTeaser.even:hover {
	background: #666;
}

.eventItemTeaser.odd:hover div,
.eventItemTeaser.even:hover div {
	color: #FFF;
}

.eventItemTeaser.even {
	background: #ccc;
}

.eventItemTeaser.odd{
	background: #aaa;
}

.eventItemTeaser div{
	float: left;
	color: #000;
}

.eventItemTeaser .eventDate {
	font-family: Georgia;
	width: 80px;
}

.eventItemTeaser .eventTitle {
	font-weight: bold;
	width: 490px;
}

/* IDEE */

.ideeItem {
	background: #60B9CE;
	margin-bottom: 1em;
	width: 580px;
}

.ideeItem .ideeTitle {
	background: #206676;
	color: #fff;
	font-weight: bold;
	padding: 7px 5px;
}

.ideeItem .ideeContent {
	padding: 7px 5px;
}

.ideeItem .ideeContent label {
	font-family: Georgia;
	font-size: 110%;
	float: left;
}

.ideeItem .ideeContent div {
	margin-left: 100px;
	margin-bottom: 0.5em;
}

.ideeTeaser {
	margin: 0 0 1em 0;
}

.ideeItemTeaser {
	padding: 7px 5px;
}

.ideeItemTeaser a {
	text-decoration: none;
}

.ideeItemTeaser.odd:hover,
.ideeItemTeaser.even:hover {
	background: #666;
}

.ideeItemTeaser.odd:hover div,
.ideeItemTeaser.even:hover div {
	color: #FFF;
}

.ideeItemTeaser.even {
	background: #CCC;
}

.ideeItemTeaser.odd{
	background: #AAA;
}

.ideeItemTeaser div{
	float: left;
	color: #000;
}

.ideeItemTeaser .ideeTitle {
	font-weight: bold;
	width: 200px;
}

.ideeItemTeaser .ideeFrom {
	width: 170px;
}

.ideeItemTeaser .ideeTo {
	width: 200px;
}

.ideeItemTeaser span{
	font-weight: bold;
	font-family: Georgia;
}

/* LINKS */

.linkList {
	margin: 0 0 1em 0;
}

.linkItem {
	padding: 7px 5px;
	position: relative;
	width: 570px;
}

.linkItem a {
	text-decoration: none;
}

.linkItem.odd:hover,
.linkItem.even:hover {
	background: #bf7730;
}

.linkItem.odd:hover div,
.linkItem.even:hover div {
	color: #FFF;
}

.linkItem.even {
	background: #ff9f40;
}

.linkItem.odd{
	background: #ffb873;
}

.linkItem div{
	float: left;
	color: #000;
}

.linkItem .linkTitle {
	font-weight: bold;
	width: 320px;
}

.linkItem .linkUrl {
	width: 250px;
}
/* TOOLTIP */
.linkItem .linkDescr {
    background: rgba(255,255,255,0.95);
    display: none; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
    color: #000;     
    font-size:12px; 
    width:200px; 
    padding:10px; 
    position: absolute;
    bottom: 25px;
    left: 200px;
}

.linkItem:hover div.linkDescr {
	color: #000;
}

.content-top {
	width: 580px;
	height: 30px;
}

.optionbtns {
	float: right;
}

#linknetzdescr,
#eventnetzdescr,
#ideenetzdescr {
	display: none;
}

/* CATEGORY */

.category {
	margin-bottom: 1em;
}

.category span.category {
	background: #04819E;
	display: block;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0.3em 0.3em 0;
	padding: 5px;
}

.category span.category a {
	text-decoration: none;
	font-family: Georgia;
	color: #FFF;
}

.category span.category:hover,
.category span.category.active{
	background: #FF7F00;
}

/* eFROM ERORRS */

.nbForm .errors {
    background: #bf7730;
    border: 1px solid #a65200;
    color: #fff;
    margin-bottom: 0.8em;
    padding: 5px;
}

/* NEWS */

.newsItem .newsDate {
	font-family: Georgia;
	font-size: 110%;
	
}

/**** FOOTER ****/

#footer
{
	bottom: 6px;
	right: 10px;
	position: absolute;
}

#footer a
{
	color: #007CB0;
	text-decoration: none;
}

#footer ul
{
	margin-left: 5px;
	list-style: none;
}

#footer ul li
{
	display: inline;
	padding: 0 7px 0 2px;
	border-right: 1px solid #000;
}

#footer ul li.last
{
	padding-right: 0;
	border: none;
}

/****** RIGHT-COLUMN ******/

#right-column
{
	background: #ff7f00;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	margin-top: 130px;
	min-height: 250px;
	padding: 10px 20px;
	width: 160px;
	float: right;
}

#right-column ul
{
	list-style: none;
	padding-left: 10px;
}

/****** COPYRIGHT ******/

#copyright
{
	margin-top: 10px;
	font-size: 90%;
	text-align: center;
}