/************************************************************************/
/*********      G E N E R E L L E   D E F I N I T I O N E N      ********/
/************************************************************************/
html, body, div, p, h1, h2, h3, h4, h5, h6, span, a, table, td, tr, ul, form {
	margin: 0;
	padding: 0;
	list-style:none;
}

html,body  {
	text-align:center;
	height:100%;
	padding-bottom:1px;
}


body {background:#d7d7d7 center 0 url(../img/bg_footer_kachel.gif) repeat-y;}
/* BG-Kachel plus 1px Transparenz nach rechts */
*html body {background:#d7d7d7 center 0 url(../img/bg_footer_kachel_ie67.gif) repeat-y;} /*IE6*/
*+html body {background:#d7d7d7 center 0 url(../img/bg_footer_kachel_ie67.gif) repeat-y;} /*IE7*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome,Safari*/
body {background:#d7d7d7 center 0 url(../img/bg_footer_kachel_ie67.gif) repeat-y;}
}


html,body,table,p {
	font:normal 14px/21px 'PTSansRegular',Arial,sans-serif;
	/*font:normal 12px/17px Verdana, Arial, sans-serif;*/
	color:#333;
}

p {margin-bottom:10px;}

a {
	color:#7f358c;
	text-decoration:none;
	font-weight:normal;
}

strong a {font-weight:bold;}

a:hover {
	text-decoration:underline;
}

a:focus {
	/*outline:none;*/
}

.clr {clear:both;}
div.clr {height:0px;overflow:hidden;line-height:0;} /* fuer IE6 */


@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont-0.eot#iefix') format('embedded-opentype'),
		url('../fonts/PTS55F-webfont.woff') format('woff'),
		url('../fonts/PTS55F-webfont.ttf') format('truetype'),
		url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont-0.eot#iefix') format('embedded-opentype'),
		url('../fonts/PTS75F-webfont.woff') format('woff'),
		url('../fonts/PTS75F-webfont.ttf') format('truetype'),
		url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('../fonts/PTS56F-webfont.eot');
    src: url('../fonts/PTS56F-webfont-0.eot#iefix') format('embedded-opentype'),
		url('../fonts/PTS56F-webfont.woff') format('woff'),
		url('../fonts/PTS56F-webfont.ttf') format('truetype'),
		url('../fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}



/************************************************************************/
/*********        G L O B A L E  L A Y O U T B O X E N         **********/
/************************************************************************/
#container {
	background:#fff;
}

.centerfield {
	margin:0 auto;
	padding:0;
	width:980px;
	text-align:left;    
}

#container .centerfield  {
	background:0 0 url(../img/bg_container_kachel.gif) repeat-y;
}

#bg_header {
	position:absolute;
	background:0 0 url(../img/bg_header.gif) no-repeat;
	width:980px;
	height:186px;
}

#header{
	margin:0;
	padding:0;
	width:980px;
	height:120px;
	text-align:left;  
	position: relative; /* wichtig fuer Dropdownmenue IE 6/7*/
	z-index:2;  /* wichtig fuer Dropdownmenue IE 6/7*/
}

#left{
	float:left;
	width:145px;
	padding:0px 0px 20px 22px;
}

#min_hoehe { 
	float:left;
	width:28px;
	height:450px;
}

#content {
	float:left;
	width:515px;
	padding:74px 30px 20px 0px;
	position: relative;  /* wichtig fuer Dropdownmenue IE 6/7*/
}

*html #content {overflow:hidden;}


#right {
	float:right;
	width:220px;
	padding:16px 0px 20px 20px;
	/*z-index:10;*/
	position:relative; /*wichtig*/
	background:url('../img/bg_right.gif') no-repeat 0px 66px;
}

#logo {
	position:absolute;
	margin:11px 0 0 0;
}
#logo img {
	}
	

#logo a:focus {outline:none;}


#meta {
	position:absolute;
	width:150px;
	margin:140px 0 0 561px;
	text-align:right;
	z-index:-1;
}
#meta a {
	font:normal 12px/12px 'PTSansRegular',Arial,sans-serif;
	color:#666;
	height:20px;
}

#meta a.home {
	padding:0px 0 0px 13px ;
	background:url('../img/ic_home.gif') no-repeat 0px center;
	margin-right:12px;
}
#meta a.drucken {
	padding:0px 0 0px 17px ;
	background:url('../img/ic_drucken.gif') no-repeat 0px center;
}
:root #meta a.home { padding:0px 0 1px 13px \0/IE9; }  /* IE9 + IE10pp4 */
:root #meta a.drucken { padding:0px 0 1px 17px \0/IE9; }  /* IE9 + IE10pp4 */


#footer {
	clear:both;
	/*height:267px;*/
	background:transparent 0 0 url(../img/bg_footer.gif) repeat-x;
}

#footer .centerfield {
	height:267px;
	background:0 0 url(../img/bg_footer_inner.gif) no-repeat;
}

