@charset "utf-8";

/* Company: Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

body {
   color:#3a3a3a;
   vertical-align:baseline;
   text-align: center;
   font: 13px Arial, Helvetica, sans-serif;
   background:#91d7ff url(../images/bg-body.jpg) top center no-repeat ;
	behavior:url("csshover.htc");
}

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

a:link,
a:visited {
   color: #4c4c4c;
   text-decoration: underline;
}

a:hover {
   color: #D20F37;
   text-decoration: underline;
}

a:active {
   color: #D20F37;
   text-decoration: none;
}

.highlight{
   font-size:15px;
   line-height:20px;
   font-weight:bold;
	color: #00650c;
}

.highlightSmall{
   font-size:11px;
   line-height:16px;
}

.padding-left{
	padding-left:11px;
}

/*------------------ =linksGaestebuch  ------------------*/

table td .gbentrybottom a {
   color: #b64109;
   text-decoration: underline!important;
}

table td .gbentrybottom a:hover {
   color: #b64109;
   text-decoration: none!important;
}

p {
   margin: 0 0 16px 0px;
}

img,
img a {
   border: none;
   -ms-interpolation-mode: bicubic;
}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
}

.floatLeft {
   float: left;
}

.floatLeftAdobe {
   float: left;
	margin:5px 12px 10px 0;
}

.floatRight {
   float: right;
   margin-left:10px!important;
}

.noMarginRight {
   margin-right: 0;
}

.trenn {
   border-bottom:1px solid #6F6F6F;
   clear:left;
   height:1px;
   width:516px;
	margin:0 0 15px 11px;
	
}

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

div#container {
   width: 960px;
   position:relative;
   margin: 0 auto;
   text-align: left;
}

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

div#header {
   height: 474px;
   background: url(../images/bg-header.jpg) no-repeat 0 0;
   position:relative;
}

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

h1#branding a {
	display:block;
	width:87px;
	height:95px;
	position:absolute;
	top:180px;
	left:146px;
	text-indent:-9999px;
	outline:none;
	visibility: visible;
	background:url(../images/blank.gif) repeat;
	z-index:11;
}

/*==================================================
    => contentContainer  
==================================================*/
div#contentContainer {
   height:100% !important;
   padding:0 0 0;
   width:920px;
	background:url(../images/bg-contentContainer.jpg) 0 0 repeat-y ;
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
   float:left;
   width: 564px;
   padding: 0 0px 25px 0;
   text-align:left;
   font-size:1em;
   line-height:1.6em;
   height:auto !important;
   min-height:449px;
   height:474px;
   background:url(../images/bg-contentMain.jpg) no-repeat 0 0;
}

div#contentMain p strong{
	font-weight:bold;
   color:#4c4c4c;
}

.contentMainContact{
	width:300px;
   float:left;
}

.content-column{
	width:240px;
	padding-left:11px;
   float:left;
	text-align:left;
}

.content-column-contact{
	width:220px;
	padding-left:11px;
   float:left;
	text-align:left;
}

.content-column-main{
	width:602px;
	padding-left:38px;
   float:left;
	text-align:left;
}

.image-willkommen{
padding-left:38px;
}

.image-klein{
padding-left:10px;
}




/*------------------ =headlines  ---------------*/

