/* ======================================================================================================================================= */
/* responsive / mobile */
/* ======================================================================================================================================= */

/* Breakpoint < 1040px ------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1040px) {
}

/* Breakpoint < 960px ------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
}

/* Breakpoint < 810px ------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 810px) {
}

/* Breakpoint < 480px ------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
}




/* ======================================================================================================================================= */
/* responsive / mobile */
/* ======================================================================================================================================= */

/* Breakpoint < 960px -------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
    #inhalt {width: 48%}
    #generic {width: calc(100% - 252px);}
}

@media only screen and (min-width: 516px) and (max-width:1060px) {
	/* Containersize */
	#header, #maincontent {max-width: 99%;}
	
	#breadcrumb {width: 50%;}
	/* #toplinks {width: 100px;} */
}



   
   
@media only screen and (min-width: 901px)  {
    
    
#navigation ul ul li a:link.deep, #navigation ul ul li a:visited.deep, #navigation ul ul li a:active.deep {display: none;}
#navigation .dl-menu{display: block !important;}
#navigation .dl-menu .phone-visible{display: none !important;}
#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:active {display: block;}
#navigation ul li {
	display: block;
	}
}
#navigation > button + ul.dl-menuopen > .dl-submenu > li.dl-back {display: none;}
@media only screen and (max-width: 1000px) and (min-width: 901px) {
    #inhalt.width {width: 71%;}
}
/* Breakpoint < 515px -------------------------------------------------------------------------------------------------------------------- */
/* und tablets portrait */
@media only screen 
and (max-width : 900px) { 

    
    
    /* Taken from older breakpoint 960 */
img {max-width: 100%; height: auto;}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}
body {font-size: 13px;}
div.t {line-height: 17px;}
#header {
	font-size: 1.2em;
	width: auto;
	overflow: hidden;
	margin: 0 auto;
	}
	#emotion {width: 100%; left: 0;}
	#emotion img {max-width: none;}
	#emotion > a {display: block; width: 100%; overflow: hidden;}
	#emotion > a.home {
		left: auto;
		top: 0;
		right: 0;
		height: 79px;
		width: 250px;
		padding-top: 10px;
		display: block;
		background: url(../images/design/ktsg/wappen.gif) no-repeat right 8px;
			
        
        }
	#generic {margin: 19px 0 0 0px;
                  width: 100%;}
		ul.generic {left: 0;}
	#suche {
                border-left-width: 0;
                border-right-width: 10px;
                width: 30%;
                max-width: auto;
	}
		#suche input {
			width: 73%;
			font-size: 14px;
			}
	#breadcrumb {
		width: 54%;
		height: 34px;
		padding: 3px 0;
		} 
	#breadcrumb > ul {margin-left: 10px;}
	ul.breadcrumb li {line-height: 16px;}
	