#footer .dakks img {
	margin:-151px 0px 0px 21px;
	position: absolute;
}

.dakks.mobile {display:none;}

#wrapper_meta {
	clear:both;
	padding:21px 0px 0px 0px;
}

#footer #copyright {
	float: left;
	width: 190px;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
	color: #919191;
	font:normal 12px/12px 'PTSansRegular',Arial,sans-serif;
}

#footer #meta_ft {
	float: left;
	width: 495px;
	margin:5px 0 0 0;
	padding: 0 0 0 0;
	text-align:right;
	color:#6e6e6e;
	font:normal 12px/12px 'PTSansRegular',Arial,sans-serif;
}

#footer #meta_ft a {color: #6e6e6e;}

#social_icons {
	float:left;
	width:210px;
	height:20px;
	margin:0 0 0 45px;
	padding:0px 0 0 0;
}

#social_icons div a {
	float:left;
	width:20px;
	height:20px;
	display:block;
	margin:0px 0 0 18px;
	position:relative;
	display:inline; /*IE6*/
}

#social_icons div a span {display:none;}

#social_icons a {
	background-position:0px 0px;
	background-repeat:no-repeat
}
#social_icons a:hover {background-position:0px -20px;}

#social_icons .si_twitter a {background-image:url(../img/ic_twitter.gif)}
#social_icons .si_facebook a {background-image:url(../img/ic_facebook.gif)}
#social_icons .si_xing a {background-image:url(../img/ic_xing.gif)}
#social_icons .si_linkedin a {background-image:url(../img/ic_linkedin.gif)}
#social_icons .si_delicous a {background-image:url(../img/ic_delicous.gif)}
#social_icons .si_mrwong a {background-image:url(../img/ic_mrwong.gif)}


/*******************************************************/
/*** N A V I G A T I O N   O B E N        **************/
/*******************************************************/

#navigation_1 {
	position:absolute;
	width:925px;
	height:28px;
	margin:25px 0 0 54px;
}

#navigation_1 #menu-btn {display:none;}

#navigation_1 ul.menu {
	list-style: none;
	padding:0;
	margin:0;
	float:right;
}

#navigation_1 ul.menu li {
	/*display:block;*/
	float:left;	
	height:33px;
	margin:0 17px 0 0;
	padding:0 0 0 0;
}

#navigation_1 ul.menu li a {
	display:block;
	/*float:left;*/ /* KEIN FLOAT, wichtig!*/
	margin-top:2px;
	padding:0px 1px 4px 1px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	font:normal 14px/16px 'PTSansRegular', Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:4px solid #d5d5d5;
	position:relative; /*** Positionierung ueber dem Dropdownmenue ***/
	z-index:2;
}
 
/* F & E */
#navigation_1 ul.menu li.menu6 {	margin:0 0px 0 0;}
#navigation_1 ul.menu li.menu6 a {padding:0px 32px 4px 1px;}
/* Service */	
#navigation_1 ul.menu li.menu7 {
	margin:0 76px 0 0; 
	text-align: right;
}
#navigation_1 ul.menu li.menu7 a {
	padding:0px 1px 4px 0px; 
	border-bottom:4px solid #caadd2;
	width:83px;
}

#navigation_1 ul.menu li.menu164 {
	margin:0 0 0 0; 
	text-align: left;
}
#navigation_1 ul.menu li.menu164 a {
	padding:0px 0px 4px 1px; 
	border-bottom:4px solid #fff;
	width:78px;
	color:#7f358c;
	font:normal 14px/16px 'PTSansBold', Arial, sans-serif;
}



#navigation_1 ul.menu li.blog {
	margin:0 1px 0 0;
	float:right;
}
#navigation_1 ul.menu li.blog a {
	padding:0px 40px 4px 1px; 
	border-bottom:4px solid #fff;
	font:normal 14px/16px 'PTSansBold', Arial, sans-serif;
	color:#7f358c;
}
	

#navigation_1 ul.menu li a:hover {border-bottom:4px solid #7f358c;}
#navigation_1 ul.menu li.act a {border-bottom:4px solid #7f358c;}
#navigation_1 ul.menu li.act a:hover {border-bottom:4px solid #7f358c;}

/********************************************************************/
/***   N A V I G A T I O N   O B E N   E B E N E   2   **************/
/********************************************************************/

/* ANMERKUNG: Flyout-menü per 														  				*/
/* Superfish.js + Hoverintent.js -> für Touchnavigation     				*/
/* (da sonst Hover unterschiedlich bei Android + iOS interpretiert)	*/
/*    in Verbindung mit					                            				*/
/* CSS-HOVER -> für IE7/8                                   				*/


