/*----------------------------------Farben--------------------------------------------
Wir: 
 #4C6633
 #798C66
 #A6B299
        #D2D9CC
Neu:
 #664C33
 #8C7966
 #B2A699
 
Service:
 #333366
 #66668C
 #9999B2
       #DADBE7
-------------------------------------------------------------------------------------*/
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-image:url(images/design/ser_backgr.gif);
	
	scrollbar-face-color: 66668C;
	scrollbar-highlight-color: 333366;
	scrollbar-3dlight-color: CCCCCC;
	scrollbar-darkshadow-color: 000000;
	scrollbar-shadow-color: 666666;
	scrollbar-arrow-color: FFFFFF;
	scrollbar-track-color: 9999B2;
}
#login a {
	background-color: #66668C;
	color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9999B2;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #333366;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333366;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #9999B2;
	font-size: 16px;
	background-position: center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 2px;
	padding: 10px;
	width: 25%;
}
#login a:hover{
	background-color: #9999B2;
	color: #333366;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333366;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #F4F5FA;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F4F5FA;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #333366;
	text-indent: 5px;
	vertical-align: text-bottom;

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.links:hover {
	color: #000099;
	text-decoration: underline;
} 
#sitemap {
    text-align: left;
	font-size: 9px;
	color: #000000;
}
#sitemap a:active, #sitemap a:focus, #sitemap a:visited, #sitemap a:link {
	color: #000000;
	text-decoration: none;
}
#sitemap a:hover {
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: underline;
}
/*-------------------------------------------- MENUE ----------------------------------------*/
#menue {
	width: 160px;
	text-decoration: none;
}
#menue ul {
	margin: 1px 0px 0px 0px;
	padding: 0px;
}
#menue a {
	list-style-type: none;
	text-decoration: none;
}
/*-----Ebene 1------*/
#menue li {
	background-color: #FFFFFF;
	display: block;
	font-size: 14px;
	
	padding: 1px;
} 
#menue li a {
	width: 160px;
	background-color: #66668C;
	color: #FFFFFF;
	display: block;

    padding: 5px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9999B2 ;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333366;
		
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333366;
		
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9999B2 ;	
}
#menue li a:hover{
	display: block;
	background-color: #9999B2 ;
	color: #000000;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333366;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
		
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
		
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333366; 
}
/*-----Ebene 2------*/
#nmenue li li{
	background-color: #FFFFFF;
	display: block;
	font-size: 12px;
} 
#menue li li a {
	background-color: #9999B2 ;
	display: block;
	color: #000000;
		
	width: 155px;
	padding: 2px 0px 4px 5px;
	margin-left: 2px;
		
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333366;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9999B2 ;
		
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9999B2 ;
		
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333366;
}
#menue li li a:hover{
	display: block;
	background-color: #66668C;
	color: #FFFFFF;
		
	padding: 2px 0px 4px 5px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9999B2 ;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333366;
		
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333366;
		
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9999B2 ;
}
/*-----Ebene 3----*/
#menue li li li{
	display: block;
	font-size: 12px;
} 
#menue li li li a {
	background-color: #FFFFFF;
	color: #000000;
		
	padding: 2px 0px 3px 5px;
	
	width: 150px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #000000; 
	
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
		
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #9999B2;
		
	border-left-width: 0px;
	border-top-style: none;
	border-left-color: #000000;
}
#menue li li li a:hover {
	background-color: #F5F5F5;
	color: #333366; 
	font-weight:bold;
		
	padding: 2px 0px 3px 5px;
	
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000; 
	
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #333366;
		
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
		
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #000000; 
}
.aktiv1 {
	display: block;
	width: 160px;
	background-color: #333366;
	color: #FFFFFF;
	padding: 5px;
}

.aktiv2 {
	display: block;
	width: 155px;
	background-color: #333366;
	color: #FFFFFF;
	margin-left: 2px;
	padding: 2px 0px 4px 5px;
}
.aktiv3 {
	display: block;
	width: 150px;
	background-color: #F5F5F5;
	color: #000000;
	padding: 2px 2px 3px 7px;
	margin-left: 2px;
		
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #333366;
}
/*--------------------------- Navigation ---------------------------*/
   
