/******************Object-LAYOUTS************************************** */
div#bild1HOPPE {
	width: 216px;
	max-width: 216px;
	height: 204px;
	max-height: 204px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	overflow: hidden; 
}
div#bild2HOPPE {
	width: 216px;
	max-width: 216px;
	height: 203px;
	max-height: 203px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 204px;
	overflow: hidden; 
}
div#bild3HOPPE {
	width: 431px;
	max-width: 431px;
	height: 308px;
	max-height: 308px;
	position: absolute;
	z-index: 1;
	left: 216px;
	top: 0px;
	overflow: hidden; 
}
div#leisteHOPPE {
	position: absolute;
	z-index: 9;
	left: 215px;
	top: 308px;
	width: 431px;
	max-width: 431px;
        overflow: hidden;
}
div#routenplaner {
	position: absolute;
	z-index: 9;
	left: 431px;
	top: 0px;
	width: 216px;
	max-width: 216px;
        height: 407px;
        max-height: 407px;
        overflow: hidden;
        border-left: 1px solid #666666;
        padding-left: 10px;
        padding-right: 10px;
}
div#anfahrt {
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	width: 422px;
	max-width: 422px;
        height: 407px;
        max-height: 407px;
        padding-left: 10px;
        overflow: hidden;
}
div#logintext {
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	width: 422px;
	max-width: 422px;
        height: 407px;
        max-height: 407px;
        padding-left: 10px;
        overflow: auto;
}
div#logincontent{
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	width: 412px;
	max-width: 412px;
        height: 407px;
        max-height: 407px;
        padding-left: 10px;
        overflow: scroll;
}
div#logimage {
	position: absolute;
	z-index: 11;
	left: 0px;
	top: 204px;
	width: 431px;
	max-width: 431px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}
div#loginarea {
	position: absolute;
	z-index: 9;
	left: 431px;
	top: 0px;
	width: 216px;
	max-width: 216px;
        height: 407px;
        max-height: 407px;
        overflow: hidden;
        border-left: 1px solid #666666;
        padding-left: 10px;
        padding-right: 10px;
}
div#OBJeins {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}
div#OBJzwei {
	position: absolute;
	z-index: 1;
	left: 216px;
	top: 0px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}
div#OBJdrei {
	position: absolute;
	z-index: 1;
	left: 432px;
	top: 0px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}
div#OBJvier {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 204px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}
div#OBJfunf {
	position: absolute;
	z-index: 1;
	left: 216px;
	top: 204px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}
div#OBJsechs {
	position: absolute;
	z-index: 11;
	left: 432px;
	top: 204px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}

/******************Templates-LAYOUTS************************************** */

div#drucken {
	position: absolute;
	z-index: 11;
	left: 432px;
	top: 204px;
	width: 216px;
	max-width: 216px;
        height: 204px;
        max-height: 204px;
	overflow: hidden; 
}

div#username {
        font-size: 14px;
        font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
	color: #FFFFFF;
        text-transform: uppercase;
        width: 180px;
        maxwidth: 180px;
        background-color: #666666;
}