/* @override 
	http://apfeltasche.local/~mprobst/dachgaertnerverband.de/styles.css
	http://apfeltasche.local/dachgaertnerverband.de/styles.css
*/

body { 
	font-family: Arial;
	background-color: #dcedcd;
	padding: 0px 0px 0px; 
	margin: 0px;
	background-image: url(images/background_tile.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	width: 900px;
	
}

address {
	white-space: pre;
	font-size: 0.8em;
}

/* @group general layout */

div#head_logo {
	position: absolute;
	top: 0px;
	left: 0px; 
	height: 76px;
	width: 200px;
	padding: 0px;
	background-image: url(images/ddv_logo.gif);
	background-repeat: no-repeat;
	background-position: 12px -1px;
}

div#head_image {
	height: 80px;
	background-color: #b5d896;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-position: 0px 21px;
}

div#head_spacer {
	/*bugfix for ie,
	since it ignores a topmargin against the body */	height: 60px;
}

div#topnav {
	background-color: #6b87b9;
	margin: 0px;
	padding: 0em 0px 0px 200px;
	font-family: verdana;
	height: 1.0em;
}

div#bodyWidth { width: 920px; }

.mainContent {
	margin: 10px 0 0em 220px;
	padding-bottom: 3em;
	width: 640px;
	min-height: 578px;
    height:auto !important; /* bugfix ie6 */
    height:640px; /* bugfix ie6 */
}

p.test {
	display: block;
	border: 1px solid red;
	width:  500px;
}

div#gradient_bg {
	background: url(images/background_gradient.jpg) no-repeat scroll 0 0;
}

div#footer {
	border-top: 1px solid #b5d897;
	border-bottom: 1px dotted #b5d897;
	margin-left: 200px;
	padding: 0.3em 0.3em 0.3em 1.3em;
	font-size: 0.6em;
	color: #667c53;
	margin-top: 2em;
}

div#topBanner {
	position: absolute;
	left: 216px;
	top: 3px;
	width: 588px;
	padding: 0;
	margin: 0;
	border: 0px solid  #667c53;
	color: #5f78a5;
	z-index: 4;
}

a#topBannerLinkLayer {
	border:  0px solid red;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;	
	text-decoration: none;
	z-index: 9;
}

div#topBanner p {
	height: 55px;
	margin: 0;
	padding: 0;
}

div#topBanner div {
	padding: 0em;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center center;
}


/* @end */

a img {
	border:  0;
}

.mainContent img {
	margin: 0.3em;
}
	
a { color: #50668e; }

.mainContent a:hover {
	background-color: #B4D998;
}


h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, dt,
legend, em.color  {
	color: #667c53;  /*#667c53*/
}


/* @group headers */


h1 {
	font-family: arial black, arial bold, arial; 
	font-weight: normal; 
	font-size: 20px;
	margin-bottom: 1.5em;
}

h2 {
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
}

h2 a { 
	text-decoration: underline; 
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;}

h2 a:hover {
	color: black; 
}

h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin: 2em 0 0.5em 0;
}

h3 a { 
	text-decoration: underline;
	color: #486932;
}

