/*  **** css sylvia_nitschke template | joomla 3.x |  bilder mitte  > 	ra reckow		**** */
/*Farben
grün #85c26e 
mattgruen #c0d7b7
header gruen #bfd7b7
hell matt gruen #e2f0dc
dunkelgruen (links) #437430
mattrot #D26B6B*/
body {
	background-color: #ffffff; 
	color:#000000;
    font-family: Verdana, Arial, sans-serif;
    line-height: 18px;
    margin:0px;
    padding:0px;
    text-align: center;	/* !!! */
    }
*, html {box-sizing:border-box;}
.clear {
	float: none;
    clear:both;
	height: 1px;
	background-color: #FFFFFF;
	width: 1px;
	}	
	
a:link, a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #437430;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #437430;
}
	 
	/*  ***** umfassender container  ***** */
	#container {
			width: 850px;
			height: 100%; /* !!! */
			text-align: left; /* !!! */
			margin-top: 0px;
			margin-right: auto;
			margin-bottom: 10px;
			margin-left: auto;
		}
	
	/*  ***** gesammter header  ***** */
		#header_container { 
				width: 850px; 
				height: 151px; 
				background-color: #FFFFFF;
				}				

					/*  ***** header  ***** 
*/
#header {
    height: 104px;
    margin-top:34px;
    border-left: 206px solid #85c26e;
    float: right;
	text-align:right;
	background-image:url(../images/valentine-reckow.jpg);
	background-repeat:no-repeat; background-position: top right;
}
#header img {border-left:10px solid #fff;width:430px; height:104px}
		/*  ***** HAUPTTEIL GESAMT  ***** */
		#haupt_container { 
				width: 850px; 
				height: auto; 
				text-align:left;
				background: #FFFFFF;
				} 			

		/*  ***** linker teil gesamt  +++++ */
			#linker_container { 
				width: 215px; 
				text-align:left;
				background: #FFFFFF;
				float: left;
				margin:0px;
				}
					/*  ***** vertikale navigation  ***** */
					#navi_vertikal {
					width: 210px;
					height: auto;
					background: #FFFFFF;
					float: left;
					text-align:left;
					margin-top: -20px;
							}
						
				/*  +++++++++ spalte mit bild + farbfeld  +++++++ */		
			
					#spalte_bilder {
					width: 205px;
					height: auto;
					text-align:left;
					float:left;
					background: #ffffff;
					margin-top: -13px;
						}								
										
							#bilder {
							width: 205px;
							height: 324px;
							text-align:left;
							float:left;
							background-color: #ffffff;
							padding-bottom: 14px;
							}	
								
							#farbfeld {
								width: 205px;
								height: 100px;
								float:left;
								background-color: #85C26E;
								margin-top: 10px;
								}				
			

			/*  ***** content  -  container ***** */
			#content_container {
				width: 422px;
				text-align:left;
				float:right;
				background-color: #fff;
				} 	
					
				#content_rahmen {
				width: auto;
				text-align:left;
				float:right;
				background-color: #E4EDE0;
				} 	
				
				/* ****** pfad | breadcrumbs ***** */
				#pfad {
					width: auto;
					text-align:left;
					height: auto;
					background-color: #E2F0DC;
					font-size: 11px;
				} 					
						
				/* ****** inhalte | content	 ***** */
				#content {
					width: 420px;
					text-align:left;
					min-height:404px;
					height:auto !important;  /* fr moderne Browser */
					height:412px;  /*fr den IE */
					padding-left: 12px;
					padding-right: 10px;
					background-color: #E2F0DC;
					padding-top: 10px;
					padding-bottom: 7px;
								} 	
			/*Werdegang*/
				ul.werdegang li {
    				text-indent: -83px;
              		padding-left: 83px;
								}
				div.text {
    				float: left;
    				min-width: 83px;
								}
			/*Google Anfahrt Modul*/
				.moduletable.anfahrt {clear:both;}
				.btn.btn-primary, .btn.btn-secondary {
    				padding: 10px 2px;
                    display: block;
                    border-radius: 13px;
                    text-align: center;
                    font-weight: bold;
                    margin: 5px 0 10px;
								}
                .btn.btn-primary ,  .btn.btn-secondary {background-color: #C0D7B7;}
				.tccontentbefore, .tccontentafter {
                    padding: 5px;
                    background-color: rgba(255,255,255,.5);
                    margin: 5px 0;
                }
					/*  ++++++ footer  ***** */
					
					#footer { 
							width: auto; 
							height: 25px; 
							float:right;
							text-align:right;
							clear: both;margin-top:5px;
							font-size:85%; color: #85c26e;
							}				
					#footer a {text-decoration:none; color:#85c26e}