#main {width: auto; padding: 0 10px;}
#main.portal {background: none}
	#maincontent {
		font-size: 1em;
		width: auto;
		background: none;
		}
	#navigation {
		margin: 0;
		width: 30%;
		max-width: 215px;
		}
        #navigation ul li {cursor: pointer; border: none !important;}
        #navigation ul {border-top: none !important;}
		#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {padding-left: 10px; text-decoration: 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 {background-position: 5px 8px !important;} */
		#navigation ul ul ul li a:link, #navigation ul ul ul li a:visited, #navigation ul ul ul li a:active {padding-left: 25px;}
	#inhalt, #inhalt.width {
		margin: 0;
		width: 68%;
		padding: 0 0 0 2%;
		}
		/* News */
		div.t.newsA, div.t.newsB {
			width: 47.5%;
			}
		div.t.newsA {padding-right: 2%;}
		div.t.newsB {padding-left: 2%;}
		
		/* Tabellen */
		div#service table {margin-left: 0;}
		div.p table td.icon {width: 16px; padding-left: 10px;}
		div.p table td.datei {width: auto;}
		div.p table td.datei a {display: block;}
		div.p table.handbuch a.intern {
			background-position: 10px 2px;
			padding-left: 30px;
			}
		/* iFrame
		iframe {display: none !important;} */
		
		/* Index A-Z */
		div.t ul.index li {
			background: none;
			padding: 0;
			}
		div.t ul.index li a {
			font-weight: bold;
			line-height: 42px;
			color: #222;
			font-size: 13px;
			border-radius: 3px;
			padding: 10px 15px;
			background: #ddd url(../images/design/ktsg/mobile/button_bg.png) repeat-x top;
			margin-right: 5px;
			}
	#service {
		clear: both;
		width: 96%; 
                background: #efefef;
                padding: 5px;
                -moz-column-count: 2;
                -moz-column-gap: 8px;
                -moz-column-width: 40%;
                margin: 0;
		}
		#service div.p {
			background: #fff;
			padding-bottom: 10px;
                        margin-right: 1%;
                        width: 47%;
                        float: left;
                        border: solid silver 1px;
                        padding: 5px;
                        margin-bottom: 8px;
			}
		/* Teaser */
		div#service div.teaser {width: 95%; padding: 5px 2%;}
		
		/* Klapplink */
		div.p .klapplink > a:link, div.p .klapplink > a:visited {
			display: block;
			margin-bottom: 5px;
			cursor: default;
			color: #000;
			background: none;
			}
		div.p ul.klapp li a, div.p ul.klapp li a:link, div.p ul.klapp li a:visited {
			display: block;
			background-image: none;
			padding: 5px;
			}
		div.p .klapplink span.klappcontent, 
		div.p .klapplink:hover span.klappcontent,
		div.p .klapplink.sfhover span.klappcontent{position: static;}
		#service div.p ul.klapp {
			width: 100%;
			margin-left: -10px;
                        padding-left: 12px;
			}
                div.p.link2sp, 
                div.p.link3sp ul li, 
                div.p.content2sp div, 
                div.p.content2sp div.left, 
                div.p div.bild4 {width: 45%; float: left; }
		/* Textbild breit */
		div.p div.textbildbreit {float: none;}
div.p table tr, div.t table tr {height: auto; border-top: 1px solid #FFFFFF;}     

/* Larger Tables can be swiped on mobile devices: */
div.t.stipendien form {width: 90%; overflow-x: scroll; height: auto; overflow-y: hidden; }
div.t.stipendien form table {max-width: 100%; overflow-x: scroll;}
div.t.taxcalcprivat form {width: 90%; overflow-x: scroll; height: auto; overflow-y: hidden; }
div.t.taxcalcprivat form table {max-width: 100%; overflow-x: scroll;}

#footer {
	background: none; 
	padding: 10px 0;
	font-size: 1em;
        margin-left: 5px;
	}
 #inhalt .t .p form .search {width: 100%;}       
 #inhalt .t .p form .search > * {display: inline-block;}       
div.t.taxcalclegal form label, div.t form label.einzug, div.t form label.einzug {padding-left: 0;}
        
  /* Ende NEU VON ALTEM BREAKPOINT */   
img {max-width: 100%;}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}
#header {background: none;}
body {font-size: 14px;} 
div.t {line-height: 18px;}
    
.phone-hidden {display: none;}
.phone-visible {display: block;}

div.p {max-width: 100%; overflow: hidden;}
div.p p {max-width: 99%;}
iframe.iframeborder {max-width: 99%;}
#inhalt.width {width: 100%;}
#accesskeys {
	line-height:0;
	list-style-type:none;
        font-size: 0.2px;
	display: block;
	position: static;
	top: 0;
	right: 0;
	width: 100%;
	height: 113px;
	padding: 2px 0;
	text-align: left;
	background: #333 url(../images/design/ktsg/mobile/nav_bg.png) repeat-x top;
	background-color: gray;
	z-index: 20000;
	border-bottom: 1px solid #666;
	-webkit-box-shadow: 0px 3px 5px rgba(68, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 5px rgba(68, 50, 50, 0.75);
box-shadow:         0px 3px 5px rgba(68, 50, 50, 0.75);
	}
#accesskeys ul {
	width: 95%; 
	padding: 0 2.5%;
    margin-top: 80px;
	}
#accesskeys li {
	float: left;
	margin-right: 4px;
	border-radius: 3px;
	}
#accesskeys li, #tools .accesstab8, #toplinks .accesstab7 {background: #000 url(../images/design/ktsg/mobile/button_bg.png) repeat-x top; }

#accesskeys li a {display: none;}

#accesskeys ul li a:link,
#accesskeys ul li a:visited {
	display: none;
	height: 34px;
	position: relative;
	width: 57px;
	float: left;
	top: 0;
	left: 0;
	}
