/*
	Styles Laurentiusschule Hoffbauer
	IT-On.NET 07/2008
*/

body{
	margin:				0;
	padding:			0;
	line-height: 		1.2em;
	font-size:			0.9em;
	font-family:		Arial, Verdana, Sans-Serife;
}

#maincontainer{
	width: 				800px; /*breite Contenbereich*/
	margin: 			0 auto; /*ontainer zentrieren*/
	min-height: 		500px; /*hoehe Contentbereich*/
}

#topsection{
	height: 			170px;
	border:				1px solid #333333;
	margin:				0 0 10px 0;
	padding:			10px 0 0 0;
	background-image:	url(/images/kopf01.jpg);
	background-position: bottom right;
	background-repeat:	no-repeat;
	font-family:		Arial Narrow, Arial, Sans-Serife;
	font-size:			1.3em;
}
#topleft {
	float:				left;
	width:				318px;
}
#topleft h1 {
	background-color:	#D6E03E;
	color:				#C5111E;
	text-transform:		uppercase;
	padding:			8px 0 1px 10px;
	margin:				0;
	height:				25px;
	letter-spacing:		2px;
}
#topleft img.logo {
	padding-left:		5px;
}
#topleft div.ort {
	background-color:	#D6E03E;
	font-weight:		bold;
	height:				25px;
	padding:			0 0 3px 10px;
	letter-spacing:		1px;
}
#topleft div.claim {
	text-align:			right;
	color:				#888888;
	padding:			12px 10px 0 0;
	font-weight:		bold;
	font-size:			0.85em;
	line-height:		1.3em;
}
#topleft img.links {
	float:				left;
	margin:				25px 0 0 3px;
}
#topmenu {
	text-align:			left;
	float:				left;
	width:				480px;
	background-color:	#666666;
}
#topmenu ul {
	margin:				0;
	padding:			0;
}
#topmenu li {
	display:			block;
	float:				left;
	width:				97px;
	height:				20px;
	margin:				0;
	border-right:		4px solid #FFFFFF;
	text-align:			center;
	padding:			5px 10px 3px 10px;
}
#topmenu li a {
	display:			block;
	color:				#D6E03E;
	text-decoration:	none;
	font-size:			0.95em;
	font-weight:		bold;
}
#topmenu li a:hover, #topmenu li a:focus  {
	color:				#FFFFFF;
}

#contentwrapper{
	float: 				left;
	width: 				100%;
	min-height:			400px;
	border-left:		180px solid #CCCCCC;
}

#contentcolumn{
	float: 				left;
	width: 				590px;
	margin-left: 		20px; /*Set left margin to LeftColumnWidth*/
	padding: 			7px 0 5px 10px;
	min-height:			300px;
}

#leftcolumn{
	float: 				left;
	width: 				170px; /*Breite Navigation leftcolum*/
	margin-left: 		-975px; /*Set left margin to -(MainContainerWidth)*/
	padding: 			5px;
	margin-top:			5px;
	min-height:			300px;
	border:				1px solid black;
	background-color:	#FFFFFF;
}

#footer{
	clear: 				left;
	width: 				100%;
	font-size:			0.9em;
	color: 				#888888;
	text-align: 		center;
	padding: 			4px 0;
}
#footer a{
	color: 				#888888;
}


/* Navigation */
#leftcolumn ul {
	margin:				0;
	padding:			0;
}
#leftcolumn li {
	list-style:			none;
}
li.m1 {
	clear:				left;
	min-height:			23px;
	font-size:			0.9em;
	font-weight:		bold;
	margin-bottom:		0.5em;
	border:				1px solid #FFFFFF;
}
li.m2, li.m3 {
	clear:				left;
	font-size:			0.9em;
	margin:				0 0 0.2em 0;
	padding:			0 0 0 28px;
}
li.m3 {
	padding-left:		15px;
	padding-top:		3px;
	font-weight:		normal;
	font-size:			1.1em;
}

#leftcolumn li a {
	text-decoration:	none;
	display:			block;
	color:				#333333;
}
#leftcolumn a.m1 {
	padding-top:		3px;
	min-height:			20px;
}

