/* *** css by lichterkettenraucher. www.lichterkettenraucher.de*/


body {
	padding:0;
	margin:0;
	background: #fff url(back.jpg) repeat-x;
}

/* @group elements */

#container {
	width: 815px;
	margin:0 auto;
	padding: 0px 50px 0px 50px;
	background: #fff url(back.jpg) repeat-x;
}


#mail{
	background-color:#fff;
	padding-left:10px;
}

#header {
	margin: 0;
	padding: 0;
	background:url(head.jpg) no-repeat;
	width:830px;
	height:603px;
	
}

#content {
	margin-top:-100px;
	width:815px;
}


.arbeit, .vc {
margin-bottom:40px;

}


#portfolio, #musik{display:none;
	margin:0px 0px 50px 0px;
}


.navi {
	position:absolute;
	margin-top: 428px;
	margin-left:0px;
	padding:0px 0px 0px 10px;
	
}


#flickr {
width: 810px;
margin: 20px 0px 0px 0px;
padding:20px 0px 0px 0px;
padding-left:0px;
border-top:1px solid #ddd;
}

.player {float:right;
clear:both;
padding:40px 350px 20px 20px;

}	

#footcontainer {
	clear: both;
	padding:20px 0px 50px 0px;
	margin: 100px 0px 0px 0px;
	height:250px;
    background:#000;
}	





.foot {
	clear:both;
	margin: 0 auto;
	padding-left:20px;
	width:830px;
}

.footlasthead {background:url(last.gif) top left no-repeat;
	height:150px;
	width:155px;
}

.footlast {background:url(http://imagegen.last.fm/blackseroonie/recenttracks/lichterkettenraucher.gif) top left no-repeat;
	margin-top:-120px;
	height:120px;
}



/* @end */




/* @group typography & links */

p, li {
	color:#000;
	font: 11px/16px Helvetica, Verdana, sans-serif;
	text-align:justify;
	margin:10px 50px 10px 320px;
	padding-bottom:10px;
	list-style-type: square;
}


#mail p{
	color:#000;
	font: 11px/16px Helvetica, Verdana, sans-serif;
	text-align:justify;
	margin:0;
	padding-bottom:10px;
}


.foot p {
	margin:0;
	color:#fff;
	font: 10px/21px helvetica, verdana, sans-serif;
	
}

/* general links */

a { outline:none; }
a img { border: 0; }

#flickr a:link {
	color: #000;
	text-decoration: none;
	border-bottom:1px dotted #fff;
	
}


#portfolio a:link, #portfolio a:hover, #portfolio a:active, #portfolio a:visited{
	color: #000;
	text-decoration: none;
	border-bottom:none;
	
}


.navi a:link, .navi a:visited {
	color: #000;
	text-decoration: none;
	border-bottom:1px solid #fff;
	
}

.navi a:hover {
	color: #000;
	text-decoration: none;
	border-bottom:1px solid #5c832f;
	
}

.navi a:active {
	color: #000;
	text-decoration: none;
	border-bottom:2px solid #ddd;
	
}



.foot p a:link, .foot p a:visited{
	color: #fff;
	text-decoration: none;
	border-bottom:none;
	
}

.foot p a:hover {
	color: #ddd;
	text-decoration: none;
	border-bottom:1px solid #ddd;
	
}

.foot p a:active {
	color: #ddd;
	text-decoration: none;
	border-bottom:none;
	
}

a, a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

a:hover {
	color: #5c832f;
	border-bottom: solid 1px #5c832f;
	
}

a:active { color:#aaa;
border-bottom: dotted 1px #aaa;
}

p input, p textarea {
	border:1px solid #ccc; margin-top:5px;
}

p input{
	height:20px; width:200px;
}


/* footer */



h1 {
	padding:0 0 0 0;
	color: #ddd;
	font: 14px/21px helvetica, verdana, sans-serif;
	letter-spacing:1px;
}

/* headline */

h2 {
	margin-left:11px;
	font: 12px helvetica, verdana, sans-serif;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}

h3 {margin-left:11px;
	color:#000;
	font: 11px/21px helvetica, verdana, sans-serif;
}

/* @end */

/* @group images */

img.download {vertical-align:middle;}






.pic  {clear:both;
float:left;
margin:20px 20px 20px 10px;
background:#fff;
padding:4px;
border: 1px solid #aaa;
}

.disc  {
margin:20px 0px 0px 10px;
background:#fff;
padding:2px;
border: 1px solid #aaa;
}


#flickr img {
margin:0px 8px 10px 8px;
padding:4px;
border: 1px solid #aaa;
}



.port {width: 244px;
height:94px;
margin:25px 5px 0px 10px;
padding:4px;
border: 1px solid #aaa;
}

/* @end */