/* CSS layout */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes table-style */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

span { border: 0; }

/*///* ------------------ Beginn der CSS-Styles ----------------------------------------- */

/* -------- COLORS --------------- */
body, html {
	background-color: #fff;
}

#contentarea, #wrapper, #right {
	background-color: #ffffff;
}

/* --------------------------------*/

body {
	font-size: 0.8em;
	font-family: tahoma, "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
	padding: 0;
	margin: 1em;
}


/* ----------wrapper zentriert das layout-------------- */

#IEcontainer {
	width: 100%; text-align:center;
}

#wrapper {
	width: 860px;
	margin: 0 auto;
	padding: 0;
}

/* ----------END wrapper zentriert das layout-------------- */
/* generelle Links */
a {
	text-decoration: none;
}
a:link { color: #AC4025; }
a:visited { color: #9999ff; }
a:hover   {	color: #AC4025; }

/* ------------ start CONTENT Inhalt--------------------- */
#contentarea  {
	width: 100%;
	text-align: left;
}

#content {
	float: left;
	width: 640px;
	margin: 0.6em 0.6em 0.6em 0.6em;
	padding: 1em 0 0 1em; /*	text-align: right;*/
}

.logo {
	width: 100%;
	margin-left: 0px;
	text-align: left;
}

.main {
/*padding: 15px 0px 0px 0px;*/
	text-align: right;
}

/* -------------- start right navigavtion------------- */

#right_top {
	padding: 0em 0 1em 0;
	margin: 0 0 0 695px;
	height: 46px;
}
#right {
	padding: 0em 0 1em 0;
	margin: 0 0 0 695px;
}



.hormenu {
	padding-top: 10px;
	text-align: right;
}

.hormenu li {
	color: #676767;
	padding: 20px 0 0 20px;
	display: inline;
	font-size: 1em;
	text-align: right;
}

.hormenu li a {
	font-size: 1.0em;
	text-decoration: none;
}

.hormenu li a:link { color: #676767; }
.hormenu li a:visited { color: #676767; }
.hormenu li a:hover   {	color: #AC4025; }

li.selected  {
	color: #AC4025;
	font-size: 1.2em;
}
/* ------------------ VORSPANN ----------------- */
#vorspann {
	background-color: #9ACD73;
	height: 141px;
	padding: 0 10px 0 0px;
	font-family: Verdana, Arial, sans-serif;
}

#vorspann h3 {
	font-size: 1.6em;
	font-weight: lighter;
	text-align: right;
	padding: 15px 15px 10px 0;
}

#vorspann p {
	font-size: 0.85em;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 0 0 0 221px;
}

/* ---------------- TEXTFELD ----------------- */
#startseite {
	position: relative;
  	width: 550px;
	left: 40px;
	top: 0px;
	background-color: #c5f08d;
	padding: 10px 20px 0px 30px;
}

#textfeld {
	/*color: #000;*/
	position: relative;
  	width: 550px;
	left: 40px;
	top: 0px;
	background-color: #c5f08d;
	padding: 20px 20px 0px 30px;
}
#textfeld h4, #textfeld h3 {
	padding-bottom: 10px;
}

#textfeld li {
  	list-style-image: url(../img/arrow_green.png);
	padding-left: 5px;
	margin-left: 55px;
}

#textfeld span {
/*	background: transparent url(../img/dot_cc6666_10x9.gif) no-repeat left center;*/
	padding-left: 15px;
	margin-left: 25px;
}
#textfeld.auftraggeber {
	position: relative;
	width: 580px;
	left: 40px;
	top: 0px;
	background-color: #c5f08d;
	padding: 10px 10px 0px 10px;
	color: #191970;
	font-size: 1.2em;

}

/******* -------------- MainMenu RIGHT ------------------ ********/
.vertmenu {
	/*border-left: #AC4025;
	border-left-style: solid;
	border-left-width: 1px;*/
	margin-top: 35px; 
	text-align: right;
}
.vertmenu h3  {
	color: #666666;
	font-size: 1.8em;
}

.vertmenu ul {
	padding-left: 10px;
}

.vertmenu li a {
	font-size: 1.4em;
	text-decoration: none;
}

.vertmenu li {
	padding: 10px 0px 10px 15px;
}


