﻿/* allgemeine standardeigenschaften einer seite*/

*				{
    padding: 0px;
    margin: 0px;
}

body			{
    background-color: rgb(255, 255, 204);
    /* falls die ominöse erste zeile auftaucht, sie mit den angaben killen: */
    font-size: 0px; line-height: 0px;
}

html 			{
    height: 100%; margin-bottom: 1px;
}

p {
    margin-bottom: 15px;
}


.table-fixed{
    table-layout: fixed;
}

.topper			{
    vertical-align: top;
}

.middler		{
    vertical-align: middle;
}

.bottomer		{
    vertical-align: bottom;
}

.lefter			{
    text-align: left;
}			

.righter		{
    text-align: right;
}

.centerer		{
    text-align: center;
}				

.nobr			{
    white-space: nowrap;
}

.cleanup
{
    clear: both;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin: -1px 0;
    visibility: hidden;
}


.bg_left		{
    background-color: rgb(214, 255, 172);
    background-image: url('../img/design/bg_left.jpg');
    background-position: right top;
    background-repeat: repeat-x;
} 

.bg_right		{
    background-color: rgb(214, 255, 172);
    background-image: url('../img/design/bg_right.jpg');
    background-position: left top;
    background-repeat: repeat-x;
}

.bg_content_subnav{
    background-image: url('../img/design/bg_content_subnav.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    vertical-align: top;
    padding-left: 24px;
} 

.bg-bg_content_subnav{
    background-color: rgb(214, 255, 172);
    background-image: url('../img/design/bg-bg_content_subnav.jpg');
    background-position: left top;
    background-repeat: repeat-y;
    vertical-align: top;
}				

.bg_content_main{
    background-image: url('../img/design/bg_content_main.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    vertical-align: top;
    padding: 3px 40px 50px 20px;
}

.bg-bg_content_main{
    background-color: rgb(214, 255, 172);
    background-image: url('../img/design/bg-bg_content_main.gif');
    background-position: left top;
    background-repeat: repeat-y;
    vertical-align: top;
}												

.bg_content_box	{
    background-color: rgb(214, 255, 172);
    background-image: url('../img/design/bg_content_box.gif');
    background-position: left top;
    background-repeat: repeat-x;
    vertical-align: top;
}				

.bg_footer		{
    background-color: rgb(255, 255, 204);
    background-image: url('../img/design/bg_footer.gif');
    background-position: top;
    background-repeat: repeat-x;
}				

.box_fg_bg		{
    background-color: rgb(214, 255, 172);
    background-image: url('../img/box/freie-gaerten/box_fg_bg.jpg');
    background-position: top;
    background-repeat: repeat-y;
    padding: 10px 15px 10px 20px;
}

.box_bg_bg		{
    background-image: url('../img/box/box_bg.gif');
    background-position: top;
    background-repeat: repeat-y;
}						

.box_bg			{
    background-image: url('../img/box/box_bg-verlauf.gif');
    background-position: top;
    background-repeat: no-repeat;
    padding: 0px 20px 5px 20px;
}

.box_left_bg_bg	{
    background-image: url('../img/box/box_left_bg.gif');
    background-position: top;
    background-repeat: repeat-y;
}						

.box_left_bg	{
    background-image: url('../img/box/box_left_bg-verlauf.gif');
    background-position: top;
    background-repeat: no-repeat;
    padding: 5px 15px 5px 15px;
}								



.copy			{
    font-family: arial; color: rgb(0, 90, 20);
    vertical-align: top; text-align: center;
    padding-bottom: 20px; padding-right: 100px;
}

.subnavitem		{
    margin-bottom: 10px;
} 


.subsubsubnav_bg_off{
    background-image: url('../img/subsubsubnav/subsubsubnav_bg_off.gif');
    background-repeat: repeat-x;
    text-align: center; vertical-align: top;
    padding-top: 5px;
} 

.subsubsubnav_bg_act{
    background-image: url('../img/subsubsubnav/subsubsubnav_bg_act.gif');
    background-repeat: repeat-x;
    text-align: center; vertical-align: top;
    padding-top: 5px;
}

.subsubsubnav_bg_left_off{
    background-image: url('../img/subsubsubnav/subsubsubnav_bg_left_off.gif');
    background-repeat: repeat-x;
    text-align: center; vertical-align: top;
    padding-top: 5px;	        	
} 

.subsubsubnav_bg_left_act{
    background-image: url('../img/subsubsubnav/subsubsubnav_bg_left_act.gif');
    background-repeat: repeat-x;
    text-align: center; vertical-align: top;
    padding-top: 5px;	
}

.subsubsubnav_bg_right_off{
    background-image: url('../img/subsubsubnav/subsubsubnav_bg_right_off.gif');
    background-repeat: repeat-x;
    background-position: right;
    text-align: center; vertical-align: top;
    padding-top: 5px;	
}

.subsubsubnav_bg_right_act{
    background-image: url('../img/subsubsubnav/subsubsubnav_bg_right_act.gif');
    background-repeat: repeat-x;
    background-position: right;
    text-align: center; vertical-align: top;
    padding-top: 5px;	
}

.subsubnavitem	{
    padding: 3px 0px 3px 18px;
}

.td_head_1		{
    background-color: rgb(35, 130, 0);
    padding: 2px 4px 3px 5px;
    border-bottom: 2px rgb(232, 255, 208) solid;
    border-right: 2px rgb(232, 255, 208) solid;
    font-family: arial; color: #ffffff; font-weight: bold;
}

.td_body_1		{
    background-color: rgb(243, 255, 231);
    border-bottom: 1px solid rgb(185, 214, 156);
    padding: 5px 5px 5px 5px;
    font-family: verdana; color: rgb(40, 40, 40);
}

.td_body_2		{
    background-color: transparent;
    border-bottom: 1px solid rgb(185, 214, 156);
    padding: 5px 5px 5px 5px;
    font-family: verdana; color: rgb(40, 40, 40);
}

.td_3			{
    padding-top: 5px;
}

.td_forms		{
    font-family: verdana; color: rgb(90, 90, 90);
    vertical-align: top; text-align: left;
    padding-bottom: 7px;
}

.td_picgal_on	{
    text-align: center;
    border: 1px solid rgb(0, 90, 20);
    background-color: #ffffff;
    padding: 3px;
} 

.td_picgal_off	{
    text-align: center; vertical-align: middle;
    border: 1px solid rgb(185, 214, 156);
    padding: 3px;
}

.td_picgal_2_on	{
    text-align: center;
    border: 1px solid rgb(0, 90, 20);
    background-color: #ffffff;
    padding: 3px;
    cursor: pointer;
}

.td_picgal_2_off{
    text-align: center;
    border: 1px solid rgb(185, 214, 156);
    background-color: rgb(243, 255, 231);
    padding: 3px;
    cursor: pointer;
}

.picgal_rights	{
    font-family: verdana; color: rgb(0, 51, 23);
    text-align: right; font-style: italic;
}

.pic_border_1	{
    border: 4px solid rgb(244, 255, 233);
}

.pic_border_2	{
    border: 1px solid rgb(185, 214, 156);
}

.box_1			{
    border-left: 5px solid rgb(185, 214, 156);
    padding: 7px;
    color: rgb(0, 90, 20);
}

.box_2			{
    padding: 6px 8px 6px 8px;
    background-color: rgb(185, 214, 156);
}

.pagenav		{
    text-align: right;
    padding: 10px 0px 20px 0px;
}

.activated		{
    display: inline;
}

.deactivated	{
    display: none;
}


/* textformatierungen */
.text_1         {
    font-family: verdana; color: rgb(40, 40, 40);
    vertical-align: top; text-align: left;
}

.pictext		{
    font-family: verdana; color: rgb(0, 51, 23); font-style: italic;
    vertical-align: top; text-align: right;
}

.fontsize_1		{
    font-size: 11.4px;
    line-height: 16px;
} 

.fontsize_2		{
    font-size: 10.5px;
    line-height: 14px;
}

.fontsize_3		{
    font-size: 12px;
    line-height: 18px;
}
/* headlines */
h1				{
    font-family: arial; font-size: 1.7em; color: rgb(0, 90, 20); font-weight: bold;
    padding: 0px; padding-bottom: 0.8em; margin: 0px;
}

h2, .hl_2		{
    font-family: arial; font-size: 1.3em; color: rgb(0, 90, 20); font-weight: bold;
    padding: 0px; margin: 10px 0px 12px 0px;
} 

h3				{
    font-family: arial; font-size: 1.2em; color: rgb(160, 19, 17); font-weight: bold;
    padding: 5px 0px 5px 0px; margin: 0px;
}

h4
{
    font-family: arial;
    font-size: 12px;
    color: rgb(0, 90, 20);
    font-weight: bold;
    padding: 0;
    margin: 0;
}


h5
{
    font-family: arial;
    text-decoration: underline;
    font-size: 12px;
    color: rgb(0, 90, 20);
    font-weight: bold;
    padding: 0;
    margin: 0;
}

/* listenforamt */
.li_1			{
    font-family: verdana; color: rgb(0, 90, 20);
    list-style-type: disc;
    margin-left: 2em; margin-top: 1em; margin-bottom: 1em;
    padding-left: 0em;
}

ul, .li_2		{
    font-family: verdana; color: rgb(40, 40, 40);
    list-style-type: disc;
    margin-left: 2em; margin-top: 1em; margin-bottom: 1em;
    padding-left: 0em;
}

ol				{
    font-family: verdana; color: rgb(40, 40, 40);
    margin-left: 2em; margin-top: 1em; margin-bottom: 10px;
    padding-left: 0em;
}				

.li_3			{
    font-family: verdana; color: rgb(0, 90, 20);
    list-style-type: disc;
    margin-left: 2em; margin-top: 0.2em; margin-bottom: 0.2em;
    padding-left: 0em;
}


/* standard link eigenschaften */
a       		{
    font-family: verdana;
    color: rgb(160, 19, 17);
    text-decoration: none;
}
a:hover 		{
    color: rgb(0, 90, 20);
    text-decoration: underline;
}

a.flip       	{
    font-family: verdana;
    color: rgb(0, 90, 20);
    text-decoration: none;
}
a.flip:hover 
{
    color: rgb(160, 19, 17);
    text-decoration: underline;
}  

a.aktuell       	{
    font-family: verdana;
    color:#006633;
    text-decoration: none;
}
a.aktuell:hover 
{
    color:#006633;
    text-decoration: underline;
}                                                                



a.lsubsubnav_off{
    font-family: verdana;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: rgb(0, 90, 20);
    text-decoration: none;
}

a.lsubsubnav_off:hover   {
    color: rgb(160, 19, 17); text-decoration: none;
} 


a.lsubsubnav_act{
    font-family: verdana;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: rgb(160, 19, 17);
    text-decoration: none;
}
a.lsubsubnav_act:hover   {
    color: rgb(160, 19, 17); text-decoration: underline;
}  


a.lsubsubsubnav_off{
    font-family: verdana;
    font-weight: bold;
    color: rgb(0, 90, 20);
    text-decoration: none;
}
a.lsubsubsubnav_off:hover   {
    color: rgb(160, 19, 17); text-decoration: none;
} 


a.lsubsubsubnav_act{
    font-family: verdana;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
a.lsubsubsubnav_act:hover {
    color: #ffffff; text-decoration: underline;
}


a.pagenav_off	{
    font-family: verdana;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    cursor: pointer;
    color: rgb(40, 40, 40);
    text-decoration: none;
    background-color: rgb(185, 214, 156);
    border: rgb(185, 214, 156) 1px solid;
}
a.pagenav_off:hover{
    color: #ffffff; text-decoration: none;
    background-color: rgb(0, 90, 20);
    border: rgb(0, 90, 20) 1px solid;
}

a.pagenav_act	{
    font-family: verdana; font-weight: bold;
    padding: 1px 4px 1px 4px;
    cursor: pointer;
    border: rgb(160, 19, 17) 1px solid;
    color: rgb(160, 19, 17);
    text-decoration: none;
    background-color: #ffffff;
}
a.pagenav_act:hover{
    color: rgb(160, 19, 17); text-decoration: none;
    background-color: #ffffff;
}


a.ltools        {
    font-family: verdana;
    font-size: 10px;
    color: rgb(22, 63, 164);
    text-decoration: none;
}
a.ltools:hover  {
    color: rgb(160, 19, 17); text-decoration: none;
}


a.lcopy         {
    font-family: verdana;
    font-size: 10px;
    color: rgb(0, 90, 20);
    text-decoration: none;
}
a.lcopy:hover   {
    color: rgb(0, 90, 20); text-decoration: underline;
}                


/* formularformatierungen */
.input_def		{
    font-family: verdana; font-size: 11px; color: rgb(40, 40, 40);
    padding: 0px;
    height: 18px;
}

.input_1        {
    border: 1px solid rgb(185, 214, 156);
    background-color: rgb(255, 255, 255);
} 

.input_1_act    {
    border: 1px solid rgb(0, 90, 20);
    background-color: rgb(245, 245, 245);
} 

.input_2        {
    border: 1px solid rgb(185, 214, 156);
    background-color: rgb(255, 255, 255);
}

.input_2_act    {
    border: 1px solid rgb(0, 90, 20);
    background-color: rgb(245, 245, 245);
} 

.input_3        {
    border: 1px solid rgb(185, 214, 156);
    background-color: rgb(225, 244, 196);
    color: rgb(0, 90, 30);
} 

.input_3_act    {
    border: 1px solid rgb(0, 90, 20);
    background-color: rgb(0, 90, 20);
    color: #ffffff;
}

.errornote	{
    font-family: arial; color: rgb(255, 0, 0);
    vertical-align: top; text-align: left;
}

.formtext_1    {
    font-family: arial; color: rgb(0, 90, 20);
    vertical-align: top; text-align: left;
    padding-left: 5px;
}

.formtext_2{
    font-family: arial; color: rgb(255, 0, 0);
    vertical-align: top; text-align: left;
    padding-left: 5px;
}

.hinweis{
    font-family: arial; color: rgb(0, 90, 20); font-weight: bold;
    vertical-align: top; text-align: left;
}


/* Datenschutz *****************************************************************/
.datenschutz{
    margin-left: -5px;     
}
.datenschutz > li{
    font-size: 14px;
    font-weight: bold;
    color: #a01311;
}

.datenschutz > li p,
.datenschutz > li ol,
.datenschutz > li ul{
    padding-left: 12px;
    
    color: #000;
}

.datenschutz > li,
.datenschutz > li li,
.datenschutz > li p{
    margin: 0 0 12px 0;    
}


.datenschutz > li > h3{    
    display: inline-block;      
    
    margin: 0 0 12px 0;
    
    font-size: 14px;
}

.datenschutz > li p,
.datenschutz > li ol,
.datenschutz > li ul{
    font-size: 12px;
    font-weight: normal;
}
