/* Grundlegende Angaben zum Layout*/
/* v2 ohne container und daher mit automatischem Seitenabschluss*/

body 		{background:#999;
			margin-left:0px; 
			margin-top:0px;
			position:relative;
			}
			
/* Positionen */
			
#main		{position:relative; top:0px;left:0px;
			padding-top:187px; padding-left:180px;
			width:370px;
			padding-right:265px; 
			margin-left:auto; margin-right:auto;
			background:url(http://www.cetacea.de/pics/back_shadow_820.png)
			repeat-y;
			border-bottom:solid 1px #666;
			}			

			
#top 		{position:absolute; top:0px; left:9px; 
			background:url(http://www.cetacea.de/news/pics/walrettung_jher_800.jpg)  no-repeat;
			padding-left:100px;
			width:700px;
			z-index:10;
			height:187px;
			border-bottom:solid 1px #000000;
			}	
					
#header_text {	position:relative;
					top:15px;
					left:430px;
					width:270px;
				}	
			
#rechteSpalte
			{position:absolute; 
			top:187px; left:580px; 
			width:228px;
			background:#f9f9fc;
			border-left:solid 1px #ccc;
			border-bottom:solid 1px #ccc;
			padding:0px;
			text-align: left;
			}

#menu		{
			position:absolute;
			top:170px;
			left:9px;
			width:152px;
			background:#000046;
			border-right:solid 0px #000000;
			z-index:5;text-align:left;
			}

#bottomlink {
			width:600px;
			color:#b30000;
			font-size: 10px;
			text-align:center;
			}

/* Textauszeichnung */

p,h,a,li
			{font-family:verdana,arial,sans-serif;}


/* Lauftext, Listen */

.text
		 {line-height:18px;
		 font-size:12px;
		}
.news
		 {line-height:18px;
		 font-size:12px;
		}
		
		
.text_ind	 {
			line-height:18px; 
			text-indent:20px; 
			margin-top:-10px;
			font-size:12px;
			}
			
.termin {	text-align:left;
			margin-left:15px; 
			text-indent:-7px;
			margin-right:7px
			}			
			
.status {	line-height:18px;
			font-size:12px;
			color:#666;
			margin-bottom:-12px;
}			
.status a {visibility:hidden}

			
/* Ueberschriften */

h1 {	text-align:left;
		font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size: 14px;
		line-height:21px;
		font-weight:bold;
		background:#ffffff;
		color:#336;
		padding-bottom:2mm;
		margin-bottom:-10px; }

h2 {	text-align:left;
		font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size: 14px;
		line-height:21px;
		font-weight:bold;
		background:#ffffff;
		color:#336;
		padding-bottom:2mm;
		margin-bottom:-10px; }