/* ****** Amphibien **** */
#textfeld.amphibien span {
	background: transparent url(../img/amph.gif) no-repeat left center;
}

li.sel_amph {
	color: #cc6666;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.amph a:link { color: #666666; }
li.amph a:visited { color: #666666; }
li.amph a:hover   {	color: #cc6666; }

.vor_amph h3 { color: #cc6666; }
.vor_amph {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/amphibien206x141.png) no-repeat top left;
}

/* ****** Reptilien **** */
#textfeld.reptilien span {
	background: transparent url(../img/rept.gif) no-repeat left center;
}
li.sel_rept  {
	color: #996699;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.rept a:link { color: #666666; }
li.rept a:visited { color: #666666; }
li.rept a:hover   {	color: #996699; }
.vor_rept h3 { color: #996699; }
.vor_rept {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/rept_moorotter206x141.png) no-repeat top left;
}

/* ****** Avifauna **** */
#textfeld.avifauna span {
	background: transparent url(../img/avi.gif) no-repeat left center;
}
li.sel_avi  {
	color: #006699;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.avi a:link { color: #666666; }
li.avi a:visited { color: #666666; }
li.avi a:hover   {	color: #006699; }
.vor_avi h3 { color: #006699; }
.vor_avi {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/avifauna206x141.png) no-repeat top left;
}

/* ****** Fledermaeuse **** */
#textfeld.fleder span {
	background: transparent url(../img/fleder.gif) no-repeat left center;
}

li.sel_fleder  {
	color: #339933;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.fleder a:link { color: #666666; }
li.fleder a:visited { color: #666666; }
li.fleder a:hover   { color: #339933; }
.vor_fleder h3 { color: #339933; }
.vor_fleder {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/fledermaus206x141.png) no-repeat top left;
}

/* ****** Team **** */
#textfeld.team span {
	background: transparent url(../img/team.gif) no-repeat left center;
	color: #9D2435;
}

li.sel_team  {
	color: #9D2435;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.team a:link { color: #666666; }
li.team a:visited { color: #666666; }
li.team a:hover   { color: #9D2435; }
.vor_team h3 {
	color: #9D2435;
}
.vor_team {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/team206x141.png) no-repeat top left;
}


/* ****** Landschaftsplanung **** */
#textfeld.landschaft span {
	background: transparent url(../img/land.gif) no-repeat left center;
}

li.sel_land  {
	color: #B68D2C;
	font-size: 1.8em;
	padding: 10px 0px 30px 0px;
}
li.land {
	padding-bottom: 30px;
}
li.land a:link { color: #666666;}
li.land a:visited { color: #666666; }
li.land a:hover   {	color: #B68D2C; }
.vor_land h3 { color: #B68D2C; }
.vor_land {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/landschaftsplanung206x141.png) no-repeat top left;
}

/* ****** Auftraggeber **** */
#textfeld.auftraggeber span {
	background: transparent url(../img/auftrag.gif) no-repeat left center;
}

li.sel_auftrag  {
	color: #cc6633;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.auftrag a:link { color: #666666; }
li.auftrag a:visited { color: #666666; }
li.auftrag a:hover   { color: #B68D2C; }
.vor_auftrag h3 { color: #cc6633; }
.vor_auftrag {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/landschaftsplanung206x141.png) no-repeat top left;
}
#textfeld.auftraggeber li {
   list-style-image: url(../img/arrow_green.png);
	padding-left: 15px;
	margin-left: 150px;
}

/* ****** Projekte **** */

#textfeld.projekte {
	height: 1225px;
}


#textfeld.projekte ul {
	width: 70%;
	float: left;
}

#textfeld.projekte li {
  	list-style-image: url(../img/arrow_green.png);
	padding-left: 5px;
	margin-left: 15px;
}

#textfeld.projekte span {
	background: transparent url(../img/proj.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 0px;
}

#studien {
	padding-bottom: 20px;
	float: left;
}


#textfeld.projekte h3 {
	color: #9999ff;
	font-size: 1.2em;
	width: 250px;
	vertical-align: top;
}

li.sel_proj  {
	color: #9999ff;
	font-size: 1.8em;
	padding: 10px 0px 10px 0px;
}
li.projekte a:link { color: #666666; }
li.projekte a:visited { color: #666666; }
li.projekte a:hover   {	color: #9999ff; }
li.projekte { padding-bottom: 2px; }
.vor_proj h3 { color: #9999ff; }
.vor_proj {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/projekte206x141.png) no-repeat top left;
}

#textfeld a:hover img { 
 filter: Alpha(opacity=100, finishopacity=80, style=2);
}

#textfeld.projekte a:hover img { 
z-index : 100; 
width : 320px; 
height : 260px; 
padding : 5px; 
background-color : #fff; 
border : 1px solid #333; }

#textfeld a:link, a:visited, a:hover, a:active { 
text-decoration : underline; 
color : #894a4f; }


#textfeld.projekte img { 
position : absolute;
padding : 1px;
width : 160px;
height : 130px; 
outline : 1px solid #ccc; } 



/* --------------------  KONTAKT.HTML ------------------------ */
.vor_kontakt h3 { color: #AC4025; }
.vor_kontakt {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/weisstorch206x141.png) no-repeat top left;
}

.kontakt h2, .kontakt h3 {
	color: #AC4025;
	font-size: 1.6em;
	font-weight: lighter;
}

.kontakt h4 {
	color: #AC4025;
	font-size: 1.2em;
	font-weight: bold;
}

.vor_kontakt h4 {
	padding: 0 15px 0 221px;
	color: #6D6D6D;
	font-size: 1.4em;
}
#textfeld.kontakt {
	padding-top: 20px;
}
#textfeld.kontakt li {
  	list-style-image: url(../img/arrow_green.png);
	padding-left: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	/*padding-left: 0px,*/
}

#adr_left {
	float: left;
}

#adr_right {
	margin: 0px 0px 10px 290px;
}

li.email a:link { color: #AC4025; }
li.email a:visited { color: #9999ff; }
li.email a:hover   {	color: #AC4025; }
.email a {
	text-decoration: none;
}

/* ---------------- Ueber uns.HTML ------------------ */
.vor_wir h3 { color: #AC4025; }
.vor_wir {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/landschaftsplanung206x141.png) no-repeat top left;
}

.vor_wir p {
font-size: 0.9em;
font-weight: normal;
}

.wir h2 {
	color: #AC4025;
	font-size: 1.4em;
	font-weight: lighter;
}

.wir h4 {
	color: #AC4025;
	font-size: 1.2em;
	font-weight: lighter;
}

#textfeld.wir {
	padding-top: 20px;
}
/* ---------------- LINKS.HTML ------------------ */
.vor_link h3 { color: #AC4025; }
.vor_link {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/landschaftsplanung206x141.png) no-repeat top left;
}

.vor_link p {
font-size: 0.9em;
font-weight: normal;
}

.links h2 {
	color: #AC4025;
	font-size: 1.4em;
	font-weight: lighter;
}

.links h4 {
	color: #AC4025;
	font-size: 1.2em;
	font-weight: lighter;
}

#textfeld.links {
	padding-top: 20px;
}
/* ---------------- IMPRESSUM.HTML ------------------ */
.vor_impr h3 { color: #AC4025; }
.vor_impr {
	width: 100%;
	height: 100%;
	background: #9ACD73 url(../img/landschaftsplanung206x141.png) no-repeat top left;
}

.vor_impr p {
font-size: 0.9em;
font-weight: normal;
}

.impressum h2 {
	color: #AC4025;
	font-size: 1.4em;
	font-weight: lighter;
}

.impressum h4 {
	color: #AC4025;
	font-size: 1.2em;
	font-weight: lighter;
}

#textfeld.impressum {
	padding-top: 20px;
}

/* sorgt dafuer, dass Fusszeile immer am Ende steht, egal wie hoch die Spalten sind */
.brClear { 
     clear:both; 
     height:0; 
     margin:0;
}

/* ------------ SiteInfo footer --------------- */
#siteInfo {
	clear: left;
	height: 10px;
	text-align: right;
	padding: 5px 0 5px 0;
	margin: 0 200px 0 60px;
	border-top: 1px solid #AC4025;
	_margin: 0 200px 0 60px;

}

div#siteInfo p {
	font-size : 75%;
	color: #319546;
	text-align: right;
	vertical-align: top;
	text-decoration : none;
}


div#siteInfo a:link, a:visited {
	color: #319546;
	text-decoration : none;
}

#linie {
	width: 500px;
	height: 1 px;
	background-color: #9999ff;
}