*{  /* Reset all */
  padding: 0;
  margin: 0;
  border: 0;
}

/**************
   Layout
***************/

body {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #666;
  font-size: 62.5%;
  font-size:0.8em;
  line-height:1.6em;
	background: #484437;
}
#top{
	background: #4aa2da url('../images/top.jpg') no-repeat;	
	position:absolute;
	width:100%;
	height:9px;
	z-index:1;
}

#branding{	
	float:left;
	width:116px;
	height:500px;
	background: url('../images/branding.jpg') no-repeat;
}
#branding a{	
	width:116px;
	height:120px;
	display:block;
}
#branding a:hover{	
	width:116px;
	height:140px;
	display:block;
	background: url('../images/branding_home.jpg') no-repeat;	
}

#feedback{
	position:fixed;
	top:30px;
	left:810px;
}
#feedback a{
	width:140px;
	height:25px;
}
#blog{
	position:fixed;
	top:70px;
	left:810px;
}

#wrapper{
	background: url('../images/background.jpg') repeat-y;
}

#content{
	float:left;
	width:603px;
	position:relative; /* for z-index */
}
#content_bottom{
	clear:both;
	background: url('../images/content_bottom.jpg') no-repeat;
	width:800px;
	height:94px;	
}

#map_wrapper{
	width:510px;
	/* height:350px; */
	background:#d1cdc3;
	padding:9px;
	margin:0 auto;
	overflow:hidden;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	position:relative;
}
#map{
	width:510px;
	height:350px;
	border:1px solid #666;
	overflow:hidden;
}
#map > div{ z-index:0; }

#map p{
	margin-top:160px;
	text-align:center;
}
.footer{ width:604px; margin-left:116px; text-align:center; margin-top:0.5em; margin-bottom:1em; color:#FFF;}


/* content blocks */
.block{
	/* padding:2em 2em; */
	padding:2em;
	padding-bottom:0;
	position:relative;
	z-index:20;
	margin-bottom:2em;
}

.separator{
	position:relative;
	margin-top:-112px;
	background: url('../images/paragraph_end.jpg') no-repeat bottom;
	width:603px;
	height:132px;
	z-index:10;
}
#search_results{
	clear:both;
	padding-top:1.5em;
}
#search_field_new{
	text-align:center;
}
#search_tab div{
	display:inline;
}

/* block tabs */
.block_tab{
	position:absolute;
	background:#fff;
	top:0;
	width:80px;
	left:-80px;
	overflow:hidden;
}
.block_tab_inner{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-align:center;
	line-height:1em;
}
.block_tab_top{
	background:url('../images/block_tab_tl.jpg') no-repeat left;
	height:9px;
	width:9px;
}
.block_tab_bottom{
	background:url('../images/block_tab_bl.jpg') no-repeat left;
	height:9px;
	width:9px;
}
#wall_counter, .block_tab div.number{
  font-family: Arial, Sans-Serif;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

/* inpage navigation items */
ul#map_tabs{
	margin-left:2.5em;
}
ul#map_tabs li{
	background: url('../images/map_tab.jpg') #d1cdc3 repeat-x bottom;
	border-bottom:1px solid #666;
	float:left;
	padding:0.5em 1em;
}
ul#map_tabs li a{
	color:#333;
}
ul#map_tabs li a:hover{
	color:#fafafa;
}

#search_tab{
	margin-left:0.5em;
}
#search_tab label{
	font-weight:normal;
	margin-right:0;
} 
#search_tab.active{
}
#search_tab #search_info{
	margin-left:0.3em;
	color:#666;
}
#wall_search{ margin-left:0.3em;}

ul#response_tabs{
	margin-bottom:1em;
}
ul#response_tabs li{
	color:#4aa2da;
	float:left;
	/* display:inline; */
	padding:0.5em 1em;
	margin-right:0.1em;
	background: url('../images/paragraph_end.jpg') no-repeat bottom;
	border-bottom:1px solid #d1cdc3;
	cursor:pointer;
}
ul#response_tabs li.active{
	color:#666;
}
ul#response_tabs li img, 
table#responses img{
	margin-bottom:-3px;
}


/* rounded corners */
#map_wrapper .sb-inner { background:#d1cdc3; position:absolute;}

/**************
   Tabellen
***************/
th{
  vertical-align:top;
  text-align:left;
  font-weight:bold;
  padding:0.3em;
}
td{
  vertical-align:top;
  padding:0.8em 0.3em;
}
table{
	border-collapse:collapse;
}
tr.odd td{

}
tr.even td{
	background:#efede9;
}

table#responses{
	margin-bottom:3em;
}
table#responses td,
table#list_of_walls td{
	border-bottom:1px solid #efede9;
}
table#responses td.time_ago{
	width:7em;
}
table#list_of_walls{
	width:100%;
}
table#list_of_walls td{
	padding:0.5em 0.3em;
}
table#list_of_walls td h3{
	margin-right:0.4em;
}
td.responses_counter{
	text-align:right;
	white-space:nowrap;
}




/**************
   Listen
***************/
ul{ /* reset all ul */
  list-style-type:none;
  margin:0;
}
ul.support{
  list-style-type:disc;
  margin:0.5em 0 0 3em;	
}