#navigation_1 ul.menu li ul {
	margin:6px 0 0 0px;
	/*padding:5px 5px 3px 10px;*/
	padding: 7px 5px 5px 13px;
	position: absolute;
	background-color: #fff;
	display:none;
	min-width:110px;
	clear:left;
	/*z-index:10;*/
	-moz-box-shadow:0 1px 3px 0 #DDDDDD;
	-webkit-box-shadow:0 1px 3px 0 #DDDDDD;
	box-shadow:0 1px 3px 0 #DDDDDD;
	background:#fff 0px bottom url(../img/bg_dropdown.gif) repeat-x;
	border:1px solid #dedede;
}
/* Service */	
#navigation_1 ul.menu li.menu7 ul {margin:6px 0 0 30px;}
*html #navigation_1 ul.menu li.menu7 ul {margin:6px 0 0 30px;}
*+html #navigation_1 ul.menu li.menu7 ul {margin:6px 0 0 30px;}

/*#navigation_1 ul.menu li ul.hover, 
#navigation_1 ul.menu li.hover ul,*/ 
#navigation_1 ul.menu li:hover ul  {
 	display:block;
}

/* Aktiver Punkt hat KEIN Dropdown-Menue */
/*#navigation_1 ul.menu li.act ul.hover,*/ 
#navigation_1 ul.menu li.act:hover ul {
	/*display:none; */
	}

#navigation_1 ul.menu li ul li {
	float:none;
	clear:left;
	margin:0 0px 0 0;
	padding:0px 0 1px 0px;
	height:auto;
	display:block;
}
#navigation_1 ul.menu li ul li.first {background:none}

#navigation_1 ul.menu li ul li a,
#navigation_1 ul.menu li.act ul li a,
#navigation_1 ul.menu li.menu7 ul li a ,
#navigation_1 ul.menu li.menu6 ul li a  {
	display:block;
	/*padding:5px 0px 4px 0px;
	margin:0px 5px 0px 0px;*/
	padding:6px 0px 5px 0px;
	margin:0px 10px 0px 0px;
	font:normal 13px/16px 'PTSansRegular', Arial, sans-serif;
	text-transform:none;	
	color:#737373;
	float:left;
	clear:left;
	border:none;
	width:auto;
	text-align:left;
}
#navigation_1 ul.menu li.act ul li a:hover {
	border:none;
	color:#000;
}
#navigation_1 ul.menu li ul li a:hover {
	color:#000;
	border:none;
}




/*******************************************************/
/** N A V I G A T I O N   L I N K S   E B E N E   2  ***/
/*******************************************************/

#navcontainer {
	/*width:145px;*/
	margin:110px 0 0 0px;
	padding:0 0 200px 0;
}

#navcontainer ul {
	list-style: none;
	padding:0;
	margin:0;
	text-align:left;
}

#navcontainer ul li {
	margin: 0;
	padding:0 0 0 0px;	
	line-height: 0; /* IE6 */
}

#navcontainer ul li a {
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:#737373;
	font:normal 14px/17px 'PTSansRegular', Arial, sans-serif;
	padding:10px 0px 8px 3px;
	border-bottom:1px solid #e2e2e2;
}

#navcontainer ul li a:hover {color:#000;}
#navcontainer ul li.act a{color:#7f358c;font-weight:bold;}
#navcontainer ul li.act a:hover {color:#7f358c;font-weight:bold;}

/*** N A V I G A T I O N    E B E N E   3 **************/

#navcontainer ul ul {
	padding:0 0 5px 0;	
}


#navcontainer ul ul li,
#navcontainer ul li ul li {
	margin:0;
	line-height: 0; /* IE6 */
	padding:0 1px 0 45px;	
}

#navcontainer ul ul li a,
#navcontainer ul li ul li a {
	display: block;
	font:13px/19px 'PTSansRegular', Arial, sans-serif;
	text-decoration:none;
	padding:2px 0 6px 0;
}

#navcontainer ul ul li a:hover,
#navcontainer ul li ul li a:hover {
	color:#000;
}

#navcontainer ul ul li.act a,
#navcontainer ul li ul li.act a,
#navcontainer ul ul li.act a:hover,
#navcontainer ul li ul li.act a:hover {
	color:#000;
}


/*******************************************************/
/***************** C O N T E N T   *********************/
/*******************************************************/
#content p {
	margin-bottom:13px;
}

#content h1 {
	font: normal 22px/26px 'PTSansBold',Georgia,serif;
	color:#999;
	margin:0 0 14px 0;
}

#content h2 {
	font: normal 18px/22px 'PTSansBold',Georgia,serif;
	color:#515151;
	margin:0 0 6px 0;
	padding:2px 0 0 0;
}

#content h3 {
	font: bold 15px/19px 'PTSansRegular',Georgia,serif;
	color:#333;
	margin:0 0 5px 0;
}


#content ul {	
	padding: 0 0 8px 0;
	margin: 0px 0px 0px 10px;
	list-style:none;
}

#content ul li {
 	padding: 0px 0px 0px 17px;
	margin-bottom:7px;
	background: url(../img/listpoint.gif) 0px 6px no-repeat;
}

#content ol {	
	padding:0 0 8px 10px;
	margin:0 0 0 10px;
}

