/* CSS Definitionen fuer die dreamind.de Webseite */

/* Die Definition fuer den Dokumentenbody */
html {
	background-color:	#000;
	margin:		0;
	font-family:	Verdana, sans-serif;
}

#outer {
	position:	absolute;
	top:		10em;
	left:		0px;
	width:		100%;
	height:		1px;
}

#inner {
	margin-left:	-250px;
	position:	absolute;
	top:		0px;
	left:		50%;
	width:		600px;
	height:		300px;
}

.bgtext {
	font-size:	150px;
	position:	absolute;
	top:		50px;
	left:		-225px;
	right:		-80px
}

.bgtext, .footertext, div#files, div#me, div#linux, div#imprint, div#mac, div#hardware, div#projects, div#friends, div#news, div#contact_me, div#valid_html, div#valid_css, div#user-agent {
	color:		#1f1f1f;
}

.footertext {
	font-size:	12px;
	position:	absolute;
	top:		320px;
	text-align:	center;
	width:		500px;
}



div#files, div#me, div#linux, div#imprint, div#mac, div#hardware, div#projects, div#friends, div#news, div#contact_me, div#valid_html, div#valid_css, div#user-agent {
	position:	absolute;
}

div#files {
	font-size:	29px;
	top:		56px;
	left:		-100px;
}

div#me {
	font-size:	29px;
	top:		6px;
	left:		0px;
}

div#linux {
	font-size:	50px;
	top:		50px;
	left:		50px;
}

div#imprint {
	font-size:	35px;
	top:		60px;
	left:		300px;
}

div#mac {
	font-size:	50px;
	top:		200px;
	left:		45px;
}

div#hardware {
	font-size:	35px;
	top:		240px;
	left:		-150px;
}

div#projects {
	font-size:	29px;
	top:		265px;
	left:		120px;
}

div#friends {
	font-size:	39px;
	top:		210px;
	left:		260px;
}

div#news {
	font-size:	45px;
	top:		-5px;
	left:		200px;
}

div#contact_me {
	font-size:	28px;
	top:		265px;
	left:		330px;
}

div#valid_html {
	font-size:	12px;
	right:		-80px;
	bottom:		80px;
}

div#valid_css {
	font-size:	12px;
	right:		-114px;
	bottom:		80px;
}

div#user-agent {
	font-size:	12px;
	right:		-114px;
	bottom:		-20px;
}

div#files a:hover span {
	top:		-3px; 
	left:		0px; 
}

div#me a:hover span {
	top:		-3px; 
	left:		0px; 
}

div#linux a:hover span {
	top:		-6px; 
	left:		0px; 
}

div#imprint a:hover span {
	top:		-4px; 
	left:		0px; 
}

div#mac a:hover span {
	top:		-6px; 
	left:		0px; 
}

div#projects a:hover span {
	top:		-2px; 
	left:		0px; 
}

div#hardware a:hover span {
	top:		-4px; 
	left:		0px; 
}

div#friends a:hover span {
	top:		-6px; 
	left:		0px; 
}

div#news a:hover span {
	top:		-6px; 
	left:		0px; 
}

div#contact_me a:hover span {
	top:		-4px; 
	left:		0px; 
}

div#inner a:hover, div#inner2 a:hover {
	background:	none;
}

div#inner a span {
	display:	none;
}

div#inner a:visited span {
	display:	none;
}

div#inner a {
	text-decoration: none;
}

div#inner a:hover span {
	display:	block;
	position:	relative;
	background:	none;
	font-size:	14px
}

div#inner a:link, div#inner a:visited {
	text-decoration: none;
}

div#inner a:hover {
	text-decoration: none
}

div#content {
	position:	absolute;
	top:		-100px;
	left:		-100px;
	width:		700px;
	height:		400px;
	font-size:	14px;
	text-align:	justify;
	padding-right:	10px;
	margin-left:	0;
	padding-bottom:	50px;
}

div#inner div#content a:hover {
	text-decoration: underline;
}

div#urltext {
	font-size:	30px;
	position:	absolute;
	top:		-137px;
	left:		-99px
} 

div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span, div#content div#titlebar, h3 {
	color:		#8d8dff;
}

div#content div#titlebar {
	border:		1px solid #222222;
	background-color:	#000;
	font-weight:	normal;
}

h3 {
	font-size:	14px;
	font-weight:	normal;
	margin-right:	6px;
	margin:		6px;
	margin-left:	2px;
	border:		1px solid #222;
	padding:	4px
}

h3 span {
	display:	block;
	font-size:	6px;
}

.imgtext {
	width:		530px;
	margin-bottom:	30px;
}

div.img {
	position:	relative;
	float:		right;
	right:		10px;
}

td, div#inner a, div#content {
	color:		#bbb;
}

div#valid_css a, div#valid_html a {
	color:		#666;
}

img {
	border:		0;
}

#my_itunes {
	width:		435px;
	margin-left:	150px;
	margin-top:	20px;
	height:		330px;
}