/* *******************************************************************
/* screen.css
   KREMTEC.de - Alexander Kremling - Engstingen
   *******************************************************************
*/

/*********************** BODY ****************************************/
body {
	font-family: verdana, sans-serif;
	color: #0000E6;
	font-size: 14px;
	background-color: #84ADFF;
}


/*********************** DIV / SPAN ***********************************/
div.maincontent {
	width: 1000px;   
	margin: 0px;
	margin-left: auto;
	margin-right: auto;	
}

div.mittig {
	width: 1000px;
	height: 610px;
	margin-top: 10px;
	position: absolute;
}

div.content {
	position: absolute;
	top: 95px;
	height: 520px;
	width: 740px;
	background-color: white;
	text-align: left;
	overflow: auto;
	padding: 0 40px 0 0;
}

div.contenttext {
	position: absolute;
	width: 618px;
	min-height: 520px;
	margin-top: 0px;
	padding: 0 120px 0 20px;
	background-position:0 bottom;  /* sorgt dafuer, das dass Hintergundbild immer unten haengt */
	background-image: url(../images/earth800.gif);
	background-repeat: no-repeat;
}

div.logonavi {
	position: absolute;
	z-index: 21;
	left: 230px;
	top: 20px;
}

div.firma {
	position: absolute;
	right: 30px;
	top: 425px;
	width: 180px;
	height: 180px;
	background-color: transparent;
	background-image: url(../images/firma.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	color: white;
	font-size: 11px;
	text-align: right;
	padding: 0px;	
	padding-top: 20px;
}

div.hinweise {
	font-size: 10px;
}

div#earth150an {
	width: 100px;
	height: 150px;
	position: absolute;
	overflow: hidden;
	top: 20px;
	right: 0px;
	z-index: 10;
}

div#produkteboth {
	float: left;
	width: 550px;
}

div#produkteleft {
	width: 250px;
	color: black;
	float: left;
}

div#produkteright {
	width: 250px;
	color: black;
	float: right;
}

div.produkt {
	width: 220px;
	height: 30px;
	cursor: pointer;
}

span.adresse {
	display: inline-block;
	width: 75px;
}

span.adresse2 {
	display: inline-block;
	width: 200px;
}


/*********************** INPUT ***************************************/

input.menu, input.kontaktbutton {
	cursor: pointer;
}

input.kontaktbutton {
	background-color: transparent;
	border-style: none;
	width: 250px;
	background-image: url('../images/button-produkte.png');
	height: 25px;
	font-size: 14px;
}

input.menu {
	background-color: transparent;
	border-style: none;
	width: 120px;
	background-image: url('../images/button-menu.png');
	height: 20px;
	font-size: 14px;
}



/*********************** IMG *****************************************/

img {
	border-style: none;
}

img#eckelinksunten {
	position: absolute;
	bottom: -6px;
	left: 0px;
	z-index: 10;
}

img#eckerechtsunten {
	position: absolute;
	bottom: -6px;
	right: 220px;
	z-index: 10;
}

img.produkte {
	position: absolute;
	z-index: 10;
}


/*********************** P *******************************************/

p.hinweis {
	font-size: 10px;	
}

p.produkte {
	position: absolute;
	z-index: 20;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	padding-left: 20px;
}

/* p.menu {
	position: absolute;
	z-index: 20;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	padding-left: 20px;
	color: black;
} */

/*********************** A *******************************************/

/* a.menue {
	text-decoration: none;
	border-style: none;
} */


/*********************** H1, H2, H3 ...*********************************/

h5 {
	font-size: 10px;
}