/*	------------------------------------------------	*/
/*	    CSS STYLE DEFINITIONS FOR KTSG (internet)   	*/
/*	------------------------------------------------	*/

body.main {
	background-image: url(/template/img/bg_schule_folge.gif); 
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	line-height: 14px;
}

br.clear {
	clear: both;
	height: 1px;
	visibility: hidden;
}

.bodyright {
	/* style required for SG-INTRANET application */
}

.gennav {
	margin: 0px 0px 7px 0px;
}

.topnav {
}

.pagebodytable {
	width: 725px;
	border: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.pagebodytable-newsdetail {
	width: 725px;
	border: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.gennavspacerbegin {
	width: 8px;
}

.gennavspacerfollow {
	width: 8px;
	height: 20px;
}

.searchcell {
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	vertical-align: middle;
	text-align: right;
	padding-right: 15px;
	height: 30px;
}

.formsearch {
	color: #000000;
	text-decoration: none;
	width: 170px;
}

.toolbarimg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contentCell {
	padding: 0;
	margin: 0;
	/* padding-left: 13px;  standart is 8*/
	/* padding-right: 0px; standart is 8*/
	/* padding-top: 15px; standart is 13*/
}

.mainParImage {
	float:left;
	margin: 0 0 20px 0;
}

.printLastUpDate {
	visibility: hidden;
}

/*	------------------------------------------------	*/
/* 				NAVIGATION STYLES                   	*/
/*	------------------------------------------------	*/

.bgnavigation {
	background-color: #FFFFFF;
	width: 236px;
}

/* ---------------- NAVIGATION STYLES 4 KTSG -> see Navigation.xml ---------------- */

/* child-layer image margin */
.mainnvchildimg {
	margin-top: 4px;
}

/* background colors for top navigation */
.mainnvbgtop {
	background-color: #336600;
}
.mainnvbgtopline {
	background-image: url(/template/img/bg_menubalken.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

/* background colors for active child navigation */
.mainnvbgactsub {
	background-color: #E5E5E5;
}
.mainnvbgactsubspacer, .mainnvbgactsubspacerleft {
	background-color: #FFFFFF;
	width: 5px;
}

/* background colors for child navigation */
.mainnvbgcurrentchildline {
	background-image: url(/template/img/menu_bild.gif);
	background-repeat: no-repeat;
	background-color: #E5E5E5;
	width: 5px;
}
.mainnvbgcurrentchild {
	background-color: #336600;
}
.mainnvbgsub {
	background-color: #CCCCCC;
}
.mainnvbgsubspacer {
	background-color: #FFFFFF;
	width: 5px;
}

/* background colors for inner child navigation */
.mainnvbgchild {
	background-color: #E5E5E5;
}
.mainnvbgchildspacer {
	background-color: #FFFFFF;
	width: 5px;
}
.mainnvbgchildbalken {
	background-color: #FFCAA6;
	background-image: url(/template/img/bg_menubalken_verlauf.gif);
	background-repeat: no-repeat;
}

/* background colors for active inner child navigation */
.mainnvbgactchild {
	background-color: #339900;
}
.mainnvbgactchildspacer {
	background-color: #FFFFFF;
	width: 5px;
}

/* navigation table style definition (used to place the navigation) */
table.navigation {
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 7px;
	width: 200px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
}

table[class="navigation"] { /* FF 1.+ style */
	margin-left: 15px;	
}

.navigationlastrow {
	background-image: url(/template/img/bg_nv_end.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 1px;
}

/* -- (SCRIPTING ONLY - LAYER STYLE DEFINITIONS -> see layerVisualization.js) -- */

/* background color of the horizontal separator lines -> there is only one definition available */
.mainnvlayerseparator {
	background-color: #FFFFFF;	
}

/* mouse over is performed by scripting host -> there is only one definition available */
.mainnvlayeractive {
	background-color: #339900;
	color: #FFFFFF;
}

/* top layer background style definitions  */
.mainnvlayertop {
	background-color: #CCCCCC;
	color: #000000;
}
.mainnvlayertopline {
	background-color: #E5E5E5;
	color: #000000;
}

/* child layer background style definitions  */
.mainnvlayerchild {
	background-color: #CCCCCC;
	color: #000000;
}
.mainnvlayerchildline {
	background-color: #E5E5E5;
	color: #000000;
}

/* inner child layer background style definitions  */
.mainnvlayerinnerchild {
	background-color: #E5E5E5;
	color: #000000;
}
.mainnvlayerinnerchildline {
	background-color: #CCCCCC;
	color: #000000;
}

/* link styles */
a.mainnvlayertoplink, a.mainnvlayertoplink:link, a.mainnvlayertoplink:visited, a.mainnvlayertoplink:hover, a.mainnvlayertoplink:active,
a.mainnvlayerchildlink, a.mainnvlayerchildlink:link, a.mainnvlayerchildlink:visited, a.mainnvlayerchildlink:hover, a.mainnvlayerchildlink:active,
a.mainnvlayerinnerchildlink, a.mainnvlayerinnerchildlink:link, a.mainnvlayerinnerchildlink:visited, a.mainnvlayerinnerchildlink:hover, a.mainnvlayerinnerchildlink:active {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 8px;
	display: block;
}

/*	------------------------------------------------	*/
/* 				STANDARD INHALTS TEXT					*/
/*	------------------------------------------------	*/

/* global style definitions */
.bgclean {
	background-color: #FFFFFF;
}
.bgtitle {
	background-image: url(/template/img/bg_raster_home.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.bgcolor {
	background-color: #E5E5E5;
}
.bgcolortitle {
	background-color: #CCCCCC;
}
.bgcolortext {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #E5E5E5;
}
img.status {
	margin-top: 2px;
}

.bgparagraphnormal { /* grey_dark */
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-color: #C1C1C1;
}
.bgsearch {
	background-color: #C1C1C1;
}
.bgparagraphtitle { /* grey_dark */
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #C1C1C1;
}
.bgparagraphtext {
	background-color: #E5E5E5;/* grey_light */
}

.bgaddress {
	background-color: #CCCCCC; 
}
.bgaddresstitle {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #CCCCCC;
}

td {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.fliesstxt {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.fliesstxtgr {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.layeredlinkbg {
	background-color: #E5E5E5;
}
.layeredlinktextbg {
	background-color: #CCCCCC;
}

/* global layer style definitions */
.calcLayer {
	position: absolute;
	visibility: hidden;
	background-color: white;
	layer-background-color:white;
}
.glossaryLayer {
	position: absolute;
	z-index: 1;
	background-color: #E5E5E5;
	layer-background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	visibility: hidden;
}
.linkListLayer {
	position:absolute;
	z-index:2;
	visibility: hidden;
}

/*	------------------------------------------------	*/
/* 				TEXT GRAU 12px							*/
/*	------------------------------------------------	*/

.txtgrau{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.txtgraubold{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				TEXT ROT 12px							*/
/*	------------------------------------------------	*/

.txtrot{
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				TEXT WEISS 11px							*/
/*	------------------------------------------------	*/

.txtweiss{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.txtgrau{
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}


/*	------------------------------------------------	*/
/* 				FETT FORMATIERUNG IN TEXT				*/
/*	------------------------------------------------	*/

.txtbold{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				INPUTFELDER 							*/
/*	------------------------------------------------	*/

.form, select, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.formkl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				GROSSE HAUPTTITEL						*/
/*	------------------------------------------------	*/

.title {
	font-size: 19px;
	font-weight: normal;
	line-height: 21px;
	color: #828282;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				KLEINE TITEL GRAU					*/
/*	------------------------------------------------	*/

.titlekl{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				TITEL AUF GRAUEM GRUND 12px SCHWARZ		*/
/*	------------------------------------------------	*/

.titlesw{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.titleswos {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	height: 13px;
	width:52px;
}

/*	------------------------------------------------	*/
/* 				SEITENTITEL 15PX GRAU					*/
/*	------------------------------------------------	*/

.titlegr{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


/*	------------------------------------------------	*/
/* 				BREADCRUMP TEXTE INAKTIVE LINKS     	*/
/*	------------------------------------------------	*/

.breadcrumb {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 4px;
}

/* ------------------ CAUTION ---------------------- 	*/
/*   THIS STYLE IS OBSOLETE - IT'S PLACED HERE IN   	*/
/*     ORDER TO PROVIDE DOWNWARD COMPATIBILITY      	*/
.breathtxt {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


/*	------------------------------------------------	*/
/* 		NAVIGATIONEN 									*/
/*	------------------------------------------------	*/
/* 		CONTENT NAVIGATION								*/
/*	------------------------------------------------	*/

a:link {
	font-size: 12px;
	font-weight: normal;
	color: #339900;
	text-decoration: underline;
}

a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #339900;
	text-decoration: underline;
}
a:active {
	font-size: 12px;
	font-weight: normal;
	color: #336600;
	text-decoration: underline;
}
a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #336600;
	text-decoration: underline;
}

.layerSpan {
	position: absolute;
	visibility: hidden;
	z-index: 100;
}
.layerRelSpan {
	position: relative;
	margin: 0px;
	top: 0px;
	left: 0px;
}


/*	------------------------------------------------	*/
/* 		CONTENT NAVIGATION KLEIN 11px					*/
/*	------------------------------------------------	*/

.ctkl:link {
	font-size: 11px;
	font-weight: normal;
	color: #339900;
	text-decoration: underline;
}

.ctkl:visited {
	font-size: 11px;
	font-weight: normal;
	color: #339900;
	text-decoration: underline;
}
.ctkl:active {
	font-size: 11px;
	font-weight: normal;
	color: #336600;
	text-decoration: underline;
}
.ctkl:hover {
	font-size: 11px;
	font-weight: normal;
	color: #336600;
	text-decoration: underline;
}


.ctklbold:link {
	font-size: 11px;
	font-weight: bold;
	color: #339900;
	text-decoration: underline;
}

.ctklbold:visited {
	font-size: 11px;
	font-weight: bold;
	color: #339900;
	text-decoration: underline;
}
.ctklbold:active {
	font-size: 11px;
	font-weight: bold;
	color: #336600;
	text-decoration: underline;
}
.ctklbold:hover {
	font-size: 11px;
	font-weight: bold;
	color: #336600;
	text-decoration: underline;
}

/*	------------------------------------------------	*/
/* 		GENERISCHE NAVIGATION 							*/
/*	------------------------------------------------	*/

.generic:link {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.generic:visited {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.generic:active {
	font-size: 11px;
	font-weight: normal;
	color: #336600;
	text-decoration: none;
}
.generic:hover {
	font-size: 11px;
	font-weight: normal;
	color: #336600;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 		GENERISCHE NAVIGATION  2te Ebene Layer			*/
/*	------------------------------------------------	*/

.genericlayer:link {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.genericlayer:visited {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.genericlayer:active {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.genericlayer:hover {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				BREATHCRUMP 							*/
/*	------------------------------------------------	*/

.breathnv:link {
	font-size: 11px;
	font-weight: normal;
	color: #339900;
	text-decoration: underline;
}

.breathnv:visited {
	font-size: 11px;
	font-weight: normal;
	color: #339900;
	text-decoration: underline;
}
.breathnv:active {
	font-size: 11px;
	font-weight: normal;
	color: #336600;
	text-decoration: nunderline;
}
.breathnv:hover {
	font-size: 11px;
	font-weight: normal;
	color: #336600;
	text-decoration: underline;
}

/*	------------------------------------------------	*/
/* 				TEASERNAVIGATION						*/
/*	------------------------------------------------	*/

.teaser {
	border: 1px solid #DEDEDE;
	border-collapse: collapse;
}
.teasernv:link {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.teasernv:visited {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.teasernv:active {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.teasernv:hover {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 				HAUPTNAVIGATION							*/
/*	------------------------------------------------	*/

.mainnv, .mainnv:link, .mainnv:visited, .mainnv:hover, .mainnv:active {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-left: 14px;
}

/*	------------------------------------------------	*/
/* 				HAUPTNAVIGATION AKTIV					*/
/*	------------------------------------------------	*/

a.mainnva, a.mainnva:link, a.mainnva:visited, a.mainnv:hover, a.mainnv:active {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-left: 14px;
}
a.mainnvaclk, a.mainnvaclk:link, a.mainnvaclk:visited, a.mainnvaclk:hover, a.mainnvaclk:active {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 8px;
}

/*	------------------------------------------------	*/
/* 				HAUPTNAVIGATION AKTIV 2te Stufe			*/
/*	------------------------------------------------	*/

a.mainnvaa, a.mainnvaa:link, a.mainnvaa:visited, a.mainnvaa:hover, a.mainnvaa:active {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	line-height: 16px;
	padding-left: 8px;
	vertical-align: middle;
}

/*	------------------------------------------------	*/
/* 				Unternavigation 2te Stufe				*/
/*	------------------------------------------------	*/

.secnv, .secnv:link, .secnv:visited, .secnv:hover, .secnv:active {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 8px;
	line-height: 15px;
	display: block;
}

/*	------------------------------------------------	*/
/* 				Unternavigation 2te Stufe AKTIV			*/
/*	------------------------------------------------	*/

.secnva, .secnva:link, .secnva:visited, .secnva:hover, .secnva:active {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 8px;
	display: block;
}

/*	------------------------------------------------	*/
/* 		HEADER NAVIGATION                   			*/
/*	------------------------------------------------	*/

.headernav:link {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.headernav:visited {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.headernav:active {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.headernav:hover {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*	------------------------------------------------	*/
/* 		LIST-ICONS                                  	*/
/*	------------------------------------------------	*/


ul.richText {
	margin: 15px 0 15px 0;	
	list-style-type: none;
	padding: 0 20px 0 0;
	position: relative;
	left: 20px;
	float: left;
}
ul[class="richText"] span {  /* FF 1.+ style */
	padding-right: 0;
}

ul.richTextLast {
	margin: 15px 0 0 20px;	
	list-style-type: none;
	padding: 0 20px 0 0;
}
ul[class="richTextLast"] span {  /* FF 1.+ style */
	padding-right: 0;
}

li.image {
	margin: 3px 0 1px 0;
	/* background: url(/image/ico_grauoffen.gif) 0 .30em no-repeat; */
	list-style-type: none;
	padding: 0 0 0 20px;
	display: block;
}

li.number {
	margin: 3px 0 1px 0;
	list-style-type: none;
	clear: both;
}

li.number ul {
	margin-left: 43px;
	list-style-type: none;
}

/* Firefox */
li.number span.nr {
	min-width: 25px;
	float: left;

}

li.number span.txt {
	display: block;
	margin-left: 25px;

}

/* IE 6 + 7 (da Quirksmode - Starhack */
* html body li.number span.nr {
	width: 25px;
	float: left;
}

* html body li.number span.txt {
	display: block;
	float: left;
	margin-left: 0;
}


li.bullet {
	margin: 3px 0 1px 0;
	background: url(/template/sg/img/ico_bullet.gif) 0 .30em no-repeat;
	list-style-type: none;
	padding: 0 0 0 23px;
}
li.bulletColor {
	margin: 3px 0 1px -20px;	
	background: url(/template/sg/img/ico_bullet.gif) 20px .30em no-repeat;
	list-style-type: none;
	padding: 0 0 0 43px;
	background-color: #e8e8e8;
	border: 1px solid #e8e8e8;
}

/*	------------------------------------------------	*/
/* 		LIST-ICON-DEFINITIONS 4 PRINT-MEDIA           	*/
/*	------------------------------------------------	*/

@media print {
	/* Firefox fix: printing list-types */

	ul {list-style-type: none;}
	
	ul li.image:before {
		content: url(/template/img/ico_grauoffen.gif);
	}
	ul li.bullet:before {
		content: url(/template/img/ico_bullet.gif);
	}
	ul li.bulletColor:before {
		content: url(/template/img/ico_bullet.gif);
	}
		
	ul li.image {
		background: none;
		text-indent: -17px;
	}
	ul li.bullet {
		background: none;
		text-indent: -17px;
	}
	ul li.bulletColor {
		background: none;
		text-indent: -17px;
	}
	ul li.image span {
		position: relative;
		left: 15px;
	}
	ul li.bullet span {
		position: relative;
		left: 15px;
	}
	ul li.bulletColor span {
		position: relative;
		left: 15px;
	}
	
	/* IE: printing list-types */
	* html ul {	
		list-style-image: url(/template/img/ico_grauoffen.gif);
		list-style-position: outside;
		padding-left: 20px !important;
	}
	* html ul li {
		position: relative;
		left: -20px;
	}
	* html ul ul {padding-left:0;}
	* html ul li.image {
		text-indent: 0;
	}
	* html ul li.bullet {
		text-indent: 0;
	}
	* html ul li.bulletColor {
		text-indent: 0;
	}
	* html ul li.image span {
		position: relative;
		left: 0; top: -2px;
	}
	* html ul li.bullet span {
		position: relative;
		left: 0;
	}
	* html ul li.bulletColor span {
		position: relative;
		left: 0;
	}
}