#content ol li {	
	padding:0px;
 	margin-left:7px;
	margin-bottom:7px;
}


#content a img,
#content p a img {border:none}


#content a.internal-link {
	padding-left:16px;
	background:url(../img/pfeil_link.gif) no-repeat 2px center;
}

#content a.external-link {	
	padding-left:16px;
	background:url(../img/pfeil_ext_link.gif) no-repeat 3px center;
}

#content a.download {
	padding-left:16px;
	background:url(../img/download_icon.gif) no-repeat 3px center;
}

#content a.mail {
	padding-left:16px;
	background:url(../img/mail_icon.gif) no-repeat 3px center;
}

#content a.pdf-download {
	padding:2px 0 2px 19px;
	background:url(../img/pdf_icon_klein.gif) no-repeat 0px 2px;
}



/*******************************************************/
/***************** R I G H T   *********************/
/*******************************************************/


#right, #right table, #right p {
	font:normal 13px/19px 'PTSansRegular',Arial,sans-serif;
}

#right p {
	margin-bottom:8px;
	padding-right: 15px;
}

#right .box_right {
	margin:0 0 20px 0;
}

#right .box_right .csc-textpic-text {
	padding-right:20px;
}


#right h2 {
	font:normal 12px/16px 'PTSansBold',Arial,sans-serif;
	/*border-bottom:5px solid #eadeef;*/
	text-transform:uppercase;
	color:#000;
	padding:0 1px 10px 3px;
	margin:0 0 10px -3px;
	background:url(../img/strich_h2_rechts.gif) no-repeat 0px 19px;
}
#right h2 a {color:#000;}

#right a.internal-link,
#right a.intern {
	padding-left:20px;
	background:url(../img/pfeil_link.gif) no-repeat 3px 5px;
	display: inline-block;
}

#right a.pdf-download {
	padding-left:20px;
	background:url(../img/pdf_icon_klein.gif) no-repeat 0px 1px;
	padding-bottom:2px;	
	padding-top:2px;
	display: inline-block;
}

#right a.external-link {	
	padding:0px 0 0px 20px;
	background:url(../img/pfeil_ext_link.gif) no-repeat 5px 3px;
	font-weight:normal;
	display: inline-block;
}

#right a.download {
	padding:0px 0 0px 20px;
	background:url(../img/pfeil_download.gif) no-repeat 1px 1px;
	font-weight:normal;
	display: inline-block;
}

/*******************************************************/
/********************* F O O T E R *********************/
/*******************************************************/
.footer_box {
	float:left;
	width:230px;
	font:normal 14px/17px 'PTSansRegular',Arial,sans-serif;
	color:#333;
	margin:0 0 0 40px;
}
.footer_box p {
	margin:0px 0px 10px 0px;
	font:normal 14px/17px 'PTSansRegular',Arial,sans-serif;
	color:#333;
}

.footer_box a {color: #333;} 


.footer_box ul {	
	padding:0;
	margin: 0px 0px 5px 0px;
	list-style:none;
}

.footer_box ul li {
 	padding: 0px 0px 0px 0px;
	margin-bottom:5px;
}

.footer_box.box_3 img {
	margin-top:26px;
}

.footer_box  a.infos {
	color:#b00800;
	font-size:12px;
	margin-top:27px;
	float:right;
}

 /****************************************************************************************************/
/*** K O N T A K F O R M U L A R ***/
/****************************************************************************************************/

#content fieldset {
	background:#e9e8e6;
	display: block;
	border:none;
	padding:30px 0px 15px 0;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}


.csc-mailform-field {
	float:left;
	margin-bottom:10px;
}

#content label {
	display: block;
	float: left;
	text-align: right; 
	margin-right: 20px; 
	width:130px; /* Breite.*/
	padding-top:3px;
	height:20px;
}

#content input {
	float: left;
	width:270px;
	/*height:22px;*/
	border: 1px solid #74c7ea;
	background:#fff;
	font:normal 12px/16px Helvetica, Arial, sans-serif;
	padding:5px 0 5px 4px;
	color:#333;
	/*margin-bottom:10px;*/
}

/*#content input#mailformPLZ {width:64px;}
#content input#mailformOrt {width:190px;}*/


#content input.csc-mailform-check {
	float: left;
	width:18px;
	height:18px;
	border: none;
	background:none;
	padding: 0px 0px 3px 0px;
	margin-bottom:8px;
	margin-left:112px;
	/*clear:both;*/
}

#content .csc-mailform-label {
	display: block;
	width:200px;
	margin-left:150px;
	margin-bottom:13px;
	font-size:11px;
	float:none;
}



#content select {
	/*display: block;*/
	/*float: left;*/
	width:80px;
	height:18px;
	border: 1px solid #74c7ea;
	font:normal 13px/20px Helvetica, Arial, sans-serif;
	background:#fff;
	font-size:11px;
	padding-left:0px;
	color:#333;
	margin-bottom:8px;
}

