body { 		text-align:center;
			background:#A8ACCF;
			padding:10%;
			}


#top {		position:absolute; 
			top:0px; 
			left:5%; 
			text-align:center; 
			width:800px; 
			z-index:1
			}


#logo {		position:absolute; 
			top:0px; 
			left:0px; 
			width:315px; 
			z-index:31
			}

#linie {		position:absolute; 
			top:0px; 
			left:315px; 
			width:239px; 
			height:54px; 
			background-image:url(mmbib-linie.jpg); 
			z-index:32
			}

#mmka {	position:absolute; 
			top:0px; 
			left:540px; 
			width:270px; 
			z-index:33
			}

#titel {		position:absolute; 
			top:96px; 
			left:150px; 
			z-index:34
			}



#linke_Spalte { position:absolute; 
			top:150px; 
			left:30px; 
			width:493px; 
			background:#ffffff;
			background:url(pics/mmbib_background.gif); 
			border:solid 0px 1px 1px 1px #666666; 
			padding: 10px 286px 0px 20px; 
			overflow:visible; 
			border-right:solid 1px #545885; 
			z-index:2
			}

#contentLeft {
		position:absolute; top:10px; left:0px; 
		width:12px; 
		background:#A8ACCF; 
		background-image:url(content-left.gif); 
		z-index:3;}

#rechte_Spalte { position:absolute; 
		top:25px; 
		left:533px; 
		width:250px; 
		border-top:solid 0px #666666; 
		z-index:4; 
		}


#contentBottom {
		position:absolute; 
		left:0px ; 
		width:800px;
		background:url(content-bottom.jpg) no-repeat; 
		border:solid 0px #666666; 
		height:23px; 
		z-index:5}

#bottom { position:absolute; 
		left:0px; 
		width:703px; 
		z-index:6;}

#contentTop {position:absolute; 
		top:-5px; 
		left:0px ; 
		width:800px;background:#A8ACCF; 
		border:solid 0px #666666; 
		height:23px; 
		z-index:7}

#cetacea {				display:block;
							width:420px;
							z-index:1;
							position:relative;
							}					
#pinnipedia {			display:none;
							width:420px;
							z-index:1;
							position:relative;
							}		
#other_marine_mammals {					display:none;
							width:420px;
							z-index:1;
							position:relative;
							min-height:600px;
							}		

#selector a {			padding:3px;
							background:#f3f3ff;
							border:solid 1px #ccd;
							}
#selector a:hover {	background:#336;
							color:#fff;
							text-decoration:none;
							border-bottom:dotted 1px #fff}

h1 {
		font-family: Verdana, Helvetica, Geneva, sans-serif;
		font-size: 16px;
		text-align: left;
		color: #000000;
		}

h3 {
		font-family: Verdana, Helvetica, Geneva, sans-serif;
		font-size: 13px;
		line-height:21px;
		text-align: left;
		color: #333333;
		}

.text {
		font-family: Verdana, Helvetica, Geneva, sans-serif;
		font-size: 12px;
		line-height:18px;
		text-align: left;
		color: #333333;
		}

.small {
		font-family: Verdana, Helvetica, Geneva, sans-serif;
		font-size: 11px;
		text-align: center;
		color: #666666;
		}

tr.t1 {background-color:#eee; text-align:left;vertical-align:top;}

tr.t2 {background:#ddd; text-align:left;vertical-align:top;}


td {
		font-family: Verdana, Helvetica, Geneva, sans-serif;
		font-size: 12px;
		color: #333333;
		}
		
.grey {color:#999999;}


a:link {color:#333399; 
		text-decoration:none;}
a:visited {color:#333399; 
		text-decoration:none;}
a:active {color:#990000; 
		text-decoration:underline;}
a:hover {color:#545885; 
		text-decoration:underline;}

a.hellblau:link {color:#ddddee; 
		text-decoration:none;}
a.hellblau:visited {color:#ddddee; 
		text-decoration:none;}
a.hellblau:active {color:#990000}
a.hellblau:hover {color:#545885}

a.menu2:link {color:#545885; 
		text-decoration:none;}
a.menu2:visited {color:#545885; 
		text-decoration:none;}
a.menu2:active {color:#990000; 
		text-decoration:underline;}
a.menu2:hover {color:#111166; 
		text-decoration:underline;}

li.menu {font-family:futura, 'arial black',sans-serif; 
		text-align:left; 
		font-size:12px; 
		list-style-type:none; 
		line-height:12px; 
		background:#eeeeee; 
		border:dashed 1px #cccccc; 
		padding:4px; 
		margin:0px 0px 0px 10px
		}

ul.text	{list-style-type:none;
		padding-left:0px;
		margin-left:0px;
		}			

li.text {	margin-bottom:18px;}