body {
    background-color: #ffffff;
    color: #000000;
    font-family:  Arial, Verdana, Geneva, Helvetica, SunSans-Regular, sans-serif ! important;
    font-size: 11px;
    margin: 0;
    min-width: 960px;
    padding: 0;
}

a {
    color: #5F5F00;
}

h1.form {
    color: #62622E;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 20px 0 0 19px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #CECB47;
    width: 600px;
}

h1.cmsform {
    color: #c4c124;
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 30px 20px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #CECB47;
    width: 700px;
}

p.cmsform {
    color: #333;
    font-size: 12px;
    padding: 0 0 20px 20px;
    margin: 0;
    width: 700px;
}

img {
    border-style: none;
}

#start {
	background-repeat: no-repeat; 
	background-image: url(../images/start_bg.png);
    height: 400px;
}

#startmsg {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 660px;
	height: 240px;
	margin-top: -120px;
	margin-left: -330px;
}

#startmsg p {
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    color: #c6c53a;
}

#startmsg a {
    text-decoration: none;
}

/**
 * Form styles
 */
fieldset {
    border: 0px;
    padding: 0 0 10px 0;
    margin: 0 0 0 20px;
}

fieldset h3 {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 0 -1px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #CECB47;
    width: 600px;
}

input.text, input.password, select.select, textarea.textarea, input.checkbox, .formgenerell input {
    background-color:#EBE5A4;
    border: 1px solid #EBE5A4;
    color: #333;
}

input.text, input.password, select.select, textarea.textarea, .formgenerell input{
    width: 250px;    
}

input.text, input.password, select.select, input.button, .formgenerell input {
    height: 18px;
}

textarea.textarea {
    width: 450px;
}

input.button {
    background-color: #EBE5A4;
    border: 0px solid #CECB47;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Arial,Verdana,Geneva,Helvetica,SunSans-Regular,sans-serif !important;
    font-weight: bold;
    font-size: 11px;
    
}

input.button {
	color:white ;
	text-align:center; 
	position:relative;
	float:left;
	margin-right:10px;
	padding:0px 10px 2px 10px;
	display:block;
	width:auto;
	background:url(../images/multi_menuBg.png) 	repeat-x;
}

input.button:hover {
	color:#FFF;
	text-align:center;
	position:relative;
	float:left;
	margin-right:10px;
	padding:0px 10px 2px 10px;
	display:block;
	width:auto;
	background:url(../images/multi_menuBgOver.png) center repeat-x;
}

input.hasDatepicker {
	background-repeat: no-repeat; 
	background-position: right;
	background-image: url(../images/calendar.png); 
}

#recommendPost_bottest_container {
	display: none;
}

#checkPost_message {
	width: 420px;	
}

.indent {
	margin-left: 18px;
}

fieldset label {
    width: 200px;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333;
}

label.formerror {
    font-weight: bold;
    color: #ff3f3f;
}

label.block {
    display:block !important;
    float:none !important;
    margin-bottom:5px !important;
}

.fieldhint {
    color: #999;
}

.formhint {
    margin: 2px 0px 5px 20px;
    width: 440px;
    color: #333;
}

.error {
    padding: 15px 5px 10px 50px;
    margin: 0 0 20px 20px;
    color: #333;
    font-weight: bold;
    border: 3px solid #cecb48;
    width: 440px;
    background-image: url(../images/icons/failed.gif);
    background-repeat: no-repeat;
    background-position: 7px 7px;
}

.error ul {
    padding: 0 0 0 20px;
    margin: 10px 0;
}

.error li {
    color: #ff3f3f;
    padding: 0 0 5px 0;
}

.message {
    padding: 15px 5px 10px 50px;
    margin: 0 0 20px 20px;
    color: #333;
    font-weight: bold;
    border: 3px solid #cecb48;
    width: 440px;
    background-image: url(../images/icons/completed.gif);
    background-repeat: no-repeat;
    background-position: 7px 7px;
}

.message img {
    float: left;
    padding-right: 10px;
}

form #location_geocoder {
    width: 450px;
    background-color:#EBE5A4;
    border: 1px solid #EBE5A4;
    color: #333;
}

#geocoder_map {
    width: 450px;
    height: 300px;
}

.hidden {
    display: none;
}

#topcontainer {
    background-color: #f6f6d2;
    background-repeat: repeat-y;
    height: 75px;
    margin: 0px;
    padding: 0;
}

.fr-topcontainer{
	    background-image: url(../images/grgw-fr.jpg);	
}

.de-topcontainer{
	    background-image: url(../images/grgw-de.jpg);	
}


#subnavicontainer {
    margin: 0;
    padding: 30px 20px 10px 20px;
}