h3 a:hover {color: #d6b531;}

h4 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

h4 a { 
	text-decoration: underline;
}

h4 a:hover {color: #d6b531;}

/* @end */



.smalltitle {
	font-family: verdana;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}


p, td, ul, li, dl {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
}

dt {margin: 0 0 1em 0; font-weight: bold}
dd {width: 80%}
dd {margin-bottom: 1em;}

div.foobar_seeouh h1,  /* for seo */
div.foobar_seeouh h2,
div.foobar_seeouh p {display: none;}




/* @group leftnav */

div.leftnav
{
	background-color: #b5d897;
	padding: 0px;
	width: 200px;
	height: 600px;
	margin-top: 11px;
}

.leftnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.leftnav a {
	font-size: 1.02em;
	color: #596A33;
	text-decoration: none;
	display: block;
}

.leftnav ul.depth0 {
	border-bottom: 2px solid #7788c5;
}

.leftnav ul.depth0 li {
	line-height: 14px;
	font-weight: normal;
	border-top: 2px solid #7788c5;
	margin: 0px;
	padding: 9px 0 7px 10px;
}

.leftnav ul.depth1 {
	margin-top: 8px;
}

.leftnav ul.depth1 li{
	font-size: 0.9em;
	line-height: 1.0;
	border: 0px;
	padding: 0px 0 5px;
}
.leftnav ul.depth1 li a{ 
	padding-left: 2.0em;
}
.leftnav ul.depth2 li a{ 
	padding-left: 4.0em;
}

.leftnav ul.depth2 {
	margin-top: 6px;
}

.leftnav ul.depth2 li {
	line-height: 1.0;
	border: 0px;
	padding: 0px 0 3px 0px;
}


.leftnav li.true a { color: #232B16; }
.leftnav li.true ul li a { color: #596B45; }
.leftnav a:hover {text-decoration:underline;}

.leftnav li.preview {
	background-color: #eded3b;
}

/* @end */

/* @group breadcrumbs */

p.breadcrumbs {
	font-size: 11px;
	color: #486932;
	background-color: #d9d9d9;
	width: auto;
	max-width: 660px;
}
p.breadcrumbs select,
p.breadcrumbs select option {
	font-size: 9px;	
}

.breadcrumbs a { color: #486932; }

/* @end */


/* @group topnav */

div#topnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 11px;
}

div#topnav ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 11px;
	
}

div#topnav ul li a {
	margin: 0px 1.5em;
	padding: 0em 0.5em;
	display: block;
	width: 15em;
	height: 100%;
	background-color: #9BA8D6;
	float: left;
	text-decoration: none;
	text-align: center;
	color: white;
	
}
div#topnav ul li a:hover {
	text-decoration: underline;
}

/* @end */


p.home {
	width: 590px; /* wg. Bildern */
}



ul.auswahl {
	list-style-type: none; 
	margin: 0; padding: 0; 
}

ul.auswahl li {
	display: inline;
	line-height: 3em;
	margin: 0.5em 2em 0.5em 0em;
	padding: 0;
}

ul.auswahl li a {
	padding: 0.3em 0.7em ;
	border-color: #7588C4;
	border-width: 3px;
	border-style: solid;
	background-color: #B3DA99;
	text-decoration:none;
}




/* @group table.dg_liste */

table.dg_liste {
	width: 640px;
}
table.dg_liste th {font-size: 11px; font-weight: bold; text-align: left; background-color: #9cce72;}

table.dg_liste td,th {vertical-align: top; align: left; font-size: 11px; padding: 6px;}
table.dg_liste td.firma {width: 250px; }
table.dg_liste td.firma a {text-decoration: none; }
table.dg_liste td.data  {width: 200px; }
table.dg_liste td.links {/*width: 210px;*/ }
table.dg_liste tr.zebraTable_dark td { background-color: #b5d897; }
table.dg_liste td p {margin:0px 0px 6px 0px; padding: 0px; font-size: 11px;}

/* @end */


div.illustration {
	float: right;
	font-size: 0.8em;
}

table.layout {
	border-collapse: collapse;
}

table.layout td{
	padding:0;
	margin: 0;
	border: 0px solid red;
	vertical-align: top;
}

table.layout td img{
	margin: 4px 4px;
}

table.layout td.bottom {
	vertical-align: bottom;
}

/* Vorteile */

table.vorteile img {
	width: 220px;
	height: 120px;
	margin: 3.0em 0.3em 0.3em 0.3em;
}

/* Dachbegrünungsarten */

table.arten td,
table.arten th {
	border-color: #7588C4;
	border-width: 1px;
	border-style: solid;
	padding: 0.3em;
	text-align: center;
}

table.arten td img {width: 160px; height: 100px; margin:0}

table.arten th.category {
	font-size: 13px; 
	vertical-align: bottom;	
	background-color: #B4D998;
}
table.arten th.art {
	text-align: right;
	vertical-align: middle;
	background-color: #B4D998;
}
table.arten td.invisible {border: none; }



table.technik {
	border-collapse: collapse;
}

table.technik td {
	padding: 0.3em;
	vertical-align: top;
}

table.technik td img {
	margin-top: 40px;
}


ol.technik li {
	margin: 1em 0em;
	font-size: ;
}

img.illu {
	float: right;
	margin-top: -1em;
}


div#hilfe {
	
}


p.ratgeber_bestellung a {
	text-align: center;
	font-size: 0.8em;
	color: #485d36;
}

table.referenzen td.dg_address {
	width: 24em;
	vertical-align:top;
}
div#adressdaten address {
	white-space: normal;
}
table.referenzen td.dg_logo {
	padding: 1.2em 1em;
	vertical-align:top;
}



table.service_kommune {
	border-collapse: collapse;
}
table.service_kommune td {
	border: 1px solid #485d36;
	border-width: 1px 0px;
	padding: 0.3em 0.6em;
}

table.partnerlinks  {
	border-collapse: separate;
}
table.partnerlinks  td {
	height: 7em;
	vertical-align: middle;
	border: none;
}

table.partnerlinks td.logo {
	border: 2px solid #dbdbdb;
	vertical-align: middle; 
	text-align: center;
}
table.partnerlinks td.desc {
	padding-left: 1.5em;
	line-height: 150%;
}

table.downloadfile {
	border: 2px solid #a5c08d;
	width: 28em;
}
table.downloadfile td {
	padding: 0.2em;
	vertical-align: middle;	
}

table.downloadfile th {
	background-color: #a5c08d;
	color: #f3fbec;
	font-size: 0.8em;
	vertical-align: middle;
}

table.veranstaltungsuebersicht,
table.model-list {
	float:  none;	
	margin: 0.3em 0.2em;
	border-collapse: separate;
	border-spacing: 0.3em;
}
table.veranstaltungsuebersicht td,
table.model-list td {
	padding: 0.3em;
}
table.veranstaltungsuebersicht td.date,
table.model-list td.date {
	background-color: #b3da99;
	font-size: 0.7em;
}

.veranstaltungsuebersicht td.category, 
.model-list .category{
	background-color: #7588c4;
	color: #fff;
	font-size: 0.6em;
}

.sponsor .img_wrapper {
	width: 310px;
	float: left;
	background-color:white;
	margin-right: 10px;
	padding: 5px;
	text-align: center;
}

.sponsor {
	clear: none;
	margin-bottom: 2em;
}

.sponsor .img_wrapper img {
	border: 3px solid #d9d9d9;
	padding: 5px;
	background-color: white;
}

.sponsor .desc_wrapper {
	margin-left: 330px;
}