/*-----------------------------------------------------------------------------
Terra Firma Template Default Style Sheet (http://www.massiveblue.com/templates/terrafirma/?css=default)

version:   1.0
author:    Sam Brown
email:     sam@massiveblue.com
website:   http://www.massiveblue.com
-----------------------------------------------------------------------------*/

/* =Global Reset
-----------------------------------------------------------------------------*/
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

@font-face { 
   font-family: "Merriweather"; 
   src: url("http://grenzbotin.de/fonts/Merriweather/Merriweather-Regular.ttf"); 
}

/* =Base Elements
---------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #88aa00; text-decoration: underline;}
a:hover {color: #47601e; text-decoration: none;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: .4em solid #f3f3f3; margin: 0 0 1em 1em; padding-left: 1em;}
body {
	background: #fff top left repeat-x;
	/*background-image: url(http://www.grenzbotin.de/kkgb.jpg);
        background-repeat:no-repeat;
        background-position:100px 50%;*/
	color: #333;
	font: 1.1em/1.75em Merriweather, Verdana, Helvetica, sans-serif;
        font-family: 'Merriweather', sans-serif;
}
code, var, kbd {color: #88aa00; font-family: monaco, courier, monospace; font-size: 1em;}
form {margin: 0;}
h1 {color: #47601e; font: normal 2.5em/1em Merriweather, Georgia, Times, serif;}
h2 {color: #47601e; font: normal 1.75em/1em Merriweather, Georgia, Times, serif; margin: 0 0 -.5em 0;}
h3 {color: #47601e; font: normal 1.4em/1em Merriweather, Georgia, Times, serif;}
hr {border: none; height: 1px; background: #eee; margin: 2em 0;}
img {border: 0;}
ul, ol {margin-left: 21px;}

/* =Structure
---------------------------------------------------------------------- */
#wrap 		{margin: 0 auto; width: 69em;}
#masthead 	{padding: 1em 0;}
#content 	{float: left; margin-bottom: 1.25em; width: 63%;}
#sidebar 	{float: right; margin-bottom: 1.25em; width: 33%;}
#footer		{padding: 1em 0;}

/* =Wrap
---------------------------------------------------------------------- */
#wrap {}

/* =Topbar */
#topbar {
	background: #352f26;
	border-bottom: 6px solid #88aa00;
}
#topbar div {margin: 0 auto; width: 69em;}
#topbar p {margin: 0; line-height: 3em;}
#topbar {color: #f4f2e5;}
#topbar span {color: #09f;}
#topbar em {color: #f60; font-style: normal;}
#topbar a:hover em {color: #f93;}
#topbar a, #topbar a:link, #topbar a:visited, #topbar a:active {border: none; color: #908976; text-decoration: none;}
#topbar a:hover {border-bottom: none; color: #f4f2e5; text-decoration: none;}

/* =Masthead
---------------------------------------------------------------------- */
#masthead {}
#masthead a, #masthead a:link, #masthead a:visited, #masthead a:active {color: #47601e; text-decoration: none;}
#masthead a:hover {color: #88aa00; text-decoration: underline;}
#masthead h1 {margin-bottom: 0;}
#masthead p {color: #83934d; font: italic 1.2em/2em Georgia, Times, serif; margin-top: 0; margin-bottom: 1.75em;}

/* =Content
---------------------------------------------------------------------- */
#content {text-align: justify;}
#content h2 a, #content h2 a:link, #content h2 a:visited, #content h2 a:active {color: #47601e; text-decoration: none;}
#content h2 a:hover {color: #88aa00; text-decoration: underline;}
#content h3 {margin-bottom: -.75em;}
.date {background: #f6f6f6;
	border-top: 1px solid #e6e6e6; 
text-align: right;}

/* =Comments */
.comments_error {background: #fff4f4; color: #000;}
ul.comments_error {border: 2px solid #fdd; list-style-position: inside; list-style-type: circle; padding: 0.3em;}
div#cpreview {background-color: #f1f1f1; border: 2px solid #ddd; color: #000;}
form#txpCommentInputForm td {vertical-align: top;}
#comment h2, #comment h3 {margin-bottom: 1em;}
#comment h4 {margin: 0;}
.odd, .even {
	border: 1px solid #e6e6e6;
	margin: 1.5em 0;
	padding: .5em 1em 0;
}
.odd {background: #f6f6f6;}
.commentdate {
	font-size: .85em;
	font-weight: bold;
	margin-bottom: -.5em;
}
#comment-form #name, #comment-form #email, #comment-form #web, #comment-form #message {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	width: 100%;
}
#comment-form {
	background: #f6f6f6;
	border: none;
	border-top: 1px solid #e6e6e6;
	margin-top: 1.5em;
	padding: 0 1em;
}

/* =ContactForm */
.zemContactForm fieldset {
	background: #f6f6f6;
	border: none;
	border-top: 1px solid #e6e6e6;
	padding: 0 1em 1em;
}
.zemContactForm legend {font-weight: bold;}
.zemContactForm #name, .zemContactForm #email, .zemContactForm #message {
        font-family: Verdana, sans-serif;
	font-size: 1em;
	width: 100%;
}

.zemTextarea {
        font-family: Verdana, sans-serif;
	font-size: 1em;
	width: 100%;
}


/* =Sidebar
---------------------------------------------------------------------- */
#sidebar {text-align: right;}
#sidebar h3 {margin: 1.5em 0 .25em 0;}
#sidebar ul {list-style:none; margin: 0; padding: 0;}

/* =Nav */
ul#nav a, ul#nav a:link, ul#nav a:visited, ul#nav a:active {color: #88aa00; text-decoration: none;}
ul#nav a:hover {color: #47601e; text-decoration: underline;}
#nav {font: normal 1.4em/1.5em Merriweather, Georgia, Times, serif;}
ul#nav li {display: inline; padding-left: .5em;}

ul#nav #on a {color: #47601e; text-decoration: none;}
ul#nav #on a:hover {color: #47601e; text-decoration: underline;}

/* =Search */
#search {
	background: #f6f6f6;
	border-top: 1px solid #e6e6e6;
	margin-top: 2em;
	padding: 1em;
	text-align: center;
}
#searchinputbox {
	background: #fff;
	border: 1px solid #ccc;
	padding: .25em;
}

/* =Footer
---------------------------------------------------------------------- */
#footer {
	border-top: 1px solid #ccc;
	color: #444;
	clear: both;
	font-size: 10px;
	text-align: left;
}
#footer p {margin: 0;}
#footer .foot-left {float: left;}
#footer .foot-right {float: right;}

/* =Other
-----------------------------------------------------------------------------*/
.clear {clear:both;}
#accessability {display: none;}