/*-----------------------------------------------------------------------------
project:	DMT42
version:	1.0
website:	http://www.life42.de/
-----------------------------------------------------------------------------*/

/*** GENERAL ***/

* { margin: 0; padding: 0; } /* Remove padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {	margin: 1em 0; } /* Put it back on certain elements */
.clear { clear:both; } /* Class for clearing floats */
img { border: 0; } /* Remove border around linked images */
a { outline: none; }

/* main part */
body { background:#2c2c2c url(../images/42a.jpg) no-repeat; }
#world { height:550px; width:999px;	background-color: transparent; position:relative; }
#middle { position:absolute; top:0px; left:0px;	height:550px; width:999px; }
#header { height: 20px;	width:450px; margin-left:35px;	padding-bottom:0px; }

/* hack - IE 5 \*/
#world { margin: 110px auto 0px; }
/* end hack */

/*#world { position:absolute;	margin:-250px 0 0 -499px; left:50%; top:50%;*/

#logo {
	position: absolute;
	top: -65px;
	left:790px;
	width:180px; 
	height:70px;
	background: url(../images/logo.png) no-repeat; 
	behavior: url(iepngfix.htc);
}



#leftbox { width:494px; height:500px; float:left; background: url('../images/left.png') no-repeat; }
#rightbox { width:499px; height:500px; float:left; background: url('../images/right.png') no-repeat; }

#leftbox #left_bilder { margin-left:14px; margin-top:70px; }
#rightbox #right_text { margin-left:30px; margin-top:70px; width:420px; height:346px;}

.index {line-height:18px;}
.kontakt {line-height:16px; }
.impressum { line-height:18px; }

.kontakt, .impressum { font-size: 11px;}

strong { font-size:12px;
}

/* hack - IE 5 \*/
.index, .kontakt, .impressum {
font-size: 11px; 	
}
/* end hack */

#footer { width: 995px; margin-left:0px; }
.thumbs { width: 700px; float:left;  margin-left:35px; text-align: left; }
.vorzur { width: 200px; float: right; margin-right:40px; text-align: right; margin-top: -4px; }

/*** TYPOGRAPHY ***/

body { font: 76.0%/1.7 Tahoma, "Trebuchet MS", Tahoma, Verdana, sans-serif;	color: white;
}
#header { font-size: 90.0%; }
#footer { font-size: 90.0%; }

/*** LINKS ***/

a {	text-decoration:none; color: white; }

a:hover { border-bottom: 1px #ddd solid; padding-bottom:2px; }

#footer a {
	border:none;
	height:20px;
	padding:5px 12px;
	background: url('../images/_ico_01.gif') no-repeat;
	color: white;
}

#footer a.act {
	background: url('../images/_ico_03.gif') no-repeat;
}
#footer a:hover {
	background: url('../images/_ico_02.gif') no-repeat;
	color:white;
}

#footer a.nav, #footer a.nav:hover {
	background: none;
	padding:2px 3px 5px;
	color: white;
}

/*** CONTENT ***/

/*** FOOTER ***/

/*** IMAGES ***/

filedset {
border: none;
}


.tool-tip {
	color: #fff;
	width: 169px;
	z-index: 13000;

}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 6px 8px 4px;
	background: url(../images/bubble.png) top left no-repeat;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 6px;
	background: url(../images/bubble.png) bottom left no-repeat;
}
 
.custom-tip {
	color: #000;
	width: 160px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 12px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