h2.startseite {
   background:url(../images/index/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
   margin-top:50px;
}

h2.ueber-uns {
   background:url(../images/ueber-uns/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
   margin-top:50px;
}

h2.angebote {
   background:url(../images/angebote/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
   margin-top:50px;
}

h2.ilex {
   background:url(../images/produkte/ilex/headline-ilex.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
   margin-top:50px;
}

h2.pieris {
   background:url(../images/produkte/pieris/headline-pieris.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
   margin-top:50px;
}

h2.prunus {
   background:url(../images/produkte/prunus/headline-prunus.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.rhododendron {
   background:url(../images/produkte/rhododendron/headline-rhododendron.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.azaleen {
   background:url(../images/produkte/azaleen/headline-azaleen.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.bodendecker {
   background:url(../images/produkte/bodendecker/headline-bodendecker.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.taxus {
   background:url(../images/produkte/taxus/headline-taxus.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.thuja {
   background:url(../images/produkte/thuja/headline-thuja.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.sonstiges {
   background:url(../images/produkte/sonstiges/headline-sonstiges.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.kontakt {
   background:url(../images/kontakt/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.anfahrt {
   background:url(../images/anfahrt/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.impressum {
   background:url(../images/impressum/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.newsletter {
   background:url(../images/newsletter/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.not-found {
   background:url(../images/not-found/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

h2.danke {
   background:url(../images/danke/headline.jpg) no-repeat 0 0;
   text-indent:-9999px;
   height:73px;
	margin-top:50px;
}

div#contentMain h2 {
   font-size:1em;
   line-height:1.3em;
   font-weight:bold;
   color:#000;
   margin-bottom:12px;
}

div#contentMain h3 {
   font-size:14px;
   line-height:20px;
   font-weight:bold;
   color:#4c4c4c;
   margin-bottom:12px;
}

.contentMainCmsH3 {
   font-size:14px;
   line-height:20px;
   font-weight:bold;
   color:#4c4c4c;
   margin-bottom:12px;
	padding-left:11px;
}

/* =lists */

div#contentMain ul {
   margin: 0 0 20px 10px;
   padding: 5px;
   list-style: none;
}

div#contentMain ul li {
   padding: 3px 0 10px 16px;
   background:url(../images/li-contentMain.gif) no-repeat left 7px;
   line-height: 1.5em;
   list-style:none;
   _height: 1%; /*IE6 Hack*/
}

/* =image */

.image {
   
   padding:2px;
   margin: 5px 5px 12px 0;
   outline: none;
}

html>image {
   margin: 0px 10px 5px 0;
}

/* =imprint */

dl.imprintTypeOfBusiness, dl.vcard {
   line-height:20px;
   margin:15px 0 20px 11px;
}

dl.imprintTypeOfBusiness dt, dl.vcard dt {
   display:block;
   float:left;
   font-weight:bold;
   width:250px;
}

dl.imprintTypeOfBusiness dd, dl.vcard dd {
   clear:right;
   float:left;
   width:250px;
	margin-left:11px;
}

/*==================================================
    => contentSidebar    
==================================================*/

div#contentSidebar {
	position:relative;
   float:left;
   width: 324px;
   height:auto !important;
   min-height:474px;
   height:474px;
   padding: 0 0 0 0;
   background:url(../images/bg-contentSidebarneu.jpg) no-repeat 0 0;
   display: inline;
}

div#contentSidebar p{
   font-size:13px;
   line-height:20px;
   margin-top:3px;
   color:#3A3A3A;
}

div#contentSidebarContact {
	margin:95px -3px 0 0px;
}

.contentSidebarContact {
	margin:135px -3px 0 0px;
}

/*==================================================
    => navi   
==================================================*/

ul#navi {
	padding:163px 0 0 61px;
	width:191px;
	height:135px;
	position:absolute;
	top:176px;
	left:73px;
	z-index:10;
	background:url(../images/navi.png) no-repeat 0 0;
}

ul#navi li{
	float:left;
}

ul#navi li a {
	display:block;
	outline:none;
	text-decoration: none;
	text-indent: -9999px;
	width:191px;
}

ul#navi li a.startseite {
	height:32px;
	background:url(../images/bg-navi.png) no-repeat 0 0;
}

.active-startseite{
	background:url(../images/bg-naviHover.png) no-repeat 0 0;
	background-position: 0px 0px;
	height:32px;
}

ul#navi li a.ueber-uns {
	height:33px;
	background:url(../images/bg-navi.png) no-repeat 0 -32px;
}

.active-ueber-uns{
	background:url(../images/bg-naviHover.png) no-repeat 0 0;
	background-position: 0 -32px;
	height:33px;
}

.active-ueber-uns:hover{
	background:url(../images/bg-naviHover.png) no-repeat 0 0 !important;
	background-position: 0 -32px !important;
}


ul#navi li a.produkte {
	height:29px;
	background:url(../images/bg-navi.png) no-repeat 0 -65px;
}

.active-produkte{
	background:url(../images/bg-naviHover.png) no-repeat 0 0;
	background-position: 0 -65px;
	height:29px;
}

.active-produkte:hover{
	background:url(../images/bg-naviHover.png) no-repeat 0 0 !important;
	background-position: 0 -65px !important;
}

ul#navi li a.angebote {
	height:29px;
	background:url(../images/bg-navi.png) no-repeat 0 -94px;
}

.active-angebote{
	background:url(../images/bg-naviHover.png) no-repeat 0 0;
	background-position: 0 -94px;
	height:29px;
}

.active-angebote:hover{
	background:url(../images/bg-naviHover.png) no-repeat 0 0 !important;
	background-position: 0 -94px !important;
}

ul#navi li a:hover {
	background:url(../images/bg-naviHover.png) no-repeat 0 0;
}

ul#navi li a.startseite:hover {
	background-position: 0px 0px;
}

ul#navi li a.ueber-uns:hover {
	background-position: 0 -32px;
}

ul#navi li a.produkte:hover {
	background-position: 0 -65px;
}

ul#navi li a.angebote:hover {
	background-position: 0 -94px
}

/*------------------ =naviSub  -----*/

ul#navi li ul {
	margin:0;
	list-style:none;
	height:199px;
	position:absolute;
	top: 225px;
	left: 252px;
	width: 129px;
	z-index: 10;
	padding: 0 0 0 0;
	display:none;
}

ul#navi li ul.naviSub,
ul#navi li:hover ul.naviSub {
	padding: 0 0 0 0;
}

ul#navi li:hover ul.naviSub{
	display:block;
}

ul#navi li ul li,
ul#navi li ul li a {
	padding:0;
	margin:0;
	display:block;
	float:none;
	text-decoration:none!important;
	overflow:hidden;
	background:url(../images/bg-subnavi.png) repeat 0 0;
	width:129px;
}

ul#navi li ul li a.ilex {
	border: none;
	height: 27px;
	padding: 0 0 0 0;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 0;
}

ul#navi li ul li a.ilex:hover {
	height: 27px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 0;
}

ul#navi li ul li a.pieris {
	height: 23px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -27px;
}

ul#navi li ul li a.pieris:hover {
	height: 23px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -27px;
}

ul#navi li ul li a.prunus {
	height: 21px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -50px;
}

ul#navi li ul li a.prunus:hover {
	height: 21px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -50px;
}

