@charset "utf-8";
/* CSS Document */


/*

	NAME //  e.r.b Architekten
	AUTHOR // Froehlich Info AG, Zollikon
	AUTHOR WEBSITE // http://www.froehlich.ch
	VERSION // 1.0

*/

* {
	margin:0px;
	padding:0px;
	}
	
a img {
	border : 0 none;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	text-decoration: none;
	background-color:#666666;
	color:#FFFFFF;
	font-size:16px;
	background-image:url(../img/bg7-2.jpg);
	background-repeat: no-repeat;
	background-position: center -170px;
		cursor:crosshair;
	}

#zentrierhilfe {
	position:absolute;
	height:606px;
	width:1006px;
	left:50%;
	top:80px;
	margin-left: -503px;
	overflow: hidden;
	z-index: 0;
	visibility: visible;
	}

#inhalt_alles {
	position: static;
	width: 1000px;
	height:600px;
	z-index:0;
	background-color:#666666;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6a6456;
	border-right-color: #83868d;
	border-bottom-color: #828186;
	border-left-color: #948f7b;
	}
	
#header {
	position:absolute;
	left:0px;
	top:0px;
	height:100px;
	width:100%;
	}

.entwirft {
	position:absolute;
	left:100px;
	top:17px;
	width:190px;
	height:51px;
	z-index:5;
	}

.realisiert {
	position:absolute;
	left:490px;
	top:17px;
	width:219px;
	height:51px;
	z-index:5;
	}
	
.beraet {
	position:absolute;
	left:875px;
	top:17px;
	width:116px;
	height:51px;
	z-index:5;
	}

#text {
	position:absolute;
	left:100px;
	top:140px;
	width:800px;
	height:300px;
	}

#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	height:112px;
	width:100%;
	text-align:center;
	}

/* Bilder */
	
#bilder {
	position:absolute;
	top: 170px;
	left:0px;
	width:1000px;
	height:250px;
	}
	

#PlatzhalterGalerie {
	position:absolute;
	margin-left:100px;
	top:30px;
	width: 800px;
	height:200px;
	overflow:hidden;
	z-index:0;
	}	
	
#Galerie {
	position:absolute;
	right:0px;
	top:0px;
	width: 12000px;
	}
	
#PlatzhalterGalerie img{
	float:right;
	height:120px;
	padding-top:40px;
	padding-bottom:40px;
	vertical-align:bottom;
	padding-left:4px;
	}
	
.Zoom
{
height:200px !important;
padding-top:0px !important;
padding-bottom:0px !important;
}
	
.arrow_left {
	position:absolute;
	left:35px;
	margin: 75px 0px 0px 0px;
	height:100px;
	width: 30px;	
	/*background-image:url(../img/html/arrow_left.gif);*/
	z-index:2;
	}
	
.arrow_right {
	position:absolute;
	top:0px;
	right:35px;
	margin: 75px 0px 0px 0px;
	height:100px;
	width: 30px;
	/*background-image:url(../img/html/arrow_right.gif);*/
	z-index:2;

	}
	/*
.arrow_left:hover {
	background-image:url(../img/html/arrow_left.gif);
	}
	
.arrow_right:hover {
	background-image:url(../img/html/arrow_right.gif);
	}	
.arrow_left a, .arrow_right a{
	width:30px;
	height:100px;
	display: block;
}

	
*/


#drucken {
		position:absolute;
		right:107px;
		top:485px;
	}
	
#drucken img{width:24px;
	}
	
/* Schriftformate */

/* link */

a.mail:link, a.mail:visited, a.mail:hover, a.mail:active {
	color:#FFFFFF;
	font-size:17px;
	text-decoration:none;
	font-weight:lighter;
	line-height:18px;
	}
	
a, a:link , a:visited, a:hover, a:active {
	text-decoration:none;
		color:#FFFFFF;
	}
	
/* Linkdefinitionen für entwirft */

.e {
	display:block;
	width:190px;
	height:51px;
	background-image:url(../img/logos/e.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}
		
a.e:link , a.e:visited{
	width:190px;
	height:51px;
	background-image:url(../img/logos/e.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}

a.e:hover , .eaktiv{
	width:190px;
	height:51px;
	background-image:url(../img/logos/e_ntwirft.gif) !important;
	}
	
/* Linkdefinitionen für realisiert */

.r {
	display:block;
	width:219px;
	height:51px;
	background-image:url(../img/logos/r.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}
		
a.r:link , a.r:visited {
	width:219px;
	height:51px;
	background-image:url(../img/logos/r.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}

a.r:hover , .raktiv{
	width:219px;
	height:51px;
	background-image:url(../img/logos/r_ealisiert.gif) !important;
	}
	
/* Linkdefinitionen für realisiert */

.b {
	display:block;
	width:116px;
	height:51px;
	background-image:url(../img/logos/b.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}
		
a.b:link , a.b:visited{
	width:116px;
	height:51px;
	background-image:url(../img/logos/b.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}

a.b:hover , .baktive{
	width:116px;
	height:51px;
	background-image:url(../img/logos/b_eraet.gif) !important;
	}

/* HTML - Tags */

ul {
	list-style-position:inside;
	list-style-type:disc;
	margin: 0px;
	padding: 0px;	
	}

li {
	font-weight:200;
	}
	
td {
	vertical-align:top;
	padding:5px;
	line-height:19px;
	}
	
h1 {
	font-size:26px;
	color:#FFFFFF;
	line-height:36px;
	font-weight:normal;
	text-align:center;
	}
	
.plan {
	left: 100px;
	position: absolute;
	top: -100px;
}