/* CSS Document */
* {margin:0; padding:0;}
/*------ Fixes, Workarounds etc. ----- */
.clearfix:after {	/*--- Clearfix f�r das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}		
/* End hide from IE-mac */

/* ---------- Basic --------- */
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%; 
	}
body {
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
ul, li {list-style-type: none;}
img {border:0; outline:none;}
.p.image > img {max-width: 100%;}
a:link, a:visited { color: #008334; text-decoration: none;}
a:hover, a:focus, a:active { color:#008334; text-decoration: underline; }

.phone-visible {display: none;}

/* ------------ Accessibility ------------- */
#accesskeys {
	line-height:0;
	list-style-type:none ;
	display:inline; 
        /* top: -1000px;
        font-size: 0.2px;*/
	}
#accesskeys h2 { 
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
	}
#accesskeys ul li a:link,
#accesskeys ul li a:visited {
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
	}
#accesskeys ul li a:active,
#accesskeys ul li a:focus {
	position:absolute;
	background-color:#000000;
	color:#FFFFFF;
	display:block;
	font-size:0.75em;
	height:auto;
	width:auto;
	top:0; left:0;
	line-height:1.2em;
	padding:5px 8px;
	z-index:10000000;
	text-decoration: none;
	}
.hidden {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
	padding: 0 !important; }
#accesskeys button {display: none;}
/* #navigation ul ul li a:link.deep, #navigation ul ul li a:visited.deep, #navigation ul ul li a:active.deep {display: none;}
*/	
.accessibilityTextField {
  height:20px !important;
  width:100% !important;
  vertical-align: middle !important; 
  padding-left: 0px !important;
  padding-top: 1px !important;
  margin-top:0px !important;
}

.accessibilityTextArea {
  height:60px !important;
  width:100%;
  vertical-align: middle !important; 
  padding-left: 0px !important;
  padding-top: 2px !important;
  margin-top:0px !important;
}

.accessibilityIcon {
  height:22px !important;
  width:22px !important;
	vertical-align:top !important; 
  margin-top:0px !important;
}




/* ------------ Layout ------------- */
#main {
	width: 100%; 
	min-height:400px;
	background: transparent url(../images/design/ktsg/bg-head.gif) 0 0 repeat-x;
	}
#header {
	position: relative; 
	width: 988px; 
	background: transparent url(../images/design/ktsg/bg-head.gif) 0 0 repeat-x; /* F�r Browservergr�sserung */
	}
	#emotion {
		position: absolute;
		z-index: 0;
                top: 0;
                right: 0;
                height: 80px;
              /*  width: 988px */
		}
                
                #emotion .home {
                    display: block;
                    position: absolute;
                    top: 15px; -moz-animation: right:-210px;
                    width: 45px;
                    height: 58px;
                    cursor: pointer;
                }
	
#headerprint { display: none;  }
	#generic {
		float: left;
		height: 116px;
		width: 680px;
		margin: 19px 0 0 248px;
		}
	#suche {
		float: left;
		width: 30%;
                max-width: 206px;
		height: 25px;
		padding: 7px 0 5px 5px;
		border-left: solid 19px #fff; 
		border-right: solid 19px #fff; 
		}
	#breadcrumb {
		float: left;
		width: 516px;
		padding: 0 19px 0 0;
		height: 36px;  
		}
	#tools {
		float: right;
		margin-right: 3px;
		}
	
#maincontent {
		width: 988px;	
		font-size: 0.75em; 
		background: url(../images/design/ktsg/bg-service.gif) right repeat-y;
		}
	#navigation {
		float: left;
		width: 210px;
		margin: 25px 19px 20px 19px;
		font-size: 0.93em;
		
		}	
	#inhalt {
		float: left;
		 /* width: 516px; */
                width: 51%;
		margin: 0; 
		padding-bottom: 30px; 
		}
	#service {
		float: right;
		width: 168px;
		overflow: hidden; 
		padding-bottom: 100px;
		margin: 27px 18px 0 19px;
		}
		