li.gruen div.square {		background-color:		#D6E03E; }
#leftcolumn li.gruen a.marked { color:				#888F27; }

li.braun div.square {		background-color:		#CCA153; }
#leftcolumn li.braun a.marked { color:				#93743C; }

li.rot div.square {		background-color:			#C5111E; }
#leftcolumn li.rot a.marked  { color:				#C5111E; }

li.blau div.square {		background-color:		#1E93ED; }
#leftcolumn li.blau a.marked { color:				#166EB2; }

li.orange div.square {		background-color:		#F36007; }
#leftcolumn li.orange a.marked { color:			#CF5206; }

#leftcolumn li a:visited {
	color:				#555555;
}
li.m1:hover, li.m1:focus {
	border:				1px solid #333333;
}

/*
li.open, li.marked {
	border-color:		#333333;
}
*/

#leftcolumn li a:hover, #leftcolumn a:focus {
	color:				#000000;
	text-decoration:	underline;
}

div.square {
	display:			block;
	float:				left;
	clear:				left;
	width:				23px;
	height:				23px;
	background-color:	red;
	margin-right:     	5px;
	margin-bottom:		5px;
}

div.square2 {
	display:			block;
	float:				left;
	width:				20px;
	height:				20px;
	background-color:	green;
	margin-right:     	5px;
}



/* Inhalte */

h1, h2 {
	color:				#1E93ED;
	font-size:			1.1em;
	font-weight:		bold;
	margin-top:			0;
	margin-bottom:		1em;
}
#leftcolumn h1 {
	margin-bottom:		0.5em;
	text-align:			left;
}
h2 {
	color:				#333333;
	text-align:			left;
}

a {			color:		#1E93ED; }
a:hover, a:focus {	text-decoration:	none; }
a:visited {	color:		#F36007; }
a img {
	border-width:		0;
}

/* Links  */
a.extern {
	background-image:		url(/images/ico_extlink.gif);
	background-position:	left top;
	background-repeat:		no-repeat;
	padding-left:			12px;
}
a.pdf {
	background-image:		url(/images/ico_pdf.gif);
	background-position:	left;
	background-repeat:		no-repeat;
	padding-left:			20px;
}


div.mitte {
	text-align:			center;
}

.klein  {	font-size:			0.85em; }
.gross  { 	font-size:			1.2em;  }


/* Farben */
.gruen {	color:			#D6E03E; 	}
.grau {	color:			#666666; 	}
.rot {	color:			#C5111E; 	}
.blau {	color:			#1E93ED; 	}
.lila {	color:			#D809F0; 	}
.orange {color:			#F36007; 	}

span.links, img.links {
	float:				left;
	margin:				4px 10px 0 0;	
}

span.rechts, img.rechts {
	float:				right;
	margin:				4px 0 0 10px;
}

div.text {
	text-align:			justify;
}

.hidden {
	display:				none;
}

/* Bildergalerie */
img.galerie {
	border:				1px solid #1E93ED;
	margin:				0 10px 10px 10px;
	padding:			1px;
}




/* Eingabefelder in Formularen */
table.formular {
	width:					100%;
}
td.formularkopf, td.formularfuss {
	background-color:		#CCCCCC;
	font-weight:			bold;
	border:					1px solid #FFFFFF;
	border-width:			3px 0 3px 0;
}
td.formularkopf {
	background-color:		#D6E03E;
}

input, select, textarea {
	padding:				1px 1px 1px 2px;
}
input.checkbox {
	margin-bottom: 			0px;
}
/* Liste von Checkboxen */
div.chklist {
	padding:				0 0 5px 25px;
	text-indent:			-25px;
}

/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
input.lang, textarea.lang, select.lang{			width:				300px; }
input.mittel, select.mittel, textarea.mittel{	width:				180px; }
input.kurz, select.kurz, textarea.kurz {     	width:				60px;  }

/* Absenden-Knoepfe in Formularen */
input.knopf {
	background:				#1E93ED;
	font-weight:			bold;
	color:  				#ffffff;
	border-top:				1px solid #dce3ea;
	border-left:			1px solid #dce3ea;
	border-bottom:			1px solid #000000;
	border-right:			1px solid #000000;
}
input.knopf:hover {
	background:				#3399FF;
}
/* Radio-Field Werte mit 2 Eintraegen */
label.sr2, label.sr3 { 
	display:				inline-block;
	min-width:				22%;
}
label:hover {
	background-color:		#EEEEEE;
}

/* Hervorhebung bei Pflichtfeldern */
input.pflichtfeld {
}

input.fehler {
	border:					1px solid #C5111E;
}
div.checkboxfehler {
	background-color:		#E1F0FA;
}
span.pflicht {
	font-weight:			bold;
}

div.formularfehler {
	background-color:		#FFDFD5;
	padding:				5px;
	font-weight:			bold;
}




/* Druckausgabe */

@media print {

	#maincontainer{
		width: 				650px;
	}

	#topsection {
		background-image:	none;
		border:				0;
		padding:			0;
		height:				150px;
	}

	#leftcolumn, #topmenu {
		display: 			none;
	}

	#contentcolumn {
		margin-left:		0;		
	}
	#contentwrapper {
		border-left:		0;
	}
	
	#footer {
		width:				100%;
	}

}