#logincontainer {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index:1000;
    text-align: right;
    padding: 5px;
}

#logincontainer a {
    margin-left: 10px;
}


/**
 * Generic list styles
 */
ul.flatlist, ul.flatlist li {
    display: inline;
    list-style-type: none;
}

/**
 * Custom list styles
 */
ul.topnavilist {
    float: right;
    margin: 0;
    padding: 0 0 0 15px;
    position: relative;
    top: 53px;
}

ul.topnavilist li {
    margin: 0 7px 0 0;
}

ul.topnavilist li a {
    background-color: #C4C124;
    border-bottom: 2px solid #C4C124;
    border-top: 2px solid #C4C124;
    color: #fff;
    font-size: 12px;
	line-height: 20px;
    font-weight: bold;
    padding: 2px 10px;
    text-decoration: none;
    text-transform: uppercase;
	/*
	background:url(../images/multi_menuBg.png) repeat-x;
	*/
}

ul.topnavilist li.selected a {
    background-color: #fff;
    color: #62622E;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
	/*
	background:url(../images/multi_menuBg.png) repeat-x;
	*/
}

ul.topnavilist li a:hover {
    background-color: #fff;
    color: #62622E;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
}

/* cooles rot: BA5454*/
ul.topnavilist li a.suchabo{
	background-color: #999933;
	color: #FFFFFF;
	border-bottom: 2px solid #999933;
    border-top: 2px solid #999933;
}

ul.topnavilist li a:hover.suchabo, ul.topnavilist li.selected a.suchabo{
	background-color: #FFFFFF;
	color: #62622E;
	border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
}

ul.subnavilist {
    margin: 0;
    padding: 0;
}

ul.subnavilist li {
    margin: 0 10px 0 0;
}

ul.subnavilist li a {
    color: #a3a34e;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 10px 1px 0;
	/*
    border-right: 1px solid #a3a34e	;
    */
    text-decoration: none;
    text-transform:uppercase;
}

ul.subnavilist li.last a {
    border-right: 0px;
}

ul.subnavilist li.selected a {
    background-color: #fff;
    color: #a3a34e;
}

ul.subnavilist li a:hover {
    background-color: #fff;
    color: #a3a34e;
}


/*
 * Filter Menu and Dropdown styles
 */
#filtering_star {
	background-image: url(../images/filtering_star.gif);
	background-repeat: no-repeat;
	float: left;
	height: 17px;
	margin: 15px 10px 0 14px;
	width: 15px;
}
#filtering_star_info {
	background-image: url(../images/filtering_star.png);
	background-repeat: no-repeat;
	float: left;
	height: 17px;
	font: bold 0.9em Arial;
	color: #666;
	margin: 15px 0 0 25px;
	padding: 5px 0 0 20px;
	width: 92px;
}

#filter_resetfilter {
	float: left;
	font: bold 0.9em Arial;
	color: #666;
	padding: 5px 0 0 20px;
    margin: 15px 0 0 0;
}

#icons {
	float: right;
	padding: 0 0 0 20px;
    margin: 15px 20px 0 0px;
	width: 180px;
	font-size: 14px;
}

p.rssfeed{
	background: transparent url(../images/icons/icon-rss.gif) no-repeat;
	width: 180px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 10px 0px 40px;
}

p.emailabo{
	background: transparent url(../images/icons/icon-mail.gif) no-repeat;
	width: 180px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 10px 0px 40px;
}

#icons img {
    padding: 0 3px 0 0;
    margin: 0;
}