h2 a:link {color:#336}
h2 a:visited {color:#336}
h2 a:hover {color:#600;text-decoration:underline;}


h1.seitentitel {
				font-family:helvetica,arial,sans-serif;
				color:#ffffff;
				font-size:24px;
				background:transparent;
				}

h4.news4 {text-align:left;
		font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size: 14px;
		font-weight:bold;
		background:#ffffff;
		color:#000042;
		padding-bottom:2mm;
		margin-bottom:-10px; }


p.news5 {text-align:center;
		font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:0px;
		color:#000000;}

p.news2 { font-family:verdana, sans-serif; 
			font-size:12px;
			line-height:18px;
			color:#333;
			margin-top:5px;
			border-left:solid 10px #ccd;
			padding-left:7px;
			font-weight:bold;
			}



/* Bildunterschriften */

p.caption {text-align:right;
			font-size:0.7em;
			color:#999999;
			margin-top:0px;
			}


/*  Autor Link*/
a.autor:link {text-decoration:none; 
		color:#666699;
		 }		



/* Kommentare Link zum Forum */
			
p.comment	{line-height:12px;
		 	font-size:10px;
			color:#999999;
			text-align:right;
			background:#f9f9f9;
			border:solid 1px #dddddd;
			padding:1px;
			}
			
a.comment:link {		text-decoration:none;color:#cc9999}
a.comment:visited {	text-decoration:none;color:#cc9999}
a.comment:hover {		text-decoration:none;color:#990000}
a.comment:active {	text-decoration:none;color:#ffffff; background: #cc9999; }


		
/* TEXTAUSZEICHNUNGEN */
		
.gesperrt {letter-spacing:3px;color:#aaaacc}

.grau {color:#666666}
		
.mittelgrau {color:#cccccc}

.red {color:#990000}

.center {text-align:center}

.edit {			color:red;
					text-decoration:line-through
					}




/* Links allgemein */
					
a 			{	text-decoration:none;}					
a:link 	{	color:#009}
a:visited 	{	color:#339}
a:hover 	{	color:#933;text-decoration:underline;}
a:active 	{	color:#cc0000; }

a.graublau:link 		{color:#555566}
a.graublau:visited 	{color:#555566}
a.graublau:hover 		{color:#995555}
a.graublau:active 	{color:#ff5555}

a.black {color:#000}


/*  Kasten fuer Termine */

div.plakat {	background:#ddcccc;
			padding:15px;
			border:dotted 1px #333333;
			text-align:center;
			font-family:georgia,times,serif;}

/*  NEWS Kurzzusammenfassungen */

.news_kurz {text-indent:-40px;margin-left:40px;}

#news2 	a:link, a:visited {color:#336;}
#news2 	a:hover {color:#633;text-decoration:underline;}

#news2 p {font-size:11px;margin-bottom:-7px;}

#news2 p.text {font-weight:bold;background:#eee;margin-top:12px;}


/* START Anweisungen fuer die RECHTE SPALTE */

/* RECHTE SPALTE Archivverweise */
			
p.datum {font-size: 11px; 
		line-height:14px; 
		text-align:left; 
		padding: 2px 10px; 
		color: #000000;  
		}
			

/*  RECHTE SPALTE Externe Links nocomment links in blau 10 Pixel*/

a.nocomment {		font-size: 10px;
					line-height:16px;
					padding:1px;
				}
a.nocomment:link {		color:#0000b3;
				 }
a.nocomment:visited {	color:#66b;
				 }
a.nocomment:hover {		background:#66b;
							color:#fff;
				 }
a.nocomment:active {		background:#33b;
							color:#fcc;
				 	}



/*  RECHTE SPALTE Externe Links in rot 10 Punkt*/

a.link:link {	font-size:10px;
				font-weight:bold;
				color:#966;
			 }
a.link:visited {
				color:#966;
				 }
a.link:hover {
				text-decoration:underline;
				color:#c66;
				}
a.link:active {
				text-decoration:underline;
				color:#966;
				}

			
/* Rechte Spalte index.php */

.text_qn {	font-family:'lucida grande', verdana, sans-serif;
			font-size:10px;
			color:#666699;
			padding: 2px 10px;
			margin:2px 0px;
			}

p.plus {	text-align:left;
		padding:0px 5px; 
		font-size:0.7em;
		color:#666666; 	
		margin-left:5px; 
		margin-top:10px; 
		margin-bottom:10px;
		border-left:solid 10px #ccccdd;
		}


/* Rechte Spalte Ausklappformate */

.trigger{
			cursor:pointer;
		}		
.trigger:hover{
			cursor:pointer;
			background:#fff;
		}		
.expanded{
			background:#fff;
			cursor:pointer;
		}
.expanded:hover{
			background:#ccc;
			cursor:pointer;
		}
.show{
     position:static;
     display: table;
		}
.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}

p.datum img	{	border:none;
					padding-right:.5em;
					}					

/* ENDE Anweisungen für die RECHTE SPALTE */

					


/* Haupt-Menue Block links */

p.mainmenulink {color:#99999c;
					font-size:0.7em;
					font-weight:bold;
					padding-left:18px;
					line-height:14px;
					margin-top:-10px;
					}

p.mainmenumainlink {color:#99999c;
					font-size:0.8em;
					font-weight:bold;
					padding-left:10px;
					line-height:14px;
					}

a.mainmenumainlink:link 	{color:#eeeeee;}
a.mainmenumainlink:visited 	{color:#eeeeee;}
a.mainmenumainlink:active 	{color:#ffcccc;}
a.mainmenumainlink:hover 	{color:#ffff66;}

a.mainmenulink:link 			{color:#99999c;}
a.mainmenulink:visited 		{color:#99999c;}
a.mainmenulink:active 		{color:#ffcccc;}
a.mainmenulink:hover 		{color:#ffffff;}


/* Fragen und Anregungen... */

p.small {font-family:verdana,helvetica,arial,sans-serif;
		color:#666666;
		font-size: 10px;
		}





/* COPYRIGHT INFO AM SEITENBODEN */

p.bottomlink {font-family:helvetica,arial,sans-serif;
		color:#aaaaaa;
		font-size:10px;
		text-align:center;
		}

div.bottomlink {font-family: helvetica, arial, sans-serif;
		color:#b30000;
		font-size:10px;
		text-align:center;
		}

a.bottomlink:link {
		font-family: verdana, helvetica, arial, sans-serif;
		color:#0000b3;
		font-size:10px
		}

a.bottomlink:visited {
		font-family: verdana, helvetica, arial, sans-serif;
		color:#0000b3;
		font-size:10px
		}

a.bottomlink:active {
		font-family: verdana, helvetica, arial, sans-serif;
		color:red;
		font-size: 10px
		}