@charset "utf-8";
/* Allgemeine Deklarationen */

body {	background-image:url(../graphix/bg.jpg);
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		font-size:11px;
		}
		
a:active {color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;}

a:visited {color:#6c0099; /*5069d4*/
		font-weight:bold;
		text-decoration:none;}

a:hover {color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;}
			
a:link {color:#6c0099;
		text-decoration:none;
		font-weight:bold;}

/* Text bzw Content-Formatierung */

h1 {font-size:15px;
	color:#6c0099;
	margin:0;
	}

h2, h3,h4,h5,h6 {font-size:13px;
	color:#336699;
	margin:0;
	}

p {line-height:normal;
	word-spacing:normal;
	margin:0;
	}

img {border:0;}

pre {
	margin:0;
	display:inline;
	}

#mahself {
	border:2px solid black;
	margin:4px;
	}

/* Twitter */

#twitter {
	position:relative;
	width:596px;
	height:197px;
	padding:2px;
	border:1px solid #6c0099;
	background-image:url(../graphix/twitter.png);
	font-size:10px;

}

#twitter_update_list {
	list-style-position:inside;
	list-style-type:none;
	padding:10px;
	margin:0;
}

li {display:block;
	padding:5px;
	border-bottom:2px solid #9d9d9d;}

/* Div-Formatierung */
#mainframe {	
				text-align:left;
				position:relative;
				width:800px;
				min-height:600px;
				margin:0;
				border:1pt solid #000000;
				background-color:#CCCCCC;
 				margin-left:auto;
				margin-right:auto;
				margin-top:0;}
				
#header {	width:800px;
			height:150px;
			background-image:url(../graphix/header.jpg);
			}

#navi {	width:auto;
		text-align:center;
		border-bottom:1px solid #000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		}


#content {	width:auto;
			padding:20px;
			padding-bottom:30px;
			/*overflow:auto;
			height:350px;*/
			background-image:url(../graphix/bg-fun.jpg);
			background-position:left;
			background-repeat:repeat-y;
			}

#text {
		width:80%;
		margin:0 auto;
		min-height:295px;
		}

#line {
		width:100%;
		height:2px;
		background-color:#9d9d9d;
		
		}

			
#footer {	width:auto;
			color:#CCCCCC;
			background-color:#663366;
			background-image:url(../graphix/footer_bg.jpg);
			border-top:1px solid #000000;
			text-align:center;
      		position: absolute;
        	bottom: 0;
			width:100%;
        	left:0;
        	z-index: 1;
			}
			
/* Navi-Hover-Effekt */
			
#home      { 
background-image:url(../graphix/home.jpg);
width:100px; 
height:25px; 
display:inline-block;}

#home:hover { 
	background-image:url(../graphix/home2.jpg); }

#nellyaa      { 
background-image:url(../graphix/nellyaa.jpg);
width:100px; 
height:25px; 
display:inline-block;}

#nellyaa:hover { 
	background-image:url(../graphix/nellyaa2.jpg); }
	
#information      { 
background-image:url(../graphix/information.jpg);
width:100px; 
height:25px; 
display:inline-block;}

#information:hover { 
	background-image:url(../graphix/information2.jpg); }
	
#commissions      { 
background-image:url(../graphix/commissions.jpg);
width:100px; 
height:25px; 
display:inline-block;}

#commissions:hover { 
	background-image:url(../graphix/commissions2.jpg); }

#shop      { 
background-image:url(../graphix/shop.jpg);
width:100px; 
height:25px; 
display:inline-block;}

#shop:hover { 
	background-image:url(../graphix/shop2.jpg); }

#credits      { 
background-image:url(../graphix/credits.jpg);
width:100px; 
height:25px; 
display:inline-block;}

#credits:hover { 
	background-image:url(../graphix/credits2.jpg); }

#artwork      { 
background-image:url(../graphix/artworkgallery.jpg);
width:120px; 
height:25px; 
display:inline-block;}

#artwork:hover { 
	background-image:url(../graphix/artworkgallery2.jpg); }