#filtercontainer {
	background-color: #EDF2F5;
	background-image: url(../images/filter_bg.jpg);
	background-repeat: repeat-y;
	height: 105px;
	padding: 0;
}
#filter_canton, #filter_posttype, #filter_percentage, #filter_timescale {
	background-image: url(../images/filter_btn_bg.jpg);
	color: #fff;
	float: left;
	font: small-caps bold 1em Arial;
	height: 35px;
	margin: 15px 15px 0 0;
	padding-top: 3px;
	text-align: center;
	width: 150px;
}
.filterSelections {
	font: 1em Arial;
	color: #eee;
	font-style: italic;
}
.dropDowns {
	background-color: #396C8B;
	color: #aaa;
	cursor: default;
	display: none;
	padding-bottom: 10px;
	padding-top: 5px;
	position: absolute;
}
.dropDownCandidate {
	color: #aaa;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 15px;
	padding-left: 10px;
	text-decoration: none;
	width: 100%;
}
.dropDownCandidate:hover {
	color: #ccc;
	font-weight: bold;
}
.dropDownElected {
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 15px;
	padding-left: 10px;
	text-decoration: none;
	width: 100%;
}
.dropDownElected:hover {
	font-weight: bold;
}
.dropDownHeading {
	background-color: #447A9C;
	clear: left;
	color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 3px 0;
	padding: 0 0 0 3px;
	text-transform: uppercase;
}
.dropDownHeading:hover {
	color: #fff;
}
.dropDownListSpacer {
	clear: left;
	height: 10px;
	width: 100%;
}
.dropDownSliderSpacer {
	background-color: #396C8B;
	width: 150px;
	height: 3px;
	margin: -5px 0 0 45px;
}
.dropDownSliderContainer {
	background-color: #396C8B;
	height: 43px;
	width: 240px;
}
.dropDownInputTitles {
	background-color: #447A9C;
	clear: left;
	text-align: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 3px;
	text-transform: uppercase;
}
.dropDownInput {
	background-color: #5890B1;
	border: 1px solid #555;
	background-repeat: no-repeat; 
	background-position: right;
	background-image: url(../images/calendar.png); 
	width: 140px;
	height: 17px;
	color: #fff;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* JQuery UI Slider styles */
.ui-slider { 
	width: 200px; 
	height: 23px; 
	margin-left: 20px; 
	position: relative; 
	background-repeat: no-repeat; 
	background-position: center center; 
}
.ui-slider-bg { 
	background-image: url(../images/slider-bg.png); 
}
.ui-slider-handle { 
	position: absolute; 
	z-index: 1; 
	height: 23px; 
	width: 12px; 
	top: 0px; 
	left: 0px; 
	background-image: url(../images/slider-handle.gif);  
}
.ui-slider-handle-active { 
	border: 1px dotted black;  
}
.ui-slider-disabled .ui-slider-handle { 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
}
.ui-slider-range { 
	position: absolute; 
	background: #50A029; 
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	width: 100%; 
	height: 100%; 
}

/* other stuff */
#maincontainer {
    padding: 0;
    width: 100%;
}

#lcontainer {
	float: left;
	display: block;
    padding: 0;
    width: 470px;
	/*min-height:600px !important; added by pete */
}


#lcontainer h4 {
	font-size: 1.2em;	
}

#results {
    float: left;
    width: 470px;
	overflow: auto;
    padding: 0;
}

.shortDescription {
	display: block; 
	margin-left: 25px; 
	margin-top: -12px;
}

#subscriptionhint {
	float: left;
	height: 30px;
    display: block;
    background-color: #fff;
    border-top: 1px solid #999;
    padding: 5px 5px 5px 13px;
}

#map {
	height: 500px;
    margin: 0 0 0 470px;
    min-width: 300px;
    padding: 0;
}

.mapLegend {
	position: absolute;
	left: 15px;
	background-repeat: no-repeat;
	height: 68px;
	width: 150px;
	color: #7D7D7D;
	font-size: 0.9em;
	font-weight: bold;
	padding: 2px 0 0 33px;
	line-height: 15px;
	background-image: url(../images/legend.png);
}

.legendFR {
	width: 160px;
	background-image: url(../images/legend_fr.png);
}

.mapInfoWin {
	position: absolute;
	background-repeat: no-repeat;
	height: 191px;
	width: 326px;
	color: #4F4F4F;
	font-size: 1em;
	padding: 42px 0 0 33px;
	line-height: 15px;
	background-image: url(../images/extinfowindow.png);
}

.mapInfoWin h4 {
	font-size: 1em;
}

#results h4, p, a, a:hover, a:active, a:visited {
    color: #3a7397;
}

#results div {
    color: #4F4F4F;
}

#results div.active {
    font-weight: bold;
}

#results .info {
    font-size: 12px;
    font-weight: bold;
    padding: 20px;
}

#bottomcontainer {
    background-color: #f6f6d2;
    background-image: url(../images/grgw.jpg);
    background-repeat: repeat-y;
    height: 40px;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}

#bottomservice {
    color: #a3a34e;
    float: right;
    margin: 0;
    padding: 15px 5px 0 0;
}

#bottomleft {
    color: #a3a34e;
    margin: 0;
    padding: 15px 5px 0 5px;
}
#bottomleft a{
	color: #a3a34e;
}
.even {
	padding: 10px 14px;
    background-color: #e6edf1;
}

.even img {
	padding-right: 15px;
}

.odd  {
	padding: 10px 14px;
	background-color: #c1d3dd;
}

.odd img {
	padding-right: 15px;
}

#results div.open {
	display: compact;
	padding: 0 10px 10px 10px;
}
#results div.closed {
	display: none;
}

/**
 * display this when you we are loading content
 */