#content textarea {
	float: left;
	/* display: block;*/
	width:270px;
	height:150px;
	border: 1px solid #74c7ea;
	background:#fff;
	font:normal 12px/16px Helvetica, Arial, sans-serif;
	color:#333;
	padding:5px 0 0px 4px;
	margin-bottom:10px;
	margin-left:0px;
}

#content input.csc-mailform-submit {
	margin:0px 0 10px 150px;
	padding:0px 0 2px 0;
	font:bold 13px/13px Helvetica, Arial, sans-serif;
	color:white;
	cursor: pointer;
	height:25px;
	width:170px;
	background:url(../img/bg_submit.gif) 0px 0px no-repeat;
	border:none;
}

#content input.csc-mailform-submit:hover {
	background:url(../img/bg_submit.gif) 0px -30px no-repeat;
	color:#0491cc;	
}

#right #suche {
	height:48px;
	width:200px;
	margin:0 0 0px 0;
	padding:8px 0 0 0px;
	background: url(../img/inputfeld_re.gif) no-repeat 0px 8px;
	overflow:hidden;
}

#right input.login_feld {
	float:left;
	width:153px;
	height:17px;
	margin:5px 0 0 8px;
	padding: 0px;
	font:normal 13px/16px 'PTSansRegular',Arial,sans-serif;
	color:#9e9e9e;
	border:none;
	background: #fff url(..img/inputfeld_re.gif) no-repeat -8px -5px;
	outline: 0 none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome,Safari*/
#right input.login_feld {
	margin:4px 0 0 8px;
}
}
#right input.login_submit {
	float:left;
	width:17px;
	height:17px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 14px;
	background: url(../img/bt_suche_re.gif) no-repeat 0px 0px;
	cursor:pointer;
}


/************************************************************************/
/*****************        S T A R T S E I T E          ******************/
/************************************************************************/

#home #left {display:none;}
#home #meta a.home {display:none;}
	
#home #min_hoehe { 
	float:left;
	width:80px;
	height:450px;
}

#home #content {
	width:560px;
	padding:108px 100px 30px 0px;
	font:normal 15px/23px 'PTSansRegular',Arial,sans-serif;
}
#home #content p {
	/*font:normal 15px/23px 'PTSansRegular',Arial,sans-serif;*/
	font:normal 14px/21px 'PTSansRegular',Arial,sans-serif;
	margin-bottom:16px;
}

#home #right {
	padding:16px 0px 50px 20px;
}

#visual {
	position:absolute;
	width:900px;
	height:168px;
	margin:-34px 0px 0px 80px;
}

#visual .bilder {
	position:relative;
	width:733px;
	float:right;
	margin:0 0px 0px 0px;
}
#visual .bilder img {
	float:left;
	margin:0 0px 0px 0px;
}

.bilder_mobile {display:none}
.dakks_mobile {display:none;}



#visual .dakks img {
	float:left;
	margin:-155px 0px 0px -4px;
	position: relative;
}

#teaser.mobile {display:none;}

#teaser {
	position:relative;
	width:900px;
	/*height:168px;*/
	padding:168px 0px 0px 80px;
	font:normal 13px/19px 'PTSansRegular',Arial,sans-serif;
	
}
#teaser p {
	font:normal 13px/19px 'PTSansRegular',Arial,sans-serif;
	margin-bottom:8px;
}

#teaser .box_300 {
	float:left;
	width:300px;
	padding:0px 30px 0px 0px;
}

#teaser .box_220 {
	float:left;
	width:220px;
	padding:0px 0px 0px 20px;
}

#teaser h2 {
	font:normal 12px/16px 'PTSansBold',Arial,sans-serif;
	text-transform:uppercase;
	color:#4d4d4d;
	padding:0 1px 10px 3px;
	margin:0 0 10px -3px;
	background:url(../img/strich_h2_box_300.gif) no-repeat 0px 19px;
	position: relative;
}
#teaser h2 a{color:#4d4d4d;}

#teaser .box_220 h2,
#teaser .box_220 h2 a {
	background:url(../img/strich_h2_box_220.gif) no-repeat 0px 19px;
	color:#000;
}

#teaser a.internal-link,
#teaser a.intern {
	padding-left:18px;
	background:url(../img/pfeil_link.gif) no-repeat 4px 5px;
}

#teaser #meldungen a.internal-link,
#teaser #meldungen a.intern {
	display:block;
}


#teaser #glossar a.internal-link,
#teaser #glossar a.intern {
	padding-left:20px;
	background:url(../img/pfeil_link.gif) no-repeat 3px center;
}

#home #wrapper_meta {
	clear:both;
	padding:17px 0px 30px 0px;
}

#home #footer #copyright {
	width: 135px;
	margin:5px 0 0 0;
	padding:0 0 0 80px;
}


/************* GLOSSAR ************/