#accesskeys ul li a:active,
#accesskeys ul li a:focus {
	position:relative;
	background-color:inherit;
	color:inherit;
	display:none;
	font-size:1px;
	height: 34px;
	width: 57px;
	top:0; left:0;
	line-height:inherit;
	padding:inherit;
	}
#accesskeys li a[tabindex="3"],
#accesskeys li a[tabindex="5"],
#accesskeys li a[tabindex="9"],
#tools .accesstab8,
#toplinks .accesstab7  {
	position: relative;
	display: block !important;
	color: #666;
	font-size: 1px; 
	height: 35px;
	width: 57px;
	border-radius: 3px 3px 0 0;
	z-index: 1000;
	border-top: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #222; 
	background-size: 50%;
	background-repeat: no-repeat;
        float: right;
        border-bottom: none;
	}
#toplinks .accesstab7 {background-size: 100%; }

#tools {position: absolute; top: 82px; right: 4px; width: auto; z-index: 1000; }
#toplinkwrapper {width: 96%; position: absolute; top: 82px;}
#toplinks {left: 189px; width: 57px; margin-right: 2px; position: relative; z-index: 100%; }
#accesskeys li a:hover, #tools .accesstab8:hover, #toplinks .accesstab7:hover {
	color: #111;
	background-color: #111;
	}
/* #accesskeys li a[tabindex="1"] {
	background-image: url(../images/design/ktsg/mobile/menu_toggle.png);
	background-position: 15px 3px;
        position: absolute;
        top: 3px; right: 3px;
	} */
#accesskeys li a[tabindex="2"] {
	background-image: url(../images/design/ktsg/mobile/content_toggle.png);
	background-position: 15px 3px;
	}
#accesskeys li a[tabindex="3"] { /* new */
	background-image: url(../images/design/ktsg/mobile/contact_toggle.png);
	background-position: 15px 3px;
	}	
#accesskeys li a[tabindex="5"] {
	background-image: url(../images/design/ktsg/mobile/search_toggle.png);
	background-position: 15px 3px;
        display: inline-block;
	}
#toplinks .accesstab7 {
	background-image: url(../images/design/ktsg/mobile/fav_toggle.png);
	cursor: pointer;
	height: 35px;
	}
#toplinks .accesstab7:hover {
	background-image: url(../images/design/ktsg/mobile/fav_toggle_h.png);
	}        
#tools .accesstab8 {
	background-image: url(../images/design/ktsg/mobile/tool_toggle.png);
	background-position: 15px 3px;
        display: inline-block;
		cursor: pointer;
		height: 35px;
		border-bottom: none;
	}

#accesskeys li a[tabindex="9"] {
	background-image: url(../images/design/ktsg/mobile/az_toggle.png);
	background-position: 15px 3px;
        display: inline-block;
	}
ul.tools {margin-right: 0;}
#tools ul {
		display: none; position: absolute; right: 3px; top: 31px;
		-webkit-box-shadow: 0px 3px 5px rgba(68, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(68, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(68, 50, 50, 0.75);
        width: 120px;
}
#tools ul li, #toplinks ul li {
	background-color: #808080; 
	padding: 0; 
	border-bottom: solid silver 1px; 
	max-width: 100%; z-index: 10000; 
	line-height: 15px; padding-right: 18px; 
	border-left: none; text-align: right;
}
#toplinks ul li {text-align: left;}
#tools ul li:last-child, #toplinks ul li:last-child, #tools ul li:last-child a:hover, #toplinks ul li:last-child a:hover {border-bottom: none; border-radius: 0 0 5px 5px;}
#toplinks ul, #suche, #tools ul {border-radius: 0 0 5px 5px;}
#tools ul li {max-width: 92%; width: 92%;}

#tools ul li a, #toplinks ul li a  {color: #fff; font-size: 15px; display: block; width: 100%; padding: 16px 9px; }
#tools ul li a:hover, #toplinks ul li a:hover {background-color: #EBFBF4; color: #000; text-decoration: none; }
#toplinks ul {display: none; position: absolute; left: 0; top: 36px; width: 120px;
	-webkit-box-shadow: 0px 3px 5px rgba(68, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px rgba(68, 50, 50, 0.75);
	box-shadow:         0px 3px 5px rgba(68, 50, 50, 0.75);
}


