html { height:100%;}

body{
height:100%;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:0.7em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}

strong {color:#666;}
h1 { font-size:1.3em; color:#00925a; margin:0;padding:0 0 5px 0;}
h2 { font-size:1em; color:#00925a; margin:0;padding:0 0 5px 0;}
h3 { font-size:1em; color:#666; margin:0;padding:0 0 5px 0;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px;}

a:link { text-decoration:none; color:#00925a;}
a:visited {text-decoration:none; color:#00925a;}
a:hover { color:#00925a; text-decoration:none;}
a:focus { color:#00925a; text-decoration:none;}

.email-klein { font-family:Arial, Helvetica, sans-serif; font-size:90%;}

/***************************************************** mainboxes ***********************************************************/

#wrapper { 
width:950px; 
margin: auto; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
border-left:1px solid #00925a;
border-top:4px solid #00925a;
border-right:1px solid #00925a;
border-bottom:1px solid #00925a;
}

#content { padding:0 0 0 20px; margin:0px 15px 0px 190px;font-size:90%;border-left:1px solid #ccc;}
#content-mit-news { padding:0 30px 0 40px; margin:0px 166px 0px 190px;font-size:90%;border-left:1px solid #ccc; border-right:1px solid #ccc;}
*html #content-mit-news { padding:0 30px 0 40px; margin:0px;font-size:90%;border-left:1px solid #ccc; float:left;}

#news {
	width:150px;
	margin:50px 0 0 0px;
	padding:0px 8px 10px 8px;
	background-color:#fff;		
	right:0;
	top:0;
	float:right;	
}
* html #news {margin-left:-3px;}

#container-header {
background-image:url(images/logo.gif);
background-repeat:no-repeat;
width:950px;
height:80px;
margin:auto;
}

/*Definition für die Navigation oben*/ 
#navtop{ 
margin:0px 0px 0px 0px;
padding:10px 10px 0 0;
font-size:90%;
float:right;
height:40px;
width:450px;
}
#navtop ul {padding: 0;list-style-type: none; float:right;}

#navtop ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #666;
background-color: #fff;
text-align: center;}

#navtop ul li a { color: #666;}
#navtop ul li a:hover {text-decoration: underline;}

#navtop ul li#minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #666;
background-color: #fff;
text-align: center;
}

/*********************************************** boxes left*******************************************************/
#menue-container {width:190px;margin:50px 0 0 0;padding:0;font-size:90%; float:left;}

/************************	definition linkes menue mit Pfeilen*****************************************/
#menue-left ul { list-style:none; margin:0; padding:0;}

#menue-left li a {
background-image: url(images/blatt.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 15px;
display:block;
}
#menue-left ul li {padding:5px 0px 5px 5px; border-bottom:1px dotted #ccc;}
#menue-left ul ul li {border-bottom:none;}
#menue-left ul ul li a {color:#666; background-image:none; display:block;}

#menue-left ul li a.active { color:#00925a; font-weight:bold;}


/******************************** Definitionen für den Inhalt ***************************************/

#content p {line-height:1.5em; padding:0;margin:0;}
#content-mit-news p {line-height:1.5em; padding:0;margin:0;}

.abstand {height:55px;}
*html .abstand { height:80px;}

#content h1 { font-size:120%; color:#00925a; padding-top:30px;}
#content-mit-news h1 { font-size:120%; color:#00925a; padding-top:50px;}
#content h2 { font-size:100%; color:#00925a;}
#content h3 { font-size:100%; color:#00925a;}
/**html #content h2 { font-size:100%; color:#00925a; float:left; width:100%;}*/

#content-mit-news h2 { font-size:100%; color:#00925a;}
#content-mit-news h3 { font-size:100%; color:#00925a;}

h2.logo {color:#00925a; background-image: url(images/mini-logo2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 30px;
height:35px;}

#breadcrumb { float:right; height:20px; font-size:0.9em; margin-top:10px; padding-right:30px;}
#breadcrumb a:link { text-decoration:none;}
#breadcrumb a:visited {text-decoration:none;}
#breadcrumb a:hover {  text-decoration:none;}
#breadcrumb a:focus { text-decoration:none;}

#content img.left { float:left; margin:0 15px 25px 0;}
#content img.right { float:right; margin:0 0px 5px 0;}

.box-container { width:740px; float:left;}

.box-1 { width:175px; float:left; height:250px; margin-right:10px;}
.box-2 { width:175px; float:left; height:250px; margin-right:10px;}
.box-3 { width:175px; float:left; height:250px; margin-right:10px;}
.box-4 { width:175px; float:left; height:250px; margin-right:10px;}

.box-3-1 { width:235px; float:left; height:250px; margin-right:10px;}
.box-3-2 { width:235px; float:left; height:250px; margin-right:10px;}
.box-3-3 { width:235px; float:left; height:250px; margin-right:10px;}


.anschrift-abstand {width:210px; float:left;}
.abstand-100 {width:100px; float:left;}

.container-disc {margin-bottom:4px; line-height:1.5em;}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
float:right;
}

.table-start table { font-size:100%;}

.table-right table,td {border: 1px solid #ccc; border-collapse: collapse;}
.table-right table {border:none;border:1px solid #ccc;}
.table-right table  thead th, tbody th {background:#a58d7a;padding: 3px 3px; border-left: 1px solid #ccc; text-align: left;  color:#fff;}
.table-right table  tbody th{background: #a58d7a;border-top: 1px solid #ccc;text-align: left;}
.table-right table  tbody tr td{padding: 4px 4px;color: #666;vertical-align:top;}

.table-right { float:right; width:300px; margin-left:20px; margin-top:20px;}

/************** Formnatierungen Listen im Content Bereich************

#content ol li{margin:0 0 0 15px; padding:0;line-height:2em; position:relative;}
*html #content ol { margin-left:15px; display:inherit;}****/

#content ul { list-style:none; margin-left:-30px;}
*html #content ul { margin-left:5px; margin-right:30px;}
*+html #content ul { margin-left:5px;}

#content ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 7px;
padding-left: 15px;
text-align: left;
line-height:1.8em;
}

#content ul.liste { list-style:none; margin:0; padding:0;line-height:2em;}
#content ul.liste li {margin-left:20px; list-style-image:url(images/bullet.gif);}
#content ul.liste ul li {margin:0; padding:0;list-style-image:url(images/bullet2.gif);}

#content-mit-news ul { list-style:none; margin-left:-30px;}
*html #content-mit-news ul { margin-left:5px; margin-right:30px;}


#content-mit-news ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 7px;
padding-left: 15px;
text-align: left;
line-height:1.8em;
}

#content-mit-news ul.liste { list-style:none; margin:0; padding:0;line-height:2em;}
#content-mit-news ul.liste li {margin-left:20px; list-style-image:url(images/bullet.gif);}
#content-mit-news ul.liste ul li {margin:0; padding:0;list-style-image:url(images/bullet2.gif);}


/*********************************************** boxes right***************************************************************/

#news p {line-height:1.5em; font-size:90%;}

.headline-re {
background-image: url(images/blatt.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:90%;
font-weight:bold;
color:#999;
margin-bottom:5px;
}

#news hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:3px;}

/******************************************************** footer ****************************************************/

#footer {
font-size:0.9em;
clear:both; 
height:40px; 
margin-top:10px; 
text-align:center; 
padding-top:5px; 
margin-bottom:40px;}


/*********************************************** header Bildleisten*******************************************************/
#bl-hafencity {
	margin:0; padding:0; width:100%; height:143px; background-image:url(images/header/hafencity.jpg); border-bottom:1px solid #00925a;
	}
#bl-galabau {
	margin:0; padding:0; width:100%; height:143px; background-image:url(images/header/galabau.jpg); border-bottom:1px solid #00925a;
	}
#bl-reparatur {
	padding:0; width:100%; height:143px; background-image:url(images/header/reparatur.jpg); border-bottom:1px solid #00925a;
	}
#bl-floradies {
	padding:0; width:100%; height:143px; background-image:url(images/header/floradies.jpg); border-bottom:1px solid #00925a;
	}