#content .gbglossary_listview ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .gbglossary_listview ul li {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background:none;
}
/*
#content .gbglossary_listview ul li a {
	font-weight:bold;
	color:#333;
}*/

#content .gbglossary_listview ul li ul {
	padding: 0 0 8px 0;
	margin: 0px 0px 0px 10px;
	list-style:none;
}

#content .gbglossary_listview ul li ul li {
 	padding: 0px 0px 0px 17px;
	margin-bottom:7px;
	background: url(../img/listpoint.gif) 0px 6px no-repeat;
}


#content .gbglossary_listview h4 {
	margin:30px 0 10px 0 ;
}

#content .accordeon_letter {
	color:#ababab;
	padding: 0 2px 0 3px;
}

#content .accordeon_letter a {font-weight:normal;}

#content span.accordeon {
	overflow:hidden;
	width:450px;
	height:20px;
	display:block;
}

/* POPUP STARTSEITE 2019 */

.popup_start {
	position:fixed;
	box-sizing:border-box;
	width:600px;
	height:auto;
	margin:0;
	top:25vh;
	left:calc(50vw - 300px);
	padding:20px 20px 7px 20px;
	background-color:#ffffff;
	border-radius:10px;
	box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.40);
	z-index:200;
	text-indent:0;
}
.open .popup_start {
 display:block;
}
.popup_start,
.content .popup_start p {
 font:normal 13px/17px 'Open Sans', Arial, sans-serif;
 color:#444444;
} 
.popup_bt_schliessen {
 display:block;
 float:right;
 width:31px;
 height:31px;
 margin:-14px -15px 0px 0;
 background:url(../img/bg_bt_schliessen.png) 9px 9px no-repeat;
 cursor:pointer;
}



/****************************************************************/
/********************  RESPONSIVE STYLES    *********************/
/****************************************************************/


@media only screen and (max-width:995px) {

html,body {padding-bottom:0;}

body {background:#dadada;}

.centerfield {
	margin:0;
	width:100%;
}

#container .centerfield  {background-position:right 0;}

#header {
	padding:0 0 0 0px;
	width:auto;
}

#header .centerfield {background-position:center 0;}

#bg_header {right:0px;}

#navigation_1 {
	position:relative;
	/*width:100%;*/
	float:right;
	height:28px;
	margin:25px 1px 0 0px;
}

/*#navigation_1 {
	position:absolute;
	width:925px;
	height:28px;
	margin:25px 0 0 54px;
}
*/
#main {padding:0 0 20px 10px;}
	
#left 			{display:none;}
#min_hoehe	{display:none;}

#content_wrapper {width:100%;float:left;}

#content {
	width:auto;
	float:none;
	padding:74px 0px 25px 10px;
	margin-right:260px;
}

#right {
	/*position:absolute;
	right:0;*/
	/*padding:4px 0px 20px 20px;*/
	padding:4px 0px 180px 20px;
	/*float:left;*/
	margin-left:-240px;
}

#logo {margin-left:0px;}

#meta {
	position:absolute;
	width:150px;
	margin:140px 0 0 0;
	right:260px;
}

#footer .centerfield {
	height:200px;
	background:right 0 url(../img/bg_footer_inner.gif) no-repeat;
}

#footer {
	width:auto;
	margin-right: 0px;
}

.footer_box.box_2 {margin:27px 25px 0 0;}

#footer #meta_ft {
	float:none;
	margin:5px 30px 0 0;
	width:auto;
	}

#footer .dakks img {
	float:right;
    margin: -151px 50px 0 0;
    position: relative;
}


/************* STARTSEITE *************/

body#home {background:#d7d7d7 right 0 url(../img/bg_footer_kachel.gif) repeat-y;}

#home #content {
	width:auto;
	float:none;
	padding:74px 0px 25px 10px;
	margin-right:260px;
}

#visual {
	position:relative;
	/*width:96%;*/
	height:168px;
	margin: -34px 0 0 0px;
	float:right;
}

#visual .bilder {
	position:relative;
	/*width:78%;*/
	float:right;
	margin:0 0px 0px 0px;
}
#visual .bilder img {
	float:left;
	margin:0 0px 0px 0px;
	/*max-width:100%;*/
}

/*#home #right {
 padding: 4px 0 190px 20px;
}
*/

#teaser {
	width: auto;
}

#teaser {
	position:relative;
	width:auto;
	/*height:168px;*/
	padding:40px 0px 0px 20px;
	float:right;
}
#teaser .box_300 {
	float:left;
	width:31.7%;
	padding:0px 2.9% 0px 0px;
}

#teaser .box_220 {
	width:220px;
	padding:0px 0px 0px 0px;
	float:right;
}

#home #footer .centerfield {
	height:267px;
	background:right 0 url(../img/bg_footer_inner.gif) no-repeat;
}

#home #footer #copyright {
	margin:5px 0 0 0;
	padding:0 0 0 25px;
}

.dakks.mobile {
	display:block;
	margin:40px 0 60px 0;
	text-align:center;
	}