ul#navi li ul li a.rhododendron {
	height: 21px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -71px;
}

ul#navi li ul li a.rhododendron:hover {
	height: 21px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -71px;
}

ul#navi li ul li a.azaleen {
	height: 21px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -92px;
}

ul#navi li ul li a.azaleen:hover {
	height: 21px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -92px;
}

ul#navi li ul li a.bodendecker {
	height: 22px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -113px;
}

ul#navi li ul li a.bodendecker:hover {
	height: 22px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -113px;
}

ul#navi li ul li a.taxus {
	height: 21px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -135px;
}

ul#navi li ul li a.taxus:hover {
	height: 21px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -135px;
}

ul#navi li ul li a.thuja  {
	height: 20px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -156px;
}

ul#navi li ul li a.thuja:hover {
	height: 20px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -156px;
}

ul#navi li ul li a.sonstiges  {
	height: 23px;
	background:url(../images/bg-subnaviPassive.png) no-repeat 0 -176px;
}

ul#navi li ul li a.sonstiges:hover {
	height: 23px;
	background:url(../images/bg-subnaviHover.png) no-repeat 0 -176px;
}

/*==================================================
    => naviAdd   
==================================================*/

ul#naviAdd{
	width:250px;
	height:282wpx;
	position:absolute;
	top:541px;
	left:75px;
}

ul#naviAdd li a {
   width:322px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAdd li a.firmenportrait {
   height:25px;
}

ul#naviAdd li a.dienstleistungen {
   height:37px;
}

ul#naviAdd li a.schlagschadenreparatur {
   height:40px;
}

ul#naviAdd li a.badewannenrenovierung {
   height:35px;
}

ul#naviAdd li a.wandfliesenrenovierung {
   height:33px;
}

ul#naviAdd li a.wandfliesenfugen-silikonfugenerneuerung {
   height:35px;
}

ul#naviAdd li a:hover {
   background:url(../images/bg-naviAddHover.gif) no-repeat 0 0;
}

ul#naviAdd li a.firmenportrait:hover {
   background-position: 0px 0px;
}

ul#naviAdd li a.dienstleistungen:hover {
   background-position: 0px -25px;
}

