/**********************************************************/
/***** CSS 2 StyleSheet fuer sebe-achim.de  ***************/
/*****              Café online	        ***************/
/*****              (c) Nils Pickert        ***************/
/*****	Anpassung f. 3-spaltig u. aufgepeppt **********/
/**********************************************************/

/******* Allgemeines Layout *******************************/


body 		{
     		background-color: #f5f5f5;
     		font-family: Bitstream Vera Sans, Verdana, Helvetica, sans-serif;
		}


div.hdrimg {
		background:	#ffffff;
		position: 	absolute;
		top:	  	5px;
		left:		5px;
		}

div.hdrtext 	{
	   	position: absolute;
	   	top:	     0px;
	   	left:     25%;
		padding-top: 25px;
	   	font-size: xx-large;
	   	font-weight: bold;
	   	}


div.hdrnavi	{
		position:		relative;
		margin-left: 	30%;
		padding: 		15px 0 15px 0;
		}

div.corpus	{
		clear:	both;
		position:	relative;
		top:		relative;
		}

div.navi 	{
		position: 	relative;
		top:		relative;
		float: 	left;
		width:	20%;
		margin:	0;
		padding:	2px;
		list-style:	none;
 		font-size: 	small;
		line-height: 200%;
		background-color: #BBFFFF;
		}

div.info	{
		position:	relative;
		top:		relative;
		float:	right;
		width:	20%;
		margin:	auto;
		padding:	0em;
		font-size:	small;
		background-color: #BBFFFF;
		}

div.text 	{
		position: 	relative;
		background:	#ffffff;
	     	top:      	auto;
	     	margin:     0 20% 0 21%;
		padding:	1em;
	     	font-size:  medium;
	     	}

div.standort  {
		
		left:		30%;
		font-size: 	small;
		color:	gray;
		}

div.einrueckung  {
	    	margin-left: 1em;
		}

div.einrueckweit  {
	     	width:    	80%;
	      text-align: left;
		margin-left: 10em;
		}

div.footnote {
	     	text-align: right;
	     
		color:	gray;
	     	padding: 	2ex 5ex 15ex 0ex;
		font-size: 	x-small;	     
		}

div.zertifikat	{
		text-align: right;
		margin-left: 2em;
				}

div.spreizung {
		line-height: 140%;
		}

span.einrueckung {
	    	margin-left: 1em;
		}

span.einrueckweit {
	     	width:    	80%;
	      text-align: left;
		margin-left: 10em;
		}

span.brotkrume {
		margin-left: 20px;
		}


h3		{
		background-color:	#BBFFFF;

		}

h4		{
		font-size: 	120%;
		text-align: left;
		background-color: #E0FFFF
		}


h5		{
		font-size: 	x-small;
		text-align: left;
		font-weight: lighter;
		}

h6		{
		font-size: x-small;
		text-align: left;
		}

ul.spreizung {
		line-height: 150%;
		}

ul.menu 	{
		position: absolute;
		top: 		120px;
		left: 	2px;
		width:	150px;
 		font-size: small;
		line-height: 100%;
		list-style:	none;
		}

ul.menu li	{
		padding: 0 0 12px 0;
		}
ul.menu li.lang {
		minimum-height:	30px;
		padding: 0 0 12px 32px;
		}
ul.menu li.de  {
		background: url(imgflags/de_flag.gif) no-repeat;
		}
ul.menu li.efa {
		background: url(imgflags/efa_flag.gif) no-repeat;
		}
ul.menu li.en {
		background: url(imgflags/uk_flag.gif) no-repeat;
		}
ul.menu li.fr {
		background: url(imgflags/fr_flag.gif) no-repeat;
		}
ul.menu li.pl {
		background: url(imgflags/pl_flag.gif) no-repeat;
		}
ul.menu li.lv {
		background: url(imgflags/lv_tn.jpg) no-repeat;
		}
ul.menu li.tr {
		background: url(imgflags/tr_flag.jpg) no-repeat;
		}

td 		{
 		padding-left:	5px;
    		padding-right:	5px;
    		letter-spacing: 	1px;
		}

td.hdrtext	{
     		text-align: left;
	   	font-size: xx-large;
	   	font-weight: bold;
	   	}

th  		{
     		font-family: Verdana, Helvetica, sans-serif;
     		padding-left:	5px;
     		padding-right:	5px;
     		letter-spacing: 	1px;
     		text-align: left;
		}

table		{
		width:		100%;
 		height:		2em;
		border-style:	collapse;
		border-width: 	3px;
		border-color:	gray;
		border-padding: 	1em; 
		border-collapse: 	collapse;
		border-spacing: 	2pt ;
		empty-cells: 	show; 
		}

table.normal
		{
		width:		100%;
 		height:		2em;
		border-style:	collapse;
		border-width: 	3px;
		border-color:	gray;
		border-padding: 	1em; 
		border-collapse: 	collapse;
		border-spacing: 	2pt ;
		empty-cells: 	show; 
		}
               

tr.header-normal
		{
		background:  	#CFCFCF;
		}

tr.normal	{ 
		border-top: 	1px solid gray;
		}

td.normal	{
		border-style: 	1px; 
		border-padding: 	1em; 
		}


table.gelb
		{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#FFEC8B;		
		}

tr.header-gelb
		{
		background:		#FFFF00;
		}

tr.gelb	{ 
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}

table.rosa	{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#FFC1C1;		
		}

tr.header-rosa
		{
		background-color:	#CD9B9B;
		}

tr.rosa	{
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}


table.rot	{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#FF8C69;		
		}

tr.header-rot
		{
		background-color:	#FF4500;
		}

tr.rot	{
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}

table.gruen	{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#C1FFC1;		
		}

tr.header-gruen
		{
		background-color:	#9AFF9A;
		}

tr.gruen	{
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}

table.blau	{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#B0E2FF;		
		}

tr.header-blau
		{
		background-color:	#87CEFF;
		}

tr.blau	{
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}
table.hellblau	{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#BBFFFF;		
		}

tr.header-hellblau	{
		background-color:	#98F5FF;
		}

tr.hellblau	{
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}

table.hellgruen	{
		border:		border;
		border-style:	solid;
		border-width:	thin;
		width:		100%;
 		height:		2em;
		border-spacing:	2px;
		cell-spacing:	2; 
		cell-padding:	5;
		background:		#C1FFC1;		
		}

tr.header-hellgruen	{
		background-color:	#54FF9F;
		}

tr.hellgruen	{
		border:		border;
		border-style:	solid; 
		border-width:	thin;
		border-top: 	1px solid gray;
		}


img.links    {
	     	float:right;
	     	text-align:right;
	     	margin-top:5px;
	     	margin-bottom:5px;
	     	margin-right: 30px;
		}

img.rechts    {
	     	float:left;
	     	text-align:left;
	     	margin-top:5px;
	     	margin-bottom:5px;
	     	margin-left:100px;
		}

img.zentral    {
		float:left;
	     	text-align:left;
	     	margin-top:5px;
	     	margin-bottom:5px;
	     	margin-right: 30px;
		}

a:link 	{
     		font-weight: bold;
     		text-decoration: none;
     		}
a:visited 	{
     		font-weight: bold;
     		text-decoration: none;
     		}
a:active 	{
     		font-weight: bold;
     		text-decoration: none;
     		}