/*  ***** RESERVIERTE KLASSEN  ***** */
		
	/* *** formatierung  vertikales menue   nav_1  *** */	
	
		ul.menu-nav_1 { 
				color: #333333;
				list-style: none;
				padding: 0px;
				margin: 0px;
				margin-bottom:20px;	
				background-color: #E2F0DC;		
			}
		
		/* *** listenpunkt formate *** */
		ul.menu-nav_1 li {
				float: left;
				color: #333333;
				background-color: #E2F0DC;
				list-style: none;
				text-indent: -2px;
				}
		ul.menu-nav_1 li ul {
				color: #000000;
                list-style: none;
				padding: 0px 0px 0px 0px;
				margin: 0px;
				}
				
		/* *** link formate   *** */
		ul.menu-nav_1 li a {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				font-family: Verdana, Helvetica, sans-serif;
				text-decoration: none;
				padding-left: 15px;
				padding-top: 0px;
				padding-bottom:0px;
				display: block;
				width: 210px;
				border-bottom-width: 5px;
				border-bottom-style: solid;
				border-bottom-color: #fff;
				border-left-style: none;
				margin: 0px;
				border-right-width: 5px;
				border-right-style: solid;
				border-right-color: #FFFFFF;
				}
				
			/* *** link formate   >	submenue	 unterschiede zu link formate > texteinzug | schrift normal *** */		
			ul.menu-nav_1 li.current ul li a, ul.menu-nav_1 li ul li.current a, ul.menu-nav_1 li ul li a {
				font-size: 12px;
				font-weight: normal;
				color: #333333;
				font-family: Verdana, Helvetica, sans-serif;
				text-decoration: none;
				padding-left: 15px;
				padding-top: 0px;
				padding-bottom:0px;
				display: block;
				width: 210px;
				border-bottom-width: 5px;
				border-bottom-style: solid;
				border-bottom-color: #fff;
				border-left-style: none;
				margin: 0px;
				text-indent: 12px;
				border-right-width: 5px;
				border-right-style: solid;
				border-right-color: #FFFFFF;
				}	
			
			/* *** überschrift | titel meue  *** */	 	
			 div.moduletable h3 {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				font-family: Verdana, Helvetica, sans-serif;
				text-decoration: none;
				padding-left: 13px;
				padding-top: 0px;
				padding-bottom:0px;
				display: block;
				width: 187px;
				border-bottom-width: 5px;
				border-bottom-style: solid;
				border-bottom-color: #fff;
				border-left-style: none;
				margin: 0px;
				background-color: #C0D7B7;
				}	
				
		/* ***  link formate hover, aktiver menuepunkt 	current	*** */
		
         ul.menu-nav_1 li.current ul li a:focus, ul.menu-nav_1 li a:hover, ul.menu-nav_1 li a:hover {
				background-color: #C0D7B7;
				text-decoration: none;
				color: #333333;
				}
		
		/* *** 2. ebene aktiv > current mit einzug *** */	
		 ul.menu-nav_1 li.current ul li a:hover, ul.menu-nav_1 li.current ul li a:active {
				background-color: #C0D7B7;
				text-decoration: none;
				color: #000000;
				width: 210px;
				text-indent: 12px;			
				}
               /* *** 2.Ebene aktiv - nicht aktive Menüpunkte*/
                ul.menu-nav_1 li ul li a {
				text-decoration: none;
				color: #000000;
				text-indent: 12px;				
				}
               ul.menu-nav_1 li ul li a:hover, ul.menu-nav_1 li ul li a:active, ul.menu-nav_1 li.current ul li a:hover, ul.menu-nav_1 li.current ul li a:active {
				background-color: #C0D7B7;
				text-decoration: none;
				color: #000000;

				text-indent: 12px;				
				}
		ul.menu-nav_1 li ul li.current a { font-weight: bold;}		
		
		/* *** 1. ebene aktiv > current mit einzug *** */			
		ul.menu-nav_1 li.current a {
				background-color: #C0D7B7;
				text-decoration: none;
				color: #000000;
				}
		ul.menu-nav_1 li.current .nav-child a {background-color:#e2f0dc;}
		
#nav-mobil {display:none;}
		/*  ***** suche  ***** */
	   div.moduletable-suche {
			width: auto;
			margin: 0px;
			padding: 0px;
			}
		.inputbox-suche {
			width: 100px;
			background:#FFFFFF;
			border: 1px solid #000000;
			font-size: 10px;
			height: 16px;
			}
		.button-suche {
			width: 30px;
			background: #99A5B1;
			border: 1px solid #99A5B1;
			font-family: Verdana, Arial;
			font-size: 9px;
			font-weight: normal;
			color: #FFFFFF;
			height: 18px;
			margin-left: 5px;
			padding-bottom: 1px;
			}
		
		/* *** suchfeld *** */
		#suchfeld {
			width: 100px;
			height: auto;
			text-align:left;
			padding:0px;
			margin: 0px;
			float: right;
			background: #FFFFFF;
			}

		/* **** login formatierung **** */
		.moduletable-login {
			padding-left:10px;
			padding-bottom:5px;
			}
		
		/* *** ueberschrift *** */
		div.moduletable-login h3 {
			font-size: 12px;
			font-weight: bold;
			padding-top:5px;
			margin-bottom:5px;
			} 
			
		
		/* *** formular_rahmen*** */
		
		fieldset.input {
			border: 0px;
			}
		
		/* *** formularfeld *** */
		.inputbox {
			width: 120px;
			background:#FFFFFF;
			border: 1px solid #666666;
			font-size: 10px;
			margin-bottom:2px;
			}
		
		/* ** checkbox angemeldet ** */
		input#modlgn_remember{
			width: 12px;
			height: 12px;
			border: 1px solid #666666;
			margin-left: 0px;
			}
		
		/* ** anmeldebutton ** */
		div.moduletable-login .button{
			width: auto;
			background:#FFFFFF;
			border: 1px solid #666666;
			font-family: Verdana, Arial;
			font-size: 9px;
			font-weight: normal;
			color: #000000;
			height: 16px;
			margin:5px 0px 5px 0px;
			padding-bottom: 2px;
			}
		
		/* ** links - passwort, registrieren ** */
		div.moduletable-login ul {
			margin: 0px;
			padding:0px 5px 10px 10px;
			list-style: none;
			}
			
		div.moduletable-login li {
			line-height: 14px;
			padding-left: 0px;
			}
		div.moduletable-login a:link,
		div.moduletable-login a:visited {
			font-size: 10px;
			color: #000000;
			text-decoration: none;
			}
		div.moduletable-login a:hover {
			color: #333;
			text-decoration: underline;
			}

		/* *** latest news *** */
			ul.latestnews {
			margin: 0px;
			padding-left:22px;
			padding-bottom:10px;
			}
		
		/* **  latest news	ueberschrift ** */
		div#latest_news h3{
			font-size: 12px;
			font-weight: bold;
			padding-top:7px;
			margin-bottom:5px;
			margin-left:2px;
			padding-left:8px;
			}
		li.latestnews {
			line-height: 15px;
			padding-left: 0px;
			}
		a.latestnews:link, a.latestnews:visited {
			font-size: 10px;
			color: #000000;
			text-decoration: none;
			}
		a.latestnews:hover {
			color: #999999;
			text-decoration: none;
			}
			
