/* Normalizes margin, padding */
body, div, dl, dt, dd,  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,li { list-style-type :  square;  list-style-position:  outside; margin-left: 0.71em; padding-left: 0.71em; }

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

/* Removes list-style from lists */
table, td { border-collapse : collapse; border-spacing : 0; vertical-align:top;}

/* 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 :''; }


/* layout.css */

html 	{ text-align : center; 
background : #fff;
background-color: #eaf2eb;
}


body { 
padding-top : 0px; 
position: relative;
width : 800px;
background-color: #fff;
background-image: url(../gimg/bg_nav.gif);
background-repeat: no-repeat;
margin : 0 auto; 
text-align : left;
}
 

div#branding { 
top : 0px;
position : absolute;
width : 190px;
height:150px;
left:  610px;
background-color:transparent;
}
 
div#nav { 
position :  relative;
width : 594px;
height: 150px;
top : 31px;
left: 0px;
padding-left:16px;
background-color: transparent;
}

div#content {
position: relative;
width: 800px;
z-index : 1;
background-image: url(../gimg/bg_emo.gif);
background-position: right;
background-repeat: repeat-y;
}

 
table#text { 
width : 610px;
height: 330px;
margin: 0px;
background-color: transparent;

}

.tdtext {
	padding: 0px 16px 20px 16px; }
	
.vermietung, .td_oview_left, .td_top, .td_wstatt, .td_buero, .td_lager, .td_platz, .td_rechts   {
border: solid 1px #e7ece6;
padding:4px; }

.vermietung {
width: 500px;
text-align: center;
padding: 4px;
}

.vermietet {color: #b3b3b3; text-decoration: line-through; text-align: right; padding-right: 4px; vertical-align: middle;  }

.td_rechts { text-align:  right; }

	
.td_top { background-color: #e7ece6; }
.td_wstatt { background-color: #7bb3ed; }
.td_buero { background-color: #e28c86; }	
.td_lager {	background-color: #85b27c; }
.td_platz { background-color: #e7e06a; }
.td_rechts { text-align: right; }

.td_img_right { text-align: right; }

div#emo {
position : absolute;
z-index : 2;
width : 190px;
height: 330px;
top: 150px;
left: 610px;
background: #85b27c;
}

div#footer_img {
position : relative;
left: 0px;
width:800px;
height:118px;
background :  transparent; 
}
div#footer {
position : relative;
left: 16px;
width:784px;
height: 22px;
padding-top:4px;
background :  transparent; 
color: #01740c;
}

/* typography.css */

body { 
font : 70%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #333; }

h1, h2, h3, h4, p, ul, blockquote { 
margin : 0 0 .75em; }

h1, h2, h3 { 
margin-bottom : 1em;
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold;
color : #333; 
 }

h1 { font-size: 1.3em; } 
h2, h3 { font-size: 1.1em; }

p { 
font-size : 100%; }

.legende {
	font-size:0.85em;
	color: #b3b3b3
}


a.nav {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #01740c; font-weight: bold; }
a.nav:link, a.nav:visited { text-decoration: none; color: #01740c; }
a.nav:hover, a.nav:active { text-decoration: none; color: #85b27c; }
.nav {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #85b27c; font-weight: bold;  }

a.gnav {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #85b27c; font-weight: bold; }
a.gnav:link, a.gnav:visited { text-decoration: none; color: #85b27c; }
a.gnav:hover, a.gnav:active { text-decoration: none; color: #85b27c; }
.gnav {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #85b27c; font-weight: bold;  }



#home, #objekt, #vermietung, #lage, #firma, #news, #kontakt {
	position:absolute;
	top: 30px;
   padding-top:12px;
	width: 70px;
	height:100px;
	z-index:2;
	background: url(../gimg/bg_subnav.gif) no-repeat;
	visibility: hidden;
	}	

#objekt2, #vermietung2, #lage2, #firma2, #news2, #kontakt2 {
	position:absolute;
	top: 30px;
   padding-top:12px;
	width: 70px;
	height:100px;
	z-index:2;
	background: url(../gimg/bg_subnav.gif) no-repeat;
	visibility:  visible;
	}	

a.snav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.95em;  color: #85b27c;  }
a.snav:link, a.snav:visited { text-decoration: none; color: #85b27c; }
a.snav:hover, a.snav:active { text-decoration: none; color: #fff; }
.snav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.95em; color: #fff;   }



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

a:hover, a:active { 
text-decoration :   none; 
color : #01740c;
 }
 
a.spamspan, a.spamspan:visited { text-decoration : none; color: #01740c; }
a.spamspan:hover { color: #85b27c; }

 .txtFld1, .txtFld2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
	color:#333;
	text-decoration: none;
	background-color: #fff;
	border:  1px solid #b3b3b3;
	}


	
.txtFld1 {
	height: 100px;
	width: 250px;
	}
	
.txtFld2 {
	height: 20px;
	width: 250px;
	}	
	
 
 .smallBtn {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	width: 250px;
	background-color: #85b27c;
	border: 1px solid #85b27c; }