@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => import additional CSS
==================================================*/

    @import url("lightbox.css");
    @import url("cms.css");
    @import url("clearfix.css");

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}
body {
   color:#7b7f6c;
   background:#e6e3c3;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px "Georgia", Times New Roman, Times, serif;
   overflow:-moz-scrollbars-vertical;
}

ol, ul, dl {
   list-style:none;
}

a, .escape span {
   text-decoration:underline;
   color:#a35a28;
   /*white-space:nowrap;*/
}

a:hover, a:hover span {
   color:#a35a28;
   text-decoration:none;
}

a {
   outline:none;/* disable dotted active-link borders */
}

p {
   margin:0 0 15px 0;
}

img, img a {
   border:none;
}

/*==================================================
    => global classes
==================================================*/
.hr { 
   height:30px;
   background:url(../images/p-hr.jpg) repeat-x top;
   margin:30px 0 0 0;
 }
.clear {
   clear:left;
   float:none;
   height:0;
   line-height:0.0em
}

.highlight {
   background:#f7f1b7 url(../images/icon-get-more.png) no-repeat 5px 9px;
   border-bottom:solid 1px #d7d2a0;
   border-top:solid 1px #d7d2a0;
   padding:5px 0 5px 25px;

}

.highlight-s {
   background:#f7f1b7;
   border-bottom:solid 1px #d7d2a0;
   border-top:solid 1px #d7d2a0;
   padding:5px 0 5px 10px;
}

.floatLeft {
   float:left;
}

.marginRight10px {
   margin:0 10px 0 0;
}

.marginLeft21px {
	margin-left:21px;
}

.floatRight {
   float:right;
}

.externerlink {
   background:url(../images/icon-external-link.gif) right center no-repeat;
   padding-right:15px;
}

.center {
	text-align:center;
}


/*==================================================
    => container
==================================================*/

div#container {
   width:900px;
   position:relative;
   margin:0 auto;
   text-align:left;
   background:url(../images/div-container.jpg) bottom no-repeat;
   padding-bottom:80px;
}

/*==================================================
    => header  
==================================================*/

div#header {
	background:url(../images/div-header.jpg);
   height:357px;
}

/*------------------ =branding  ------------------*/

h1#branding {
	text-indent:-9999px;
}
h1#branding a {
	position:absolute;
   top:90px;
   left:80px;
	display:block;
   width:300px;
   height:165px;
}
/*------------------ =claim  ---------------------*/

p#claim {
}

/*==================================================
    => contentContainer  
==================================================*/

div#contentContainer {
	background:#fff9be url(../images/div-contentcontainer.jpg) 0 62px no-repeat;
	width:708px;
   margin:0 auto 0 auto;
   padding:10px 20px 20px 20px;
}

div#contentContainer h2 {
   color:#a35a28;
   font:lighter 24px/28px "Georgia", Times New Roman, Times, serif;
}

div#contentContainer h3 {
   color:#a35a28;
   font:bold 18px/24px "Georgia", Times New Roman, Times, serif;
}

div#contentContainer h4 {
   color:#7b7f6c;
   font:bold 15px/22px "Georgia", Times New Roman, Times, serif;
}

.headline {
	padding-left:243px;
}

.place {
	height:30px;
}
/*------------------ =contentMain  ---------------*/

div#contentMain-1 {
	width:222px;
   float:left;
}

div#contentMain-1-full {
	width:709px;
}

div#contentMain-2 {
	width:222px;
   margin-left:21px;
   float:left;
}

div#contentMain-2-big {
	width:465px;
   margin-left:21px;
   float:left;
}

div#contentMain-3 {
	width:223px;
   margin-left:21px;
   float:left;
}

/* =imagesTypes */

.imagesType1 a img {
	border:10px solid #ebe5af;
   background:#fff url(../images/icon-progress.gif) no-repeat center center;
}

.imagesType1 a:hover img {
	border:10px solid #fff;
}

.imagesType1 {
	width:222px;
   height:auto;
   position:relative;
   margin-bottom:10px;
}

.imagesType1 span {
	background:url(../images/span-img-thumb-overlay.gif);
   position:absolute;
   height:73px;
   width:73px;
   top:84px;
   left:139px;
   cursor:pointer;
}

/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {
   width:222px;
   margin:0 0 15px 0;
   font-size:12px;
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:50%;
   float:left;
   font-weight:bold;
}

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd {
   clear:right;
}

dl.imprintAddress a {
	white-space:nowrap;
}

.datenschutz {
   font-size:12px;
}

/*------------------ =contentSidebar  -------------*/

div#contentSidebar {
}

/*==================================================
    => navigation    
==================================================*/

ul#navigation-1 {
	padding:88px 92px 0 0;
	float:right;
}

ul#navigation-1 li {
	float:left;
   font-size:12px;
}

ul#navigation-1 li a {
	margin:0 3px;
   text-decoration:none;
   color:#7b7f6c;
}

ul#navigation-1 li a:hover, ul#navigation-1 .active a {
	color:#a35a28;
   text-decoration:underline;
}


ul#navigation-2 {
	position:absolute;
   top:260px;
   left:96px;
	height:160px;
   width:243px;
	background:url(../images/ul-navigation-2.jpg);
}

ul#navigation-2 li {
	text-indent:-9999px;
}

ul#navigation-2 li a {
	display:block;
	height:40px;
}

ul#navigation-2 .ueber-uns a:hover, ul#navigation-2 .ueber-uns-active a {
	background:url(../images/ul-navigation-2.jpg) -243px 0;
}
ul#navigation-2 .baumschule a:hover, ul#navigation-2 .baumschule-active a {
	background:url(../images/ul-navigation-2.jpg) -243px -40px;
}
ul#navigation-2 .gartengestaltung a:hover, ul#navigation-2 .gartengestaltung-active a {
	background:url(../images/ul-navigation-2.jpg) -243px -80px;
}
ul#navigation-2 .aktuelles a:hover, ul#navigation-2 .aktuelles-active a {
	background:url(../images/ul-navigation-2.jpg) -243px -120px;
}

/*==================================================
    => footer   
==================================================*/

div#footer {
	width:708px;
   height:30px;
   margin:0 auto;
   background:url(../images/div-footer.jpg) no-repeat;
   padding:20px;
}

div#footer p {font-size:12px;color:#bab585;}

/*------------------ =adress  -------------------*/

p#address {
}

/*==================================================
    => standarts   
==================================================*/

ul.liste {
	border-top:dashed 1px #d7d2a0;
   margin:0 0 20px 0;
   padding:0;
   list-style:none;
}

ul.liste li {
   padding:5px 0 5px 25px;
   border-bottom:dashed 1px #d7d2a0;
   line-height:18px;
   list-style:none;
   _height:20px;
}

ul.liste li:hover {
   background:#f7f1b7;
}