.dl-back.phone-visible > a {background: #808080 !important; color: #fff !important; }
.dl-submenu > .dl-back a {padding-left: 50px !important;}

.dl-menuwrapper li.dl-back:after {
	content: url('../images/design/ktsg/mobile/icon_dlmenu_back.png');
	color: #fff; 
	height: 100%; 
	position: absolute; 
	margin-top: -61px; 
	width: 60px; 
	left: -10px !important; 
	text-align: center; 
	padding-top: 5px;
	font-size: 20px; font-weight: bold;
   /*     margin-left: -15px; */
}
#navigation ul a:link, #navigation ul li a:visited, #navigation ul li a:active {padding-left: 15px !important;}
#navigation ul li.dl-back a:link, #navigation ul li.dl-back a:visited, #navigation ul li.dl-back a:active {padding-left: 40px !important;}






span.mobilecrumb {
        position: absolute;
        width: 98%; height: 61px; top: 0;
        color: #fff;
        right: 7px;
        padding-top: 8px;
        text-decoration: none;
}
        span.mobilecrumb span.kantonstgallen {
            font-size: 20px; line-height: 26px; float: right;}
         span.mobilecrumb span.kantonstgallen a img {
            max-width: 230px;}
        span.mobilecrumb span.containerlink {
            font-size: 13px; margin-top: 24px;
            position: relative; top: -38px; float: right;
            display: block; width: 230px;
            margin-left: 563px;
            margin-left: calc(100% - 230px);
        }
        span.mobilecrumb span.containerlink a {color: #fff;}
        span.mobilecrumb:hover {text-decoration: none;}
#main {
	width: 95%;
	padding: 0;
	margin: 0 auto;
	background: none !important;
	}

#header {
	float: left; height: 0px; width: 0px;
    position: inherit;
	}
	#header a.home {display: none;}
	#emotion {width: 75px; height: 73px;  left: 0;
		-webkit-box-shadow: 1px 0px 2px rgba(155, 155, 155, 0.99) ;
		-moz-box-shadow:    1px 0px 2px rgba(155, 155, 155, 0.99) ;
		box-shadow:         1px 0px 2px rgba(155, 155, 155, 0.99) ;
	
	}
	#emotion img {max-width: none;}
	#emotion > a {display: block; width: 100%; overflow: hidden;}
	#emotion > a.home {
		left: 0;
		top: 5px;
		right: auto;
		height: 60px;
		width: 75px;
		padding-top: 2px;
		display: block;
		background: url(../images/design/ktsg/wappen.png) no-repeat right 8px;
                background-size: 50px;
                background-position: top center;
			
        
        }
    #emotion {display: none;}
	#generic {
		display: none;
		position: static;
		width: auto;
		margin-bottom: 5px;
		}
		ul.portalnav {display: none;}
                ul.nav_content > li > span {display: block;}
                ul.responsive_portalnav {display: block;}
		ul.generic {
			position: static;
			}
		ul.generic li {
			border: none;
			height: auto;
			height: 30px;
			}
		ul.generic li:hover {background: transparent;}
		ul.generic li a:link, ul.generic li a:visited, ul.generic li a:active, ul.generic li a:hover {
			font-weight: bold;
			color: #222;
		/*	font-size: 13px; */
			border-radius: 3px;
			padding: 5px;
			background: #ddd url(../images/design/ktsg/mobile/button_bg.png) repeat-x top;
			margin-right: 3px;
			}
	#suche {
		display: none;
		position: absolute;
		top: 117px;
		clear: both;
		
		min-width: auto;
        max-width: auto;
		width: 94%;
		height: auto;
		max-width: 100%;
                border-left-width: 0;
                border-right-width: 0;
                background: rgb(76,76,76); /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: gray;
				-webkit-box-shadow: 0px 3px 5px rgba(68, 50, 50, 0.75);
				-moz-box-shadow:    0px 3px 5px rgba(68, 50, 50, 0.75);
				box-shadow:         0px 3px 5px rgba(68, 50, 50, 0.75);
        	}
                
		#suche input {
			height: 30px;
			width: 62%;
			border: 1px solid #666;
			border-radius: 2px;
                        float: left;
			}
                
                
                #suche input.go, span.closesearch {
                height: 24px;
                border: solid silver 1px;
                padding: 5px;
                text-align: center;
                background-image: url('../images/design/ktsg/mobile/icon_suchetop.png');
                background-repeat: no-repeat;
                background-size: 70%;
				width: 24px;
                background-position: center center;
                display: inline;
                float: left;
                margin-right: 5px;
                }
                
