﻿#site_content
{ margin-left:          auto;
  margin-right:         auto;
}
html, body 
{
  margin:               0px;
  height:               100%;
  width:                100%;
  background-color:   #666666;
}
#header 
{
  margin:               0px auto 0px;
  height:               199px;
  width:                1030px;
}
#header table 
{
  border:               none;
  width:                100%;
  border-collapse:      collapse;
}
#header td.left 
{
  text-align:           left;
  margin:               0px 0px 0px 0px;
  padding:              9px 0px 9px 10px;
  width:                61px;
  vertical-align:       top;
}
#header td.right 
{
  text-align:           right;
  margin:               0px 0px 0px 0px;
  padding:              9px 10px 9px 0px;
  width:                154px;
}
#header td.center 
{
  text-align:           center;
}
#header h1 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            180%;
  color:              #cccccc;
  margin-bottom:        5px;
}
#header h3 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            13pt;
  color:              #cccccc;
  margin-top:           5px;
}
#content
{
	float: 		            right;
  padding:              0px;
  width: 		            810px;
}
#content p 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            0.9rem;
  color:              #cccccc;
  line-height:          1.2rem;
  width:                720px;
  margin-top:           0px;
}
.center
{
  margin-bottom:        16px;
}
#content pd 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            0.9rem;
  color:              #000000;
  line-height:          1.3rem;
}
#content h1 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            140%;
  color:              #cccccc;
}
#content h2 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            14pt;
  color:              #cccccc;
  margin:               0px 0px 16px 0px;
}
#content h2fb
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            14pt;
  color:              #cccccc;
  font-weight:          bold;
  display:              block;
  margin:               0px 0px 16px 0px;
}
#content table 
{
  border:               none;
  margin:               0px;
  padding:              0px;
  /*width:                707px; /* war 100% */ /* Löschung 22.12.2019*/
  border-collapse:      collapse;
}
#content td.left 
{
  margin:               0px;
  padding:              0px;
  text-align:           left;
  width:                240px;
  vertical-align:       top;
}
#content td.left p 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            0.9rem;
  color:              #cccccc;
  line-height:          1.3rem;
}
#content td.left h1 
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            0.9rem;
  line-height:          1.3rem;
  font-weight:          bold;
  color:              #ffffff;
}
#content td.right 
{
	margin:               0px;
	padding:              0px;
	text-align:           left;
	width:                560px;
	vertical-align:       text-top;
}
#footer 
{
	clear:                both;
  margin:               0px auto 0px;
  padding:              20px 0px 0px 0px;
  width:                1030px;
}
#footer table 
{
  border:               none;
  width:                100%;
  height:               150px;
  border-collapse:      collapse;
}
#footer td.left 
{
  text-align:           left;
  width:                250px;
  vertical-align:       bottom;
  height:               203px;
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 9px 10px;
}
#footer td.right 
{
  text-align:           right;
  width:                248px;
  height:               203px;
  margin:               0px 0px 0px 0px;
  padding:              0px 10px 9px 0px;  
}
#footer td.center 
{
	text-align:           center;
	font-family:          Arial,Helvetica,sans-serif;
	font-size:            1.2rem;
	color:              #000000;
}
#content linktable 
{
	font-family:          Arial,Helvetica,sans-serif;	
	border-collapse:      collapse;
	width:                707px;
	border:               1px solid #000;
	margin-bottom:        15px;
	margin-top:           5px;
}
#linktable th, td 
{
	font-family:          Arial,Helvetica,sans-serif;
	color:              #000;
	padding:              0.5rem 1rem;
}
#linktable a:link 
{
	font-size:            0.8rem;
	color:              #000000;
}
#linktable a:visited
{
	font-size:            0.8rem;
	color:              #cccccc;
}
col 
{
	border:               none;
	text-align:           left;
}
col#news_datum_col
{
	border:               none;
}
thead 
{
	border-top:           1px solid #000;
	border-bottom:        1px solid #000;
}
.odd 
{
	background-color:   #4d4d4d;
	color:              #fff;
}
#linktable tr:hover 
{
	color:              #fff;
}
thead tr:hover
{
	background-color:     transparent;
	color:                inherit;
}

/* Sidebar - Navigationsbereich */

.sidebar_container
{ 
	float:                left;
  width:                220px;
  font-size:            12px;
  padding:              0px 0px 0px 10px;
}
.sidebar_top
{ 
	width: 				        210px;
	height:               0px;
}
.sidebar_base
{ 
	width: 			          210px;
}
.sidebar
{ 
	float: 		            left;
  width: 		            210px;
  padding: 	            0px 0px 0px 10px;
  margin: 	            0px 0px 0px 0px;
} 
.sidebar_item
{ 
  	width: 		          210px;
  	float:	            right;
    padding:	          0px 0px 0px 0px;
    margin:	            0px 0px 0px 0px;
}
.sidebar a 
{
  color: 			        #000000;
  outline: 			        none;
  text-decoration: 	    none;
}
.sidebar a:hover 
{
  color:      	      #e2e2e2;
  outline: 			        none;
  text-decoration: 	    none;
}
.sidebar ul
{ 
	margin: 			        0px 0px 0px 0px;
  list-style:           none;
  padding:              0px 0px 0px 0px;
} 
.sidebar li
{ 
	margin: 			        0px 0px 0px 0px;
  list-style:           none;
  padding:              0px 0px 0px 0px;
} 
.sidebar ul a.active
{
	display:			        block;
}
#site_content
{ 
	width: 				        1030px;
} 
#navi
{
	padding:			        0px 0px 0px 0px;	
}
ul li
{
	list-style-type:	    none;
}
li2
{
  color:                #cccccc;
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            0.9rem;
  display:              list-item;
}
a:visited, a:link, a:active
{
	color:				      black;
}

