/*--------------------------------------------------------------------------
*	edaView, version 1.0
*	Explore the history of synagogues in Germany
*	Authors ordered alphabetical:
*	
*	(c) 2008 Daniel von der Helm
*  	(c) 2008 Dennis Kleine
*
*	Tue Jul 01 23:35:22 CET 2008
*	http://edaview.sourceforge.org/
*
*  	edaView is freely distributable under the terms of an GNU General Public License.
*  	For details, see the edaView Project Home at: http://www.sourceforge.org/projects/edaview/
*
*	The above copyright notice and this permission notice shall be
*	included in all copies or substantial portions of the Web-Application.
*
*	edaView was developed at the university of applied sience Kaiserslautern (Zweibrücken) as a student project
*	during the course Mediaproduction - and conception. This application is distributed without any warranty. 
*	See the GNU General Public License for more details.
*--------------------------------------------------------------------------*/
html {
	height: 100%; 
	max-height: 100%; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	background: #FFFFFF; 
	font-size: 10px; 
	font-family: verdana, arial, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	/* */ 
}

*html {
	padding-top: 65px;
	padding-bottom: 130px;
}

*+html {
	padding-top: 65px;
	padding-bottom: 130px;
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
}

/** -------------------------------------HEADER--------------------------------------**/
#header {
	position: absolute; 
	margin: 0; 
	top: 0; 
	left: 0; 
	display: block; 
	width: 100%; 
	height: 65px; 
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: left bottom; 
	z-index: 7; 
}

/** -------------------------------------ROOT BTN'S--------------------------------------**/

#logo {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 200px;
	height: 65px;
}

*html #logo {
	bottom: -1px;
}

#loginbox {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 520px;
	width: 160px;
	height: 65px;
	background-image: url(images/btn_head_midbox2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

*html #loginbox {
	bottom: -1px;
}

#searchbox {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 360px;
	width: 320px;
	height: 65px;
	background-image: url(images/btn_head_midbox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 2%;
}

*html #searchbox {
	bottom: -1px;
}

#headerbtnmid2 {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 680px;
	width: 102px;
	height: 65px;
	background-image: url(images/btn_head_mid.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

*html #headerbtnmid2 {
	bottom: -1px;
}

#headerbtnmid3 {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 782px;
	width: 102px;
	height: 65px;
	background-image: url(images/btn_head_mid.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

*html #headerbtnmid3 {
	bottom: -1px;
}

#headerbtnlast {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 884px;
	width: 105px;
	height: 65px;
	background-image: url(images/btn_head_last.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

*html #headerbtnlast {
	bottom: -1px;
}

.btn {
	font-size: 12px;
	text-align: center;
}

.box {
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}

.box a {text-decoration: undeline; color: #555555;}
.box a:hover {text-decoration: undeline; color: #6290B7;}

.box #textual   {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
}

.btn  #textual {
	position: relative;
	top: 30%;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
}

.box  #textualmid {
	font-size: 12px;
	position: relative;
	top: 30%;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
}

.box  #textualmid:hover {
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #6290B7;
}

.btn  #textual:hover {
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #6290B7;
}

.box  #textual:hover {
	font-weight: bold;
	text-decoration: none;
	color: #6290B7;
}

iframe {
	display: block;
	position: relative;
	z-index: 20;
	width: 100%; 
	height: 100%; 
	background-color: transparent; 
	margin: 0px;
}

/** -------------------------------------MAP & INTERFACES--------------------------------------**/
#mainbox {
	position: absolute; 
	left: 0; 
	top: 65px; 
	bottom: 130px; 
	width: 100%; 
	z-index: 4;
}

*html #mainbox {
	height: 100%;
	bottom: 130px !important;
}


/** -------------------------------------FOOTER--------------------------------------**/
#footer {
	position: absolute; 
	margin: 0; 
	bottom: 0; 
	left: 0; 
	display: block; 
	width: 100%; 
	height: 130px; 
	background-image: url(images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 7;
}

#footer {
	height: 128px;
	overflow: hidden;
	padding: 1px;
}

*html #footer {
	height: 130px;
	bottom: 0px;
}

.label {
	background: #FFFFFF;
	color: #444444;
	font-weight: bold;
	padding: 1px;
	border: 1px solid #000000;
	font-size: 9px;
	line-height: 9px;
	text-align: center;
}

.textfield {
	width: 280px;
	/* height: 13px; */
	height: 27px;
	background: url(images/textfield.gif) no-repeat;
	border: none;
	padding: 7px 5px 7px 5px;
	font-size: 12px;
	color: #555555;
}