* {
	font-family:     verdana, sans-serif;
	font-size:       11px;
	line-height:     17px;
	text-decoration: none;
	text-align:      left;
	vertical-align:  top;
	color:           #ffffff;
	border:          0px;
	margin:          0px;
	padding:         0px;
}

*:focus {
	outline: none;
	-moz-outline: none;
}

html, body {
	height:    100%;
	overflow:  hidden;
}

/* Lineale */

table.lineale {
	position: absolute;
	z-index: 0;
	top:     0px;
	left:    0px;
	width:   100%;
	height:  100%;
	background-color: #336699;
}


td.links_oben {
	width: 17px;
	height: 17px;
}

td.rechts_oben {
	width: 10px;
	height: 17px;
}

td.links_unten {
	width: 17px;
	height: 10px;
}

td.rechts_unten {
	width: 10px;
	height: 10px;
}

td.lineal_breit {
	background-image: url(images/lineal_breit_start.gif);
	height: 10px;
}

td.lineal_hoch {
	background-image: url(images/lineal_hoch_start.gif);
	width: 10px;
}

td.kopfzeile {
	height: 34px;
	padding-left: 16px;
}

td.navigation {
	padding-left: 17px;
	height: 119px;
}

td.inhalt {
	padding-left: 17px;
	height: 100%;
}


/* Kopfzeile */

div.kopfzeile {
	position: relative;
	overflow: hidden;
}


/* Navigation */

div.navigation {
	position: relative;
	height: 119px;
	overflow: hidden;
}

div.projekte {
}

div.buero,
div.service,
div.kontaktimpressum,
div.deutsch,
div.english {
	position: absolute;
	top: 0px;
}

div.buero {
	left: 119px;
}

div.service {
	left: 238px;
}

div.kontaktimpressum {
	left: 357px;
}

div.deutsch {
	left: 595px;
}

div.english {
	left: 714px;
}

a {
	color: #77AADD;
}

a:hover, a.hover {
	color: #FFFFFF;
}

a.aktiv,
a.aktiv:hover {
	color: #FFFFFF;
}

a.projekte, a.buero, a.service {
	font-weight: bold;
	color: #FFFFFF;
}

a.sprache {
}
a.sprache:hover {
}
a.sprache_aktiv {
	color: #FFFFFF;
}

a.home,
a.home:hover {
	color: #FFFFFF;
}

span.dunkler {
	color: #77AADD;
}


/* Inhalt */

div.inhalt {
	position:  relative;
	width:     100%;
	height:    100%;
	overflow:  hidden;
}

img.stuetzpfeiler {
	height: 100%;
	width: 1px;
}


/* Icons */
img.icon_start {
	position: absolute;
	cursor: pointer;
}

img.icon:hover, img.icon_hover {
}

*.movable {
  cursor: move!important;
}

div.projektname {
	display: none;
	position: absolute;
	z-index: 10000;
  white-space: nowrap;
}

/*
div.icon div.projektname {
	display:      none;
	position:     absolute;
	z-index:      3;
	top:          0px;
	left:         100%;
	margin-left:  7px;
  white-space:  nowrap;
}

div.icon:hover div.projektname {
	display: block;
	z-index: 10000;
}
*/


img.realisiert {
	width: 34px;
	height: 38px;
	background-image: url(images/icons_start/realisiert.gif);
}
img.realisiert:hover, img.realisiert_hover {
	background-image: url(images/icons_start/realisiert_over.gif);
}
div.realisiert_name {
	margin-left: 41px;
	margin-top:	9px;
	/*
	height:	38px;
	vertical-align: middle;
	*/
}


img.im_bau {
	width: 34px;
	height: 38px;
	background-image: url(images/icons_start/im_bau.gif);
}
img.im_bau:hover, img.im_bau_hover {
	background-image: url(images/icons_start/im_bau_over.gif);
}
div.im_bau_name {
	margin-left: 41px;
	margin-top:	9px;
}


