/* CSS Document */

/* Beschreibung der gesamten Seite */
body {
	background-image: url(../webbilder/bodybackground.jpg);
}

/* Dieser Layer beinhaltet den Kopfbereich */
#head-layer {
	position:absolute; 
	width:760px; 
	height:60px; 
	z-index:1; 
	left: 0px; 
	top: 0px;
	background-image: url(../webbilder/logo.jpg);
}

/* Dieser Layer beinhaltet die Hauptnavigation */
#nav-layer {
	position:absolute; 
	width:760px; 
	height:33px; 
	z-index:1; 
	left: 0px; 
	top: 60px;
}
#nav1 {
	position:absolute; 
	width:40px; 
	height:15px; 
	z-index:2; 
	left: 300px; 
	top: 8px;
}
#nav2 {
	position:absolute; 
	width:80px; 
	height:15px; 
	z-index:2; 
	left: 360px; 
	top: 8px;
}
#nav3 {
	position:absolute; 
	width:60px; 
	height:15px; 
	z-index:2; 
	left: 460px; 
	top: 8px;
}
#nav4 {
	position:absolute; 
	width:80px; 
	height:15px; 
	z-index:2; 
	left: 540px; 
	top: 8px;
}
#nav5 {
	position:absolute; 
	width:50px; 
	height:15px; 
	z-index:2; 
	left: 640px; 
	top: 8px;
}
#closewindow {
	position:absolute; 
	width:140px; 
	height:15px; 
	z-index:2; 
	left: 350px; 
	top: 8px;
}
#value {
	position:absolute; 
	width:200px; 
	height:33px; 
	z-index:2; 
	left: 0px; 
	top: 10px;
}

/* Dieser Layer beinhaltet die Subnavigation */
#subnav-layer {
	position:absolute; 
	width:150px; 
	height:2907px; 
	z-index:1; 
	left: 150px; 
	top: 93px; 
	background-color: rgb(233,113,23);
}
#subnav-d4w {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 95px;
}
#subnav-kontakt {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 145px;
}
#subnav-guestbook {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 120px;
}
#subnav-webdesign {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 95px;
}
#subnav-referenzen {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 120px;
}
#subnav-design {
	position:absolute; 
	width:150px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 95px;
}
#subnav-redesign {
	position:absolute; 
	width:150px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 120px;
}
#subnav-registration {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	top: 145px; 
	left: 0px;
}
#subnav-hosting {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 170px;
}
#subnav-php {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 195px;
}
#subnav-michelbiscioni {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 95px;
}
#subnav-renekaelin {
	position:absolute; 
	width:130px; 
	height:15px; 
	z-index:2; 
	left: 0px; 
	top: 120px;
}

/* Dieser Layer beinhaltet gestalterische Aspekte */
#side-layer {
	position:absolute;
	width:150px;
	height:2907px;
	z-index:1;
	left: 0px;
	top: 93px;
	background-image: url(../webbilder/sidelayerbackground.jpg);
}

/* Dieser Layer beinhaltet Infos und Fliesstext */
#content-layer {
	position:absolute; 
	width:460px; 
	height:2907px; 
	z-index:1; 
	left: 300px; 
	top: 93px;
}

/* Dieser Layer beinhaltet Fotos und Bilder */
#content-fotolayer {
	position:absolute; 
	width:375px; 
	height:500px; 
	z-index:2; 
	left: 240px; 
	top: 114px;
}

/* Hier folgen die Klassen der Hauptnavigation */
.nav-d4w {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(126,123,134);
	text-decoration: none;
}
.nav-webdesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(126,123,134);
	text-decoration: none;
}
.nav-service {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(126,123,134);
	text-decoration: none;
}
.nav-webmaster {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(126,123,134);
	text-decoration: none;
}
.nav-home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(126,123,134);
	text-decoration: none;
}

/* Hier folgen die Klassen der Subnavigation */
.subnav-d4w {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-kontakt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;

}
.subnav-guestbook {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-webdesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-referenzen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-design {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-redesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-registration {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-hosting {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-php {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-michelbiscioni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}
.subnav-renekaelin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
}

/* Hier folgen die Klassen des Contentbereichs */
.ueberschrift1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: rgb(233,113,23);
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 20px;
}
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: none;
}
.textlink1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: underline;
}
.textlink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(34,61,74);
	text-decoration: underline;
}
.textlink3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(233,113,23);
	text-decoration: underline;
	padding-top: 10px;
	padding-left: 10px;
}
.closewindow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(233,113,23);
	text-decoration: underline;
	padding-top: 10px;
	padding-left: 10px;
}
.square {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(233,113,23);
	text-decoration: none;
}