#suche span.closesearch {
    display: inline-block;
    cursor: pointer;
    margin-left: 2px;
    background-image: none;
	float: right;
} 
#suche span.closesearch a, #suche span.closesearch a:focus, #suche span.closesearch a:visited {
    color: white;
}
#suche span.closesearch a:hover {
    text-decoration: none;
}

                
	#breadcrumb {
		display: none;
		width: auto;
		height: auto;
		padding: 5px;
		margin-bottom: 10px;
		position: static;
		background: #efefef;
		border: 1px solid #ddd;
		border-radius: 2px;
		background-color: #eee;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e2e2e2));
		background-image: -webkit-linear-gradient(top, #eeeeee, #e2e2e2);
		background-image: -moz-linear-gradient(top, #eeeeee, #e2e2e2);
		background-image: -o-linear-gradient(top, #eeeeee, #e2e2e2);
		background-image: -ms-linear-gradient(top, #eeeeee, #e2e2e2);
		background-image: linear-gradient(top, #eeeeee, #e2e2e2);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eeeeee', EndColorStr='#e2e2e2');	
		}
	#breadcrumb:before {
		content: "Sie sind hier:";
	/*	font-size: 13px; */
		float: left;
		}
	#breadcrumb:after {	/*--- Clearfix f�r das Float-clearing ---*/
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	#breadcrumb ul {margin-left: 80px;}
	ul.breadcrumb li {line-height: normal;}
	ul.breadcrumb li a:link, ul.breadcrumb li a:visited, ul.breadcrumb li a:active {
		text-decoration: none;
	/*	font-size: 13px; */
		}
	
#maincontent {
	width: auto;
	background: none;
	}
   
/* NAVIGATION NEU DL */
#navigation {width: 70%; z-index: 1000; position: absolute; left: 0; max-width: 400px; }
#navigation h3 {display: none;}
#navigation ul ul {margin-bottom: 0;}
#navigation .dl-menu {position: relative; text-align: left; margin-top: 60px !important; display: none; }
#navigation ul li{border-bottom: solid #999 1px;}
#navigation .aktiv.directlink_withsub {border-bottom: solid #999 1px !important;}
#navigation > button + ul > li {border-bottom: solid #999 1px !important;}
/*#navigation ul.dl-submenu ul.dl-submenu li a{border-top: solid #999 1px !important;} */
#navigation ul li:last-child {border-bottom: none;}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
	padding: 12px;
	padding-right: 60px;
}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active, #navigation ul li a:hover {text-decoration: none; color: #000;}
#navigation ul ul li a:link, #navigation ul ul li a:visited, #navigation ul ul li a:active {padding: 12px 15px;}
#navigation .dl-menu li, 
#navigation ul ul li a:link, #navigation ul ul li a:visited, #navigation ul ul li a:active,
#navigation ul ul ul li a:link, #navigation ul ul ul li a:visited, #navigation ul ul ul li a:active,
#navigation ul ul ul ul li a:link, #navigation ul ul ul ul li a:visited, #navigation ul ul ul ul li a:active,
#navigation ul ul ul ul li ul li a:link, #navigation ul ul ul ul li ul li a:visited, #navigation ul ul ul ul li ul li a:active, 
#navigation ul ul ul ul li ul li ul li a:link, #navigation ul ul ul ul li ul li ul li a:visited, #navigation ul ul ul ul li ul li ul li a:active, 
#navigation ul ul ul ul li ul li ul li ul li a:link, #navigation ul ul ul ul li ul li ul li ul li a:visited, #navigation ul ul ul ul li ul li ul li ul li a:active,
#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,
#navigation ul li a.nav-more, #navigation ul li a.nav-more:link, #navigation ul li a.nav-more:visited, #navigation ul li a.nav-more:hover, #navigation ul li a.nav-more:active {
    background-color: silver;
    background-image: url('../images/design/ktsg/mobile/button_bg.png');
    background-repeat: repeat-x; background-position: top;
    color: #000;
}

#navigation ul ul li a:link, #navigation ul ul li a:visited, #navigation ul ul li a:active {padding-left: 15px;padding-right: 15px;}
#navigation ul ul li a.directlink_withsub:link, #navigation ul ul li a.directlink_withsub:visited, #navigation ul ul li a.directlink_withsub:active {padding-right: 75px;}

#navigation ul ul a.aktivnow + ul {
      margin-top: 0;
}