/* **** content | inhalte formate **** */
	
		a.blogsection:link,
		a.blogsection:visited {
			color: #000000;
			text-decoration: underline;
		}
		.small {
			color: #999999;
			font-size: 10px;
		}
		.createdate {
			height: 15px;
			padding-bottom: 10px;
			color: #999999;
			font-size: 10px;
		}
		.modifydate {
			height: 15px;
			padding-top: 10px;
			color: #999999;
			font-size: 10px;
		}
		span.article_seperator {
			height:20px;
			background: #FFFFFF;
			width: 300px;
		}
		div.mosimage_caption {
			margin-top: 10px;
			margin-left: 5px;
			background: #ffffff;
			padding:0px;
			color: #666;
			font-size: 80%;
			width: auto;
		}
		.back_button {
			float: left;
			text-align: center;
			font-size: 10px;
			width: auto;
			padding: 0px 10px;
			line-height: 20px;
			margin: 1px;
		}

		.readon{
			text-decoration: none;
			font-size: 10px;
		}
		
		/*  breadcrumbs  */
		.pathway {
			padding-left: 5px;
			}
		
		/*  pdf button  */
									
		
		.buttonheading {
			background-color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:90%;
			color: #000000;			
		}
		
		#content div.contentheading, #content div.contentpane {padding-left: 5px;}
		h1, h2, h3 {
			font-size: 90%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #3E6A2D;
		}	
		
		div.contentpane th {
					font-weight: normal;
		}
		
		div.contentpane input.button {
					margin-bottom: 20px;
		}
	
		p.dfContactInfoText, table.dfContactTable td,  table.dfContactTable th  { 
					padding-bottom:0px; 
					margin-bottom:0px;
					font-size: 90%;
					}
		.inputbox {
					width: 200px;
					border: 1px dotted #000000;
					font-size: 10px;
					margin-bottom:2px;
					background-color: #ffffff;
		}
		
		.textarea {
					border: 1px dotted #000000;
					font-size: 10px;
					margin-bottom:2px;
					background-color: #ffffff;
		}
		
		.button {
					border: 1px dotted #000000;
					background-color: #FFFFFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:90%;
					color: #000000;
		}

		.dfContactFormText {
					text-align: left;
					font-size:90%;
					line-height: 20px;
					color: #000000;
		}
		
		.contentheading {
					font-size:90%;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #000000;
					padding-top: 2px;
		}
		
		.row_separator, .article_separator {
					margin: 0px;
					padding: 0px;
		}
		
		.leading_separator {
					margin: 0px;
					padding-top: -10px;
					padding-right: 0px;
					padding-bottom: 0px;
					padding-left: 0px;
		}
		
		/************ pagination ********************/
		
		.contenttoc, .pagenavbar, .pagenavcounter {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #3E6A2D;
					}
					
		/************ joomap - sitemap ********************/

		.menutitle {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					text-align: left;
					line-height: 20px;
					color: #666666;
					font-size: 11px;
					font-weight: bold;
					padding-top: 5px;
					padding-right: 0px;
					padding-bottom: 0px;
					padding-left: 0px;
                                        }
		#content .custom img {display:none}

