html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}


body {
  font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
}

h1 {
  font-size: 3em;
  padding-top: 22px;
  color: #006739;
}

h1.extralarge{
  font-size: 4.35em;
  padding: 0;
}

.post h2{
  margin-bottom:5px;
}

a {
  color: #01713E;
  text-decoration:none;
}

a:hover {
  color: #000000;
  border-bottom: 1px dotted #000000;
}

#menu a{
  font-weight: bold;
}

.datemeta{
  color: rgb(67,80,88);
  margin-bottom:10px;
}

.commentmeta{
  color: rgb(67,80,88);  
  margin-top: -5px;
}

.comment .commentmeta{
  margin-bottom: 0px;
}
.comment {
  margin-bottom:15px;
}

.posts .post {
  margin:20px 0;
  border-bottom:1px solid rgb(67,80,88);  
}

.authormeta {
  color: rgb(67,80,88); 
}



/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:282px; text-align:right; padding-right:10px; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:282px; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:354px; margin:0; padding:0 0 0 282px; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 292px; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:354px; }
form.formtastic fieldset ol li.password input { width:354px; }
form.formtastic fieldset ol li.numeric input { width:354px; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:354px; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:50%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; padding-left:360px;}
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:254px; text-align:left;}
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em;}


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/


#contribution_submit,#recommendation_submit, #comment_submit, #search_submit {
  border:0px;
  border-bottom: 1px solid rgba(0,0,0,0.25);¨
}

#contribution_submit{
  height:29px;
}

.awesome, .awesome:visited {
  background: #FF9F00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC) repeat-x; 
  display: inline-block; 
  padding: 5px 10px 6px; 
  color: #fff; 
  text-decoration: none;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
}

.awesome:hover {
  background-color: #C18335; color: #fff; 
}

.awesome:active {
  top: 1px; 
}

.small.awesome, .small.awesome:visited {
  font-size: 11px; padding: ; 
}

.awesome, .awesome:visited,.medium.awesome, .medium.awesome:visited {
  font-size: 13px; font-weight: bold; line-height: 1;  
}

.large.awesome, .large.awesome:visited {
  font-size: 14px; padding: 8px 14px 9px; 
}





html body {
  background: #435058 url(/images/tapet.png);
  text-align: center;
}

#container{
  width: 776px;
  margin:0 auto;
  text-align:left;
  background: #ffffff url(/images/contentbg.png) repeat-y;  
  border-left: 1px solid #3D5159;
  border-right: 1px solid #3D5159;  
  overflow: hidden;  
}

#header{
  float: left;
  width: 653px;
  height: 70px;
  background: #844A22 url(/images/topbanner.png);  
}

#menucontainer{
  float:left;
  background-color:#3D5159;
  height:20px;
  margin-top:50px;
  padding-left:25px;
  width:628px;
}

#footer{
  float:left;
  width:751px;
  padding: 10px 0 30px 25px;
  color: #475560;
  font-size: 0.7em;
  background: #FF9F00 url(/images/orangebottom.png) repeat-x;
}

#content{
  float:left;
  width:603px;
  margin-left:25px;
  margin-right:25px;
  background: #ffffff;
} 

#right{
  float:right;
  width: 120px;
  font-size:0.8em;
}

#right h3{
  font-size:1.1em;
  margin-bottom: 2px;
}

#right ul li {
  margin: 0 0 5px 0;
  list-style-type: none;
}


#menu li{
  float:left;
  display:inline;
  margin-left: 0px;
  margin-right: 10px;
}

#menu li a{
  color: #F7F7F7;
  font-size: 0.8em;
}

#menu li a:hover{
  color: #CAE0D8;
  border-bottom:none;
}

.thumbimagecontainer{
  float:left;
  clear:both; 
}

.thumbimagecontainer .logo{
  text-align:center;
}


.thumbimage{
  float:left;
  width:142px;
  height:173px;
  text-align: left;
  padding:0 11px 0 0;
  overflow: hidden;
  font-size:0.8em;  
}

.thumbimage span{
  clear: left;
}

.thumbdescription{
  height:35px;
  overflow: hidden;
}

