* { margin:0; padding:0; font-size:100.1%; border:0; }
  * html body a, * html body a:hover { background-color: transparent; }
  * html ul, * html ol, * html dl { position: relative; }

html
{
	min-height:100%;
}

body
{
	font-family:Arial, sans-serif;
	color:#000;
	background:#fff;
}

#outer
{
 text-align:center;
}

#inner
{
  margin:0 auto;
  width:789px;
  text-align:left;
	background:#fff url(../img/container_background.jpg);  
}
#footer_end
{
  margin:0 auto;
  width:789px;
  height:20px;
  text-align:left;
	background:#fff url(../img/footer_end.jpg) no-repeat;  
}

#headline
{
  margin:0 auto;
	height:11px;
	width:767px;
	background:#fff url(../img/top_bar.jpg) repeat-x;
	color:#fff;
}

#header
{
  margin:0 auto;
	height:98px;
	width:767px;
	background:#fff url(../img/rogge_gartenbau.jpg) no-repeat;
	color:#fff;
}

#header h1
{
	text-indent:-5000px;
}

#header span
{
	display:none;
}

#reference
{
  margin:0 auto;
	height:238px;
	width:767px;
	background:#fff url(../img/rogge_gartenbild.jpg) no-repeat;
	color:#fff;
}
#topbar 
{
	height:58px;
	background:url(../img/dsk_topback.jpg) repeat-x ;	
}
#topbar h2
{
	padding:2px 20px;
	font-family:Georgia, Times, serif;
	color:#26262f;
	font-size:1.4em;
	text-align:right;
}


#footer
{
  margin:0 auto; 
  width:700px;/* width:767px;*/
  height:70px;
	text-align:left;
	background:#fff url(../img/verband.jpg) no-repeat;
  background-position:right;
  border-top:2px dotted #aaa;
  color:#aaa;	
}

#footer p
{
  padding:20px 10px;
  font-size:0.8em;
  color:#a1a1a1;
}

/* #### INHALT ### */
#container
{
  margin:0 auto;
	position:relative;
  width:767px;
	background:#fff;
	font-weight:normal;	
}

#sidebar
{
  margin:0 auto;
	width:747px;
  /* float:left; */
	background:#fff;
	position:relative;
}

#sidebar_content div#extra
{
	font-size:0.7em;
	text-align:center;
	color:#fff;
}

#mainpage
{
  clear:left;
  margin:0 auto;  
	position:relative;
	background:#fff;
	width:700px;
}

#main_content
{
	font-family:verdana,arial,sans-serif;
}

#main_content  p
{
	line-height:1.5em;
	font-size:0.9em;
}

#main_content strong
{
	line-height:1.6em;
	font-size:0.8em;
	font-style:bold;
}

/* ### Links ### */
 a.lext
{
	padding-left:20px;
	background:url(../img/dsk_linkext.gif) no-repeat;
	color:#444;
}

a:hover.lext
{
	color:#fff;
	background:url(../img/dsk_linkexth.gif) no-repeat;
}

a.lint
{
	padding-left:20px;
	background:url(../img/dsk_linkint.gif) no-repeat;
	color:#444;
}

a:hover.lint
{
	color:#fff;
	background:url(../img/dsk_linkinth.gif) no-repeat;
}

/* ### Menü ### */
#sidebar ul
{
  height:25px;
	list-style-type:none;
	border-bottom:2px dotted #aaa;
}

#sidebar ul li
{
	margin:5px;
	float:left;
	
}

#sidebar ul li a
{
	padding:2px 2px 2px 25px;
	text-decoration:none;
	color:#16390e;
	font-weight:bold;
	 font-size:0.8em;
	background:url(../img/dsk_item.gif) no-repeat;
}
#sidebar ul li a:hover
{
	color:#28b109;
	background:url(../img/dsk_itemh.gif) no-repeat;
}

#sidebar ul li a#activ
{
	color:#a9bfa3;
}
/* Navigation überspringen */
.skip
{
	position: absolute;
	margin-left: -999px;
	width: 90px;
}


/* ### Überschriften ### */
#main_content h3
{
	font-size:1.4em;
	font-family:Georgia,Times,serif;
	color:#2c761b;
	padding:0.2em 0;
	margin:1em 0 0 0;
	
}

/* ### Formulare ### */
table.kontaktfrm
{
 width:90%;
 border:0;
}
table.kontaktfrm td
{
	padding:0.2em;
}
.txt
{
	background:#d9fed0;
	border:1px solid #333;
	padding:2px 0;
	margin:1em 0;
	width:80%;
}
.txttel
{
	visibility:hidden;
}
.bbutton
{
	background:#d9fed0;
	border:2px outset #235e15;
}

#fehler
{
	border:1px solid #333;
	color:#f00;
	background:#ffffd7;
	margin:0.5em 0;
	padding:1em;
	}

#erfolg
{
	border:1px solid #235e15;
	color:#2c761b;
	background:#ffffd7;
	margin:0.5em 0;
	padding:1em;
	}

/* ### Galerie ### */
p#galerieback a
{
	color:#333;
	text-decoration:none;
	padding-left:20px;
	background:url(../img/dsk_goback.gif) no-repeat;
}
p#galerieback a:hover
{
	color:#555;
	background:url(../img/dsk_gobackh.gif) no-repeat;
}
div.galerie
{
	position:relative;
	border:1px solid #333;
	background:#fff;
	padding:2px;
	width:120px;
	float:left;
	margin:1em;
	text-align:center;
}
div.galerie p
{
	background:#ccc;
}
div.galeriebild 
{
	position:relative;
	width:200px;
	float:left;
	margin:0.5em;
}
div.galeriebild a img
{
	background:#fff;
	padding:4px;
	border:1px solid #333;
	margin:6px;
}

/* ### Bilder ### */
.bildnorm
{
	background:#fff;
	border:1px solid #333;
	padding:4px;
}
.bildfloat
{
	background:#fff;
	/*border:1px solid #333;*/
	padding:4px;
	float:right;
}