/* 
Theme Name: Hoppe
Theme URI: http://www.hoppe-galabau.de/
Description: Template f&uuml;r:
Hoppe Garten- und Landschaftsbau GmbH
Im Grund 4
29525 Uelzen
Tel.: 0581/97613-0
Fax: 0581/97613-30
E-Mail: info@hoppe-galabau.de
Author: Gabriele von der Ohe
Author URI: http://www.wordpress.gabis-templates.de/

Farben:
=======

dunkelgr&uuml;n:  #467e57
mittelgr&uuml;n:  #6d967a
hellgr&uuml;en:   #e9efeb
schrift:          #2d5137
body background:  #c0c0c0
*/

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #c0c0c0;
color: #2d5137;
font: 72.5%/1.5 'lucida grande', verdana, sans-serif;
text-align: center;
}
input, textarea {
color: #2d5137;
background: #f7fbf9;
border: 1px solid #c8d6cd;
padding: 1px;
margin:0px 3px 3px 0px;
}
textarea {
overflow: auto;
margin-bottom: 20px;
}
.absenden {
cursor: pointer;
background: #f7fbf9;
color: inherit;
}
.absenden:hover {
color:inherit;
background: #fff;
}
.zentrieren {
text-align: center;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.aligncenter {
margin: auto;
padding: 15px;
display: block;
}
.clear {
clear: both;
}
.fett {
font-weight: bold;
}
.klein {
font-size: .85em;
}

/*---| Kopfbereich |---*/

#wrapper {
max-width: 1133px;
background:#467e57;
color:inherit;
margin:0 auto;
text-align: left;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
#kopf {
background: #467e57 url(images/kopf-galabau.jpg) no-repeat top left;
color: inherit;
height: 104px;
}
#kopf a {
display: block;
height: 104px;
width: 460px;
}
#slogan {
display: none;
}
#breadcrumb {
border-bottom: 2px solid #fff;
font-size: .9em;
background: #467e57;
color:#fff;
padding: 5px 10px;
font-weight: bold;
text-align: right;
}
#breadcrumb a:link,
#breadcrumb a:visited {
color: #fff;
background: inherit;
}
#breadcrumb a:hover,
#breadcrumb a:active,
#breadcrumb a:focus {
color:#fff;
background: inherit;
}

/*----| Sidebar |---*/

#sidebar {
float: left;
width: 170px;
}
#sidebar .aligncenter {
margin: 15px auto;
display: block;
padding: 0;
}
#sidebar li {
list-style-type: none;
}
ul#menue a {
display: block;
width: 160px;
padding: 3px 5px;
text-decoration: none;
border-bottom: 2px solid #fff;
background: #6d967a;
color: #fff;
}
/* Das Submen&uuml; wird ausgeblendet */
ul#menue ul {
position: absolute;
left:-9999px;
width:160px;
}
/* Das Submen&uuml; wird eingeblendet */
ul#menue li:hover ul {
left:100px;
top: 6px;
}
ul#menue li ul {
border-top: 2px solid #fff;
}
ul#menue li:hover ul a {
border-left: 2px solid #fff;
}
/* Positionierung des Submen&uuml;s  */
ul#menue li:hover {
position:relative;
}
/*Hauptmen&uuml; beim &Uuml;berfahren mit der Maus*/
ul#menue li:hover a,
ul#menue li a:hover {
color:#2d5137;
background: #e9efeb;
border-right: 2px solid #6d967a;
width: 158px;
font-style: italic;
}
/* Das Submen&uuml; wird eingef&auml;rbt */
ul#menue li:hover li a {
background: #6d967a;
color: #fff;
border-right: 2px solid #fff;
font-style: normal;
}
/* Das Submen&uuml; bekommt den Hovereffekt */
ul#menue li li a:hover {
color:#2d5137;
background:#e9efeb;
border-right: 2px solid #6d967a;
width: 156px;
}

ul#menue li li .current_page_item a,
ul#menue .current_page_parent a {
color:#2d5137;
background: #e9efeb;
border-right: 2px solid #6d967a;
}

/*--- | Inhalt |---*/