#navcontainer {
	text-align: center;
}
#navcontainer ul {
	background-image:url(images/design/ser_navi_back1.gif);
	width: 960px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #FFFFFF;
	border-top: 1px solid #fff;
	font-size: 14px;
}
*+html	#navcontainer ul {	/*------  IE 7 -----*/
	line-height:23px;
}
* html #navcontainer ul {   /*------  IE 6 -----*/
line-height:23px;
}
#navcontainer li { 
	display: inline;
	color: #FFFFFF;
	vertical-align: middle;
}
#navcontainer li a {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 1px solid #333366;
	padding: 1px 101px 2px 101px;
}
#navcontainer li a:hover{
	color: #333366;
	border-bottom: 1px solid #9999B2;
	padding: 1px 101px 1px 101px;
	background-image: url(images/design/ser_navi_back2.gif);
}
/* ------------------------ FORMULARE -------------------------*/
form {
    padding: 5px;
    border: 0;
}
*+html form {	/*------  IE 7 -----*/  
 	margin: 0;    
	padding-right: 5px; 
}	
input {
	margin-bottom: 5px;
	border-color: #333366;
	border-width:1px;
	border-style:solid;
}
input:focus {
	border-color:#FF0000;
}
input#Name, #Kleingartenverein, #Parzelle, #Email, #Strasse, #Ort, #PlZ, #VerNummer {
   /* display:block;*/
}
/*--------  auftraggeber --------*/

#auftraggeber fieldset { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;  
	float: /* */left;    
	clear: /* */left;    
	width: /* */100%;    
	margin: 0 0 1.5em 0;  
	background-color: #eeeeff;  
	padding:0;
}
*+html #auftraggeber fieldset  {	/*------  IE 7 -----*/  
 	position:relativ; 
}
#auftraggeber label {    
	float: left;    
	width: 10em;    
	margin-right: 1em;  
}
* html #auftraggeber label {   /*------  IE 6 -----*/
	float: left;
	margin: 0;
}
#auftraggeber fieldset ol {   
	padding: 0em 1em 0 1em;   
} 
#auftraggeber fieldset li {   
	float: /* */left;    
	clear: /* */left;    
	width: /* */100%;    
	padding-bottom: 0.5em;
}
/*---------Anmeldung KG in Pacht-------*/
#pacht fieldset { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;  
	float: /* */left;    
	clear: /* */left;    
	width: /* */100%;    
	margin: 0 0 1.5em 0;  
	background-color: #eeeeff;  
	padding:0;
}	
*+html #pacht fieldset  {	/*------  IE 7 -----*/  
 	position:relativ; 
}
#pacht label {    
	float: left;    
	width: 14em;    
	margin-right: 0.5em;  
}
* html #pacht label {   /*------  IE 6 -----*/
	float: left;
	width: 12.5em;
	margin-left: 0em;
	margin-right: -0.5em; 
	vertical-align:middle;
}
#pacht fieldset ol {   
	padding: 0em 0.5em 0 1em;   
} 
#pacht fieldset li {   
	float: /* */left;    
	clear: /* */left;    
	width: /* */100%;    
	padding-bottom: 0.5em;
}
/*----------------------------------*/

*+html #versumme fieldset  {	/*------  IE 7 -----*/  
   padding-top: 2em;
}	
fieldset { 
	font-size:12px;  
	clear: left; 
	width: 100%;    
	margin: 0 0 1.5em 0; 
	background-color: #eeeeff;    
	padding: 0; 
}
*+html fieldset  {	/*------  IE 7 -----*/  
	position:relative;
}	
legend {   
	margin-left: 1em;     
	font-weight: bold;  
	font-size:14px;
	font-weight:bold;
	color: #66668C;
    padding-bottom: 6px;
} 
*+html legend {	/*------  IE 7 -----*/  
	position: relative;
	left: -7px;
	top: -0.75em;
	margin-top: 1em;
}
label {
	margin-left: 0em;
	vertical-align:text-top;
}
*+html label {	/*------  IE 7 -----*/
	float:none;
	margin-left: -2.5em;
	margin-bottom: 1em;
}
* html label {   /*------  IE 6 -----*/
	float:none;
	margin-left: -1.5em;
	vertical-align:middle;
}
#persfunk fieldset li {   
	float: /* */left;    
	clear: /* */left;    
	width: /* */100%;    
	padding-bottom: 0.5em;
} 
*+html fieldset ol {	/*------  IE 7 -----*/
	padding-top: 0.25em;
}
ol {   
	list-style: none;
	padding: 0em 1em 0 1em; 
} 
.aufz {
	list-style:decimal;
}
.text {
	margin-right: 2em;
}
*+html .text {	/*------  IE 7 -----*/
	margin-right: 3em;
}
.radio {
	margin-left: 2em;
	margin-bottom:1em;
	margin-right: 0.5em;
	padding: 0;
	border-color:#eeeeff;
	vertical-align:top;
}
.radio2 {
	margin-left: 1.5em;
	margin-bottom:0em;
	margin-right: 0.5em;
	padding: 0;
	border-color:#eeeeff;
	vertical-align:middle;
}
*+html .radio2 {	/*------  IE 7 -----*/
	margin-left: 4em;
	vertical-align:top;
}
* html .radio2 {	/*------  IE 6 -----*/
	margin-left: 3em;
	margin-bottom:0.5em;;
	vertical-align:bottom;
}
.select {
   margin-bottom: 1em; 
}
.funktion {
	margin-left: 6em;
	vertical-align:baseline;
}