.thumbtitle{
  font-weight:bold;
  max-height:16px;
  overflow: hidden;  
}

.frontthumbbox{
  width: 295px;
  float: left;
}

.frontthumbbox h3{
  font-size:1.1em;
  margin-bottom:2px;
}

.morelink{
  float:right;
}

.morelink a{
  color: #01713E;
  font-size:0.8em;
  text-decoration:none;
}

.morelink a:hover {
  color: #000000;
  border-bottom: 1px dotted #000000;
}

#logolink {
  bottom:2px;
  cursor:pointer;
  float:right;
  height:47px;
  position:relative;
  right:54px;
  width:41px;
}

.photodescription{
  margin: 10px 0;
}

.FB_name{
  margin-left: 10px;
}

.FB_profile_pic .FB_Link {
  margin-left:100px;
}

a:hover.bannerlink, a:hover.photolink, a:hover.thumblink, a:hover.deltaglink, a:hover.fbconnect_login_button{
	border:0;
	padding:0px;
	margin:0px;
}

a.photolink{
  float:left;
  height:235px;
}

.thumb{
	border: 1px solid #475560;
}

.preview .fields{
  float:right;
  width:420px;
}

form.formtastic fieldset ol .preview .fields label{
  width:100px;
}


form.formtastic fieldset ol .preview .fields select{
  width:302px;
}


form.formtastic fieldset ol .preview .fields input[type='text']{
  border: 0px;
  padding: 4px 6px;
  width:292px;
  background: url(/images/inputbg.png);
}

form.formtastic fieldset ol .preview .fields textarea{
  border: 0px;
  padding: 4px 6px;
  width:292px;
  height:92px;
  background: url(/images/textareabg.png);  
}


form.formtastic fieldset ol .preview li p.inline-errors { margin:0.5em 0 0 110px; }


.preview .imagecontainer{
  margin: 5px;
  float:left;
  text-align:center;
}

.preview {
  clear:both;
}

.citylisttop{
  width:109px;
  margin:0 0 0 5px;
  background: #CCE0D7 url(/images/citylisttop.png) no-repeat;
  height:6px;
}

.citylist{
  background: #CCE0D7 url(/images/citylistbottom.png) no-repeat 0 bottom;
  color: #3D5159;
  width:99px;
  margin:0 0 0 5px;
  padding: 0 5px 6px;
  text-align: left;
}

.citylist ul{
	margin:0px
}

#right .citylist ul li{
  list-style:none;
  margin:0 0 1px;
  font-size: 0.8em;
}

#right a{
  font-weight:bold;
  color: #3D5159;  
}


#right .info{
  width:99px;
  margin: 0 0 0 5px;
  padding: 10px 5px;
}


.buttons li{
  float:left;
}

abbr{
  color: #F39E3E;
}

label{
  color: #34515B;
}


form.formtastic fieldset ol li.string input[type='text']{  
  border: 0px;
  padding: 4px 6px;
  width:292px;
  background: url(/images/inputbg.png);
}

form.formtastic fieldset ol li.text textarea{  
  border: 0px;
  padding: 4px 6px;
  width:292px;
  height:92px;
  background: url(/images/textareabg.png);  
  overflow: auto;
}

#contribution_zip_code_id {
  border: 0px;
  padding: 4px 6px;
  width:88px;
  background: url(/images/zipcodebg.png);
}


#user #RES_ID_fb_login{
  margin-left:160px;
  display:block;
  margin-bottom:16px;    
}

#searchform input {
  border: 0px;
  padding: 4px 6px;
  width:118px;
  height:17px;
  background: url(/images/searchbg.png);
}

.kommune{
  font-family: arial;
  text-transform: uppercase;
  font-size: 1.6em;
}


.datemeta{
  float:right;
}

#imagedesc{
  padding-top:10px;
  margin-bottom:20px;
  width:444px;
  float:right;
}

#imagedesc .imagetitle{
  font-weight:bold;
}


.comments{
  clear:both;
}

.comments h3, #commentform h3{
  font-size: 13px;
  font-weight: bold;
  color: #34515B;
}