#footer {
		position: relative; 
		border-top: solid 1px #000;
		margin-left: 248px;
		height: 50px;
		font-size: 0.69em;  
		}
#footerprint { display: none;  }
		
	#inhalt.width {		/* --- Klassen f�rs Ausblenden der Service-Spalte --- */
		width: 730px;
		margin: 0; 
		}
	#inhalt.colorbox {
		width: 100%;
		}
	#maincontent.width {
		background-image: none;
		}

/* ------------ Generic ------------- */

.home  {  /* --- Link auf Wappen --- */
	display: block; 
	position: absolute; top: 19px; right: 0; 
	height: 58px; width: 45px;
	background-image: url(../images/design/ktsg/wappen.gif);
   /*     background-size: 44px auto; background-repeat: no-repeat; */
	cursor: pointer;  
	}
.homehidden  { 
	display: none;   
	}

.topnav {
	float: left;
	color: #000; 
	font-size: 1em;
	font-weight: bold; 
	}
.topnav a:link, 
.topnav a:visited, 
.topnav a:hover, 
.topnav a:active {
	color:#000;
	text-decoration: none;
	}
ul.responsive_portalnav {display: none;}	
ul.nav_content > li > span {display: none;}
ul.portalnav {
	clear: left;
	float: left; 
	margin: 6px 0 0 -5px;
	font-size: 0.75em;
	}
ul.portalnav li { 
	display: inline;
	float: left;
	border-left: solid 1px #000; 
	padding: 0 6px 0 6px;
	color: #000; 
	font-weight: bold; 
	line-height: 14px;
	}
ul.portalnav li:first-child { 
	border-left: none; 
	}

.containerinfo {
	color: #000;
	font-size: 0.75em;
	position: absolute; 
	bottom: 60px; left: 248px;
	width: 570px;
	}
ul.generic {
	font-size: 0.69em;
	position: absolute; 
	top: 119px; left: 244px; 
	}
ul.generic li {
	float:left;
	line-height:12px;
	border-left: solid 1px #008334; 
	padding: 0 4px 0 4px;  
	}
ul.generic li:first-child { 
	border-left: none; 
	}
	
	
/* ------------ Suche ------------- */
#suche span.closesearch {display: none;}
/* #suche label.hidden {
	position: absolute; 
	top: 119px; left: 19px;
	font-size: 0.69em;
	
	display: block;
	height: auto;
	overflow: auto;
	width: auto;
	}
    */
#suche input {
	width: 160px;
	padding: 2px 0 3px 14px;
	border: solid 1px #666;
	vertical-align: middle;
	font-size: 0.72em;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/design/ktsg/bg-search.gif) no-repeat 4px center;
        display: inline-block;
	}
#suche input.go {
	height: 13px; width: 13px;
	margin-left: 5px;
	vertical-align: middle;
	border: none;
	background: none;
	padding: 0;
        background-image: url('../images/design/icon_suchetop.png');
        background-size: 100%;
	}
form.gsc-search-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
/* ------------ Breadcrumb ------------- */

ul.breadcrumb {
	font-size: 0.69em;
	margin: 4px 0 0 8px;
	line-height: 1.2em;   
	}
ul.breadcrumb li { 
/*	float: left; */
	display: inline;   
	}	
ul.breadcrumb li a:link, 
ul.breadcrumb li a:visited, 
ul.breadcrumb li a:active {
	color:#000;
	text-decoration: none; 
	}
ul.breadcrumb li a:hover,
ul.breadcrumb li a:focus {
	text-decoration: underline; 
	}
ul.breadcrumb li.aktiv {
	font-weight: bold;
	text-decoration: none;
	}
	
/* ------------ Tools ------------- */	
ul.tools {
	float: right; 
	font-size: 0.69em;
	margin: 5px -4px 0 0;  
	}