*+html .select {  /*------  IE 7 -----*/
   margin-bottom: 1em; 
   vertical-align:middle;
}
*+html .funktion {  /*------  IE 7 -----*/
    margin-bottom: 1em;
   vertical-align:super;
}
*+html .labradio {/*------  IE 7 -----*/
	vertical-align:super;
}
* html .select {  /*------  IE 6 -----*/
   margin-bottom: 0; 
   vertical-align:middle;
}
* html .funktion {  /*------  IE 6 -----*/
	vertical-align:baseline;
}
*+html .radio {	/*------  IE 7 -----*/
	margin-bottom:0.5em;;
	vertical-align:top;
}
* html .radio {	/*------  IE 6 -----*/
	margin-bottom:0.5em;;
	vertical-align:bottom;
}
.submit {
	border-color:#9999B2;
	border-style:ridge;
	border-width:medium;
}
*+html .submit {	/*------  IE 7 -----*/
	border-width: 2px;
}
.reihe {
	width: 100%;
	margin: 5px auto;
	overflow: auto;
}
.leftLabel {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 5px;
	padding-top: 0.25em;
}
*+html .leftLabel {	/*------  IE 7 -----*/
	float: left;
	width: 130px;
    padding-top: 6px;
}
* html .leftLabel {	/*------  IE 6 -----*/
	float: left;
	width: 125px;
    padding-top: 6px;
}
/* ------------------------ texte -------------------------*/
.titelzv {
	font-size: 18px;
	color: #333366;
	letter-spacing: 0.2em;
	word-spacing: 0.5em;
	text-align: left;
}
.titelkg {
	font-size: 25px;
	color: #333366;
	font-weight: bold;
	text-align: left;
}
.ueberschrift {
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.uebersch2 {
	color: #333366;
	font-size: 15px;
	font-weight: bold;
}
.cardtabueber {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #66668C;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.achtung {
	font-weight: bolder;
	color: #FF0000;
}
.anzeige {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #CCCCCC;
}
.textnorm {
	font-size: 10pt;
	text-align: justify;
}
.wobinich {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #333366;
	color: #333366;
	font-weight: bold;
}
.wobinich a {
	font-size: 12px;
	color: #66668C;
	font-weight:normal;
}
.wobinich a:hover {
	font-size: 12px;
	color: #333366;
	font-weight:normal;
	text-decoration: underline;
}
.antwort a {
	/*letter-spacing: 1px;*/
	color:#0000FF;
	font-size: 12px;
/*	font-weight: bold;*/
}
.antwort a:hover {
    letter-spacing: 1px;
	letter-spacing: 1px;
	color: #66668C;
	font-weight: bold;
}
.sprungmarke a {
	font-size: 10pt;
	text-align: justify;
	color: #000000;
}
.sprungmarke a:hover {
	font-size: 10pt;
	text-align: justify;
	color:#666666;
}
.cardNeu {color: #FF6600}
.seiteninforechts {
	color: #FFFFFF;
	font-size: 12px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.adresselinks {
	padding: 5px;
	width: 150px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	margin: 1px;
}
.oben {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
}
.rahmen {
	border: 1px solid #333366;
}
.rahmenlvw {
	border: medium groove #000099;
}
.boxrahmen {
	border: 1px solid #333366;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
}
#webmaster {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #66668C;
	text-decoration: none;
	text-align: right;
}
#webmaster a {
	color: #66668C !important;
}

/** -------------------------  -------------- ---------- **/
/** -------------------------  -------------- ---------- **/
/** -------------------------  -------------- ---------- **/
/** -------------------------  -------------- ---------- **/



/* ------------------------SITEMAP WIR------------------------- */
#sitemapwir {
   padding: 1em 1.5em;
   line-height: 22px;
}  
#sitemapwir a {
  color: #333366; 
}  
#sitemapwir LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   font-size: 14px;
}
#sitemapwir LI {
	background-image: url(images/sitemap/extm.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#sitemapwir LI.last {
   background: url(images/sitemap/exlm.gif)
               no-repeat
               0% 0%;
}
#sitemapwir LI.file:before {
   content: url(images/sitemap/exfilebw.gif);
}
#sitemapwir LI.filegreen:before {
   content: url(images/sitemap/exfilecolorgruen.gif);
}
#sitemapwir LI.filered:before {
   content: url(images/sitemap/exfilecolorred.gif);
}
#sitemapwir LI.file:hover:before {
   content: url(images/sitemap/exfilecolor.gif);
}
#sitemapwir LI.filegreen:hover:before {
   content: url(images/sitemap/exfilecolor.gif);
}
#sitemapwir LI.filered:hover:before {
   content: url(images/sitemap/exfilecolor.gif);
}
#sitemapwir LI.folder:before{
   content: url(images/sitemap/exfolderbw.gif);
}  
#sitemapwir LI.foldergreen:before{
   content: url(images/sitemap/exfoldergreen.gif);
} 
#sitemapwir LI.folderred:before{
   content: url(images/sitemap/exfolderred.gif);
} 
#sitemapwir LI.folder:hover:before {
   content: url(images/sitemap/exfoldercolor.gif);
} 
#sitemapwir LI.foldergreen:hover:before {
   content: url(images/sitemap/exfoldercolor.gif);
}
#sitemapwir LI.folderred:hover:before {
   content: url(images/sitemap/exfoldercolor.gif);
}
#sitemapwir UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
}
#sitemapwir UL {
   background: url(images/sitemap/exim.gif)
               repeat-y
               0% 0%;
}
#sitemapwir UL.last {
   background-image: none;
}
#sitemapwir LI LI {
   font-weight: normal;
   font-size: 12px;
}
#sitemapwir LI.folder:hover {
   font-weight: bold;
}
#sitemapwir LI.foldergreen:hover {
   font-weight: bold;
}
#sitemapwir LI.folderred:hover {
   font-weight: bold;
}
#sitemapwir LI.file:hover {
   font-weight: bold;
}
#sitemapwir LI.filegreen:hover {
   font-weight: bold;
}
#sitemapwir LI.filered:hover {
   font-weight: bold;
}