.no-touch #navigation ul.dl-menu a:hover {color: #008334; background: none repeat scroll 0 0 rgba(189, 227, 191, 0.6);}

.no-touch span.subnav_icon:hover,
.no-touch .dl-submenu > .dl-back a:hover
 {background: none repeat scroll 0 0 rgba(0, 131, 52, 0.9) !important;}



/* only first Selectors, if exist */
#navigation > button + ul.dl-menu.dl-menuopen > li > a {background-color: #808080; color: #ebebeb;}
#navigation > button + ul.dl-menu.dl-menuopen > li > a .subnav_icon {background: none; padding-left: 100%; border-left: none;width: 100%;height: 100%;padding: 0;}
#navigation > button + ul.dl-menu.dl-menuopen > li > a .subnav_icon:after { position: absolute;top: 10px;right: 10px;}

.no-touch #navigation > button + ul.dl-menu.dl-menuopen > li > a:hover {color: #fff; background: none; background: #008334;}

.no-touch #navigation > button + ul.dl-menu.dl-menuopen > li > a > span.subnav_icon:hover {background: none repeat scroll 0 0 rgba(0, 131, 52, 0) !important;}





#inhalt, #inhalt.width {
		float: none;
		padding: 0;
		margin: 0;
		width: auto;
		}
		h1 {
		/*	font-size: 21px;
			line-height: 26px;
		*/	margin-bottom: 15px;
			}
		h2 {
		/*	font-size: 18px;
			line-height: 24px;
		*/	margin-bottom: 5px;
			}
		
		/* Tabellen */
		div.p table.download-pure td {
			padding-bottom: 12px;
			}
		div.p table.handbuch a.intern {padding-left: 18px; background-position: left 4px;}
		div.p table td.icon {padding-left: 5px;}
		
		/* Links */
		div.p ul.links li a, div.t ul.links li a {display: block; padding: 2px 0 5px 0;}
		
		/* News */
		div.t.newsA, div.t.newsB {
			float: none;
			width: auto;
			padding: 0;
			border: none;
			}
		div.t.newsA div.newsbild, div.t.newsB div.newsbild,
		div.t div.newsbild {
			width: auto;
			float: none;
			}
		div.t div.newsbild p {
			/* font-size: 12px;
			line-height: 15px; */
			color: #666;
			}
		div.t div.newstext {
			border-bottom: 1px solid #ddd;
			padding-bottom: 10px;
			}
		
		/* Paragraphen */
		div.p {margin-bottom: 15px;}
		
		/* Bild links */
		div.p img.bildlinks {float: none; margin: 0;}
		div.p ul.bildlinks {float: none; width: 100%;}
		
		/* Paragraph Links 2spaltig, Paragraph Links 3spaltig, Paragraph 2-spaltig Bild/Text, Paragraph 4 Bilder */	
		div.p.link2sp,
		div.p.link3sp ul li,
		div.p.content2sp div,
		div.p.content2sp div.left,
		div.p div.bild4 {
			float: left;
			height: auto;
			padding-right: 0;
			margin-right: 0;
			width: 100%;
			}
		/* Adressbild */
                div.t img.adressbild {width: 100%;}
                
                
		/* Formular */
		.t form {
			padding: 10px;
			background: #ebebeb;
			}
		div.t fieldset div.p {
			background: transparent;
			width: 100%;
			padding-top: 0;
			}
		div.t form label {
			/* float: none; */
			/* display: block; */
			width: 100%;
			margin-top: 5px;
			padding-bottom: 0;
			}
                div.t form div.newssearch select {
                            margin: 4px 10px 6px 6px;
                        }
                div.t form div.newssearch select.sector {width: 96%}        
                div.t form div.newssearch span.zeitraum {width: 96%; margin-left: 6px; }        
                div.t form div.newssearch label {padding-bottom: 0;}
                div.t form div.newssearch > a {position: relative; top: 7px;}
		div.t form input,
		div.t form textarea,
		div.t form select,
		div.t form select.dropdown,
		div.t form input.dateidownload{
			display: block;
			float: none;
			width: 96%;
			padding: 2px;
			}
		div.t form span.pflicht,
		div.t form span.feldbeschreibung {width: 100%;margin-left: 0; font-size: 11px;}
		div.t form div.hr {display: none;}
		div.t form input.abbrechen, div.t form input.senden, div.t form input.submit {clear: both;}
		#inhalt div.t form input.abbrechen {/*display: none;*/ margin-left: inherit;}
		
		div.t.extra form div.p input {margin-left: 0;}
                
                /* Aboservice */
		div.fenster-header ul li a {}
                
                /* Tabelle Aboservice Liste */
                div.p table, div.t table {
                }
                
                /* Lebenslagen */
                div.t.lebenslagen.phone-default-hidden .lagen {
                    display: none;
                }
              /*  div.t.lebenslagen.phone-default-hidden .lagen.privat-2 {
                    display: block;
                } */
                div.t.lebenslagen div {
                    width: 100%;
                    padding-right: 0;
                }  
                div.t.lebenslagen select.lagewaehler {
                    border-radius: 5px;
                    padding: 10px;
                    width: 100%;
                    height: 50px;
                    color: white;
                    /* background: url("../images/design/ktsg/mobile/nav_bg.png") repeat-x scroll center top #333333 ; */
                }
                div.t.lebenslagen select.lagewaehler {
                    color: #000; font-size: 20px;  }
                div.t.lebenslagen select.lagewaehler option {
                    padding: 10px;
                    font-size: 13px;
                }
                
                div.t.lebenslagen select.lagewaehler 
                div.t.lebenslagen h2 {
                    /* padding: 12px 3px;
                     margin-bottom: 20px;
                    background: none; */
                    visibility: hidden;
                }
                div.t.lebenslagen a {
                    display: block;
                    border: none;
                    padding: 5px;
                    color: black;
                    /* background-image: url('../images/design/ktsg/mobile/icon_view.png'); */
                    background-repeat: no-repeat;
                }
                div.t.lebenslagen a:hover {
                    background-color: #f9f9f9;
                   /*  background-image: url('../images/design/ktsg/mobile/icon_view_fff.png'); */
                }
                div.t.lebenslagen ul {
                    margin-top: 20px; 
                   ;
                }
                div.t.lebenslagen ul li a {
                    padding-left: 20px; 
                    display: block;
                    background-image: url('../images/design/ktsg/icon_linkintern.gif');
                    background-position: left center; 
                }
                
	#service {
		float: none;
		margin: 0;
		width: auto;
                 -moz-column-count: 1;
		}
		#service h2 {
			padding-left: 0;
			line-height: 18px;
			}
		#service h3 {
			margin-left: 0;
			}
		#service div.p {
			background: #efefef;
			padding-bottom: 5px;
                        width: 95%;
                        margin-right: 0;
			}
		#service div.p p,
		div#service ul,
		div#service table,
		div#service div.teaser {
			width: auto;
			padding: 0;
			margin: 0 !important;
			border: none; 
			background: transparent;
			}
		
		/* Tabellen */
		div#service table td {padding: 6px 0;}
		
		/* Klapplink */
		#service div.p ul.klapp {
			margin-left: 0 !important;
			}