ul#naviAdd li a.schlagschadenreparatur:hover {
   background-position: 0px -62px;
}

ul#naviAdd li a.badewannenrenovierung:hover {
   background-position: 0px -102px;
}

ul#naviAdd li a.wandfliesenrenovierung:hover {
   background-position: 0px -137px;
}

ul#naviAdd li a.wandfliesenfugen-silikonfugenerneuerung:hover {
   background-position: 0px -170px;
}

/*==================================================
    => naviAddContactformular  
==================================================*/

ul#naviAddContactformular{
	width:97px;
	height:19px;
	position:absolute;
	top:115px;
	left:134px;
}

ul#naviAddContactformular li a {
   width:97px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAddContactformular li a.kontaktformular {
   height:24px;
	
}

ul#naviAddContactformular li a:hover {
   background:url(../images/kontaktformular.jpg) no-repeat 0 0;
}

ul#naviAddContactformular li a.kontaktformular:hover {
   background-position: 0px 0px;
}

/*==================================================
    => naviAddAnfahrt 
==================================================*/

ul#naviAddAnfahrt{
	width:112px;
	height:17px;
	position:absolute;
	top:263px;
	left:134px;
}

ul#naviAddAnfahrt li a {
   width:107px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAddAnfahrt li a.anfahrt {
   height:24px;
	
}

ul#naviAddAnfahrt li a:hover {
   background:url(../images/anfahrt.jpg) no-repeat 0 0;
}

ul#naviAddAnfahrt li a.anfahrt:hover {
   background-position: 0px 0px;
}

/*==================================================
    => naviAddImpressum
==================================================*/

ul#naviAddImpressum{
	width:125px;
	height:21px;
	position:absolute;
	top:351px;
	left:133px;
}

ul#naviAddImpressum li a {
   width:125px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAddImpressum li a.impressum {
   height:24px;
	
}

ul#naviAddImpressum li a:hover {
   background:url(../images/impressum.jpg) no-repeat 0 0;
}

ul#naviAddImpressum li a.impressum:hover {
   background-position: 0px 0px;
}


/*==================================================
    => naviAddNewsletter
==================================================*/

ul#naviAddNewsletter{
	width:125px;
	height:21px;
	position:absolute;
	top:418px;
	left:133px;
}

ul#naviAddNewsletter li a {
   width:125px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAddNewsletter li a.impressum {
   height:24px;
	
}

ul#naviAddNewsletter li a:hover {
   background:url(../images/newsletter.jpg) no-repeat 0 0;
}

ul#naviAddNewsletter li a.newsletter:hover {
   background-position: 0px 0px;
}

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

div#footer {
   height: 145px;
   margin:0	 auto 0px;
   width:100%;
   background: url(../images/bg-footer.jpg) repeat-x 0 0;
}

div#footerContent {
   position:relative;
   margin:0 auto;
   padding:0px 0 0 0px;
   width:960px;
   height:145px;
   background: url(../images/bg-footerContent.jpg) no-repeat 0 0;
   text-align:left;
   font-size:12px;
   line-height:19px;
}

.footerContentAdress1 {
   width:242px;
   margin-left:115px;
	margin-top:45px;
	float:left;
   display:inline;
}

.footerContentAdress1 .company {
   font-size:16px;
   font-weight:bold;
	color:#0c6719;
	font-family:"Graublau Web", Arial, Helvetica, sans-serif;
   text-transform:uppercase;
}

.footerContentAdress2 {
   width:124px;
	padding-top:17px;
   margin-left:26px;
   float:left;
   display:inline;
}

.footerContentAdress3 {
   width:258px;
	margin-top:42px;
   margin-left:105px;
   float:left;
   display:inline;
}

.top {
   text-align:right;
   width:610px;
}

/*==================================================
    => googlemaps   
==================================================*/

div#map a {
   background:transparent url(../images/bg-google-enlarge.gif) no-repeat scroll 0 0;
   display:block;
   height:31px;
   text-indent:-9999px;
   width:258px;
   margin:10px 0 5px 0;
}

.iframemap {
   border:1px solid #AFA88E;
   padding:3px;
	margin-left:11px;
}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */

/*--------- Slideshow -------*/

#slideshow {
	width:816px;
	height:297px;
	position:absolute;
	top: 177px;
	left:73px;
	z-index:1;
}