/**----------------------------------------------**/
/*-------------- TABELLE-----------------------*/
#meinetabelle table {          
  border-collapse:collapse;
  border: 2px solid #66668C;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif; 
  color: #333333;
  width: 100%;
  background: #F4F5FA;
  cursor: crosshair;
}
#meinetabelle caption {           
  padding: 0 .4em .4em;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  background: transparent;
}
#meinetabelle td, th {           
  border-top: 1px dotted #9999B2;
  border-right: 1px dotted #9999B2;
  border-left: 1px dotted #9999B2;
  padding: .5em;
} 
#meinetabelle thead th{          
  border: 1px solid #9999B2;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  background: #66668C;
} 
#meinetabelle tfoot th, tfoot td {         
  border: 1px solid #9999B2;
  text-align:center;
  font-size: 1em;
  font-weight: bold;
  color: #333366;
  background: #66668C;;
}
#meinetabelle tfoot td  {                
  border: 1px dotted #66668C;
}  
#meinetabelle tbody td a {        
  background: transparent;
  color: #72724c;
  text-decoration: none;
}
#meinetabelle tbody td a:hover {               
  background: transparent;
  color: #FFFFFF;
  text-decoration:none;
  border-bottom: 1px dotted #ccc;
  cursor:pointer;
}
#meinetabelle tbody th a {         
  background: transparent;
  color: #000000;
  text-decoration: none;
  font-weight:normal;
}
#meinetabelle tbody th {        
  text-align: left;
  color:#000000;
  font-weight:bolder;
}
#meinetabelle tbody td{
    color:#666666;
}
.gerade {
  color: #666666;
  background: #FBFBFB;
}
#meinetabelle tbody tr:hover {          
  color: #000000;
  background: #FFFFFF;
  border-width: 1px;
  border-color:#000000;
  border-top-style:solid;
  border-bottom-style:solid;
}
#meinetabelle tbody tr:hover th,   
 tbody tr.gerade:hover th {
  border:thin;
  font-weight:bolder;
  color: #FFFFFF;
  background:#9999B2;
}  
*+html	#meinetabelle tbody tr:hover th,   
 tbody tr.gerade:hover th {	/*------  IE 7 -----*/
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right:0px;
} 	
/*html:not([dummy]) #meinetabelle tbody tr td:hover,   ----FIrefox----
	  } */
#meinetabelle tbody tr:hover td,   
 tbody tr.gerade:hover td {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right:0px;
	color:#000000;
}
.spalteInfo {
 width: 85px;
}
.spalteGutacht {
 width: 30px;
}


/** -------------------------------------**/