#footer {
	max-width: 100%;
	height: auto;
	padding: 0;
	background: none;
	}
	#footerprint {display: none;}
	ul.footer li {
		padding: 10px;
		margin-right: 10px;
		background: none;
		}
	ul.footer li a:link, ul.footer li a:visited, ul.footer li a:active {color: #333;}
	ul.footer li.update {display: none;}

ul.nav_content > li > ul { display:none; }
.closed { background:red; }
.open > button, #accesskeys li a.open[tabindex="5"] { background-color: #808080 !important; }      




#navigation button {
  position: absolute; bottom: -44px; left: 2%;
  border: none;
  background: none;
  border-left: solid #ecf0f1 1px;
  height: 80px;
  display: block;
}
#navigation button:focus {outline: none; color: none;}
#navigation button span {
  display: block;
}

#navigation .grid-button {
    width: 67px;
    padding: 0;
    margin: -1.5em 0 0 10px;
    cursor: pointer;
    user-select: none;
    border-left: none;  
}

#navigation .grid-button .grid {
    width: 3em;
    height: 3em;
    background: #ecf0f1;
    color: #ecf0f1;
    /* Not in use when the colors are specified below */
    transition: 0.3s;
}

#navigation .grid-button.dl-active .grid {
  -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
}

#navigation .grid-button.rearrange .grid {
/*  box-shadow: -1.25em -1.25em, 0 -1.25em, 1.25em -1.25em, -1.25em 0, 1.25em 0, -1.25em 1.25em, 0 1.25em, 1.25em 1.25em;
  -moz-box-shadow: -1.25em -1.25em, 0 -1.25em, 1.25em -1.25em, -1.25em 0, 1.25em 0, -1.25em 1.25em, 0 1.25em, 1.25em 1.25em;
  -webkit-box-shadow: -1.25em -1.25em, 0 -1.25em, 1.25em -1.25em, -1.25em 0, 1.25em 0, -1.25em 1.25em, 0 1.25em, 1.25em 1.25em; */
}