/* Spotterbrowser Border Search */

.bd
{
	border-style:		      solid; 
	border-width:		      1px; 
	border-color:		    #999999;
  padding: 		        	0;
  width:                225px;
  display:              table-cell;	

}
.bd2 
{
	font-family: 		      Arial,Helvetica,sans-serif;
	font-size: 			      0.9rem;
	color: 				      #000000;
	line-height: 		      1.3rem;
	padding: 			        0;	
	vertical-align:		    top;
}
.bd2a /* Bildersuche rechte Seite*/
{
	font-family: 		      Arial,Helvetica,sans-serif;
	font-size: 			      0.9rem;
	color: 				      #000000;
	line-height: 		      1.3rem;
	padding: 			        0;	
  vertical-align:		    top;
  text-align:           right;
  width:                225px;
}
.tbd /* Für Version 2020: Rahmen um Thumbs */ 
{
  margin:               0 12px 12px 0;
  padding:              0 12px 12px 0;
  vertical-align:       top;
}
.tbd_front /* Für Version 2020: Rahmen um Thumbs, div */ 
{
  margin:               0 12px 12px 0;
  padding:              0 12px 12px 0;
  vertical-align:       top;
  display:              table-row;
}
.tbe /* Für Version 2020: Text bei imgview.php */ 
{
  padding:              8px 0 8px 5px;
  border-color:       #999999;
}
.tbb /* Für Version 2020: Abstand bei Buttons in imgview.php */
{
  padding:              10px 5px 0 0;
}
.tbf /* Für Version 2020: Korrektur */
{
  padding:              0 0 0 0;
  border-color:       #999999;
}
.tdd /* Für Version 2020: Einzelne Bilder bei Bildersuche*/
{
  border-style:         solid;
  border-width:         thin;
  border-color:       #999999;
}
.taf /* Für Version 2020: Abstand grosses Bild bei imgview.php */
{
  margin:               38px 0 0 0;
}
.te_top
{
  padding:			        4px 5px 0px 5px;
  font-size:            11pt;
}
.te_mid
{
  padding:			        0px 5px 0px 5px;
  font-size:            11pt;
}
.te_mid2
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            0.9rem;
  color:              #000000;
  line-height:          1.2rem;
  margin-top:           0px;
  padding:			        4px 5px 12px 5px;
}
.te_mid2_front
{
  font-family:          Arial,Helvetica,sans-serif;
  font-size:            0.9rem;
  color:              #000000;
  line-height:          1.2rem;
  margin-top:           0px;
  padding:			        4px 5px 12px 5px;
  border-top-style:     solid;
  border-width:         1px;
  border-color:         #999999;
}
.te_mid_imgview
{
  padding:			        4px 0px 4px 2px;
  font-size:            11pt;
}
.te_bot
{
  padding:			        0px 5px 4px 5px;
  font-size:            11pt;
}
n1
{	
	font-family:		      Arial,Helvetica,sans-serif;
  font-size: 		        13pt;
  margin: 			        0px 0px 5px 0px;
  color:        			#5a3232;
  font-weight:         	bold;
  width:	        			200px;
  float:	        			left;
  padding:              0px 0px 0px 0px;
}
n2
{
  font-family:		      Arial,Helvetica,sans-serif;
  font-size: 		        13pt;
  margin: 			        0px 0px 5px 0px;
  color:        			#5a3232;
  font-weight:         	normal;
  width:	        			195px;
  float:	        			left;
  padding:              0px 0px 0px 5px;
}
n3
{
  font-family:		      Arial,Helvetica,sans-serif;
  font-size: 		        13pt;
  margin: 			        0px 0px 5px 0px;
  color:        			#5a3232;
  font-weight:         	normal;
  width:	        			185px;
  float:	        			left;
  padding:              0px 0px 0px 15px;
}
n4
{
  font-family:		      Arial,Helvetica,sans-serif;
  font-size: 		        12pt;
  margin: 			        0px 0px 5px 0px;
  color:        			#5a3232;
  font-weight:         	normal;
  width:	        			175px;
  float:	        			left;
  padding:              0px 0px 0px 25px;
}
n5
{
  font-family:		      Arial,Helvetica,sans-serif;
  font-size: 		        12pt;
  margin: 			        0px 0px 5px 0px;
  color:        			#5a3232;
  font-weight:         	normal;
  width:	        			165px;
  float:	        			left;
  padding:              0px 0px 0px 35px;
}
TableCellSearch /* Buttons in Bildersuche*/
{
  width:                300px;
  padding:              0px 0px 0px 187px;
}
.fields /* Hintergrundsfarbe für Eingabe in Bildersuche*/
{
  background-color:   #cccccc;
}
.buttn
{
  background-color:   #cccccc;
}
.button
{
  background-color:   #cccccc;
}
.content-box
{
  width:                708px;
  column-count:         3;
  column-gap:           13px;
}
.card
{
  margin:               0 0 0 0;
  border-style:		      solid; 
	border-width:		      1px; 
	border-color:		    #999999;
}