/*  BREAKPOINTS	**** */
@media only screen and (max-width: 800px) {
	
#container {width:673px;padding:18px;}
#header_container {width:100%;padding:0;height:124px;}
#haupt_container {width:100%; padding:0;}
#header {margin-top:0;}
#spalte_bilder {width:130px;}
#bilder img {width:100%; height:auto;}

#navi_container {width:210px;}
#navi_vertikal {padding-left:0;}
#navi_vertikal .nav-child li {font-size:80%;}

ul.menu-nav_1  li ul.nav-child li.current a, 
ul.menu-nav_1  li ul.nav-child li a:link,
ul.menu-nav_1  li ul.nav-child li a:visited,
ul.menu-nav_1  li ul.nav-child li a:hover,
ul.menu-nav_1  li ul.nav-child li a:focus, 
ul.menu-nav_1  li ul.nav-child li a:active {
				font-size:10px;
}
/*Menü smartphone*/
.nav-open a {
     padding: 10px 15px;
     display: block;
     color: #fff;
     text-align: center;
     text-decoration: none;
	 background-color:#90b776;
}
#open {
    display: inline;
    float: left;
    width: 55px;
    height: 43px;
    margin: 49px 10px 25px 25px;
    background: url(../images/menu.png) center center no-repeat #466233;
    text-indent: -999999px;
    border-radius: 10px;

}

 .nav-open a:after {content:url(../images/pfeil-down.png)}
#navi_vertikal {display:none;}
#nav-mobil { text-align:left;}
#pageslide ul.nav.menu {margin-left:20px;padding:0; margin:0;}
#pageslide ul.nav-child {padding-left:0px; list-style-type:none;}
#pageslide ul.nav.menu li {line-height:240%;}
#pageslide ul.nav.menu a:link, #pageslide ul.nav.menu a:visited {padding:5px 15px; font-size:130%; color:#466233; text-decoration:none; display:block;background-color:#d2e3c8;}
#pageslide ul.nav.menu ul.nav-child a  { padding-left:30px; background:url(../images/listenpunkt.gif) no-repeat 15px #d2e3c8;}
#pageslide ul.nav.menu ul.nav-child a:hover, #pageslide ul.nav.menu ul.nav-child a:active, #pageslide ul.nav.menu ul.nav-child a:focus {background-color:#c0d7b7}
#pageslide ul.nav.menu a:hover, #pageslide ul.nav.menu a:active, #pageslide ul.nav.menu a:focus, #pageslide ul.nav.menu li.current a {background-color:#c0d7b7; color: #466233;}
}
@media only screen and (max-width: 480px) {
	#container {width:100%;}
	#header {border:0; width:100%;  overflow:hidden;background-image:url(../images/valentine-reckow_klein.gif);background-color: #bfd7b7;background-position:top left; height: 83px;}
	#header img {border:0;}
	#header_container {height:95px;}
	#content_container {width:100%;}
	#content_rahmen, #content {width:100%;}
	#content {padding-right:5px;}
	#content .custom img {display:inline; padding: 0 10px 10px 0; margin-top:-5px;}
	#spalte_bilder {display:none;}
	#farbfeld {display:none;}
	.nav-open a {position: inherit;}
#open {float:right; margin: 35px 10px;}
.bildlinks {
    margin-right: 0px;
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

.kuendigungsschutz .pull-right.article-index {margin-left: 0px;}
.pull-right.article-index {margin-left: 140px;}
}