@media all
{
  * { margin:0; padding:0; }
  * html body * { overflow:visible; }  
  body {
  	margin: 0;
  	padding: 0;
  	background: #cfdd7c url(images/top-back.jpg) no-repeat center top;
  	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  	font-size:80%;
  	color: #3E3B36;
  }
  
  /* Page */
  
  #page {
  	width: 1024px;
  	margin: 0 auto;
  }
  
  
  
  /* Header */
  
  #header {
    height: 90px;
    margin: 0 auto;
    width: 465px;
  }
  
  /* Logo */
  
  #logo {
  	width: 280px;
  	margin: 25px 0 0 -170px;
  	padding: 0;
  	color: #7c8a25;
  	float:left;
  }
  
  #logo h1{
  	letter-spacing: -2px;
  	text-align: center;
  	text-transform: lowercase;
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size: 48px;
  	color: #7c8a25;
  }
  
  #logo h1 a {
  	color: #7c8a25;
  }
  
  #logo a {
  	border: none;
  	background: none;
  	text-decoration: none;
  	color: #34312C;
  }
  
  #submenu{
    margin: 0 0 0 180px;
    padding: 50px 0 0 0;
    text-align: right;
  }
  #submenu a{
    margin: 0 10px;
    padding: 30px 0 0 0;
    border: none;
  }
  
  #submenu a:hover,
  #submenu a:active { color:#182E7A; text-decoration:none; outline: 0 none; }

  
  .home{background: url("images/home.png") no-repeat center top transparent}
  .contact{background: url("images/contact.png") no-repeat center top transparent}
  .imprint{background: url("images/imprint.png") no-repeat center top transparent}


  #main {
    background: url("images/main.png") repeat-y scroll left top transparent;
    margin: -14px 0 0 277px;
    padding: 0 7px;
    width: 465px;
  }
  
  
/* Footer */
  
  #footer {
  	width: 465px;
  	height: 31px;
  	margin: 0 0 0 277px;
  	background: transparent url("images/footer-back.png") no-repeat top;
  }       

  /* Content */
  
  #content {
  	padding: 20px 30px 0 10px;
  	background: url("images/content.jpg") no-repeat top left;
  	min-height: 421px;
  }
  

/* Menu */
  #menu {
  
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:425px;
    
    /* overflow:hidden;(en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;                                   
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    /*background:#c0c0c0 url("images/background.png") repeat-x center right; */
    border-top:1px #333 solid;
    border-bottom:1px #333 solid;   
    line-height:0;
    margin:10px 10px 20px 10px;
  }

  #menu ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    border-left:1px #aaa solid;
    border-right:1px #fff solid;
  }

  #menu ul li {
    border-left:1px #fff solid;
    border-right:1px #aaa solid;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-size:1.0em;
    line-height:1em;
    list-style-type:none;
    margin:0;
    padding:0;
  }

  #menu ul li a,
  #menu ul li strong {
    background:transparent;
    color:#000;
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:0.5em 0.8em 0.5em 0.8em;
    text-decoration:none;
    width:auto;
  }

  #menu ul li a:focus,
  #menu ul li a:hover,
  #menu ul li a:active  { background:#eee; color:#333; text-decoration:none; outline: 0 none; }

  #menu ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#cfdd7c;
    border-left:1px #444 solid;
    border-right:1px #888 solid;
  }

  #menu ul li.active strong,
  #menu ul li.active a:focus,
  #menu ul li.active a:hover,
  #menu ul li.active a:active { background:transparent; color:#7c8a25; text-decoration:none; }



/*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
  	font-weight:normal;
    color:#7c8a25;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; line-height:1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  
  sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#757575; background:transparent; text-decoration:none; }
  a:visited  { color:#036; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
  a:hover,
  a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }

  /*--- News ----------------------------------------------------------------------------------------- */

  .post {
  	margin-bottom: 20px;
  }
  
  .post .title {
  	padding: 0px 0px 10px 0px;
  	text-transform: lowercase;
  	font-family: Georgia, "Times New Roman", Times, serif;
  	letter-spacing: -.5px;
  	color: #7c8a25;
  }
  
  .post .meta {
  	overflow: hidden;
  	background: #e4edaf;
  	margin-bottom: 10px;
  	padding: 0 10px;
  	text-align: left;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
  	font-weight: bold;
  }
  
  .post .meta .date {
  	float: right;
  }
  
  
  .post .entry {
  	padding: 0px;
  	border-bottom: 1px dashed #7c8a25;
  	text-align: justify;
  }
  
  
  .form-left {
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 5px;
    width: 20%;
  }
  
  .form-right {
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 5px;
    width: auto;
  }
  
  .none{display:none;}
  
  .thumb {
    border: 1px solid grey;
    float: left;
    margin: 5px;
    padding: 10px 0;
    width: 120px;
    height: 140px;
  }   
  
  .error{color:red;}

}