.scrollContentLoader {
	float: left;
	display: block;
	height: 478px;
	overflow: auto;
	width: 100%;
	background-image: url(../images/loader.gif);
	background-position: center;
	background-repeat: no-repeat;
}

/**
 * static (cms) styles
 */
#staticcontent {
    padding: 0;
    margin: 0 0 40px 20px;
    color: #333;
    width: 700px;
    font-size: 12px;
}

#staticcontent p {
    color: #333;
    font-size: 12px;
    padding: 0 0 20px 20px;
    margin: 0;
}

#staticcontent fieldset p {
    padding: 0 0 10px 0;
    margin: 0;
}

#staticcontent h1, #staticcontent h2, #staticcontent h3 {
    color: #c4c124;
    padding: 0;
    margin: 0;
}

#staticcontent h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 30px 0px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #CECB47;
}

#staticcontent h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 20px 20px;
}

#staticcontent h3 {
    font-size: 14px;
    padding: 5px 0 20px 20px;
    font-weight: normal;
}

#staticcontent ul {
    padding: 0 0 20px 0;
    margin: 0;
    list-style-type: none;
}

#staticcontent ul li {
    padding: 0;
    margin: 0 0 15px 0;
    padding-left: 20px;
    background-image: url(../images/liststyle1.gif);
    background-repeat: no-repeat;
    background-position: 0 1px;    
}

#staticcontent ul.toc li {
    background-image: none;
}

#staticcontent a {
    font-weight: bold;
}

#staticcontent ul.linklist li {
    list-style-type: none;
}

#staticcontent ul.linklist a {
    font-weight: normal;
}

#staticcontent .formurl {
    display: none;
}

#formgenerell input {
}

/**
 * admin
*/
table.adminlist {
    margin: 0;
    padding: 20px 20px;
}

table.adminlist thead {
}

table.adminlist thead th {
    padding: 6px 4px 10px 4px;
    text-align: left;
    height: 20px;
    font-weight: bold;
    background-color: #53859f;
    color: #fff;
    font-size: 12px;
}

table.adminlist tbody {
}

table.adminlist tbody td {
    padding: 6px 4px;
    color: #333;
}

table.adminlist a {
    color: #333;
}
/*Styles temporary added by peter stroessler*/
div.open {
	margin-left:7px;
}
/*End Styles temporary added by peter stroessler*/

span.multiBg {
	text-align:center;
	position:relative;
	float:left;
	margin-right:10px;
	padding:3px 10px 0px 10px;
	display:block;
	height:20px;
	width:auto;
	background:url(../images/multi_menuBg.png) repeat-x;
}

a span.multiBg {
	color:white !important;
	letter-spacing:2px;
	font-weight:bold;
}
span.multiBg:hover {
	text-align:center;
	position:relative;
	float:left;
	margin-right:10px;
	padding:3px 10px 0px 10px;
	display:block;
	height:20px;
	width:auto;
	background:url(../images/multi_menuBgOver.png) repeat-x;
}

a span.multiBg:hover {
	color:#FFF !important;
	letter-spacing:2px;
	font-weight:bold;
}
span.multiBgBlue {
	text-align:center;
	margin-right:10px;
	padding:3px 10px 0px 10px;
	display:block;
	height:17px;
	width:170px;
	background:url(../images/multi_menuBgBlue.png);
	border:none;
}
a span.multiBgBlue {
	color:white !important;
	letter-spacing:2px;
	font-weight:bold;
	text-decoration:none;
}
span.multiBgBlue:hover {
	text-align:center;
	margin-right:10px;
	padding:3px 10px 0px 10px;
	display:block;
	height:17px;
	width:170px;
	background:url(../images/multi_menuBgBlueOver.png);
	border:none;
}
a span.multiBgBlue:hover {
	color:#FFF !important;
	letter-spacing:2px;
	font-weight:bold;
	text-decoration:none;
}

div#filter_canton{
	background:url(../images/filter_btn_bg.jpg) repeat-x;
}
div#filter_posttype{
	background:url(../images/filter_btn_bg.jpg) repeat-x;
}
div#filter_percentage{
	background:url(../images/filter_btn_bg.jpg) repeat-x;
}
div#filter_timescale{
	background:url(../images/filter_btn_bg.jpg) repeat-x;
}
div#filter_canton:hover{
	background:url(../images/filter_bgOver.png) repeat-x;
}
div#filter_posttype:hover{
	background:url(../images/filter_bgOver.png) repeat-x;
}
div#filter_percentage:hover{
	background:url(../images/filter_bgOver.png) repeat-x;
}
div#filter_timescale:hover{
	background:url(../images/filter_bgOver.png) repeat-x;
}

div#preloader {
	position: absolute;
	top: -1000px;
	left: -1000px;	 
}