.comment{
  width:444px;
  float:right;
}

hr{
  margin:5px 0;
}

#commentform{
  float:left;
}

#commentform form.formtastic fieldset ol  label{
  width:150px;
}

#recommendation_sender_name_input label, #recommendation_friend_email_input label, #recommendation_message_input label{
  width:125px;
}

form.recommendation fieldset ol li p.inline-errors{
  margin-left:135px;
}



form.formtastic fieldset ol .preview .fields input[type='text']{
  border: 0px;
  padding: 4px 6px;
  width:292px;
  background: url(/images/inputbg.png);
}

#search{
  margin-left:-2px;
  padding:4px;
  background: #ECEEED url(/images/searchbox_top.png) no-repeat;
  font-size:0.8em;
  float:left;
  width:599px;
  height:52px;
}

#search_bottom{
  float:left;
  height:10px;
  width:610px;
  margin-left:-3px;  
  background: transparent url(/images/searchbox_bottom.png) no-repeat bottom; 
}


#new_comment{
  width:520px;
}

.box_top{
  margin: 10px 0 0 -3px; 
  padding: 0; 
  height:12px;
  background: transparent url(/images/box_top.png) no-repeat; 
  width: 610px; 
}
.box{
  margin: 0 0 0 -3px; 
  padding: 10px; 
  background: transparent url(/images/box_border.png) repeat-y; 
  width: 590px; 
}

.box_bottom{
  margin: 0 0 10px -3px; 
  padding: 0; 
  height:12px;
  background: transparent url(/images/box_bottom.png) no-repeat bottom; 
  width: 610px; 
}

.greenwidebox_top{
  margin: 20px 0 0 -3px; 
  padding: 0; 
  height:12px;
  background: transparent url(/images/greenwidebox_top.png) no-repeat; 
  width: 610px; 
}
.greenwidebox{
  margin: 0 0 10px -3px; 
  padding: 0 10px; 
  background: #CCE0D7 url(/images/greenwidebox_bottom.png) no-repeat bottom; 
  width: 587px; 
  float:left;
}

.greenwidebox table{
  font-size: 0.8em;
  margin-bottom:0px;
}

.greenwidebox li{
  margin-left:15px;
}

#page{
  background:#F4A023;
  margin:-10px -25px;
  padding-left:25px;
  min-height:850px;
}

.frontpage h2, #search h2{
  font-size:13px;
  color: #42555D;
  margin-bottom:0;
}


.box h1, .boxlogo h1{
color: #006739;
padding-top: 0;
font-size:1.8em;
margin-bottom:0px;
}

#thanks strong.special{
  color: #006739;
  font-size:1.8em;
  margin-bottom:0px;
}

.box p, .boxlogo p{
  margin-bottom: 5px;
}

.greenlogo{
  background: url(/images/greenlogo.png) right;
  width:100px;
  height:135px;
  margin-left: -107px;
  float:left;
} 

.boxlogo{
  margin: 0 0 0 -3px; 
  padding: 10px; 
  background: transparent url(/images/box_border.png) repeat-y; 
  width: 590px;  
  padding-left:110px;
  width: 490px;
  min-height:140px;
}

#ct h2{
  color: #006739;
  font-size:1.1em;
  margin:10px 0 0 0;
}


#new_contribution h2 {
  font-size: 0.95em;
  text-align: right;
  width: 280px;
}

.pagination .disabled {
  display: none;
}

.pagination .next_page{
  float:right;
}

#RES_ID_fb_login_text{
  margin-left:0px;
  padding:0px;
}


h2.photosheader{
  font-size: 1.4em;
  margin:20px 0 5px 153px;
  color: #006739;  
}


.divinputfile{
  background:url(/images/uploadbutton.png) no-repeat 100% 1px;
  height:34px;
  width:142px;
  margin:0px;
  margin-top: -50px; 
  margin-left: 131px;  
}

.divinputfile input{
  opacity: 0.0;
  -moz-opacity: 0.0;
  filter: alpha(opacity=00);
  font-size:22px;
  z-index: 2;  
}

#uploadbutton button{
  top:-27px;
}