/* ************************************************************************************************************************************ */
/* layout	common                                               													update     01.02.17 */
/* file 	layout_01/design.css		                      														version     4.15/01 */
/* 																																		*/
/* **************************************** Copyright by beratungscenter.net - Reinhard Lange ***************************************** */
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* link		-> http://cssguidelin.es */
/* info		-> */
/* use in	-> */
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from 	-> [layout_fsn.css] */
/* body	- Schriftgröße 100% = normal */	
/* html, body */
html 
	{
	margin: 2px;
	padding: 5px;
	/*font-family: trebuchet, arial, verdana, sans-serif;*/
	font-family: Arial, Verdana, Helvetica, "Trebuchet MS", Geneva, sans-serif;
	}
body
	{	
	margin: 2px 2px 2px 8px;
	padding: 5px;		
	font-size: 100%; /* ist => 100% */
	width: 97.0%; /* ! max. 98.5% -> wg IE6 Anzeige Scrollbalken bottom ! */
	}
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* selection -> nur für Textmarkierungen (nur FFx + SAF !) */
/* from		-> [layout.css] */
::selection			{ color: #fff; background: #1B54BC; }
::-moz-selection	{ color: #fff; background: #1B54BC; }
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* desktop	-> large  */
@media (min-width: 1600px) {
body
	{
	display: block;
	width: 85%;
	margin: 0 auto; /* center with display: block */
	padding: 5px;		
	font-size: 100%; /* ist => 100% */
	}	
}
@media (min-width: 1366px) and (max-width: 1599px) {
body
	{
	display: block;
	width: 90%;
	margin: 0 auto; /* center with display: block */
	padding: 5px;		
	font-size: 100%; /* ist => 100% */
	}	
}
@media (min-width: 1200px) and (max-width: 1365px) {
body
	{
	display: block;
	width: 95%;
	margin: 0 auto; /* center with display: block */
	padding: 5px;		
	font-size: 100%; /* ist => 100% */
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
#header_1 #center #center_text
	{
	display: none;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
#header_1 #center #center_text
	{
	display: none;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
#header_1 #center #center_text
	{
	display: none;
	}
}

/* MDS HEADER */
.material-bg {
  	position: fixed;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	height: 45vh;
  	background: rgba(89, 89, 89,0.25); /*#E55185;*/
  	overflow: hidden;
	box-shadow: 0 8px 6px -4px rgba(0,0,0,0.50);
  	z-index: -1;
	}
	
.material-bg .full {
	height: 100%;
	}
.material-bg .dark {
  	background: #1B54BC; /*blue*/ /*#E55185;*/
	}
.material-bg .light {
  	background: rgba(89, 89, 89,0.25); /*#FFA5C5;*/
	}
.material-bg .medium-dark {
  	background: rgba(89, 89, 89,0.50); /*#F6689A;*/
	}
.material-bg .thick {
  	height: 40%;
	}
.material-bg .thin {
  	height: 10%;
	}
.material-bg .top {
  	border: 10px solid rgba(89, 89, 89,0.25); /*#FFA5C5;*/
  	transform: rotate(-45deg);
	}
.material-bg .top .left, .material-bg .top .right {
  	float: left;
	}
.material-bg .top:after {
  	clear: both;
  	visibility: hidden;
  	height: 0;
	}
.material-bg .left {
  	position: relative;
  	width: 25%;
  	height: 100%;
  	box-shadow: 4px 0 4px rgba(0, 0, 0, 0.2);
  	z-index: 1;
	}
.material-bg .right {
  	width: 70%;
  	height: 100%;
	}
.material-bg .right .one {
  	height: 35%;
	}
.material-bg .right .two {
  	height: 40%;
	}
.material-bg .right .three {
  	height: 10%;
  	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4), 0px 3px 2px rgba(0, 0, 0, 0.2) inset;
	}
.material-bg .right .four {
  	height: 20%;
	}
	
/* NOISE */	
.material-bg .noise {
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 1000;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAcPSURBVHjaHIyhDoARGEVt/3YLlazLHsWryLpMlsmyt5B1mfzPF87Odnd3PuecUEqh947WGrz3SCmBMQbOObH3RgiBbIyBtRZzTtRaIaXEWgsxRpRS6D/GwGtqrYnXu/fSds4hcs7kXwAOx6AIABiEYRNQUejBLyYwwZo+uO2ykNtzQI5nHJej4lOOhHk57O40M8LHw4HhMTj4sKoK627tbt5g7HOyz53GF4AHMjkCIAhBIKZjvAakmW1D1awfDwSPcjIzesZl4hPqboElRiDY7oovBLu7eERUVWL4z3ONRcPnUrGIGJjYdWu43/YJwAQdpAAAwkAM9P+vbqcQ8CCFNZWsjzETpmSyY20uc600x2gZ+zM1dBfrXbkdP4Jz5GUjAE90kAIACMNAEPxu/n83U2gFEWuj2fiY4MisaBwmuSQMzqXQP5wedURIkThDiVjP1q2bHo276Wtq9t78AtBIBygAgCAMAKH3+In9/1N2AwcS05ymvZmpQ1Ay4C4SJYAnMa3Gb3zXuFzF2P8zfQA4by20cU0CbStdAZikcxMAYBgGgGRf7V8nZ5CJauvFxxza+oMkmxiJ6ZtpFgCtiQiHI9h/22bEew81FRyfMdC+AghkITheYKkVFI+w+AI5DhafsDgG8UEYpAbGB+UUEA3Sg5xDYKkeFvcgNixNwHILQAAmqtgGABgEkfQ8d2df8R9nn/CpgkPTwUUHAYVDNMoAVNUycHfQ54+hZt2NiFjkKvVnZiX/z0avb1+ukGpSw8zeX+lczIvdkZlgDuAKwEO9nQAAwjAADLhd9x/IXEEFf4J5tEiOMmDgoVU6LY/MTFpKiyO+VQpHgAEzgsK1gNJC+h/UhQncgtpBaOHhw3GvAGKEZjtw/IBo5HxeX18PthSEYQkQlGjt7e3hZQQoFGDpApQOYPEPkgMlSJinQCEFshTEB/keZAYIAAQQC8gAkMWwbAIyAFb4gFwKokEYZDhIHpxwoABkMSjo4YUKEoBFF0gPyNewhAjSAyu0QPYCBKChjk0AAGAQCOL+S8sX10pEYqLrmRIKFKcIotMW+sD9IzYLY6l06IZcDCOKq0/CLoAANNRBCgAwCANB8v9PhzlsoYcqypJqZlKjcQAkex4gRwFFDZ2YXMbTvvtC0C4Yb6q2qnpky6AvgAA01TEKAAAMwsD//1pOyBrs1uirmH6NCYVSpppON7wqxro1OvK4TOrKpFy8kfN7biaAADTUQQoAIAwDQcj/Hx3msIJgoWI3jZ0q0SahisUI0KG0M1oEyd90y/nOfWe5jOyN7mmLZfBR5QIwVW8pAAAQEEWz/01P5+OWLxRDHuOQSN9JK+mCsCIHwRZP+5r9v/8+pASNreVjR/EVS8KDC38C0FhHJwDAIAwFC07iEtl/FTcpJ/hpLA1a8mjNjI/FXtLdm215NoUt0AHDm6npoHUxwwpGN4Sz8g5KevQDF74wp+NJkvcFoKkOTgAAQhgI1mq7qUomkO8ha3KPtSaU8u76sAZAIKCCgRDLpMR25iYgIQjJEizzGq65pbuoSfqjirwAAgUdPLHBym9YOQ0rt5HVwFpQoEQEayvA6gUQDVIDSpSgqEVuW8D0wMRhfIAAYgQZDkowsCwIcjFy3Q/yKSiEQMENK/NB6mElHKycgGU3WKIEhRwscYPMA6kB8WFZFZZGAAKIEeQ65IIGVh3DSkFkjaCECcsJMENgjRcYAHkCln5gDRmYWbBqGCQPUgfSBxBATKByGdbwQDYMVtaDMEgjiA9SB8uSsOIX1vgAORCWQ0A0rFGDDEB6YNkQFLIgABBADLB4BoUEKDpgBQhy3Q9ig+IL1tIFxT2szQDig9IBLJ2A4hiUDkA0shxML8guWGsZRAME4LGOUQCAQSiG4v0vLQ+MXSwdlJ8hdu7j+FvQQQWR/I2AZN5Llfehlooj3NsRiUvfXKFG2Cy9VwABxALiwIIMlu9BQQ2KN+T6AVZDwuIRlEhhWRJWAiI3RmE1LHI6AAEQG1btg+wBCEBlHaMAAIAwDMT/f1oOzOCo0FoEiXPv2IMK9hMIpmaawP1KXz/247thzGnjPd+2kk+AM3cFEDwEYC1VUBDBXA2iQcELkwdpvnLlCkp1Ciu6QfpgHoBZBnMMSA2sroCFDKxFDRBALLCeCqxdDzIMZDEsm8EaFMhNdxiGlfWw6IIFPai4hVVQsHQESzsgc0GOBdkHkgMIQHMdowAAwCAMxP9/WjLc1FVsKnZRGjDaTVNYgCX47N4pelhU9SwvJ/CQU1YgW7hJdKIugAACZ0NY5xFWn8OyIKzohRWpsO4WrDsGylqwZjlIHJb9YJ1VkOdAWQ2kH9bsh8nDmusAAcQAMwBWloP4sLIcxIaVD7C2PYwPqxtgFsAsQe5ngtgg9SBzQBbCGiogMZg8QIABAP88rbNZBxdQAAAAAElFTkSuQmCC');	
}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [layout_add.css] */
/* container => Hintergrund (content, box-left, box-right ! ausser header ! */
#container
	{
	margin: 0;
	padding: 0;
	/* display: inline-block; /* ! Angabe für IE6 notwendig ! 						TMP ! */
	}
/* wrapper */
#wrapper
	{
	width: 100%;
	float: left;
	margin: -10px 0 0 0; /* bottom -> Abstand zu footer_0 */
	padding: 0;
	}	
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/05 - 22.06.15 */
/* from		-> [layout_add.css] */
/* container => Hintergrund (content, box-left, box-right ! ausser header ! */
#container
	{
	margin: 0;
	padding: 0;
	/* display: inline-block; /* ! Angabe für IE6 notwendig ! 						TMP ! */
	}
/* wrapper */
#wrapper
	{
	width: 100%;
	float: left;
	margin: 0; /* bottom -> Abstand zu footer_0 */
	padding: 0;
	/* height: 250px; /* ! Test-Angabe -> sollte min. 250px sein ! */
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.15/00 - 06.12.16 */
/* colors for the customer */
.color_1 		{color: #595959 !important; /* blue */ font-size:1.05em;}
.color_2		{color: #1B54BC !important; /* red */ }
.color_3		{color: #FFCC00 !important; /* orange */ }
	
.line_thin		{height:1px;border:solid rgba(0,0,0,.1);border-width:0 0 1px 0;} /* left_5 */
.line_content	{height:1px;border:solid rgba(0,0,0,.1);border-width:0 0 1px 0;margin: 0 28px;} /* content - ssl-line */
.ssl_contact	{float:right;margin:6px auto;margin-left:12px;}	
/* for phone AND fax */	
.no_wrap		{white-space:nowrap;}
/* for MOBILE -> tel-link */
.tel_link		{color:inherit !important;text-decoration:none;}	
.tel_link:hover	{color:inherit !important;cursor:text;}
/* for MAIL/CONTACT -> con-link */
.con_link		{color:inherit !important;text-decoration:none;}	
.con_link:hover	{color: #EE3A43 !important;cursor:hand;}
	
/* partner-link -> with SSL/TLI */
.green:hover {color:#198965 !important;}
.lock:hover .icon-unlock, .lock .icon-lock {display: none;}
.lock:hover .icon-lock {display: inline-block;margin:0 -4px 0 -2px !important;}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.15/10 - 29.05.17 */
/* HIGHLIGHTER 	-> color of phone-number => '.color_2' */	
.holder{position:relative;margin-top:28px;margin-left:-32px}.btn-left,.btn-right{display:inline-block;vertical-align:middle;text-align:center;float:left}.save-pref-btn{width:100%}.btn-left,.btn-right,.save-pref-btn{padding:8px 16px;border:1px solid #a2a2a2;border-radius:2px;background:#f2f2f2;color:#595959;cursor:default;font-size:16px;box-shadow:0 8px 6px -6px rgba(0,0,0,.5)}.btn-caret:after,.btn-caret:before{position:absolute;bottom:100%;left:10%;width:0;height:0;content:'';border:solid transparent;pointer-events:none;margin-left:-8px;border-color:rgba(212,31,38,0);border-bottom-color:#d41f26;border-width:8px}.btn-caret:before{border-color:rgba(89,89,89,0);border-bottom-color:#595959}
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.15/10 - 29.05.17 */
/* BACK2TOP																																*/	
/* info		-> Creating a simple and unique "BACK2TOP" button using CSS3 animation + jQuery is easy										*/	
/* link		-> https://codepen.io/orangtanah/pen/ZKqjRL | Created May 19, 2017 // Updated May 29, 2017									*/
button.back-to-top {position:fixed;right:48px;bottom:48px;display:block;width:0;height:0;margin:0 !important;padding:0 !important;overflow:hidden;border:none;border-radius:50px;background:#fff;color:transparent;clear:both;visibility:hidden;cursor:pointer;font-size:0;outline:0 !important;z-index:99;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus, 	{outline:0 !important;}
button.back-to-top::before 	{content:'\f077';display:block;margin:-5px 0 auto;font-family:'FontAwesome';vertical-align:middle;}
button.back-to-top.show 	{display:block;right:32px;bottom:32px;width:50px;height:50px;visibility:visible;font-size:25px;
  	background: #fff;
  	color: #1B54BC;
	box-shadow:0 2px 4px 1px rgba(0,0,0,.25);
	}
button.back-to-top.show:active {box-shadow:0 4px 8px 2px rgba(0,0,0,.25);}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.18/11 - 20-05-20 */
/* copyrights */
.content .copyrights {margin:0 auto;margin-left:48px;color:#999;font-size:0.75em;}
.iframe_bosch {width:100%;height:60vh;margin:0;border:1px solid #2791FF;background:#DBECFC;}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [links.css] */
/* links */
a#links
	{
/*	color: #000; */
/*	background: none; */
	text-decoration: none;
	border: 1px solid #ccc;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 12px;
	background-image:url(../../image/layout_01/menu_fly.gif);
	background-repeat:no-repeat;
	background-position: 1px 1px;
	}
a#links:hover
	{
	color: #ff0000;
	border: 1px solid red;
	border-width: 0;
	border-color: #ffffff #ffffff #fe0000 #fff;
	background-image:url(../../image/layout_01/menu_fly_hover.gif);
	background-repeat:no-repeat;
	background-position: 1px 1px;
	}	
#button img
	{
	background: #F3F3F3;
	border: 1px solid #fff;
	border-width: 1px 1px 2px 2px;
	border-color: #D6D6D6 #999999 #747474 #D6D6D6; 
	margin: 0;
	padding: 0 1px 0 0;
	background-image:url(image/common/layout_01/buttons/link_blank.gif);
	float: left; /* ! wg. act_date ! */
	}
#button:hover img
	{
	background: #ffe000;
	border: 1px solid #fff;
	border-width: 2px 1px 1px 2px;
	border-color: #999999 #D6D6D6 #D6D6D6 #999999; 
/*	Transparenz der quick-info deaktivierbar -> deaktiviert: due to css-validator */	
/*	filter: alpha(opacity=90); -moz-opacity: 0.90; */
	/*background-image:url(image/common/layout_01/buttons/link_blank_1.gif);*/
	}
/* ---------------------------------------------------------------------- 4.0/00 - 06.06.09 */
/* link_int_top			--- intern		- image / Sprung oben */
a.link_int_top
	{
	min-height: 13px; /* 13px = Größe des Buttons */
	margin: 0;
	padding: 0 0 0 13px; /* 13px = Abstand background-image zum Link-Text */
	background:url(../../image/layout_01/buttons/link_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	float: right;
	}
a.link_int_top:hover 
	{
	background: url(../../image/layout_01/buttons/hover_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}
/* link_int_down		--- intern		- image / Sprung unten */
a.link_int_down
	{
	min-height: 13px; /* 13px = Größe des Buttons */
	margin: 0;
	padding: 0 0 0 13px; /* 13px = Abstand background-image zum Link-Text */
	background:  url(../../image/layout_01/buttons/link_down.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	float: right;
	}
a.link_int_down:hover 
	{
	background: url(../../image/layout_01/buttons/hover_down.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}
/* link_int_prev		--- intern		- image / Sprung vorherige */
a.link_int_prev
	{
	min-height: 13px; /* 13px = Größe des Buttons */
	margin: 0;
	padding: 0 0 0 13px; /* 13px = Abstand background-image zum Link-Text */
	background:  url(../../image/layout_01/buttons/link_previous.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	float: right;
	}
a.link_int_prev:hover 
	{
	background: url(../../image/layout_01/buttons/hover_previous.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}
/* link_int_next		--- intern		- image / Sprung nächste */
a.link_int_next
	{
	min-height: 13px; /* 13px = Größe des Buttons */	
	margin: 0;
	padding: 0 0 0 13px; /* 13px = Abstand background-image zum Link-Text */
	background:  url(../../image/layout_01/buttons/link_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	float: right;
	}
a.link_int_next:hover 
	{
	background: url(../../image/layout_01/buttons/hover_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}
/* ---------------------------------------------------------------------- 4.0/00 - 06.05.09 */
/* link_int_empty		--- intern		- image (leer gif) */	
a.link_int_empty
	{	
	min-height: 13px; /* 13px = Größe des Buttons */
	margin: 0;
	padding: 0 0 0 13px; /* 13px = Abstand background-image zum Link-Text */
	background: url(../../image/layout_01/buttons/link_empty.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: right;
	}
/* link_int_list		--- intern		- image / automatische Inhalsverzeichnis */
a.link_int_list
	{
	color: #636363;
	text-decoration: none;
	font-size: 95%;
	margin: 0; 
	padding: 0 0 0 20px; /* 20px = Abstand background-image zum Link-Text */
	background:  url(../../image/layout_01/buttons/link_next.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	display: block; /* zur Vermeidung Fehlanzeige (Zeilenumbruch) */
	}
a.link_int_list:hover 
	{
	color: #ff0000;	
	background: url(../../image/layout_01/buttons/hover_next.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	}
/* link_intern_left		--- intern		- Ausrichtung links	*/
a.link_intern_left
	{
	color: #636363;
	text-decoration: none;
	border: 0px solid #072148;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 15px; /* 15px = Abstand background-image zum Link-Text */
	float: left;
	background:  url(../../image/layout_01/buttons/link_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
a.link_intern_left:hover 
	{
	color: #ff0021;	
	background: url(../../image/layout_01/buttons/hover_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
/* link_intern_right		--- intern		- Ausrichtung rechts	*/
/* Hinweis: für Boxen -> Link mehr ... ! */
a.link_intern_right
	{
	color: #636363;
	text-decoration: none;
	border: 0px solid #072148;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 15px; /* 15px = Abstand background-image zum Link-Text */
	float: right;
	background:  url(../../image/layout_01/buttons/link_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
a.link_intern_right:hover 
	{
	color: #ff0021;	
	background: url(../../image/layout_01/buttons/hover_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
/* link_extern_left		--- intern		- Ausrichtung links	*/
a.link_extern_left
	{
	color: #636363;
	text-decoration: none;
	border: 0px solid #072148;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 15px; /* 15px = Abstand background-image zum Link-Text */
	float: left;
	background:  url(../../image/layout_01/buttons/link_extern.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
a.link_extern_left:hover 
	{
	color: #ff0021;	
	background: url(../../image/layout_01/buttons/hover_extern.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}
/* link_extern_right		--- intern		- Ausrichtung rechts	*/
a.link_extern_right
	{
	color: #636363;
	text-decoration: none;
	border: 0px solid #072148;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 15px; /* 15px = Abstand background-image zum Link-Text */
	float: right;
	background:  url(../../image/layout_01/buttons/link_extern.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
a.link_extern_right:hover 
	{
	color: #ff0021;	
	background: url(../../image/layout_01/buttons/hover_extern.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}
/* link_visit_previous	--- intern		- Ausrichtung links	*/
a.link_visit_previous
	{
	color: #636363;
	font-size: 110%;
	text-decoration: none;
	border: 0px solid #072148;
	border-width: 0;
	margin: -1px 0 0 0;
	padding: 0 5px 0 15px; /* 15px = Abstand background-image zum Link-Text */
	float: left;
	background:  url(../../image/layout_01/buttons/link_list.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
a.link_visit_previous:hover 
	{
	color: #ff0021;	
	background: url(../../image/layout_01/buttons/hover_list.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}	
/* link_mail_left		--- intern		- Ausrichtung links	*/
a.link_mail
	{
	color: #636363;
	text-decoration: none;
	margin: 0;
	padding: 0 5px 0 15px; /* 15px = Abstand background-image zum Link-Text */
	background:  url(../../image/layout_01/buttons/link_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
.mail_left /* Kennung L */
	{
	float: left;
	}
.mail_right /* Kennung R */
	{
	float: right;
	}
.mail_text /* Kennung T */
	{
	/* default -> leer ! */
	}
a.link_mail:hover
	{
	color: #ff0021;	
	background: url(../../image/layout_01/buttons/hover_next.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
/* mail_icon		--- intern / Admin-Bereich		- Ausrichtung links	*/
a.mail_icon img
	{
	border: 0px solid red;
	margin: 0 0 -3px 0;
	padding: 0;
	}
.mail_icon
	{
	border: 0px solid red;
	margin: 0 0 -3px 0;
	padding: 0;
	}
/* link_pdf_left		--- intern		- pdf	/ icon klein */
a.link_pdf_left
	{
	color: #636363;
	text-decoration: none;
	margin: 0 0 5px 25px; /* 5px = Abstand zwischen PDF-Buttons / 25px = Abstand vom linken Rand */
	padding: 2px 0 0 25px; /* 25px = Abstand background-image zum Link-Text */
	min-height: 18px;
	float: left; /* Ausrichtung links */
	clear: left; /* Vermeidung von Treppeneffekt und Abstand zum Folgetext */
	background:  url(../../image/layout_01/buttons/link_pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
/*	Transparenz deaktivierbar -> deaktiviert: due to css-validator */	
/*	filter: alpha(opacity=75); -moz-opacity: 0.75; */
/*	target: tab; /* CSS3 															! TMP ! */
	}
a.link_pdf_left:hover 
	{
	color: #ff0021;	
	text-decoration: none;
	background: url(../../image/layout_01/buttons/link_pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
/*	Transparenz deaktivierbar -> deaktiviert: due to css-validator */	
/*	filter: alpha(opacity=100); -moz-opacity: 1.00; */
	}
/* ---------------------------------------------------------------------- 4.0/00 - 17.06.08 */
/* link_pdf_right		--- intern		- pdf	/ icon klein */
a.link_pdf_right
	{
	color: #636363;
	text-decoration: none;
	border: 1px dashed #072148;
	border-width: 0;
	margin: 0 25px 5px 0; /* 5px = Abstand zwischen PDF-Buttons / 25px = Abstand vom rechten Rand */
	padding: 2px 0 0 25px; /* 25px = Abstand background-image zum Link-Text */
	min-height: 18px;
	float: right; /* Ausrichtung links */
	clear: right; /* Vermeidung von Treppeneffekt und Abstand zum Folgetext */
	background:  url(../../image/layout_01/buttons/link_pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
/*	Transparenz deaktivierbar -> deaktiviert: due to css-validator */	
/*	filter: alpha(opacity=75); -moz-opacity: 0.75; */
	}
a.link_pdf_right:hover 
	{
	color: #ff0021;	
	text-decoration: none;
	background: url(../../image/layout_01/buttons/link_pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
/*	Transparenz deaktivierbar -> deaktiviert: due to css-validator */	
/*	filter: alpha(opacity=100); -moz-opacity: 1.00; */
	}
/* link_int_news (innerhalb p-Tag !) => Modul Newsdirect */
p a.link_int_news
	{
	color: #aaaaaa;
	text-decoration: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
p a.link_int_news:hover
	{
	color: #ff0000;
	}
/* links */
a#link_sengine
	{
/*	color: #072148; */
/*	background: none; */
	text-decoration: none;
	border: 1px solid #ccc;
	border-width: 0;
	margin: 0;
	padding: 0;
	}
a#link_sengine:hover
	{
	border: 1px solid red;
	border-width: 0px 0px 0px 0px;
	}
#link_sengine img
	{
	border: 1px solid red;
	border-width: 0;
	margin: 0 3px -2px 0;
	padding: 0;
	}	
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [content.css] */
/* content */
.content
	{
	/* color: #000; */
	/* background: none; */
	/* border: 1px solid red; */
	border-width: 1px;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	/*display: inline-block; /* display -> muss inline-block sein ! - wg IE 7 */
	}
/* content h1 -> h5 (Überschriften) */
.content h1
	{
	color: #1852BB;
	/* background: none; */
	border: 1px solid #C1DEFC;
	border-width: 0 0 2px 0;
	font-size: 110%;
	letter-spacing: 0.1em;
	margin: 0 15px 5px 15px;
	padding: 5px 5px 0px 5px;
	/*
	background-image:url(../../image/layout_01/background/header_3a.gif);
	background-repeat: repeat-x;
	*/
	}
.content h2
	{
	color: #626262;
	/* background: none; */
	border: 1px solid #fff; /*#E1E1E1;*/
	border-width: 0 0 1px 0;
	font-size: 100%;
	margin: 0 25px 4px 25px;
	padding: 5px 5px 0px 5px;
	}
.content h3
	{
	color: #777777;
	/* background: #E0E0E0; */
	border: 1px solid #8C8C8C;
	border-width: 0;
	font-size: 95%;
	margin: 0 25px 3px 25px;
	padding: 5px 5px 0px 5px;
	}
.content h4
	{
	color: #8C8C8C;
	/* background: #E0E0E0; */
	border: 1px solid #A1A1A1;
	border-width: 0;
	font-size: 90%;
	margin: 0 25px 2px 45px;
	padding: 5px 5px 0px 5px;
	width: 85%;
	}
.content h5
	{
	color: #A1A1A1;
	/* background:  #E0E0E0; */
	border: 1px solid #B6B6B6;
	border-width: 0;
	font-size: 85%;
	margin: 0 25px 1px 25px;
	padding: 5px 5px 0px 5px;
	}
/* content p (Hauptinhalt) */
.content p
	{
	color: #5E5E5E;
	/* background: #F6F6F6; */
	font-size: 90%;
	/* border: 1px solid #fff; */
	border-width: 1px;
	margin: 0 15px 10px 15px;
	padding: 10px 15px 10px 20px;
	display: block; 				/* display = block wg. IE7, FF und SAF ok -> im p-tag */
	}
/* content + text_xxxx + p (Textausrichtung) */
.content .text_block p
	{
	text-align: justify;
	}
.content .text_block .p2 /* NUR zum TEST - p-Tag - anders formatiert - active_p = 2 (in DB-content) */
	{
	color: #4D4D4D;
	background: #EAEAEA;
	font-size: 90%;
	border: 1px solid #fff;
	border-width: 3px 3px 3px 3px;
	margin: 5px 25px 10px 25px;
	padding: 15px 15px 15px 15px;
	}
.content .text_left p
	{
	text-align: left;
	}
.content .text_right p
	{
	text-align: right;
	}
.content .text_center p
	{
	text-align: center;
	}
.content hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #ccc;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 0px 15px 10px 15px; /* ! right/left = 15px -> wie p-Tag formatieren ! */ 
	padding: 0;
	}
/* auto_source (als p-tag) */
.content .auto_source
	{
	background: #C1DEFC;
	border: 1px solid #fff;
	border-width: 1px;
	margin: -4px 24px 3px 24px;
	}
/* auto_line -> Linie z.B. für autom. Quellenangabe 								! TMP ! */	
.content .auto_line /* ! div/hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #ccc;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 0 25px 0 25px; /* ! right/left = 30/35px -> wie p-Tag formatieren ! */ 
	padding: 0;
	}
/* content ul/li - Listen */
.content ul
	{
	color: #5E5E5E;
	/* background: #C7C7C7; */
	/* border: 1px solid #A5A5A5; */
	border-width: 1px 2px 2px 1px;
	margin: 10px 20px 10px 20px;
	padding: 10px 20px 10px 20px;
	/* ! Hinweis: folgende Einstellungen ggfls. auch möglich ! */
	/* width: 50%;
	float: right;*/
	display: block;
	}
.content li
	{
	/* top -> -1px = Korrekturfaktur -> senkrechte Linie mit border-left ! */
	/* right -> 0px = muss wg Anzeige (IE7) eingestellt bleiben und ev. display bzw. clear !!! */
	/* border: 1px solid #8D8D8D; */
	border-width: 0 0 0 1px;
	font-size: 90%;
	margin: -1px 1px 4px 0px; 
	padding: 0 0 0 30px; /* 30px = Abstand von List-Item links */
	list-style-type: none;
	background-image: url(../../image/layout_01/buttons/bullet_li.gif);
	background-repeat: no-repeat;
	background-position: 7px -3px; /* -2px = Korrekturfaktur -> Image mit Text bündig ! */
	/* !!! display -> muss so eingestellt bleiben, sonst fehlerhafte Anzeige von Bildern !!! */
	display: block;
	/* clear: left; /* !!! IE7 -> ev. clear aktivieren !!! */
	}
/* content + active_space -> optional - statt hr, br oder leer */	
.content .active_space
	{
	/* background: none; */
	border: 1px solid #000;
	border-width: 1px 0 0 0; /* ! top = 1px -> kann als Trennlinie verwendet werden (wie hr) ! */
	margin: 10px 5px 0 5px;
	padding: 0;
	height: 10px; /* ! Angabe height: 10px muss für FF eingestellt werden ! */ 
	}
/* content + image_right (Bildausrichtung) */
.content .image_right
	{
	background: #fff;
	border: 1px solid #E1E1E1;
	border-width: 1px 2px 2px 1px;
	margin: 2px 0 2px 10px;
	padding: 5px;
	float: right;
	}
.content .image_right_text
	{
	background: #ccc;
	border: 1px solid #999999;
	border-width: 1px 2px 2px 1px;
	margin: 1px 1px 1px -4px;
	padding: 5px;
	display: block;
	/* ! Transparenz wirkt auch auf das komplette Bild aus ! */
	/* filter: alpha(opacity=95); -moz-opacity: 0.95; */
	}
.content span.image_text
	{
	color: #666666;
	background: #B9B9B9;
	font-size: 70%;
	text-align: center;
	border: 1px solid  #666666;
	border-width: 1px 2px 2px 1px;
	margin: 0 0 0 5px;
	padding: 0 0 5px 5px;
	float: right;
	}
/* content + image_left (Bildausrichtung) */
.content .image_left
	{
	background: #fff;
	border: 1px solid #E1E1E1;
	border-width: 1px 2px 2px 1px;
	margin: 2px 10px 2px 0px;
	padding: 5px;
	float: left;
	}
/* content + image_box (Bildausrichtung) -> u.a. für Bilder in Info-Box -> ohne Rahmen */
.content .image_box
	{
	background: #ccc;
	border: 1px solid #999999;
	border-width: 1px 2px 2px 1px;
	margin: 2px 10px 2px 0px;
	padding:  0;
	float: left;
	}
/* content + image_out (Vermeidung von Treppeneffekten bei image) */
#image_out
	{
	height: 1px;
	clear: both;
	}
.content table
	{
	/* background: #fff; */
	border: 1px solid #B7B7B7;
	border-width: 1px;
	margin: 5px 15px 5px 15px;
	padding: 0;
	}
.content caption
	{
	color: #072148;
	background: #FFFFB0;
	border: 1px solid red;
	border-width: 1px;
	margin: 5px 15px 5px 15px;
	padding: 2px 0 3px 0;
	}
.content thead th
	{
	color: #fff;
	background: #A2A2A2;
	font-size: 90%;
	border: 1px solid red;
	border-width: 0;
	margin: 0;
	padding: 2px 10px 3px 10px;
	}
.content tfoot td
	{
	color: #fff;
	background: #A2A2A2;
	border: 1px solid red;
	border-width: 0;
	margin: 0;
	padding: 2px 5px 3px 5px;
	}
.content td
	{
	color: #4D4D4D;
	/* background: #fff; */
	font-size: 90%;
	vertical-align: text-top;
	border: 1px solid #D2D2D2;
	border-width: 0; /* sollte alles "0" sein (z.B. wg. Google-Maps */
	margin: 0;
	padding: 5px;
	}
.content .td_center
	{
	text-align: center;
	}
.content .td_liste
	{
	background: #F0F0F0;
	border: 1px solid red;
	border-width: 0;
	margin: 2px 0 2px 0;
	padding: 2px 0 2px 0;
	}
.content .td_liste li
	{
	border: none;
	margin: 0;
	padding: 0 0 0 20px;	
	list-style-type: none;
	background-image: url(../../image/layout_01/buttons/link_list.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px; /* -2px = Korrekturfaktur -> Image mit Text bündig ! */
	}	
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [text_formate.css] */
	/* Text Unterstreichung - content/left/right - span-Tag */
#text_format
	{
	/* color: #636363; */
	/* background: #E0E0E0; */
	/* font-weight: bold; */
	white-space: nowrap; /* ! nowrap -> Zeilenumbruch vermeiden ! */
	border: 1px solid #ff0000;
	border-width: 0 0 1px 0;
	margin: 0;
	padding: 0 2px 0 2px;
	}
/* Text Unterstreichung - left/right - span-Tag inkl. Link */
#text_format a
	{
	text-decoration: none;
	}
#text_format a:hover
	{
	color: #ff0000;
	}
/* Text Formatierung bei kostenpflichtigen Rufnummern !!! */
.hint
	{
	font-size: 75%;
	margin: 5px 0 0 15px;
	display: block;
	}
.star
	{
	color: red;
	margin: 0 0 0 0px;
	}
/* textmarker - nur für Funktion Search !!! */
#textmarker
	{
	background: #FFFFA8;
	white-space: nowrap;
	border: 1px solid red;
	border-width: 0 0 1px 0;
	margin: 0 2px 0 0;
	padding: 0 2px 0 2px;
	display: inline;
	}
/* text_marker - mit hover und quickinfo */
#text_marker
	{
	color: #8C8C8C;
	background: #FFFFA8;
	white-space: nowrap;
	border: 1px solid red;
	border-width: 0;
	margin: 0 2px 0 0;
	padding: 0 1px 0 0;
	display: inline;
	}
#text_marker a 
	{
	color: #072148;
	text-decoration: none;
	cursor: help;
	padding: 0 2px 0 2px;
	display: inline;
	}
#text_marker a:hover 
	{
	background-color: #FFFFA8;
	display: inline;
	position: relative;
	border: 1px solid red; 
	border-width: 0 0 1px 0;
	}
#text_marker a span 
	{
	display: none;
	}
#text_marker a.info_box:hover span 
	{
	color: #072148; 
	background-color: #ffffe1;
	font-size: 90%;
	text-align: left;
	text-decoration: none;
	white-space: normal;	
	border-top: 1px solid red;
	border-right: 2px solid red;
	border-bottom: 2px solid red;
	border-left: 1px solid red; 
	top: 17px;
	left: 41px;
	width: 175px;
	padding: 5px;
	display: block;
	float: left;
	position: absolute; 
/*	Transparenz deaktivierbar -> deaktiviert: due to css-validator */	
/*	filter: alpha(opacity=90); -moz-opacity:0.90;  */
	}
/* content + teaser_box -> !!! Formatierung wie p-Tag !!! */
.content .teaser_box
	{
	font-size: 90%;
	border: 1px solid red;
	border-width: 0;
	margin: -5px 25px -5px 25px; /* !!! top/bottom = -5px -> damit Abstand zu p-Tag 0 ist !!! */
	padding: 5px 5px 5px 10px;
	}
.content .teaser_box span
	{
	color: #4D4D4D;
	background: #DEDEDE;
	font-size: 90%;
	border: 1px solid #C8C8C8;
	border-width: 1px 2px 2px 1px;
	margin: 0 0 10px 10px;
	padding: 5px;
	float: right;
	width: 30%; /* !!! width = xx% OK -> max. 30% oder fest !!! */
	}
.content .teaser_box span h1
	{
	color: #fff;
	background: #B6B6B6;
	border: 1px solid #8C8C8C;
	border-width: 0 0 1px 0;
	font-size: 115%;
	text-align: center;
	margin: -5px -5px 3px -5px; /* !!! right = -5px -> wenn teaser_box mit border-right = 2px !!! */
	padding: 2px 0 1px 0;
	}
.content .teaser_box span hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #8C8C8C;
	border-width: 0 0 1px 0;
	height: 1px;
	}
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [text_icons.css] */
/* text_telefon */
#text_telefon
	{
	margin: 3px 0 4px 0;
	padding: 0 0 0 28px; /* left = 25px -> Abstand Text vom icon */
	background-image: url(../../image/layout_01/icon_fon.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px; /* 0px = Korrekturfaktur -> Image mit Text bündig ! */
	}
#text_telefax
	{
	margin: 2px 0 4px 0;
	padding: 0 0 0 28px; /* left = 25px -> Abstand Text vom icon */
	background-image: url(../../image/layout_01/icon_fax.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px; /* 0px = Korrekturfaktur -> Image mit Text bündig ! */
	}
#text_mobil
	{
	margin: 2px 0 4px 0;
	padding: 0 0 0 28px; /* left = 25px -> Abstand Text vom icon */
	background-image: url(../../image/layout_01/icon_mobil.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px; /* 0px = Korrekturfaktur -> Image mit Text bündig ! */
	}
.text_adr_image
	{
	border: 1px solid red;
	border-width: 0;
	margin: 2px 0 0 0;
	height: 16px; /* height = 16px muss angegeben werden ! */
	}
.text_adr_image img
	{
	margin: 0 5px 0 6px;
	padding: 0; /* left = 25px -> Abstand Text vom icon */
	float: left;
	display: inline; /* display = inline muss aktiv sein ! */
	}	
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [header_x.css] */
/* header_0 */
#header_0
	{
	color: #072148;
/*	background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative;
	width: 100%;
	/* ! Transparenz wirkt auch auf header_2 / header_3 aus ! */
	/*filter: alpha(opacity=90); -moz-opacity: 0.90;*/
	}	
/* header_1 */
#header_1
	{
	margin: 8px 20px 8px 20px;
	height: 169px; /* nur zum Test */
	color: #000;
	background: #fff;
	border: 1px solid rgba(193, 222, 252, 1.00);
	border-width: 1px 0 6px 0;
	background-image:url('../../image/layout_01/background/header_center.png');
	background-repeat: repeat-x;
	background-position: left 0 top 39px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	}
/* header_1 - left */
#header_1 #left
	{
	/*background: red;*/
	border: 1px solid orange;
	border-width: 0;
	margin: 1px;
	padding: 0;
	float: left;
	}
/* header_1 - center */
#header_1 #center
	{
	/*background: red;*/
	border: 1px solid #ffe000;
	border-width: 0;
	margin: 1px 0 1px 0;
	padding: 0;
	clear: right;
	}
#header_1 #center #center_text
	{
	/*color: red;*/
	/*background: #fff;*/
	border: 1px solid #ffe000;
	border-width: 0;
	margin: 42px 0 0 0;
	padding: 0;
	width: 35%;
	float: left;
	/*filter: alpha(opacity=90); -moz-opacity: 0.90;*/
	}
#header_1 #center_text h1
	{
	color: #1B54BC;
	font-size: 14pt;
	border: 1px solid #ffe000;
	border-width: 0;
	margin: 0 -5px 2px -5px;
	padding: 5px 5px 5px 10px;
	/*visibility: hidden;*/
	}
#header_1 #center_text h2
	{
	color: #1B54BC;
	font-size: 14pt;
	border: 1px solid #ff0000;
	border-width: 0 0 1px 0;
	margin: 0 -5px 2px -5px;
	padding: 5px 5px 5px 10px;
	}
#header_1 #center_text h3
	{
	color: #1B54BC;
	font-size: 11pt;
	text-align: center;
	border: 1px solid #ffe000;
	border-width: 0 0 1px 0;
	margin: 0 -5px 2px -5px;
	padding: 5px 5px 5px 10px;
	}
#header_1 #center_text p
	{
	color: #1B54BC;
	font-size: 11pt;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding: 5px;
	}
#header_1 #center_text ul
	{
	margin: 10px 0 -5px 0;
	padding: 0;
	}	
#header_1 #center_text li
	{
	color: #fff;
	font-size: 10pt;
	margin: -1px 1px 4px 0px; 
	padding: 0 0 0 30px; /* 30px = Abstand von List-Item links */
	list-style-type: none;
	background-image: url(../../image/layout_01/buttons/bullet_li.gif);
	/*background-image: url(../../image/layout_01/menu_fly.gif);*/
	background-repeat: no-repeat;
	background-position: 7px -3px; /* -3px = Korrekturfaktur -> Image mit Text bündig ! */
	}
/* header_1 - right */
#header_1 #right
	{
	/*color: red;*/
	/*background: orange;*/
	border: 1px solid blue;
	border-width: 0;
	margin: 1px;
	padding: 0;
	height: 100px
	}
/* header_1 => banner_center*/
#header_1 .banner_center
	{
	border: 1px solid #fff;
	border-width: 1px;
	margin: 45px 15px 0 0;
	padding: 0;
	float: right; /* Standard */
	/*float: right; */
	}
/* header_1 / left => logo_left */
#header_1 #left .logo_left
	{
	background: #fff; /*#A4CFF9;*/
	border: 1px solid #fff;
	border-width: 0;
	margin: 13px 0 0 -1px;
	padding: 0;
	float: left;
	}
/* header_1 / right => logo_right*/
#header_1 #right .logo_right
	{
	border: 1px solid #fff;
	border-width: 0;
	margin: 8px -1px 0 0;
	padding: 0;
	float: right;
	}	
/* header_2 */
#header_2
	{
	color: #000;
/*	background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 0 0 0 16px;
	padding: 0;
	/* ! bei Aktivierung Menü-2x muss Wert angepasst werden ! */
	height: 0px; /* ! Angabe height muss für FF und IE7 aktiviert sein ! */
	/*background-image: url(../../image/layout_01/background/header_3a.gif);*/
	/*background-repeat: repeat-x;*/
	/* ! Transparenz wirkt auch auf header_3 aus ! */
	/* filter: alpha(opacity=95); -moz-opacity: 0.95; */
	}
/* header_2 / left */
#header_2 #left
	{
	color:#0033CC;
/*	background: none; */
	border: 1px dotted #99FF33;
	border-width: 0;
	margin: 0;
	padding: 0 0 2px 5px;
	width: 200px;
	float: left;
	}
/* header_2 / center */
#header_2 #center
	{
	color:#0033CC;
/*	background:none; */
	border: 1px dotted #99FF33;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
	}	
/* header_2 / right */
#header_2 #right
	{
	color:#0033CC;
/*	background: none; */
	border: 1px dotted #99FF33;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 25%;
	float: right;
	}	
/* header_3 */
#header_3
	{
	color: #000;
	background: ttransparent;
	border: 1px solid #C1DEFC;
	border-width: 0;
	/*border-color: #FF0A06 #FF0A06 #FF0A06 #FF0A06;*/
	margin: 0px 20px 0 20px;
	padding: 1px 0px 1px 1px;
	height: 1px; /* ! Angabe height muss für FF und IE7 aktiviert sein ! */
	/*background-image:url('../../image/layout_01/background/back_left.png');
	background-repeat: repeat-y;
	/* ! Transparenz wirkt auch auf header_3 aus ! */
	/* filter: alpha(opacity=95); -moz-opacity: 0.95; */
	}
/* header_3 / left */
#header_3 #left
	{
	color:#0033CC;
/*	background: none; */
	border: 1px dotted #99FF33;
	border-width: 0;
	margin: 0;
	padding: 0 0 2px 5px;
	width: 200px;
	float: left;
	}
/* header_3 / center */
#header_3 #center
	{
	color:#0033CC;
/*	background:none; */
	border: 1px dotted #99FF33;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 60%;
	float: left;
	}	
/* header_3 / right */
#header_3 #right
	{
	color:#0033CC;
/*	background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 0;
	padding: 1px 1px 0 0;
	width: auto;
	float: right;
	}	
	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [left.css] */
/* 00.01 -> left_0			=> Formatierung des gesamten Bereiches		 					*/
#left_0
	{
	/* background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 5px 0 0 -100%; /* left -> muss -100% sein ! */
	padding: 1px 1px 1px 10px;
	float: left;
	width: 210px; /* ! Standard => width: 200px */
	/*background-image: url(../../image/layout_01/background/back_left.png);
	background-repeat: repeat-y;
	background-position: 0px 0px; */
	}
/* 01.01 -> left_1			=> Formatierung des gesamten Bereiches		 					*/
/* 							---> für Menü (vertikal) 1-stufig und x-stufig <--- 			*/
#left_1
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 3px 1px 1px 8px;
	padding: 1px;
	}
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [menu_1x.css] */
/* ! Tabelle als Hilfskontruktion (Problem: automatische Höhe des Menüs -> FF ) ! 			*/
.menu table td
	{
	margin: 0;
	width: 100%;
	border-collapse: collapse; 
	}
.menu_1x 
	{ 
	font-size: 90%; 
	margin: 0 0 5px -5px; /* ! Position des Menüs -> mit Info-Boxen bündig ! */
  	position: relative;
	width: 100%; /* ! width-Angabe nur IE7 - mouseover / gesamte Breite ! */
	}
.menu_1x ul 
	{ 
	margin: 0pt; 
	padding: 0pt; 
	width: 12em; 
	position: relative; 
	z-index: 500; 
	list-style-type: none; 
	}
.menu_1x li 
	{ 
	float: left;
	}
/* li - sub (für Sub-Menüs -> arrow_right)													*/
.menu_1x li .sub 
	{ 
	/*background: red;*/
	}
.menu_img 
	{ 
	float: right;
	margin: 5px 0 0 0; 
	text-decoration: none;
	border: 0px solid red; /* ! nur zum Text ! */ 
	}
.menu_1x table 
	{ 
	position: absolute; 
	border-collapse: collapse; 
	top: 0px; 
	left: 0px; 
	z-index: 100; 
	font-size: 1em; 
	}
/* ! Farb-Einstellung Menü normal 								---> IE6, IE7 und FFx ! 	*/
.menu_1x a, .menu_1x a:visited 
	{ 
	color: #1B54BC;
	background: #C1DEFC; 	 
	border: 1px solid #B7B7B7;
	border-width: 1px;
	letter-spacing: 0.1em; /* Zeichenabstand */  
	text-decoration: none; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal; 
	text-transform: none;
	margin-top: -1px; /* !!! Korrektur-Faktor !!! */
	margin-left: 2px; 
	padding-left: 0.7em;
	height: 1.7em; /* Höhe des Menü-Eintrages */ 
	line-height: 1.7em; /* dto. */
	display: block; 
	width: 187px; /* ! Breite des Menüs - Wert für IE7 und FFx = ca. 172px ! */
	/* Optional mit background-image möglich => auch hover !!! */
	/*background-image:url(../../image/layout_01/background/header_3.gif);*/
	/*background-position: 0 0;*/
	}
/*.menu_1x b 
	{ 
	float: right; 
	margin-right: 5px; 
	}*/
* html .menu_1x a, * html .menu_1x a:visited 
	{ 
	width: 165px; /* Breite des Menüs - Wert nur für IE6 = ca. 178px ! */
	}
/* ! Farb-Einstellung mouse-over/hover 							---> nur IE6 ! 				*/	
* html .menu_1x a:hover 
	{ 
	color: #fff; 
	background: #1B54BC; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal; 
	text-decoration: none; 
	text-transform: none; 
	position: relative;
	border: 1px solid #B7B7B7;
	}
.menu_1x li:hover 
	{ 
	position: relative; 
	}
/* ! Farb-Einstellung active 									---> IE6, IE7 und FFx !		*/	
.menu_1x a:active, .menu_1x a:focus 
	{ 
	color: #fff; 
	background: #1B54BC; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal; 
	text-decoration: none; 
	text-transform: none; 
	border: 1px solid #B7B7B7;
	}
/* ! Farb-Einstellung mouse-over/hover 							---> nur FFx ! 				*/	
.menu_1x li:hover > a 
	{ 
	color: #fff; 
	background: #1B54BC; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal; 
	text-decoration: none; 
	text-transform: none; 
	border: 1px solid #B7B7B7;
	}
.menu_1x li ul 
	{ 
	padding: 2em; 
	visibility: hidden; 
	position: absolute; 
	top: -1.7em; /* ! Abstand oben - Sub-Menüs ! */
	left: 137px; /* ! Abstand links - Sub-Menüs -> abhängig von der Position sub-menu.gif ! */ 
	background: transparent; 
	}
/* menu_1x -> Untermenüs => Farbsteuerung (optional) - max. 5-Level */
/* 2. Menü-Stufe */
.menu_1x .sub_2nd a
	{
	color: #1B54BC; 
	background: #C1DEFC;
	/*letter-spacing: normal;*/
	}
/* 3. Menü-Stufe */
.menu_1x .sub_3rd a
	{
	color: #1B54BC; 
	background: #C1DEFC;
	/*letter-spacing: normal;*/
	}
/* 4. Menü-Stufe */
.menu_1x .sub_4th a
	{
	color: #1B54BC; 
	background: #C1DEFC;
	/*letter-spacing: normal;*/
	}
/* 5. Menü-Stufe !!! TMP !!! */
.menu_1x .sub_5th a
	{
	color: #1B54BC; 
	background: #C1DEFC;
	/*letter-spacing: normal;*/
	}
/* !!! ab hier -> nichts ändern !!!															*/	
.menu_1x li:hover > ul { visibility: visible; }
.menu_1x ul a:hover ul ul { visibility: hidden; }
.menu_1x ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu_1x ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu_1x ul a:hover ul { visibility: visible; }
.menu_1x ul a:hover ul a:hover ul { visibility: visible; }
.menu_1x ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu_1x ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
/* ! nur wenn content_modus - für Menüs - aktiviert ! */
.content_modus
	{
	color: red;
	font-size: 80%;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}	
	
/* 02.01 -> left_2			=> Formatierung des gesamten Bereiches		 					*/
#left_2
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 3px -4px 1px 3px;
	padding: 1px;
	}
/* 02.02 -> left_2			=> content_box 		=> Formatierung der Info-Box		  		*/
/*												=> 1. Anschrift								*/	
#left_2 .content_box
	{
	color: #4D4D4D;
	background: #F6F6F6;
	border: 1px solid #B7B7B7;
	border-width: 1px 2px 2px 1px;
	font-size: 80%;
	margin: 5px;
	padding: 5px;
	}
#left_2 .content_box h1
	{
	color: #fff;
	background: #1B54BC;
	font-size: 115%;
	text-align: left;
	letter-spacing: 0.05em;
	border: 1px solid #B7B7B7;
	border-width: 0 0 1px 0;
	margin: -5px -6px 0 -5px;
	padding: 3px 5px 2px 10px;
	}
#left_2 .content_box h2
	{
	color: #1B54BC;
	background:  #C1DEFC;
	font-size: 95%;
	border: 1px solid #D6D6D6;
	border-width: 0 0 2px 0;
	margin: 0 -5px 1px -5px;
	padding: 5px 5px 2px 10px;
	}
#left_2 p
	{
	margin: 0;
	padding: 5px;
	}
#left_2 hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #8C8C8C;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 5px 5px 0 5px; /* ! right/left = 5px -> wie ul/li-Tag Text bündig ! */ 
	padding: 0;
	}
#left_2 #no_wrap
	{
	color: red;
	font-weight: bold;
	white-space: nowrap;
	}
#left_2 .img_add /* for QR-Code */
	{
	display: block;
	border: 0px solid red;
	margin: 0 auto;
	}
/* 03.01 -> left_3			=> Formatierung des gesamten Bereiches					  		*/
#left_3
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 1px;
	}
/* 03.02 -> left_3			=> content_box 		=> Formatierung der Info-Box		  		*/
#left_3 .content_box
	{
	color: #4D4D4D;
	background: #f2f2f2;
	border: 1px solid #fff;
	border-width: 1px;
	font-size: 90%;	/* Steuerung Schriftgröße => Standard = 90% */
	margin: 5px;
	padding: 5px;
	}
#left_3 .content_box h1
	{
	color: #626262;
	background: #f2f2f2;
	font-size: 110%;
	text-align: left;
	border: 1px solid #ffe000;
	border-width: 0 0 2px 0;
	margin: -5px -5px 0 -5px;
	padding: 3px 5px 2px 10px;
/*	background-image:url(../../image/layout_01/background/header_3a.gif);
	background-repeat: repeat-x; */
	}
#left_3 .content_box h2
	{
	color: #626262;
	font-size: 105%;
	border: 1px solid #c2c2c2;
	border-width: 0 0 1px 0;
	margin: 0 -5px 2px -5px;
	padding: 5px 5px 2px 10px;
	}
#left_3 p
	{
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
#left_3 .content_box img	/* kann deaktiviert werden */
	{
	float: left;
	border: 1px solid red;
	}
#left_3 hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #8C8C8C;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 5px 5px 0 5px; /* ! right/left = 5px -> wie ul/li-Tag Text bündig ! */ 
	padding: 0;
	}
#left_3 ul
	{
	background: #C7C7C7;
	border: 1px solid #A5A5A5;
	border-width: 0;
	margin:  0;
	padding: 2px;
	}
#left_3 li
	{
	/* top -> -1px = Korrekturfaktur -> senkrechte Linie mit border-left ! */
	/* right -> 0px = muss wg Anzeige (IE7) eingestellt bleiben und ev. display bzw. clear !!! */
	margin: 1px 1px 1px 0px; 
	padding: 0 0 0 20px; /* 30px = Abstand von List-Item links */
	border: 1px solid #8D8D8D;
	border-width: 0;
	list-style-type: none;
	background-image: url(../../image/layout_01/buttons/bullet_li.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px; /* -2px = Korrekturfaktor -> Image mit Text bündig ! */
	/* !!! display -> muss so eingestellt bleiben, sonst fehlerhafte Anzeige von Bildern !!! */
	display: inline-block; /* !!! IE7 -> Image über Liste -> deshalb inline-block !!! */
	/* clear: left; /* !!! IE7 -> ev. clear aktivieren !!! */
	}
/* 04.01 -> left_4			=> Formatierung des gesamten Bereiches					  		*/
#left_4
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 3px -4px 1px 3px;
	padding: 1px;
	}
/* 04.02 -> left_4			=> content_box 		=> Formatierung der Info-Box		  		*/
#left_4 .content_box
	{
	color: #4D4D4D;
	background: #F6F6F6;
	border: 1px solid #B7B7B7;
	border-width: 1px 2px 2px 1px;
	font-size: 80%;
	margin: 5px;
	padding: 5px;
	}
#left_4 p
	{
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
/* 05.01 -> left_5			=> Formatierung des gesamten Bereiches					  		*/
#left_5
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 3px -4px 1px 3px;
	padding: 1px;
	}
/* 05.02 -> left_5			=> Formatierung des gesamten Bereiches					  		*/
/*							=> content_box 		=> Statistik						  		*/	
#left_5 .content_box
	{
	color: #4D4D4D;
	background: #F6F6F6;
	border: 1px solid #B7B7B7;
	border-width: 1px 2px 2px 1px;
	font-size: 80%;	/* Steuerung Schriftgröße => Standard = 90% */
	margin: 5px;
	padding: 5px;
	}
#left_5 .content_box h1
	{
	color: #fff;
	background: #1B54BC;
	font-size: 115%;
	text-align: left;
	letter-spacing: 0.05em;
	border: 1px solid #B7B7B7;
	border-width: 0 0 1px 0;
	margin: -5px -6px 0 -5px;
	padding: 3px 5px 2px 10px;
	}
#left_5 .content_box h2
	{
	color: #082A8B;
	background:  #FFFF33;
	font-size: 100%;
	border: 1px solid #D6D6D6;
	border-width: 0 0 2px 0;
	margin: 0 -5px 2px -5px;
	padding: 10px 5px 5px 10px;
	}
#left_5 .content_box table
	{
	border: 1px solid red;
	border-width: 0;
	margin: 5px 0 2px 0;
	padding: 0;
	width: 100%;
	}	
#left_5 .content_box tr
	{
	font-size: 85%;
	}
#left_5 .content_box .td_2
	{
	text-align: right;
	}	
#left_5 .ssl_tested {float:right;margin:0 auto;display:block;margin-top:0px;margin-right:-3px;pading:0;}	
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [main.css] */
/* main_0 */
#main_0
	{
	background: #fff;
	border: 1px solid rgba(27, 84, 188,0.50);
	border-width: 1px;
	/* Info: margin-top => Ausrichtung zum Menü (vertikal) / gleiche Höhe */
	margin: 22px 26% 16px 240px; /* right -> muss 26% sein ! - left muss 225px sein ! */
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	}	
/* main_1 */
#main_1
	{
	/* color: #000; */
	/*background: #DEF0F7;*/
	border: 1px solid #5bb3d7;
	border-width: 0;
	margin: 1px;
	padding: 5px 0px 5px 0px;
	}
/* Hinweis: nach main_1 wird "content.css" geladen !!! */
/* main_2 */
#main_2
	{
	color: #072148;
	background: #9BCDFF;
	border: 1px solid #072148;
	border-width: 1px;
	margin: 1px;
	padding: 5px 0px 5px 0px;
	}
/* main_3 */
/* für autom. Quellenangabe */	
#main_3
	{
	color: #072148;
	background: #C6E2FF;
	border: 1px solid #072148;
	border-width: 1px;
	margin: 1px;
	}
/* main_4 => für info_section / jump_section / data_section */
#main_4
	{
/*	color: none; */
/*	background: none; */
	border-width: 1px;
	margin: 1px;
	padding: 5px 0px 5px 0px;
	}
/* main_5 */
#main_5
	{
/*	color: #000; */
/*	background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 0;
	}
/* content info_section / jump_section / data_section (Infos zum jeweiligen Absatz) */
#main_5 .info_section
	{
	color: #626262;
	background: #C1DEFC;
	font-size: 80%;
	border: 1px solid #1B54BC;
	border-width: 1px 0 1px 0;
	margin: 0;
	padding: 4px 5px;
	min-height: 16px; /* ! Angabe min-height: 15px muss für FF eingestellt werden ! */
	}
#main_5 .jump_section
	{
	border: 1px solid #072148;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 5px;
	float: left;
	}
#main_5 .data_section
	{
	font-size: 95%;
	border: 1px solid #072148;
	border-width: 0;
	margin: -1px 0 0 0;
	padding: 1px 5px 0 5px;
	float: right;
	}
#main_5 .visit_section
	{
	font-size: 95%;
	border: 1px solid #072148;
	border-width: 0;
	margin: -1px 0 0 0;
	padding: 1px 0 0 0;
	float: left;
	}
#main_5 .google_section
	{
	border: 0px solid red;
	margin: 0 -15px 0 15px;
	display: inline;
	float: right;
	}
#main_5 .twitter_section
	{
	border: 0px solid red;
	margin: -2px 0 0 5px;
	display: inline;
	float: right;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [right.css] */
/* 00.01 -> right_0			=> Formatierung des gesamten Bereiches		 					*/
#right_0
	{
	/* background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 4px 0 5px -25%; /* ! left => muss -25% sein ! */
	padding: 1px;
	float: left;
	width: 24%; /* ! width max. 24% ! */
/*	background-image: url(../../image/layout_01/background/header_3c.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px; */
	}
/* 01.01 -> right_1			=> Formatierung des gesamten Bereiches		 					*/
#right_1
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	/* border-width: 1px; */
	margin: 1px;
	padding: 1px;
	}
/* 01.02	-> right_1		=> content_box 		=> Formatierung der Info-Box		  		*/
/*												=> Anschrift / Bürozeiten					*/	
#right_1 .content_box
	{
	color: #4D4D4D;
	background: #F6F6F6;
	border: 1px solid #B7B7B7;
	border-width: 1px 2px 2px 1px;
	font-size: 85%;	/* Steuerung Schriftgröße => Standard = 90% */
	margin: 5px;
	padding: 5px;
	}
#right_1 .content_box h1
	{
	color: #fff;
	background: #1B54BC;
	font-size: 115%;
	text-align: left;
	letter-spacing: 0.05em;
	border: 1px solid #B7B7B7;
	border-width: 0 0 1px 0;
	margin: -5px -6px 0 -5px;
	padding: 3px 5px 2px 10px;
/*	background-image:url(../../image/layout_01/background/header_3a.gif);
	background-repeat: repeat-x; */
	}
#right_1 .content_box h2
	{
	color: #1B54BC;
	background:  #C1DEFC;
	font-size: 100%;
	border: 1px solid #D6D6D6;
	border-width: 0 0 2px 0;
	margin: 0 -5px 1px -5px;
	padding: 5px 5px 2px 10px;
	}
#right_1 p
	{
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
#right_1 hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #D6D6D6;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 5px 5px 0 5px; /* ! right/left = 5px -> wie ul/li-Tag Text bündig ! */ 
	padding: 0;
	}
/* right_1 + ul / li => Anschrift / Bürozeiten */
#right_1 ul
	{
	background: #fff;
	border: 1px solid #D6D6D6;
	border-width: 1px;
	font-size: 95%;
	margin:  10px 5px 5px 5px;
	padding: 5px 2px 5px 5px;
	}
#right_1 #office_time
	{
	color: #4E4E4E;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 6px 3px;
	}
#right_1 li
	{
	/* top -> -1px = Korrekturfaktur -> senkrechte Linie mit border-left ! */
	/* right -> 0px = muss wg Anzeige (IE7) eingestellt bleiben und ev. display bzw. clear !!! */
	margin: 1px 1px 1px 0px; 
	padding: 0 0 0 20px; /* 20px = Abstand von List-Item links */
	border: 1px solid #8D8D8D;
	border-width: 0;
	list-style-type: none;
	background-image: url(../../image/layout_01/buttons/bullet_li.gif);
	background-repeat: no-repeat;
	background-position: 0px -4px; /* -4px = Korrekturfaktor -> Image mit Text bündig ! */
	/* !!! display -> muss so eingestellt bleiben, sonst fehlerhafte Anzeige von Bildern !!! */
	display: inline-block; /* !!! IE7 -> Image über Liste -> deshalb inline-block !!! */
	/* clear: left; /* !!! IE7 -> ev. clear aktivieren !!! */
	}
/* 02.01 -> right_2			=> Formatierung des gesamten Bereiches					  		*/
#right_2
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 1px;
	padding: 1px;
	}
/* 02.02 -> right_2			=> content_box 		=> Formatierung der Info-Box		  		*/
/*												=> Notizblock / Aktuell						*/	
#right_2 .content_box
	{
	color: #4D4D4D;
	background: #f2f2f2;
	border: 1px solid #fff;
	border-width: 1px;
	font-size: 90%;
	margin: 5px;
	padding: 5px;
	}
#right_2 .content_box h1
	{
	color: #626262;
	background: #0078EE;
	font-size: 110%;
	text-align: left;
	border: 1px solid #ffe000;
	border-width: 0 0 1px 0;
	margin: -5px -5px 0 -5px;
	padding: 3px 5px 2px 10px;
	}
#right_2 .content_box h2
	{
	font-size: 95%;
	border: 1px solid #8D8D8D;
	border-width: 0 0 1px 0;
	margin: 0 -5px 2px -5px;
	padding: 10px 5px 5px 10px;
	}
#right_2 p
	{
	margin: 0;
	padding: 5px;
	}
#right_2 hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #8C8C8C;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 5px 5px 0 5px; /* ! right/left = 5px -> wie ul/li-Tag Text bündig ! */ 
	padding: 0;
	}
/* 02.03	-> right_2		=> box_aktuell 		=> Formatierung der Info-Box		  		*/
/*												=> Aktuell									*/	
#right_2 .box_aktuell
	{
	color: #5E5E5E;
	background: #EBEBEB;
	text-decoration: none; /* muss für IE7 aktiv sein ! */
	border: 1px solid #fff;
	border-width: 1px;
	font-size: 90%;	/* Steuerung Schriftgröße => Standard = 90% */
	margin: 5px;
	padding: 5px;
	}
#right_2 .box_aktuell:hover 
	{
	background: #F4F4F4;
	border: 1px solid #B8B8B8;
	border-width: 1px;
	}
#right_2 .box_aktuell_link:hover h1
	{
	padding: 4px 5px 1px 10px;	
	background-image: url(../../image/layout_01/background/header_3b.gif);
	background-repeat: repeat-x;
	}	
#right_2 .box_aktuell h1
	{
	color: #626262;
/*	background: #C6C6C6; */
	font-size: 110%;
	border: 1px solid #ffe000;
	border-width: 0 0 2px 0;
	margin: -5px -5px 0 -5px;
	padding: 3px 5px 2px 10px;
	background-image: url(../../image/layout_01/background/header_3a.gif);
	background-repeat: repeat-x;
	}
#right_2 .box_aktuell h2
	{
	color: #626262;
	font-size: 105%;
	border: 1px solid #c2c2c2;
	border-width: 0 0 1px 0;
	margin: 0 -5px 2px -5px;
	padding: 5px 5px 2px 10px;
	}
#right_2 .box_aktuell p
	{
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
#right_2 .box_aktuell p:first-line /* 1. Zeile eines Absatzes in anderer Farbe */
	{
	color: #3A3A3A;
	}
/* 03.01 -> right_3			=> Formatierung des gesamten Bereiches					  		*/
#right_3
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 1px;
	}
/* 03.02 -> right_3			=> content_box 		=> Formatierung der Info-Box		  		*/
#right_3 .content_box
	{
	color: #4D4D4D;
	background: #F6F6F6;
	border: 1px solid #B7B7B7;
	border-width: 1px 2px 2px 1px;
	font-size: 80%;	/* Steuerung Schriftgröße => Standard = 90% */
	margin: 5px 6px 5px 6px;
	padding: 5px;
 	}
#right_3 .content_box h1
	{
	color: #fff;
	background: #1B54BC;
	font-size: 115%;
	text-align: center;
	letter-spacing: 0.05em;
	border: 1px solid #B7B7B7;
	border-width: 0 0 1px 0;
	margin: -5px -6px 0 -5px;
	padding: 3px 5px 2px 10px;
	/*background-image:url(../../image/layout_01/background/header_3a.gif);
	background-repeat: repeat-x; */
	}
#right_3 .content_box h2
	{
	color: #1B54BC;
	background:  #C1DEFC;
	font-size: 100%;
	border: 1px solid #D6D6D6;
	border-width: 0 0 2px 0;
	margin: 0 -5px 1px -5px;
	padding: 5px 5px 2px 10px;
	}
#right_3 p
	{
	text-decoration: none;
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
#right_3 .content_box img	/* kann deaktiviert werden */
	{
	float: left;
	border: 1px solid #CBCBCB;
	}
#right_3 hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #8C8C8C;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 5px 5px 0 5px; /* ! right/left = 5px -> wie ul/li-Tag Text bündig ! */ 
	padding: 0;
	}
#right_3 ul
	{
	background: #C7C7C7;
	border: 1px solid #A5A5A5;
	border-width: 0;
	margin:  0;
	padding: 2px;
	}
#right_3 li
	{
	/* top -> -1px = Korrekturfaktur -> senkrechte Linie mit border-left ! */
	/* right -> 0px = muss wg Anzeige (IE7) eingestellt bleiben und ev. display bzw. clear !!! */
	margin: 1px 1px 1px 0px; 
	padding: 0 0 0 20px; /* 30px = Abstand von List-Item links */
	border: 1px solid #8D8D8D;
	border-width: 0;
	list-style-type: none;
	background-image: url(../../image/layout_01/buttons/bullet_li.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px; /* -2px = Korrekturfaktor -> Image mit Text bündig ! */
	/* !!! display -> muss so eingestellt bleiben, sonst fehlerhafte Anzeige von Bildern !!! */
	display: inline-block; /* !!! IE7 -> Image über Liste -> deshalb inline-block !!! */
	/* clear: left; /* !!! IE7 -> ev. clear aktivieren !!! */
	}
/* 04.01 -> right_4			=> Formatierung des gesamten Bereiches					  		*/
#right_4
	{
	color: #072148;
	background: orange;
	border: 1px solid red;
	border-width: 1px;
	margin: 1px;
	padding: 1px;
	}
/* 05.01 -> right_5			=> Formatierung des gesamten Bereiches					  		*/
#right_5
	{
	/* color: none; */
	/* background: none; */
	/* border: 1px solid none; */
	border-width: 1px;
	margin: 1px;
	}
/* 05.02 -> right_5			=> login_box 		=> Formatierung der Info-Box		  		*/
/*
#right_5 .login_box
	{
	color: #4D4D4D;
	background: #f2f2f2;
	text-decoration: none;
	border: 1px solid #fff;
	border-width: 1px;
	font-size: 80%;	/* Steuerung Schriftgröße => Standard = 90% */
/*	margin: 5px;
	padding: 5px;
	}
#right_5 .login_box h1
	{
	color: #626262;
	background: #f2f2f2;
	font-size: 110%;
	text-align: left;
	text-decoration: none;
	border: 1px solid #ffe000;
	border-width: 0 0 1px 0;
	margin: -5px -5px 0 -5px;
	padding: 3px 5px 2px 10px;
/*	background-image:url(../../image/layout_01/background/header_3a.gif);
	background-repeat: repeat-x; */
/*	}
#right_5 .login_box h2
	{
	color: #00CE00;
	font-size: 95%;
	text-decoration: none;
	border: 1px solid #c2c2c2;
	border-width: 0 0 1px 0;
	margin: 0 -5px 2px -5px;
	padding: 5px 5px 2px 10px;
	}
*/	
#right_5 p
	{
	text-decoration: none;
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
#right_5 hr /* ! hr-tag -> IE + FF zeigen hiermit eine 1px-Linie an ! */
	{
	border: 0px solid #8C8C8C;
	border-width: 0 0 1px 0;
	height: 1px;
	margin: 5px 5px 0 5px; /* ! right/left = 5px -> wie ul/li-Tag Text bündig ! */ 
	padding: 0;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [layout.css] */
/* content ul/li + link_directory (automatische Inhaltsverzeichnis) */
.link_directory
	{
	border: none;
	border-width: 0;
	margin: 1px;
	padding: 5px 0 0 0;
	}
.link_directory li
	{
	/* decimal - disc- upper-latin ! nicht für IE7 ! */
	list-style-type: none; /* decimal; /* lower-latin; - */
	list-style-position: outside;
	}
.link_directory .add_text
	{
	font-size: 90%;
	border: 1px solid #fff;
	border-width: 1px 0 0 0;
	margin: 2px 0 5px 20px;
	padding: 2px 25px 2px 0;
	}
/* content info_section / jump_section / data_section (Infos zum jeweiligen Absatz) */
.content .info_section
	{
	color: #626262;
	/*background: #EBEBEB;*/
	font-size: 80%;
	border: 1px solid #E1E1E1;
	border-width: 0 0 1px 0;
	margin: 0 0 15px 0;
	padding: 2px 5px 2px 5px;
	min-height: 14px; /* ! Angabe min-height: 15px muss für FF eingestellt werden ! */
	}
.content .jump_section
	{
	border: 1px solid #fff;
	border-width: 0;
	margin: 0;
	padding: 0 5px 0 5px;
	float: right;
	}
.content .data_section
	{
	font-size: 95%;
	border: 1px solid #072148;
	border-width: 0;
	margin: -1px 0 0 0;
	padding: 1px 5px 0 5px;
	float: right;
	}
.content .visit_section
	{
	font-size: 95%;
	border: 1px solid #072148;
	border-width: 0;
	margin: -1px 0 0 0;
	padding: 1px 0 0 0;
	float: left;
	}
/* Funktion act_date */
#act_date a
	{
	color: #072148;
/*	background: none; */
	text-align: center;
	text-decoration: none;
	border: 1px solid red;
	border-width: 0px 0px 0px 0px;
	margin: 6px 0 0 0;
	padding: 0 10px 0 10px;
	float: left;
	}
/* Modul breadcrump -> button-search */
#breadcrump
	{
	color: #000;
/*	background: none; */
	border: 1px solid red;
	border-width: 0;
	margin: 0 5px 0 17px;
	padding: 2px 0 0 2px;
	font-size: 90%;
	float: left; /* ! Angabe float->left muss aktiviert sein (für das folgende Element) ! */
	}
/* image_left (Bildausrichtung) => kleine Bilder ! */
.image_left
	{
	background: #fff;
	border: 1px solid #E1E1E1;
	border-width: 1px 2px 2px 1px;
	margin: 2px 10px 2px 0px;
	padding: 2px;
	float: left;
	}
.image_right
	{
	background: #fff;
	border: 1px solid #E1E1E1;
	border-width: 1px 2px 2px 1px;
	margin: 2px 10px 2px 0px;
	padding: 2px;
	float: right;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 15.05.15 */
/* from		-> [partner.css] */
/* content + partner */	
.content .partner
	{
	/* color: #ff0000; */
	/* background: #E1E1E1; */
	font-size: 100%;
	border: 1px solid #fff;
	border-width: 0;
	margin: 5px 15px 5px 15px;
	padding: 0;
	}
.content .partner h1
	{
	color: #626262;
	/*background: #CBCBCB;*/
	font-size: 95%;
	border: 1px solid #ccc; /*#8C8C8C;*/
	border-width: 0 0 2px 0;
	margin: 15px 0 15px 0;
	padding: 2px 0px 2px 5px;
	}
.content .partner h2
	{
	color: #626262;
	background: #EBEBEB;
	font-size: 85%;
	border: 1px solid #8C8C8C;
	border-width: 1px;
	border-color: #8C8C8C #8C8C8C #CBCBCB #8C8C8C;
	margin: 0 15px 0 15px;
	padding: 3px 10px 3px 5px;
	}
.content .partner h3
	{
	color: #626262;
	background: #F5F5F5;
	font-size: 75%;
	border: 1px solid #8C8C8C;
	border-width: 0 1px 0 1px;
	margin: 0 15px 0 15px;
	padding: 3px 10px 3px 5px;
	}
.content .partner p
	{
	color: #072148;
	background: #FFFFD7;
	font-size: 80%;
	border: 1px solid #8C8C8C;
	border-width: 1px;
	margin: 0px 15px 5px 15px;
	padding: 10px 5px 5px 15px;
	min-height: 150px; 				/* min-height = 150px wg. Anzeige Logos im p-tag */
	display: block; 				/* display = block wg. Safari im p-tag */
	}
/* content + partner + image_right (Bildausrichtung) */
.content .partner .image_right
	{
	background: #ccc;
	border: 1px solid #999999;
	border-width: 1px 2px 2px 1px;
	margin: 0 5px 2px 2px;
	padding: 2px;
	float: right;
	}
/* content + partner + footer (für Zustzinformationen / Mouse-Over) */	
.content .partner .footer
	{
	/*color: red;*/
	background: #EBEBEB;
	font-size: 90%;
	border: 1px solid #8C8C8C;
	border-width: 0 1px 1px 1px;
	margin: -5px 15px 7px 15px;
	padding: 2px 5px 2px 5px;
	min-height: 18px;
	}
/* Info-Box für zusätzlich Partner-Informationen -> Mouse-Over-Effekt */	
.partner_info
	{
	float: left;
	}
a.partner_info
	{
	color: inherit;
/*	background-color: none; */
	text-decoration: none;
	margin: 0;
	position: relative;
	z-index: 1;
	}
a.partner_info:hover
	{
	color: #cc0000;
	z-index: 2;
	}
a.partner_info span
	{
	display: none;
	}
a.partner_info:hover span
	{
	color: #072148;
	background: #FFFFF0;
	font-size: 85%;
	padding: 10px 5px 0 10px;
	display: block;
	position: absolute;
	top: -169px;
	right: -6px;
	width: 575px;
	border: 1px solid #8C8C8C;
	border-width: 1px;
	min-height: 155px;
	}
.partner_info img
	{
	border: none;
	}
/* link_partner_top			--- intern		- image / Sprung oben */
a.link_partner_top
	{
	min-height: 13px; /* 13px = Größe des Buttons */
	margin: 2px 3px 0 -1px;
	padding: 0 0 0 13px; /* 13px = Abstand background-image zum Link-Text */
	background:url(../../image/layout_01/buttons/link_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	float: right;
	}
a.link_partner_top:hover 
	{
	background: url(../../image/layout_01/buttons/hover_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [formulare.css] */

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [imprint.css] */
/* Tabelle für Impressum */
.imprint
	{
	/*color: red;*/
	/*background: blue;*/
	border: 1px solid #fff;
	border-width: 1px;
	margin: 10px 15px 10px 15px;
	padding: 5px;
	}
.imprint table
	{
	/*background: yellow;*/
	border: 1px solid #E0E0E0;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	}
.imprint td
	{
	/*background: #fff;*/
	border: 0px solid orange;
	border-width: 0;
	margin: 0;
	padding: 3px 5px 2px 5px;
	}
.imprint td#row_1
	{
	/*color: red;*/
	margin: 0;
	padding: 3px 5px 2px 10px;
	font-weight: bold;
	width: 30%;
	}
.imprint td#row_1_small
	{
	/*color: red;*/
	font-size: 80%;
	margin: 0;
	padding: 3px 5px 2px 10px;
	width: 30%;
	}
.imprint td#row_2
	{
	/*color: red;*/
	margin: 0;
	padding: 3px 5px 2px 10px;
	}
.imprint td#row_2_small
	{
	/*color: red;*/
	font-size: 80%;
	margin: 0;
	padding: 3px 5px 2px 10px;
	}
.imprint hr
	{
	border: 1px solid #E0E0E0;
	border-width: 0 0 1px 0;
	margin: 0;
	padding: 0;
	}
/* Tabelle für Impressum (nur für Muster-Seite!)*/
.imprint_muster
	{
	color: #fff;
	background: #ccc;
	border: 1px solid #fff;
	border-width: 1px;
	margin: 10px 15px 10px 15px;
	padding: 5px;
	}
.imprint_muster table
	{
	/*background: yellow;*/
	border: 1px solid #E0E0E0;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	}
.imprint_muster td
	{
	color: #fff;
	/*background: #fff;*/
	border: 0px solid orange;
	border-width: 0;
	margin: 0;
	padding: 3px 5px 2px 5px;
	}
.imprint_muster td#row_1
	{
	/*color: red;*/
	margin: 0;
	padding: 3px 5px 2px 10px;
	font-weight: bold;
	width: 30%;
	}
.imprint_muster td#row_1_small
	{
	/*color: red;*/
	font-size: 80%;
	margin: 0;
	padding: 3px 5px 2px 10px;
	width: 30%;
	}
.imprint_muster td#row_2
	{
	/*color: red;*/
	margin: 0;
	padding: 3px 5px 2px 10px;
	}
.imprint_muster td#row_2_small
	{
	/*color: red;*/
	font-size: 80%;
	margin: 0;
	padding: 3px 5px 2px 10px;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 24.07.15 */
/* from		-> [specials.css] */
/* start-text	-> ie holidays																*/
.text_action	{margin:0 auto;margin:16px 32px;padding:8px;text-align:center;border:1px solid #1B54BC;}
.text_action h3 {color:#1B54BC;border:1px solid #1B54BC;border-width:0 0 2px 0;display:inline;font-size:1.20em;}
.text_action p	{font-size:1.075em;text-align:right;}

/* youtube-video -> iframe */
.main_youtube
	{
	border: 1px solid #ccc;
	margin: 0 auto;
	display: block;
	width: 99.9%;
	}
.small_youtube
	{
	border: 1px solid #ccc;
	margin: 0 5px 0 5px;
	float: right;
	width: 50%;
	height: 180px;
	}
.capimg
	{
    float:right;
	padding:0;
	margin-left:16px;
	margin-bottom:16px;
	border:0px solid orange;
	}
/* Info-Box für z.B. Statistik (notepad) */
.specials_info
	{
	border: 1px solid red;
	border-width: 0;
	margin: 5px 10px 0 5px;
	padding: 0;
	top: 6px;
	left: 5px;
	float: left;
	position: relative;
	}
a.specials_info
	{
/*	color: none; */
/*	background: none; */
	text-decoration: none;
	position: relative;
	z-index: 1;
	}
a.specials_info:hover
	{
/*	background: none; */
	z-index: 2;
	}
a.specials_info span
	{
	display: none;
	}
a.specials_info:hover span
	{
	color: #6C6C6C;
/*	background: #D2D2D2; */
	border: 1px solid  #969696;
	border-width: 1px 2px 2px 1px;
	font-size: 90%;
	margin: 2px;
	padding: 5px 10px 5px 5px;
	display: block;
	position: absolute;
	top: -0.6em;
	left: 1.65em;
	width: 275px;
	}
.specials_info img
	{
	border: none;
	}
.content .anfahrt
	{
	border: 0px solid red;
	border-collapse: collapse;
	font-size: 95%;
	width: 75%;
	}
.content .anfahrt .rows
	{
	margin: 0;
	padding: 0;
	}
.content .anfahrt .col_st
	{
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 25%;
	}
.content .anfahrt .col_nd
	{
	margin: 0;
	padding: 0;
	}


/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 16.05.15 */
/* from		-> [sitemap.css] */
/* sitemap => für sitemap (Tabellen) */
#sitemap table
	{
	color: #626262;
/*	background: #fff; */
  	border: 1px solid #ccc;
  	border-width: 1px 2px 2px 1px;
  	border-collapse: collapse;
  	border-spacing: 0;
  	margin: 0;
  	padding: 1px;
	width: 100%;
	}
#sitemap th
	{
	color: inherit;
  	background: #E0E0E0;
  	text-align: center;
	font-size: 100%;
	border: 1px solid #B7B7B7;
  	border-width: 1px;
	margin: 0;
  	padding: 1px 4px 1px 4px;
	}
/* 2. Überschrift */	
#sitemap td.value_0
	{
	color: inherit;
  	background: #EAEAEA;
  	text-align: center;
	font-size: 90%;
	border: 1px solid #B7B7B7;
  	border-width: 1px;
	margin: 0;
  	padding: 1px 4px 1px 4px;
	}
#sitemap td.value_1 /* linksbündig */
	{
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
  	border: 1px solid #B7B7B7;
  	border-width: 0;
	margin: 0;
  	padding: 4px 0 4px 5px;
	width: 175px;
	}
#sitemap td.value_2 /* linksbündig */
	{
	text-align: left;
  	border: 1px solid #B7B7B7;
  	border-width: 0;
	margin: 0;
  	padding: 4px 0 0 1px;
	}
#sitemap td.value_3 /* ! nur für sitemap_info ! */
	{  	
	border: 1px solid #B7B7B7;
  	border-width: 0;
	margin: 0;
  	padding: 0 0 0 2px;
	width: 25px;
	}
#sitemap td.value_4 /* left */
	{
	text-align: left;
	font-size: 75%;
  	border: 1px solid #B7B7B7;
  	border-width: 0 0 0 1px;
	margin: 0;
  	padding: 1px 2px 0 4px;
	}
#sitemap td.value_5 /* zentriert */
	{
	text-align: center;
	font-size: 70%;
  	border: 1px solid #B7B7B7;
  	border-width: 0 0 0 1px;
	margin: 0;
  	padding: 1px 2px 0 4px;
	}
#sitemap td.value_9 /* Modul Aktuell / abgelaufene Zeiträume */
	{
	color: #8C8C8C;
	font-size: 75%;
  	border: 1px solid #B7B7B7;
  	border-width: 1px 0 0 1px;
	margin: 0;
  	padding: 1px 2px 0 4px;
	}
#sitemap td.value_x /* leere Zelle */
	{
  	border: 1px solid #B7B7B7;
  	border-width: 0;
	margin: 0;
	width: 5px;
	}
#sitemap td.value_y /* leere Zelle */
	{
  	border: 1px solid #B7B7B7;
  	border-width: 0;
	margin: 0;
	}
#sitemap td.value_z /* zentriert */
	{
	text-align: center;
	font-size: 70%;
  	border: 1px solid #B7B7B7;
  	border-width: 0;
	margin: 0;
  	padding: 1px 2px 0 2px;
	}
#sitemap td.value_j /* jump-top / leere Zelle */
	{
  	border: 1px solid #B7B7B7;
  	border-width: 1px 0 0 0;
	margin: 0;
	}
/* Info-Box für zusätzlich Sitemap-Informationen -> Mouse-Over-Effekt */	
.sitemap_info
	{
	margin: 0;
	padding: 0;
	}
a.sitemap_info
	{
/*	color: none; */
/*	background-color: none; */
	text-decoration: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	}
a.sitemap_info:hover
	{
/*	background-color: none; */
	z-index: 2;
	}
a.sitemap_info span
	{
	display: none;
	}
a.sitemap_info:hover span
	{
	color: #4D4D4D;
	background: #FFFFF0;
	font-size: 85%;
	padding: 5px;
	display: block;
	position: absolute;
	top: -2px;
	left: 20px;
	width: 225px;
	border: 1px solid #8C8C8C;
	border-width: 1px;
	/*min-height: 155px;*/
	}
.sitemap_info img
	{
	border: none;
	vertical-align: bottom;
	}
/* sitemap_new - Icon für aktuell Datum */
.sitemap_new
	{
	border: 1px solid #B7B7B7;
	border-color: #E0E0E0 #B7B7B7 #B7B7B7 #E0E0E0;
	border-width: 1px;
	margin: 0 4px -3px 0;
	padding: 1px;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.11/00 - 12.05.15 */
/* from		-> [sitemap.css] */

/* ----------------------------------------------------------------------------------------------------------------- 4.15/00 - 04.12.16 */
/* SOCIAL 	-> ICONS | BUTTONS | LINKS																									*/
/* config	-> tools_customer/setup_config.inc.php 																						*/
/* use in	-> tools/start/left_2.inc.php																								*/
/* link		-> http://codepen.io/mfbrown/pen/Lqfid | https://css-tricks.com/centering-in-the-unknown 									*/
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* contain	-> for .social-box */
.box_space	{display:inline-block;} 
/* button	-> for all social icons */
.social-box 
	{
  	display:inline-block;
	float:left;
  	width:2.2em;
  	height:2.2em;
  	margin:.4em .5em -.2em 1em;
  	text-align:center;
	transition:background 0.5s ease;
	}
.social-box:before 
	{
  	content:'';
  	display:inline-block;
  	height:100%;
  	margin:0.1em -0.1em 0 0;  /* adjusts for spacing */
  	vertical-align:middle;
	}
.social-box a 
	{  
  	margin:auto;
  	text-align:center;
  	vertical-align:middle;
  	font-size:1.4em;
	outline:0;	/* https://css-tricks.com/removing-the-dotted-outline */
	}

/* config	-> tools_customer/setup_config.inc.php => soc_type */
.box-default	{border-radius: 0;}		
.box-round		{border-radius: 0.4em;}
.box-circle 	{border-radius: 50%; /* or: 2.2em; */}
/* not in use */
.box-shadow:hover	{box-shadow: 2px 2px 2px -2px rgba(0,0,0,.5);}

/* BRANDS 	-> colors | backgrounds */
/* link		-> https://brandcolors.net */
/* facebook */
.color_fbk		{color:#fff; /*#3b5998;*/}
.color_fbk:hover{color:#3b5998; /*rgba(59,89,152,.5);*/}
.back_fbk		{background:#3b5998;border:1px solid rgba(59,89,152,.5);}
.back_fbk:hover	{background:#fff;}
/* google */
.color_goo		{color:#fff; /*#dd4b39;*/}
.color_goo:hover{color:#dd4b39; /*rgba(221,75,57,.5);*/}
.back_goo		{background:#dd4b39;border:1px solid rgba(221,75,57,.5);}
.back_goo:hover	{background:#fff;}
/* pinterest */
.color_pin		{color:#fff; /*#bd081c;*/}
.color_pin:hover{color:#bd081c; /*rgba(189,8,28,.5);*/}
.back_pin		{background:#bd081c;border:1px solid rgba(189,8,28,.5);}
.back_pin:hover	{background:#fff;}
/* twitter */
.color_twi		{color:#fff; /*#1da1f2;*/}
.color_twi:hover{color:#1da1f2; /*rgba(29,161,242,.5);*/}
.back_twi		{background:#1da1f2;border:1px solid rgba(29,161,242,.5);}
.back_twi:hover	{background:#fff;}
/* yelp */
.color_yel		{color:#fff; /*#af0606;*/}
.color_yel:hover{color:#af0606; /*rgba(175,6,6,.5);*/}
.back_yel		{background:#af0606;border:1px solid rgba(175,6,6,.5);}
.back_yel:hover	{background:#fff;}
/* youtube */
.color_you		{color:#fff; /*#cd201f;*/}
.color_you:hover{color:#cd201f; /*rgba(205,32,31,.5);*/}
.back_you		{background:#cd201f;border:1px solid rgba(205,32,31,.5);}
.back_you:hover	{background:#fff;}
/* xing */
.color_xin		{color:#fff; /*#026466;*/}
.color_xin:hover{color:#026466; /*rgba(2,100,102,.5);*/}
.back_xin		{background:#026466;border:1px solid rgba(2,100,102,.5);}
.back_xin:hover	{background:#fff;}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ----------------------------------------------------------------------------------------------------------------- 4.15/00 - 04.12.16 */
/* start-page	-> if activated																											*/
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* HOLIDAYS */	
.text_action	{margin:0 auto;margin:16px 32px;padding:16px 8px;text-align:center;border:1px solid #d10917;}
.text_action h4 {border:1px solid #d10917;border-width:0 0 1px 0;display:inline;font-size:1.10em;}
.text_action p	{font-size:1.075em;text-align:right;}

/* SNOWFLAKES */
/* use in		-> index.php */	
/* jscript		-> tools_customer/snowflakes.js	*/
#flake 			{position:absolute;top:-64px;font-size:10px;color:rgba(204,204,204,.5);}
/*
.snowflake_one {color:rgba(206,206,206,1.00);}
.snowflake_all {color:rgba(206,206,206,0.70);z-index: 99999;}	
*/

/* ----------------------------------------------------------------------------------------------------------------- 4.15/00 - 06.12.16 */
/* link		-> http://codepen.io/hagemeier/pen/KpLWGo 																					*/
/* use in	-> tools_customer/cookies.chk.php 																							*/
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
.cc_more_info 				{color:#000 !important;font-size:1em;margin:0 !important;padding:0 4px !important;}
.cc_more_info:hover 		{color:#EF453F !important;}
/* !!! do not touch !!! */
.cc_banner-wrapper 			{z-index:9001;position:relative;}
.cc_container .cc_btn		{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}
.cc_container .cc_message	{margin:0;padding:4px;line-height:1.25em;font-size:.8em !important;transition:font-size 200ms;}
.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}
/* media-queries */	
@media screen and (min-width: 500px) { .cc_container .cc_btn {font-size:0.7em;} .cc_container .cc_message {font-size:0.7em;} }
@media screen and (min-width: 768px) { .cc_container .cc_btn {font-size:0.8em;} .cc_container .cc_message {font-size:0.8em;line-height:1.0em;} }
@media screen and (min-width: 992px) { .cc_container .cc_message {font-size:0.9em;} }
@media print { .cc_banner-wrapper,.cc_container {display:none;} }

.cc_container			{position:fixed;right:0;bottom:0;left:0;padding:8px;overflow:hidden;}
.cc_container .cc_btn	{position:absolute;right:12px;bottom:2px;left:12px;padding:8px 16px;text-align:center;background-color: #f1d600;} /* change background-color !!! */

@media screen and (min-width: 500px) { .cc_container{right:20px;bottom:20px;left:initial;width:300px;padding-bottom:32px; }
.cc_container .cc_btn { right:12px; bottom:12px } }
@media screen and (min-width: 768px) { .cc_container { padding-bottom:48px } .cc_container .cc_message { font-size:1em } }

/* cc_container		-> customize */
.cc_container
	{
	font-size:17px;
	box-sizing:border-box;
	border:1px solid #ccc; /*rgba(0,0,0,0.25);*/
	border-radius: 6px;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	background:rgba(255,255,255,.98);
	color:#000;

	}
.cc_container .cc_btn,.cc_container .cc_btn:visited
	{
	background: #1B54BC; /*#f1d600;*/	/* customer color */
	color: #fff;
	border: solid 1px #A2A2A2;
	border-radius:4px;
			transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	}
.cc_container .cc_btn:hover,.cc_container .cc_btn:active
	{
	background: #D20000; /* customer color */
	color: #fff;
	}
	
.cc_container a,.cc_container a:visited			{text-decoration:none;color:#31a8f0;transition:200ms color;}
.cc_container a:hover,.cc_container a:active	{color:#b2f7ff;}
.cc_container ::-moz-selection					{background:#FF0000;color:#fff;text-shadow:none}

/* cc_container -> animation fade-in from right 																   !!! DO NOT TOUCH !!! */
@-webkit-keyframes fadeInRight	{
	0%		{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
	100%	{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
	}
@keyframes fadeInRight			{
	0%		{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
	100%	{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	}
.cc_container	{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;
-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}

/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* GALLERY																																*/
/* link		-> http://codepen.io/humbl3man/pen/CuqIl */
/* ------------------------------------------------------------------------------------------------------------------------------------	*/
.txt_right	{display: block;float:right;}
.txt_left	{display: block;float:left;}
.txt_center {text-align:center;}
.small		{font-size: .8em !important;}

.gallery {
	/*max-width: 900px;*/
	overflow: hidden;
	margin: 0 auto;
	border: 0px solid #ccc;
	}
/* additional headline h2 */
.text-center {
	text-align: center;
	margin-bottom: 1em;
	}

.lightbox-gallery {
  	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	justify-content: center;
	}

.lightbox-gallery div > img {
  	max-width: 100%;
	max-height: 208px; /* same as flex-basis */
  	display: block;
	cursor: pointer;
	}
/* thumbs-size and gitter */
.lightbox-gallery div {
  	margin: 8px;
  	flex-basis: 208px;
	}

@media only screen and (max-width: 480px) {
  .lightbox-gallery {
    flex-direction: column;
    align-items: center;
  	}

  .lightbox > div {
    margin-bottom: 10px;
  	}
}


/* lighbox */
.lightbox {
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	padding-top: 16px;
	box-sizing:border-box;
	z-index:20;
	/*background-color:rgba(0,0,0,.7);*/
	background-color: rgba(255,255,255,.8);
	}
/* image position */
.lightbox img {
	display:block;
  	margin:auto;
	margin-top: 96px;
	padding: 12px;
	border: 1px solid rgba(0,0,0,.2);
	border-width: 1px 1px 0 1px;
	border-radius: 2px 2px 0 0;
	cursor:pointer;
	background: rgba(255,255,255,.9);
	}

.lightbox .caption {
	/*width: 50%;*/
	width: 512px;
	margin:6px auto;
	margin-top:0;
	padding:0 12px 12px;
	line-height:1.5;
	text-align:center;
	font-size:1em;
	font-weight:600;
	border: 1px solid rgba(0,0,0,.2);
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.50);
	background: rgba(255,255,255,.9);
	color: #2D3A53;
	}


/* ------------------------------------------------------------------------------------------------------------------------------------	*/
/* ! nur wenn content_modus - für Menüs - aktiviert ! */
.content_modus	{display:inline;margin:0;padding:0;float:left;font-size:80%;color:red;}

/* -------------------------------------------------------------------------------------------------------------------------------- END */
/* ************************************************************************************************************************************ */