/* CSS [UTF-8] – © 2007-2024 tclrg.de */

@media all {
		
	html {font-size:75%; font-family:verdana,arial,helvetica,sans-serif; line-height:150%;}
	body {max-width:700px; min-width:320px; margin:0; margin:auto; padding:0; line-height:150%; color:black; background:white;}	
	
	header {margin:0; padding:0 0px 0 20px; height:120px; border-top:7px solid #c62355;}
	#logo {margin-top:20px; position:absolute; opacity:0.75;}
	#bg {float:right; margin:0; position:relative; z-index:7;}
	#titel {float:right; margin: 45px -65px 0 0; position:relative; z-index:9;}
	#titel_ha {float:right; margin: 60px -65px 0 0; position:relative; z-index:9;}
	
	nav {width:165px; float:left; border-top:1.1px solid #c62355;}
	nav div {margin:0; padding: 5px 5px 5px 15px; border-bottom:1.1px solid #c62355;}
	[aria-current] {color:#c62355;}
	
	main {margin:0 0 0 185px; padding:0 20px 20px 15px; border-top:1px solid #c62355;}
	footer {clear:both; margin:0 0 0 185px; padding:10px 0px 20px 10px; font-size:10px; font-size:0.9rem; border-top:1px solid #c62355;}	
	
	h1, h2 {margin:30px 0 25px 0; padding:0; font-weight:bold; font-size:16px; font-size:1.45rem; color:#c62355; line-height:120%;}
	h2 {font-size:14px; margin-bottom:10px;}
	h3 {font-size: 11px; font-weight:bold; margin: 0px 0px 5px 0px; padding: 0px;}
	p, ul, ol {margin:0 0 10px 0; hyphens:auto; hyphenate-limit-chars:5 3 3; }
	ul, ol {padding-left:13px;}
	input, textarea, select {font-family:verdana,arial,helvetica,sans-serif; font-size:11px; border:1px solid #c62355; background-color:#fff4f6; padding:1px 1px 0px 3px; resize:vertical;}
	a {color:#004080; text-decoration:none;}
	a:hover {color:#008040; text-decoration:underline;}
	em {font-weight:bold; font-style:normal;}
	td	{vertical-align:top;}
	
	*::-moz-selection {background-color:#fbfea4;}
	
	/* Fließtext */
	.b1 {clear:both;}
	.sub {margin-top:-20px;}
	.intro {padding:0px 0 0 45px;} 
	.para {padding-top:15px; font-weight:bold;}
	.square, .square_a, .square_e  {list-style-image:url("img/tclg_square.gif");}
	.square li {clear:both;}
	.square_l {list-style-image:url("img/tclg_square0.gif");}
	.square_a li {margin-bottom:10px;}
	.square_e {padding-left:30px;}
	.en {font-style:italic; margin-top:25px;}
	.null {} /* Spamschutz */
	
	/* Meldungen */
	.news_img_right {float:right; margin-right:10px; margin-bottom:5px; border:1px solid black;}
	.news_img_left {float:left; margin-right:10px; margin-bottom:5px; border:none;}
	.meldung {background-color:#f0f0f0; padding:5px;}
	.meldung_detail {margin-top:20px; padding:5px; background-color:#f0f0f0;}
	.meldung_titel {font-weight:bold;}
	.meldung_subtitel {}
	.meldung_nav {margin-top:15px; margin-bottom:15px;}
	.meldung_copy {font-size:9px; color:#808080; line-height:120%;}

	/* Formulare */
	.f {width:500px; background-color:#e9f2f6; border:1px solid black; padding-left:5px; padding-top:3px;}
	.fm0 {margin-top:4px; border-bottom:1px solid #ccc;}
	.f1, .fm1 {display:inline-block; width:100px; text-align:right; vertical-align:top; padding:2px 10px 3px 0px;}
	.f2, .fm2, .fm2last {display:inline-block; width:370px; vertical-align:top; margin-bottom:5px; padding-top:2px;}
	.fm2last {margin-top:5px; margin-bottom:0;}
	.neu {color:#008000; font-weight:bold;}
	.green {color:#008000;}
	
	/* Lebensrecht-Forum */
	.forum_box {position:relative; float:right; margin-top:-30px; margin-left:-70px; margin-bottom:10px; border:1.1px solid black; right:-100px; top:0px; bottom:10px;}
	.forum_flyer {border:1px solid black;}
	
	/* Hilfreiche Adressen */
	#adressen h2 {color:black; background-color: #ffeeee; padding:2px 2px 2px 5px; margin:15px 0 15px 0; font-size:11px; font-size:1rem; font-weight:bold; border:1.1px solid #c62355; }
	#adressen p {padding-left:50px;}
	#adressen .intro {padding:10px 0 20px 45px;}
	#adressen .intro a {font-weight:bold;}
	#adressen .intro .light {font-weight:normal;}
	#adressen details {margin:0 0 20px 0; padding:5px 0 0 50px; border-top:1.1px solid #d0d0d0;}
	#adressen details[open] {}
	#adressen summary {}
	#adressen summary:focus {outline:none;}
	#adressen dl {}
	#adressen dt {width:100px; float:left;}
	#adressen dd {padding:0 0 7px 60px;}
	#adressen .art {width:35px; margin-left:-45px; float:left;}
	#adressen .hilfe {font-size:9px; font-size:0.8rem; margin-right:3px; padding:1px 4px 1px 2px; color:white; background-color:#009900;}
	#adressen .muki {font-size:9px; font-size:0.8rem; margin-right:3px; padding:1px 2px 1px 2px; color:white; background-color:#cc0000;}
	#adressen .name {font-weight:bold;color:#005099; margin:0 10px 0 -3px;}
	#adressen .name2 {}
	#adressen .kontakt {}
	#adressen .ort {font-weight:bold;}
	#adressen .tel {}
	#adressen .epost {}
	#adressen .web {}
	#adressen .träger {}
	#about {}
	#copyright {}
	
	#404 p {margin-bottom:120px;}
	
	/*	
	.b1 {background-color:#f6e5e7;}
	.f_line {clear:both; width:565px; border-top:1px solid #999999;}
	.grey {color:#909090;}
	.linie {border-top:1px solid #808080; padding:2px 0px 2px 0px; margin-left: 10px;}
	.material_img {border:0;}
	.termin {background-color:#f0f0f0;}
	.termin_bezeichnung {font-weight:bold; color:#008040}
	*/

}

@media only screen and (max-width: 500px) {
	html {font-size:90%;}
	#logo {opacity:0.3;}
	nav {width:100%; margin-bottom:10px;}
	nav div {float:left; padding-bottom:0; border:none;}
	main {float:left; margin:0;}
	footer {margin:0;}
	h1 {font-weight:normal;}
	input, textarea, select {font-size:90%;}
	.f {width:100%;}
	.f1 {width:100%; text-align:left;}
	.f2 {width:100%;}
	.fm1, .fm2 {display:inline; width:auto; padding-right:0;}
	.fm1 input {margin-right:5px;}
	.forum_box {float:none; margin:0 0 10px 0; border: 1.1px solid #000000; right:0; top:0;}
}

@media print {
	
}