.dakks.mobile img {
}


#home #footer .dakks.desktop {display:none;} 


} /* ENDE 995 px*/


@media only screen and (max-width:960px) {

#logo {
	position:absolute;
	margin:60px 0 0 0px;
	width:98%;
}
#logo img {
	 height: auto;
   width:16.5%;
}




}

@media only screen and (max-width:767px) {

body { 
	/* Deaktivieren der autom. Schriftanpassung beim iPhone !!! */
	-webkit-text-size-adjust: none;
	min-width:320px; /* ab hier horizontale Scrollbars */
}

#meta,
#bg_header {display:none;}

#container {padding:0;}
#container .centerfield {background:none;}


#header_re, .breadcrumb {display:none;}	
	
#header, 
#header .centerfield {
	background:#fff;
	height:130px;
}

#header,#main,#main .centerfield {padding:0;}

#logo {
	margin: 10px 0 0 0;
	position: absolute;
	width: auto;
}
#logo img {
	height: auto;
	width:176px;
}

#content,
#home #content {
	float:none;
	margin-right:0;
	padding:25px 0 15px 0;
	/* Graue Linie oben fuer mobile Version */
	background:transparent center 0 url(../img/linie_oben_mobile.png) repeat-x;
	border-left:10px solid #fff; /*Beschneidung der Linie li/re */
	border-right:10px solid #fff;
}
#content.open {background-image:none;}


#right {
	float:none;
	clear:both;
	width:auto;
	padding:4px 0px 160px 10px;
	margin-left:0px;
	position:relative; /*wichtig*/
	background:#f8f2fa;
}

#right #suche {margin:10px 0 10px 0;}

#right h2 {
	background:url(../img/strich_h2_rechts_lang.gif) no-repeat 0px 19px;
}


#main {padding:0 0 0 0;margin:0;}

#navigation_1 {
	margin:128px 0 18px 0;
	background:none;
	width:100%;
	float:left;
	height:auto;
}

#navigation_1 #menu-btn {
	float:right;
	display:block;
	padding:1px 10px 25px 10px;
	margin:-88px 15px 0 0;
	background:#fff url(../img/menu_mobile.png) no-repeat 10px 0;
	/* BG als Sprite anlegen, sonst hat das BG-Bild kein Delay*/
	/*transition:0s 0.5s;*/ /* 1. Transition-time muss 0 sein wg Sprite, 2. Delay */
	/*-webkit-transition:0s 0.5s; 
	-moz-transition:0s 0.5s;
	-o-transition:0s 0.5s; 
	-ms-transition:0s 0.5s;*/
}

#navigation_1 #menu-btn.open {
	background:#fff url(../img/menu_mobile.png) no-repeat 10px -60px;
	transition:none; 
	-webkit-transition:none; 
	-moz-transition:none;
	-o-transition:none; 
	-ms-transition:none;
}
#navigation_1 #menu-btn a {
	display:block;
	text-indent:-9999px;
	width:41px;
	height:40px;
	cursor:pointer;
}


/************************ EBENE 1 ***************************/

#navigation_1 ul.menu {
	display:none;
	overflow:hidden;
	margin:0;
	float:none;	
	-moz-transition:0.5s; /* Transition-time */
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
}
#navigation_1 ul.menu.open {display:block;}
	
	
#navigation_1 ul.menu li,
#navigation_1 ul.menu li.menu7,
#navigation_1 ul.menu li.menu164 {
	display:block;
	float:none;
	height:auto;
	margin:0;
	text-align:left;
	background:#7c7c7c;
}

/* NAV NORMAL */
#navigation_1 ul.menu li a,
#navigation_1 ul.menu li.menu6 a,
#navigation_1 ul.menu li.menu7 a,
#navigation_1 ul.menu li.menu164 a {
	display:block;
	float:none;
	padding:12px 39px 10px 42px;
	border:none;
	color:#fff;
	font:normal 17px/17px 'PTSansBold', Arial, sans-serif;
	width:auto;
	background:transparent 0 13px url(../img/nav_plus_mobile.png) no-repeat;
}

/*#navigation_1 ul.menu li.not_mobile {display:none;}*/

/*Punkt SERVICE*/
#navigation_1 ul.menu li.menu7 {text-align: left;}

/* HOVER */
/*#navigation_1 ul.menu li a:hover,*/
#navigation_1 ul.menu li.menue_over a {
	background-position:0 -37px;
	color:#ccc;
	background-color:#7C7C7C;
}

#navigation_1 ul.menu li.act.parent a,
#navigation_1 ul.menu li.act.parent.sfHover a {
	background-position:0 13px;
	color:#ccc;
	background-color:#7C7C7C;
}

#navigation_1 ul.menu li.act a,
#navigation_1 ul.menu li.act a:hover {
		color:#fff;
		background-color:#bf9ac5;
}