/**************
   Headings
***************/
h1{
  color:#333;
  font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
  font-size:1.6em;
  font-weight:bold;
	margin:0 0 1em 0;
}
h2{
  font-size:1.2em;
	margin:0 0 1em 0;
  font-weight:bold;
}
h3{
  font-size:1em;
  font-weight:bold;
  margin:0;
  display:inline;
}


/**************
   Links
***************/

a, input.textlike{
  color:#4aa2da;
  text-decoration:none
}
a:hover, input.textlike:hover{
  color:#111;
}




/**************
   Formulare
***************/
img.button, input.button{
  display:block;
  float:right;
  border:none;
  margin-top:1em;
}
input, select{
  border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding: 0.2em 0.3em;
	background: #FFF;
}
input.radiobutton, input.checkbox{
	border:none;
}
input.todo, 
select.todo, 
textarea.todo{
	border:1px solid #ead980;
	background:#fffbe7;
}
label{
	font-weight:bold;
	margin-right:0.3em;
	margin-bottom:0.3em;
}	
label.radiobuttons{
	font-weight:normal;
}
label.radiobuttons small{
	margin-left:0.5em;
}
.fieldWithErrors{
	padding:0;
	margin:0;
}
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea{
	background:#efcad2;
	border:1px solid #a76370;
}

textarea{
  border:1px solid #CCCCCC;
}
.instructions, #notice_flash, #error_flash, #success_flash{
	width:510px;
	margin:0 auto;
	text-align:center;
	margin-bottom:1em;
	margin-top:1.5em;
}
.instructions, .error{
	margin-bottom:1.5em;
	margin-top:0em;	
}


#notice_flash, .instructions{
  padding:0.3em 1.6em;
  background:#fffbe7;
  color:#666;
	border-top:1px solid #ead980;
	border-bottom:1px solid #ead980;
  font-weight:bold;
	text-align:center;
}
#error_flash, .error{
  padding:0.3em 1.6em;
  background:#efcad2;
  color:#fff;
	border-top:1px solid #a76370;
	border-bottom:1px solid #a76370;
  font-weight:bold;
	text-align:center;
}
#success_flash{
  padding:0.3em 1.6em;
  background:#d6f4ce;
  color:#666;
	border-top:1px solid #7ac466;
	border-bottom:1px solid #7ac466;
  font-weight:bold;
	text-align:center;
}
div.errorExplanation{
	border-bottom:1px solid #d1cdc3;
	text-align:center;
	padding-bottom:0.8em;
}
div.errorExplanation p{
  font-weight:bold;
}
div.errorExplanation h2{
	font-size:1.2em;
  padding:0.3em 1.6em;
  background:#efcad2;
  color:#fff;
	border-top:1px solid #a76370;
	border-bottom:1px solid #a76370;
  font-weight:bold;
}
form div.rollover{
	padding:1em;
}
form div.rollover:hover{
	background:#fffbe7;
	background: url('../images/form_bottom.jpg') repeat-x bottom;
}
input.submit{
  border: 1px solid #ccc;
  background:#fafaf0;
  color: #545454;
}
input.submit:hover {
  border: 1px solid #666;
  background:#edede1;
  color: #333;
}
input.textlike{
	font-size:1em;
	padding:0;
	display:inline;
	border:0;
	background:transparent;
	cursor:pointer;
}

form div.parallel{
	float:left;
	margin-right:1em;
	width:43%; 
	overflow:visible;
	
}

/**************
   Diverses
***************/

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix { display: block; } /* ie mac, safari */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* ie automatically stretches those elements */
/* End hide from IE-mac */

small{
	color:#aaa;
	font-size:9px;
}

small.info{
	white-space:nowrap;	
	display:inline;
	
}
#search_field_new small.info{ position:relative; } 

/* Infowindow */ 
div.gmnoprint div div{
	line-height:1em;
}


table#responses p,
.wall_description { margin-bottom:1em; }

ul.flickr_photos li{
	display:inline;
	margin-right:5px;
}
ul.flickr_photos li.flickr_logo{ margin-right:8px;}
ul.flickr_photos img.flickr_photo{
	border:1px solid #999;
}
#flickr_photos.block{ padding-top:0; margin-bottom:0;}
.flickr_info{ text-align:right; }

#print{ position:absolute; top:0.6em; right:0.6em; z-index:30; }
.disclaimer{ line-height:1em; font-style:italic; margin-top:1em;}

#map_loading{
	background:#FFF;
	padding: 0.4em 0.2em;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	position:absolute;
	width:30px;
	z-index:99999;
	text-align: center;
	top:30%;
	left:47%;
	display:none;
}


@media print {
	#flickr_photos, #feedback, #blog, #map_tabs{ display:none; }
	#map_wrapper{
		width:510px;
		background:#d1cdc3;
		padding:9px;
		overflow:hidden;
	}
	#map{
		width:510px;
		height:350px;
		border:1px solid #666;
		overflow:hidden;
	}
	.block, .footer{margin-top:2em;}
	#wall_counter, .number{ display:inline;}
	.response_counter, .print, #response_tabs, #scroll_to_response_form, #new_response, h2.new_response{display:none;}
	h3{ margin:0 0 0.2em 0;}
	td{ padding:1em 0.5em 1em 0; border-bottom:1px solid #666; vertical-align:top;}
	p{ margin-top:0; }
}