/*--------------------------------------------------------------
Style Sheet for visual-work

author :	peter kuehnis-dietz
email:		peter@visual-work.com
website:	http://www.visual-work.com
---------------------------------------------------------------*/


/*  body and typography */
html { 
  padding:0px;
  margin:0px;
}

body {
	background-color: #CCCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#514833;
	padding:0px;
	margin:0px;
	line-height: 16px;
}

p, h2 {
margin: 0px; 
padding: 5px 20px 5px 20px; 
}


a {
	color: #151847;
	font-size: 10px;
	background-color:transparent;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.1em;
}

h1 {
	font-size: 17px;
	text-align: center;
	text-transform: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 21px;
}

li {
	display: inline; /* :KLUDGE: Entfernt Lücken in IE/Win */
	}

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

ul a {
	display: block;
	width: 200px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 50px;
	background-image:url(../Bilder/Nav/nav_empty.gif);
	}

input, textarea {
	color:#564b47;
	background-color: transparent;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px #eeeeee solid;
	}

/* Hintergrundfarbe fuer aktives Textfeld bei Formularen */
input:focus, textarea:focus {
	color:#FFFFFF;
	background-color: #999999;
	}
/* End Hintergrundfarbe  */
	
#Nav a:hover {
	background-image:url(../Bilder/Nav/nav_quad.gif);
}
#Unav a:hover {
	background-image:url(../Bilder/Nav/nav_quad.gif);
}

strong { 
font-size: 13px;
}

/*  positioning-layers static and absolute */
#Logo {
	position:absolute;
	top:0px;
	left:0px;
	height:80px;
	width:772px;
	}

#Nav {
	position: absolute;
	left: 15px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	top: 140px;
	color: #FFFFFF;
	background-color: transparent;
}

/*  Navigationsleisten-Funktion */

#home #Nav .home a,
#gedanken #Nav .gedanken a,
#angebot #Nav .angebot a,
#preise #Nav .preise a,
#referenzen #Nav .referenzen a,
#beispiellayout #Nav .beispiellayout a,
#fotografien #Nav .fotografien a,
#impressum #Nav .impressum a,
#kontakt #Nav .kontakt a,
#links #Nav .links a {
	background-image:url(../Bilder/Nav/nav_quad.gif);
	cursor: default;
	}
	
#inhalt {
	margin: 60px 0px 0px 0px;
	padding: 18px 30px 0px 251px;
	background-color: #d7caad;
	background-image: url(../Bilder/background/img027.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#inhaltPict0 {
	position:absolute;
	height:267px;
	width:400px;
	margin-left: 20px;
	visibility: visible;
	}
#inhaltPict1 {
	position:absolute;
	height:267px;
	width:400px;
	margin-left: 20px;
	visibility: hidden;
	}

#inhalt a:hover {
	color:#FFFFFF;
	}
	
#map {
	width:650px;
	height:500px;
	}	
	 
#Unav {
	position: absolute;
	right: 20px;
	width: 190px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	top: 350px;
}
#whiteSpace {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#whiteSpace2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pict_board {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	background-color:#999999;
	background-image: url(../Bilder/background/img027Grey.gif);
}
#pict_board2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
}

#schliessen1 {
	position: absolute;
	width: 120px;
	height: 30px;
	top: 580px;
	right: 50px;
}
#schliessen1 a {
	font-size:10px;
	}
#footer {
	position:absolute;
	height:auto;
	width:auto;
	bottom:3px;
	right:5px;
	}
#tableLinks {
	width: 100%;
}