body { 
  background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:black;

}

A:link{ color:#275A78; text-decoration:none; }
A:hover{ color:#333333; text-decoration:underline; }
A:active{ color:#275A78; text-decoration:none; }
A:active:hover{ color:#333333; text-decoration:underline; }
A:visited{ color:#275A78; text-decoration:none; }
A:visited:hover{ color:#333333; text-decoration:underline; }



	#leftcontent {
		position: absolute;
		left:0px;
		top:0px;
		width:282px;
		height:220%;
		background:#f9ecd5;
		border:0px solid ;
		}
#leftcontent p {font-size:10px;
color:660000;
text-align:center;
padding-top:20px;}

		#header{
background:url(notebook-header.png) no-repeat #F9ecd5 top left;
width:282px;
height:439px;
margin-left:0;
margin-right:auto;
margin-bottom:0;
text-align:right;
float:left;
}

#navcontainer{
position:absolute;
margin-top:440px;
margin-left:21px;
width:250px;
	background:#f4ddb1;
}

 #navlist li{
margin-left:15px;
list-style-type: none;
text-align:right;
padding-right: 20px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:20px;
color:#8d6464;
font-weight:bold;
}

#navlist li a:link { color: #8d6464; text-decoration:none; }
#navlist li a:visited { color: #999999; text-decoration:none; }
#navlist li a:hover {color: #990000; text-decoration:none; }

	#centercontent {
	padding:10px 20px;
			top:0px;
		background:#fff;
   		margin-left:282px;
   		margin-right:230px;
		border:0px solid ;
			text-align:justify;
		font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; 
		voice-family: inherit;
   		min-width:300px;
		}
	html>body #centercontent {
   		margin-left:282px;
   		margin-right:230px;
		}

	#rightcontent {
		position: absolute;
		right:0px;
		top:0px;
		width:230px;
		height:218%;
		background:#f4f4f4;
		border:0px solid ;
		padding:5px;
		text-align:center;
		}
	
	#banner {
		background:;
		height:px;
		border-top:0 solid ;
		border-right:0 solid ;
		border-left:0 solid ;
	
		voice-family: "\"}\"";
		voice-family: inherit;
		height:-1px;
		}
	html>body #banner {
		height:-1px;
		}

	h1{
font-size:21px;
line-height:25px;
font-weight:bold;
color:#710000;
}
h2{
font-size:16px;
font-weight:bold;
color:#8C7364;
}
h3{
font-size:12px;
font-weight:bold;
color:#8C7364;
}


a.laptop span{display: none; 
background-image: url(laptop-sleeve/designer-laptoptasche.png); 
}

a.laptop:hover span{ 
    display:block; 
    position:absolute; 
    top:20px; left:10px; width:450px; height:500px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.laptop:hover{z-index:2; background-color:#fff;} 

a.notebook span{display: none; 
background-image: url(laptop-sleeve/notebooktasche-blau-gr.png); 
}

a.notebook:hover span{ 
    display:block; 
    position:absolute; 
    top:20px; left:10px; width:500px; height:540px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.notebook:hover{z-index:2; background-color:#fff;} 

a.tasche span{display: none; 
background-image: url(laptop-sleeve/tasche-gr.png); 
}

a.tasche:hover span{ 
    display:block; 
    position:absolute; 
    top:20px; left:10px; width:750px; height:521px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.tasche:hover{z-index:2; background-color:#fff;} 

#footer {padding-top:200px;
color:#cccccc;
font-size:10px;}

#footer a {color:#cccccc;
font-size:10px;}

a.laptophuelle-weiss span{display: none; 
background-image: url(laptop-sleeve/weisse-laptophuelle.png); 
}

a.laptophuelle-weiss:hover span{ 
    display:block; 
    position:absolute; 
    top:450px; left:20px; width:135px; height:150px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.laptophuelle-weiss:hover{z-index:2; background-color:#fff;} 

a.laptophuelle-schwarz span{display: none; 
background-image: url(laptop-sleeve/schwarze-tasche-kl.png); 
}

a.laptophuelle-schwarz:hover span{ 
    display:block; 
    position:absolute; 
    top:450px; left:60px; width:150px; height:127px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.laptophuelle-schwarz:hover{z-index:2; background-color:#fff;} 



a.laptophuelle-blau span{display: none; 
background-image: url(laptop-sleeve/dunkelblaue-laptop-tasche-kl.png); 
}

a.laptophuelle-blau:hover span{ 
    display:block; 
    position:absolute; 
    top:450px; left:100px; width:141px; height:150px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.laptophuelle-blau:hover{z-index:2; background-color:#fff;} 


a.laptophuelle-hellblau span{display: none; 
background-image: url(laptop-sleeve/hellblaue-notebook-tasche-kl.png); 
}

a.laptophuelle-hellblau:hover span{ 
    display:block; 
    position:absolute; 
    top:450px; left:140px; width:140px; height:150px; 
    border:1px solid #ff9800; 
    background-color:#fff; color:#000; 
    text-align: center}
	
a.laptophuelle-hellblau:hover{z-index:2; background-color:#fff;}