/* 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;
overflow: -moz-scrollbars-vertical;
}


body { 
position: relative;
width : 950px;
margin : 0 auto; 
padding-top : 0px; 
text-align : left;
background-color: transparent;
 }
 

 
div#nav { 
position :  relative;
z-index : 2;
width : 450px;
height: 120px;
top : -60px;
left: 0px;
background-color: transparent;
text-align: left;
}

div#branding { 
position : relative;
z-index : 3;
width : 450px;
height: 56px;
left:500px;
top: 60px;
text-align: left;
background-color: transparent;
}





table#text { 
width : 400px;
height: 400px;
margin-top: -20px;
margin-left: 500px;
text-align: left;
background-color: transparent;
}
 
div#pics { 
position : absolute;
z-index : 4;
width : 450px;
height:  400px;
top: 160px;
left: 0px;
text-align: left;
background-color: transparent;
}

.tdpics {
	vertical-align: top;
	width: 50px;
	height: 64px;
}
 
div#footer {
	position: relative;
	z-index :6;
	width: 950px;
	height: 30px;
	left: 0px;
	top:10px;
	text-align:left;
	background-color: transparent;
}

/* 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 : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold;
color : #333; 
 }

h1 { font-size: 1.2em; } 
h2, h3 { font-size: 1.0em; }

p {
	font-size : 100%;
	color: #333;
}

.legende {
	font-size:0.85em;
	color: #999;}
	
.footer { font-size: 0.8em; line-height: 1em; color: #999;}


a.nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #000; font-weight: bold; }
a.nav:link, a.nav:visited { text-decoration: none; color: #000; }
a.nav:hover, a.nav:active { text-decoration: none; color: #ff1901; }
.nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #ff1901; font-weight: bold;  }

a.rnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #ff1901; font-weight: bold; }
a.rnav:link, a.rnav:visited { text-decoration: none; color: #ff1901; }
a.rnav:hover, a.rnav:active { text-decoration: none; color: #ff1901; }
.rnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #ff1901; font-weight: bold;  }


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

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


a.ssnav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.85em;  color: #000;   }
a.ssnav:link, a.ssnav:visited { text-decoration: none; color: #000; }
a.ssnav:hover, a.ssnav:active { text-decoration: none; color: #ff1901; }
.ssnav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #ff1901;   }


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

a:hover, a:active { 
text-decoration :   none; 
color : #ff1901;
 }

a.spamspan, a.spamspan:visited { text-decoration : none; color: #999; }
a.spamspan:hover { color: #ff1901; }
.spamspan { color: #ff1901; }


#profil, #objekt, #dienstleistung, #service, #firma, #kontakt {
	position:absolute;
	top: -20px;
	width: 70px;
	height:90px;
	background-color: transparent;
	visibility: hidden;
	}	 
	
#profil2, #objekt2, #dienstleistung2, #service2, #firma2, #kontakt {
	position:absolute;
	top: -20px;
	width: 70px;
	height:90px;
	background-color: transparent;
	visibility: visible;
	}	 
 
#objekt3 {
	position:absolute;
	top: -30px;
	width: 100px;
	height:120px;
	background-color: transparent;
	visibility: visible;
	}
	
  .txtFld1, .txtFld2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
	color:#333;
	text-decoration: none;
	background-color: #fff;
	border:  1px solid #000;
	margin-bottom:2px;
	}


	
.txtFld1 {
	height: 100px;
	width: 250px;
	}
	
.txtFld2 {
	height: 20px;
	width: 250px;
	}	
	
 
 .smallBtn {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	width: 250px;
	background-color: #000;
	border: 1px solid #000; 
 }
 
#bg, #sd, #lh, #jb, #ug {
	position:absolute;
	left:0px;
	top:0px;
	width:370px;
	height:370px;
	z-index:7;
	background-color: #FFFFFF;
	visibility: hidden;
}


#pic2, #pic3, #pic4, #pic5, #pic6 {
	position:absolute;
	left:0px;
	top:0px;
	width:370px;
	height:370px;
	z-index:7;
	background-color: #FFFFFF;
	visibility: hidden;
}

#pic1 {
	position:absolute;
	left:0px;
	top:0px;
	width:370px;
	height:370px;
	z-index:8;
	background-color: #FFFFFF;
	visibility: visible;
}