#content {
margin-left: 170px;
min-height: 600px;
background: #fff;
color: #374944;
}
#content a:link,
#content a:visited {
color: #6d967a;
background: #fff;
text-decoration:none;
}
#content a:hover,
#content a:active,
#content a:focus {
color: #2d5137;
background:#fff;
}
#content ul, 
#content ol {
margin: 1.0em 1.0em 1.0em 1.8em;
}
#content h2 {
font-size: 1.3em;
}
#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.0em
}
#content h2, 
#content h3, 
#content h4,
#content h5,
#content h6,
#content blockquote,
#content pre,
#content p {
margin: 1.1em 0 1.1em 0;
}
#content blockquote {
background: #f0f2e4 url(images/bquote.gif) no-repeat;
color: #2d5137;
margin-left: 5px;
padding: 10px 10px 0px 40px;
border: 1px dashed #a8bb8b;
}
#content q {
font-style: oblique;
}
#content code,
#content pre {
font-size: 1.2em;
}
#content acronym, 
#content abbr {
border-bottom: 1px dashed #2d5137;
cursor: help;
}
#content table {
border-collapse: collapse;
margin: 0 auto 0.8em auto;
font-size: 100%;
}
#content caption {
font-weight: bold;
margin-bottom: 5px;
}
#content th {
background: #a8bb8b;
color: #545d45;
border: 1px solid #545d45;
padding: 2px;
}
#content td {
color: #1f2522;
background: #f4f5eb;
border: 1px solid #a8bb8b;
padding: 2px;
}

/*---| Galerie und Bilder |---*/

#content dl {
float: left;
}
#content dl ul {
list-style: none;
margin: 0;
}
#content .vorschaubild {
padding: 10px;
}
#content img {
border: 3px solid #e7efea;
}
#content .linkliste img {
border: 0;
margin: auto;
}
#content dl.linkliste {
height: 120px;
width: 200px;
margin: 5px;
padding: 0;
}
#content .linkliste dd {
margin-top: 5px;
}
#content dl.ansprechpartner {
height: 290px;
width: 190px;
padding: 0;
}
#content dl.magazin {
height: 250px;
width: 190px;
padding: 0;
}
#content dl.galerie {
margin: 0 15px 15px 0;
}
#content .galerie dt {
height: 172px;
width: 251px;
}
#content .galerie dd {
width: 247px;
height: 90px;
font-size: .9em;
background: #e7efea;
color: inherit;
padding: 2px;
}
#content .galerie dd span {
font-weight: bold;
font-size: 1.2em;
}


/*---| Beitr&auml;ge und Kommentare |---*/

#content .beitrag {
padding: 15px;
overflow:auto;
}
#content .beitrag h2 {
font-size: 1.3em;
}
#content .beitragstext h3 {
font-size: 1.1em;
}
#content .beitragstext .zustaendig {
font-weight: normal;
letter-spacing: 1px;
}
#content .beitragstext .info {
margin: 5px 0;
font-size: .9em;
font-style: oblique;
}
#content .beitragstext a:link,
#content .beitragstext a:visited {
text-decoration: underline;
}
#content .beitragstext a:hover,
#content .beitragstext a:active,
#content .beitragstext a:focus {
text-decoration: underline;
}
#content .beitragsfuss {
margin-top: 10px;
border-top: 1px solid #bbd7c0;
font-size: 0.8em;
clear: both;
}

/*---| Seitennavigation |---*/

.navigation {
font-size: 0.8em;
display: inline;
}
.next {
float: right;
text-align: right;
overflow: hidden;
margin-bottom: 20px;
}
.prev {
float: left;
text-align: left;
overflow: hidden;
margin-bottom: 20px;
}

/*---| Fuss |---*/

#fuss {
clear: both;
height: 20px;
font-size: 0.8em;
border-top: 2px solid #fff;
background: #467e57;
color: #fff;
}
#fuss a:link,
#fuss a:visited {
color: #fff;
background: #467e57;
text-decoration:none;
font-weight: bold;
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
color:#fff;
background: #467e57;
text-decoration: underline;
}
#fuss ul {
margin-left: 170px;
}
#fuss li {
list-style: none;
float: left;
padding: 3px 3px 5px 5px;
}

/*---| Suchen |-----*/

#searchform {
text-align: center;
}
#searchform input {
border:0;
font-weight: bold;
cursor: pointer;
font-size: 0.95em;
margin-bottom: 10px;
}
#searchform input:hover {
color: #303030;
background: #a8bb8b;
border: 0;
}
#searchform #s {
margin: 10px 0px 3px 0px;
padding: 3px;
background: #fff;
color:  #1f2522;
border: 1px solid #bbd7c0;
cursor: default;
}
#searchform #s:hover  {
background: #e9ecd9;
color: #1f2522;
border: 1px solid #1f2522;
}

/*-----nicht anzeigen-----*/

hr,
#kopf h1 span
{display:none;}