#navigation_1 ul.menu li.act a {
	border-bottom:none;
}
#navigation_1 ul.menu li a:hover {
	border-bottom:none;
}
#navigation_1 ul.menu li.act a:hover {
	border-bottom:none;
}


/************************ EBENE 2 ***************************/
/*.sf-menu ul {
	position: absolute;
	display: none;
}*/


/*ul.sf-menu li ul { display: block;}*/


#navigation_1 ul.menu li ul,
#navigation_1 ul.menu li.menu7 ul {
	display:none;
	float:none;
	border:none;
	position:relative;
	box-shadow:none;
	background: #fff;
	float: none;
	height: auto;
	margin: 0 0 0px 0;
	padding:0px 0 0 0px;
	text-align: left;
}
/* Klappt Untermenü bei aktivem Punkt dort aus*/
#navigation_1 ul.menu li.act.parent ul {display:block;}

/*#navigation_1 ul.menu li ul.hover, 
#navigation_1 ul.menu li.hover ul;*/ 
#navigation_1 ul.menu li:hover ul {display:block;}


#navigation_1 ul.menu li ul li {padding:0;}

#navigation_1 ul.menu li ul li a,
#navigation_1 ul.menu li.act ul li a,
#navigation_1 ul.menu li.menu7 ul li a ,
#navigation_1 ul.menu li.menu6 ul li a,
#navigation_1 ul.menu li.act.parent ul li a {
	margin:0px 0 0 0;
	text-transform:none;	
	clear:none;
	border:auto;
	display:block;
	float:none;
	padding:12px 39px 10px 72px;
	border:none;
	color:#fff;
	font:normal 17px/17px 'PTSansBold', Arial, sans-serif;
	background:#9f9f9f;
	border-top:2px solid #fff
}



#navigation_1 ul.menu li.act ul li a:hover,
#navigation_1 ul.menu li ul li a:hover {
	border-top:2px solid #fff;
	color:#fff;
}

#navigation_1 ul.menu li.act.parent ul li.act a {
	color:#fff;
	background:#bf9ac5;
}


#footer .dakks img {
	float: left;
	margin: -140px 0 0 20px;
	position: relative;
}
#content h1 {font: 700 20px/25px 'Open Sans',Arial,sans-serif;}

#content h3.kategorie {
	display:block;
	text-align:center;
	/* Kasten vedeckt die graue Linie oben */
	margin:-15px 0 8px 0;
}
#content.open h3.kategorie {margin:0 0 8px 0;}


#footer .centerfield,
#home #footer .centerfield {
	height: 100px;	
	background:#e5e5e5;
	border-top:5px solid #d4d4d4;
}

#footer #meta_ft {
	font: 14px/12px 'PTSansRegular',Arial,sans-serif;
}

#footer #copyright,
#home #footer #copyright {width: auto;}


/************* STARTSEITE *************/

#visual {display:none}

#home #right {padding: 4px 0 10px 10px;}


#teaser.desktop {display:none;}
#teaser.mobile {
	display:block;
	background:#e9e9e9;
	padding:40px 0px 0px 10px;
	border-bottom:1px solid #d4d4d4;
	margin-bottom:1px;
}



#teaser .box_300 {
	padding: 0 0 20px 0;
	width: 100%;
}

#teaser .box_220 {
	width:100%;
	padding:0px 0px 20px 0px;
	float:left;
}

#teaser h2,
#teaser .box_220 h2, #teaser .box_220 h2 a  {
 background: url(../img/strich_h2_box_300.gif) repeat-x scroll 0 19px transparent;
 font-size:13px;
}

#home #content #teaser p {
	margin-bottom:5px;
	font:14px/21px 'PTSansRegular',Arial,sans-serif;
} 

#right, #right table, 
#right p, 
#teaser p {
	font:14px/21px 'PTSansRegular',Arial,sans-serif;
}

#right p {
	padding-right: 10px;
}


#home #footer .centerfield {
	height:100px;
}

.dakks.mobile {margin:30px 0 30px 0;}


.bilder_mobile {
	display:block;
	margin:0px 0 20px 0;
}

.bilder_mobile img {
	width:100%;}

#home #content {
padding: 20px 0 15px 0;	
background:none;
}


#content span.accordeon {
	display: block;
	height: auto;
	overflow: auto;
	width: auto;
}

#right .box_right .csc-textpic-text {
	padding-right:10px;
}

} /* ENDE 767px*/

@media only screen and (max-width:680px) {
.popup_start {
	width:90%;
	top:25vh;
	left:5%;
	/*padding:20px 20px 7px 20px;*/
	}

} /* ENDE 680px*/

@media only screen and (max-width:480px) {
#footer .centerfield {
    background: none;
    height: 100px;
}

/* Google MAP*/
#content iframe {
	width:100%;
	height:200px;
}

}


@media only screen and (max-width:479px) {
 #footer #meta_ft { 
 	clear:left;
 	float: left;
  margin: 20px 30px 0 25px;
  width: auto;
}
 
 
}




/* Localized */