ul.tools li {
	float: left; 
	border-left: solid 1px #000;
	line-height: 12px;   
	}
ul.tools li:first-child { 
	border-left: none; 
	}
ul.tools li a:link, 
ul.tools li a:visited, 
ul.tools li a:active {
	color:#000;
	padding: 0 4px 0 4px;
	text-decoration: none; 
	}
ul.tools li a:hover,
ul.tools li a:focus {
	text-decoration: underline; 
	}

/* ------------ Navigation ------------- */
#navigation h3 { 
	font-size: 1em; 
	font-weight: bold;
	padding: 2px 0 2px 0;
	border-bottom: solid 1px #000; 
	}

/* ------------------------- */	
/* Ebene 1 */
#navigation ul ul {margin-bottom: 20px;}
#navigation ul ul li {line-height: 14px;}
#navigation ul ul li a:link, 
#navigation ul ul li a:visited, 
#navigation ul ul li a:active {
	padding: 2px 0 2px 0;
	min-height: 14px;
	color: #000;
	text-decoration: none;
	overflow: hidden;
	border-bottom: solid 1px #999;
	}
#navigation ul ul li a:hover{color: #008334; }

#navigation ul ul li a.aktiv,
#navigation ul ul li a.aktiv:link,
#navigation ul ul li a.aktiv:visited,
#navigation ul ul li a.aktiv:hover,
#navigation ul ul li a.aktiv:active  {
	color: #008334; 
	border-bottom: none;
	}
#navigation ul ul li a.aktivnow,
#navigation ul ul li a.aktivnow:link,
#navigation ul ul li a.aktivnow:visited,
#navigation ul ul li a.aktivnow:hover,
#navigation ul ul li a.aktivnow:active  {
	color: #008334;
	font-weight: bold; 
	}
	
/* ------------------------- */	
/* Ebene 2 */

#navigation ul ul ul {
	margin-bottom: 0;
	border-top: solid 1px #000;
	}
#navigation ul ul a.aktivnow + ul {
	margin-top: -1px;
	}
#navigation ul ul ul li a:link, 
#navigation ul ul ul li a:visited, 
#navigation ul ul ul li a:active {
	padding-left: 10px; 
	background: #ebfbf4;
	}

/* ------------------------- */	
/* Ebene 3 */
#navigation ul ul ul ul li a:link, 
#navigation ul ul ul ul li a:visited, 
#navigation ul ul ul ul li a:active { 
	padding-left: 20px;
	background: #f5fdfa;}

/* ------------------------- */	
/* Ebene 4 */
#navigation ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul li a:active {
	padding-left: 30px;
	background: #fff;
	}
	
/* ------------------------- */	
/* Ebene 5 */
#navigation ul ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul ul li a:active {padding-left: 40px;}
	
/* ------------------------- */	
/* Ebene 6 */
#navigation ul ul ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul ul ul li a:active {padding-left: 50px;}

	
/* ------------------------- */	
/* Ebene 7 */
#navigation ul ul ul ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul ul ul ul li a:active {padding-left: 60px;}

#navigation ul ul li a.nav-more,
#navigation ul ul li a.nav-more:link,
#navigation ul ul li a.nav-more:visited,
#navigation ul ul li a.nav-more:hover,
#navigation ul ul li a.nav-more:active { 
	background-image: url(../images/design/ktsg/nav-more.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}

/* ------------ Footer ------------- */	
ul.footer {padding: 5px 0 0 0;}
ul.footer li {
	float:left;
	border-left: solid #999 1px;
	padding: 0 8px 0 8px;
	line-height: 12px; 
	}
ul.footer li:first-child {padding-left: 0;}
ul.footer li.first { border: none; }
ul.footer li.update { 
	font-style: italic; 
	color:#666666; 
	}
ul.footer li a:link, 
ul.footer li a:visited, 
ul.footer li a:active {color:#666666;}
	
ul.footer li a:hover,
ul.footer li a:focus {text-decoration: underline;}