img.planung {
	width: 34px;
	height: 38px;
	background-image: url(images/icons_start/planung.gif);
}
img.planung:hover, img.planung_hover {
	background-image: url(images/icons_start/planung_over.gif);
}
div.planung_name {
	margin-left: 41px;
	margin-top:	9px;
}


img.wettbewerb {
	width: 36px;
	height: 32px;
	background-image: url(images/icons_start/wettbewerb.gif);
}
img.wettbewerb:hover, img.wettbewerb_hover{
	background-image: url(images/icons_start/wettbewerb_over.gif);
}
div.wettbewerb_name {
	margin-left:	43px;
	margin-top:	5px;
}


img.team {
	width: 38px;
	height: 19px;
	background-image: url(images/icons_start/team.gif);
}
img.team:hover, img.team_hover {
	background-image: url(images/icons_start/team_over.gif);
}
div.team_name {
	margin-left: 45px;
	margin-top:	-1px;
}


img.wachsen {
	width: 34px;
	height: 21px;
	background-image: url(images/icons_start/wachsen.gif);
}
img.wachsen:hover, img.wachsen_hover {
	background-image: url(images/icons_start/wachsen_over.gif);
}
div.wachsen_name {
	margin-left: 41px;
	margin-top:	0px;
}


img.einblicke {
	width: 34px;
	height: 25px;
	background-image: url(images/icons_start/einblicke.gif);
}
img.einblicke:hover, img.einblicke_hover {
	background-image: url(images/icons_start/einblicke_over.gif);
}
div.einblicke_name {
	margin-left: 41px;
	margin-top:	2px;
}


img.netz {
	width: 34px;
	height: 29px;
	background-image: url(images/icons_start/netz.gif);
}
img.netz:hover, img.netz_hover {
	background-image: url(images/icons_start/netz_over.gif);
}
div.netz_name {
	margin-left: 41px;
	margin-top:	5px;
}


img.leistungen,
img.profil,
img.favoriten {
	width: 26px;
	height: 41px;
}
img.leistungen {
	background-image: url(images/icons_start/leistungen.gif);
}
img.leistungen:hover, img.leistungen_hover {
	background-image: url(images/icons_start/leistungen_over.gif);
}
img.profil {
	background-image: url(images/icons_start/profil.gif);
}
img.profil:hover, img.profil_hover {
	background-image: url(images/icons_start/profil_over.gif);
}
img.favoriten {
	background-image: url(images/icons_start/favoriten.gif);
}
img.favoriten:hover, img.favoriten_hover {
	background-image: url(images/icons_start/favoriten_over.gif);
}
div.leistungen_name,
div.profil_name,
div.favoriten_name {
	margin-left: 33px;
	margin-top:	11px;
}


img.kontakt {
	/*
	width: 34px;
	height: 17px;
	*/
	width: 24px;
	height: 30px;
	background-image: url(images/icons_start/kontakt.gif);
}
img.kontakt:hover, img.kontakt_hover {
	background-image: url(images/icons_start/kontakt_over.gif);
}
div.kontakt_name {
	margin-left: 31px;
	margin-top:	4px;
}


img.impressum {
	/*
	width: 34px;
	height: 21px;
	*/
	width: 22px;
	height: 37px;
	background-image: url(images/icons_start/impressum.gif);
}
img.impressum:hover, img.impressum_hover {
	background-image: url(images/icons_start/impressum_over.gif);
}
div.impressum_name {
	margin-left: 29px;
	margin-top: 8px;
}


/* Login */

#loginpanel, #switch {
	background-color: #336699;
  position:         absolute; 
  overflow:         hidden;
  top:              0px;
  left:             0px;
}

#loginpanel {
  border:   1px solid #77AADD;
  z-index:  20;
}

#switch {
  border:   1px solid #336699;
  z-index:  21;
}

#loginpanel input {
  color: #000000;
}

input.login, input.logout {
	width:    100px;
	padding:  1px;
}

input.logout {
	text-align: center;
}

#switch:hover, #switch.hover {
  border:   1px solid #77AADD;
}