#bl-baumschule {
	padding:0; width:100%; height:143px; background-image:url(images/header/baumschule.jpg); border-bottom:1px solid #00925a;
	}
#bl-grewe {
	padding:0; width:100%; height:143px; background-image:url(images/header/grewe.jpg); border-bottom:1px solid #00925a;
	}
#bl-ggs {
	padding:0; width:100%; height:143px; background-image:url(images/header/ggs.jpg); border-bottom:1px solid #00925a;
	}
#bl-referenzen {
	padding:0; width:100%; height:143px; background-image:url(images/header/referenzen.jpg); border-bottom:1px solid #00925a;
	}

#bl-leistung {
	padding:0; width:100%; height:143px; background-image:url(images/header/leistungen.jpg); border-bottom:1px solid #00925a;
	}
#bl-planung {
	padding:0; width:100%; height:143px; background-image:url(images/header/planung.jpg); border-bottom:1px solid #00925a;
	}
#bl-grasSchild {
	padding:0; width:100%; height:143px; background-image:url(images/header/grasSchild.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-behrmann {
	padding:0; width:100%; height:143px; background-image:url(images/header/behrmann.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-klatte {
	padding:0; width:100%; height:143px; background-image:url(images/header/klatte.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-heyer {
	padding:0; width:100%; height:143px; background-image:url(images/header/heyer.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-sandkontor {
	padding:0; width:100%; height:143px; background-image:url(images/header/sandkontor.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-friedhofsgaertnerei {
	padding:0; width:100%; height:143px; background-image:url(images/header/friedhofsgaertnerei.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-historie {
	padding:0; width:100%; height:143px; background-image:url(images/header/PeterGrewe2.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-winterdienst {
	padding:0; width:100%; height:143px; background-image:url(images/header/winterdienst.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-baumservice {
	padding:0; width:100%; height:143px; background-image:url(images/header/baumservice.jpg); background-position:right; border-bottom:1px solid #00925a;
	}
#bl-inliner {
	padding:0; width:100%; height:143px; background-image:url(images/header/inliner.jpg); background-position:right; border-bottom:1px solid #00925a;
	}