#navigation .grid-button.rearrange.dl-active .grid {
/*  box-shadow: 0 -1em, 0 -2em, 1em 0, -2em 0, 2em 0, -1em 0, 0 2em, 0 1em;
  -webkit-box-shadow: 0 -1em, 0 -2em, 1em 0, -2em 0, 2em 0, -1em 0, 0 2em, 0 1em;
  -moz-box-shadow: 0 -1em, 0 -2em, 1em 0, -2em 0, 2em 0, -1em 0, 0 2em, 0 1em; */
}

#navigation .grid-button.collapse .grid {
    background: url('../images/design/ktsg/mobile/toggle_button.png');
    background-size: 100%;
  /*   margin-left: 23px;
    box-shadow: -1.25em 0, -1.25em 1.25em, 1.25em 0, 1.25em -1.25em, 0 -1.25em, -1.25em -1.25em, 0 1.25em, 1.25em 1.25em;
    -webkit-box-shadow: -1.25em 0, -1.25em 1.25em, 1.25em 0, 1.25em -1.25em, 0 -1.25em, -1.25em -1.25em, 0 1.25em, 1.25em 1.25em;
    -moz-box-shadow: -1.25em 0, -1.25em 1.25em, 1.25em 0, 1.25em -1.25em, 0 -1.25em, -1.25em -1.25em, 0 1.25em, 1.25em 1.25em;
*/
    /* lines  box-shadow: -1em 0px, -1.0em 1.25em, 1em 0px, 1.00em -1.25em, 0 -1.25em, -1em -1.25em, 0 1.25em, 1em 1.25em; */
}

#navigation .grid-button.collapse.dl-active .grid {
 /* box-shadow: -1em 0, 0 0 transparent, 1em 0, 0 0 transparent, 0 -1em, 0 0 transparent, 0 1em, 0 0 transparent;
  -webkit-box-shadow: -1em 0, 0 0 transparent, 1em 0, 0 0 transparent, 0 -1em, 0 0 transparent, 0 1em, 0 0 transparent;
  -moz-box-shadow: -1em 0, 0 0 transparent, 1em 0, 0 0 transparent, 0 -1em, 0 0 transparent, 0 1em, 0 0 transparent;
  */
}
#toplinks button {margin-top: 0;}
/*Mobile Menu Arrows*/


/* Accessibility Focus Links */ 
#navigation ul.dl-menu.nav-content a:focus
{background: #008334; color: white; padding: 12px 60px 12px 12px}
#accesskeys a.mobilecrumb:focus
{border: solid #008334 1px;}

/* Template Steuerkalkulator */
div.t.taxcalclegal form span, div.t.taxcalcprivat form span {
    margin-left: 0; clear: left;
}
div.t.taxcalclegal form label,
div.t form label.einzug, div.t form label.einzug {width: 100%; margin-right: 0;}
div.t form input, div.t form textarea, div.t form select, div.t form select.dropdown, div.t form input.dateidownload {
    float: left;
}
}

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

    
 }

/* Target high resolution displays (retina) ---------------------------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}



/* tablets portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* Additional styling for Portrait Ipad only */
@media only screen 
and (min-width : 769px) 
and (max-width : 899px) { 
#maincontent {width: 100%;}
#service {width: 30%;float: right; clear: none !important; margin-top: 30px; background: #fff;}
#inhalt {width: 60%; float: left;margin-top: 30px;}


}

@media only screen 
and (max-width : 768px) 
and (min-width : 321px){
#service div.p {width: 45%; margin-left: 1%; margin-right: 1%}
}

@media only screen 
and (max-width: 480px) {
#service div.p {width: 96%;}
}

@media only screen 
and (max-width: 400px) {
    div.t form label.einzug, div.t form label.einzug {width: 100% !important; padding-left: 0 !important;}
}


@media only screen 
and (min-width: 901px) {
    #toplinks  {display: none;}
	#suche {display:block !important;}
}

@media only screen 
and (max-width: 320px) {
    #header {min-width: 320px;}
}