/* --------------------------------------- */
/* ----- Rainergymnasium MAIN Aufbau ----- */
/* ----- c2008 Herbert Leier - Raum:3 ---- */
/* ----- v1 - 15.02.2008 - 12:00 --------- */
/* --------------------------------------- */

/* Diverse Sachen Anfang -------------------------------------------------- */
	.no_css {
		position:absolute;
		padding:0px;
		margin:0px;
		visibility: hidden;
		height: 0px;
		width: 0px;
	}
	.clear {clear:both;}
	.img_l {float:left; padding:0px 0px 0px 10px; margin:0px 15px 10px 0px; border:1px solid #CCCCCC;}
	.img_r {float:right; padding:10px 0px 0px 0px; margin:0px 0px 10px 15px; border:1px solid #CCCCCC;}
	
	.left {float:left;}
	.right {float:right;}
	
	p {
		margin: 0px;
		padding: 0px;
	}
	
	#main p {
		padding:0px;
		margin:0px 0px 20px 0px;
	}
	
	#main ul li {} /* ist in den einzelnen Farben beschrieben */
	#main ol li {
		list-style: decimal outside;
	}
	
	a {color:#000000; text-decoration:none;}
	#main a[name] { background-image: none; }
	#main a { background-repeat: no-repeat; background-position: left; padding-left: 10px;}
	#main td a {display: block}
	.download a {background:none !important; padding-left: 0px !important;}
	.download_head 	{
		background: url(../img/download_head_bg.gif) no-repeat 5px center;
	}
	
	a:hover {
		 text-decoration:underline;
	}
	
	.col_norm {background:#FFFFFF;}
	.col_grau {background:#E2E2E2;}
	.table_ausgabe tr td {
		padding:5px;
	}
	
	.simple_gallery {
		margin: 5px 0px;
		width: 660px;
		padding: 0px 0px;
		display: block;
		position: relative;
	}
	
	.simple_gallery td {
		padding: 0px;
		border: 0px solid #ccc;
	}
	
	.simple_gallery a {background-image: none !important; padding-left: 0px !important; margin: 0px 10px 10px 0px; width: 124px; padding: 0px;}
	.simple_gallery a:link img {border: 1px solid #cccccc !important}
	.simple_gallery a:visited img {border: 1px solid #cccccc}
	.simple_gallery_controls a {background-image: none !important; color: #333333; font-style:italic; padding-left: 0px !important; padding-right: 0px;}
	.simple_gallery_title {color: #333; font-style:italic; font-weight: bold; font-size: large; text-align: center; margin: 0px 0px 5px 0px}
	.simple_gallery_description {color: #333; font-style:italic; font-weight: normal; font-size: larger; text-align: center; margin: 5px 0px 5px 0px}
	.simple_gallery_thumb_title span {color: #333; font-style:italic; margin-bottom: 3px}
	.simple_gallery td { width: 136px; }
	.simple_gallery .title { color: #333; font-style:italic; margin-bottom: 3px; text-align: center; }
	.simple_gallery .title a:link, .simple_gallery .title a:visited {
		border: 0px !important;
		height: auto;
		margin: 0px;
	}
	
	.simple_gallery a img {
		margin: 0px auto;
		display: block;
		border: 0px !important;
	}
	
	.simple_gallery_display img {
		display: block;
		max-width: 100%;
		margin: 0px auto;
	}

	.anchor {background-image: none !important; padding: 0px !important}
	
	.simple_gallery_controls .next_image a {
		padding-right: 25px; padding-top: 5px; padding-bottom: 5px;
	}
	
	.simple_gallery_controls .previous_image a {
		padding-left: 25px !important; padding-top: 5px; padding-bottom: 5px;
	}
	
/* Diverse Sachen Ende ---------------------------------------------------- */

/* Seitenaufbau Anfang ---------------------------------------------------- */
	html {
		margin: 0px;
		padding: 0px;
	}
	body {
		font:12px/18px Arial, Helvetica, sans-serif;
		color: #000000;
		margin: 0px;
		padding: 0px;
	}
	* html body {
		margin: 0px;
		padding: 0px 10px;
	}
	#ganz {
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px auto;
		width:960px;
		background:transparent url(../img/ganz_bg.gif) repeat-y top center;
	}
	#ganz_bottom {
		margin: 30px 0px 0px 0px;
		width: 960px;
		background: url(../img/ganz_bottom.gif) no-repeat bottom center;
		height: 8px;
	}
	#head {
		position:relative;
		padding:0px;
		margin:0px 0px 6px 0px;
		height:150px;
		background:#4576ab url(../img/head_bg.jpg) no-repeat center center;
	}
	#navi {
		position:absolute;
		top:121px;
		left:15px;
		bottom:auto;
	}
	#suche {
		position:absolute;
		right:80px;
		top:120px;
	}
	#main {
		position:relative;
		padding:25px 0px 0px 0px;
		margin:0px;
		width:700px;
		min-height:400px;
		float:left;
	}
	/*#news {
		position:relative;
		padding:0px 10px 10px 10px;
		margin:0px 69px 0px 0px;
		width:169px;
		float:right;
	}*/
	
	/*#aktuell {
		position:relative;
		padding:0px 10px 0px 10px;
		margin:0px 69px 0px 0px;
		width:169px;
		float:right;
	}*/
	/* IE6 und IE5 hack */
	* html #news {margin:0px 0px 0px 0px;}
	#footer {
		clear: both;
		border: 0px solid red;
		margin-right: 71px;
	}
/* Seitenaufbau Ende ------------------------------------------------------ */


/* EXTRAS Anfang ---------------------------------------------------------- */
	#extra_01 {
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:auto;
		height:250px;
		width:100%;
	}
	/* News und Body BG verlauf BUG */
	#extra_02 {
		position:absolute;
		top:156px;
		left:auto;
		right:20px;
		bottom:auto;
		height:100px;
		width:300px;
		background:transparent url(../img/extra02_bg.gif) no-repeat top center;
	}
/* EXTRAS Ende ------------------------------------------------------------ */


/* HEAD Anfang ------------------------------------------------------------ */
	#head h1 {
		position:absolute;
		top:10px;
		left:15px;
		padding:0px;
		margin:0px;
		height:103px;
		width:254px;
		background:transparent url(../img/logo_bg.gif) no-repeat center center;	
	}
/* HEAD Ende -------------------------------------------------------------- */


/* NAVI Anfang ------------------------------------------------------------ */

/* NAVI Ende -------------------------------------------------------------- */


/* SUCHE Anfang ----------------------------------------------------------- */
	#suche form {
		padding:0px;
		margin:0px;
	}
	/*input.suche_txt {
		position:relative;
		padding:4px 5px 3px 5px;
		margin:0px 30px 0px 0px;
		width:130px;
		background:transparent url(../img/suche_txt_bg.gif) no-repeat left top;
		border:none;
	}*/
	* html input.suche_leer {width:140px;height:32px;padding:4px 2px 3px 2px; margin:0px 25px 0px 0px;}
	input.suche_button {
		position:absolute;
		right:0px;
		padding:0px;
		margin:0px;
		border:none;
		width:23px;
		height:23px;
		top: 0px;
	}
	
	input.suche_leer {
		position:relative;
		padding:4px 5px 3px 5px;
		margin:0px 30px 0px 0px;
		width:130px;
		background:transparent url(../img/suche_txt_bg.gif) no-repeat left top;
		border: none;
		color:#999999;
	}
	
	.suche_norm {
		position:relative;
		padding:4px 5px 3px 5px;
		margin:0px 30px 0px 0px;
		width:130px;
		background:transparent url(../img/suche_txt_bg.gif) no-repeat left top;
		border:none;
	}
/* SUCHE Ende ------------------------------------------------------------- */


/* MAIN Anfang ------------------------------------------------------------ */
	#breadcrum {
		position:relative;
		padding:0px;
		margin: 0px 10px 35px 15px;
	}
	
	#breadcrum a {
		background-image: none !important;
		padding-left: 0px !important;
	}
	
	.block_auf {
		position:relative;
		padding:0px;
		margin: 0px 0px 50px 0px;
	}
	.block_top {
		position:relative;
		padding:0px;
		margin:0px;
		height:20px;
		background:transparent url(../img/block_top_bg.gif) no-repeat left top;
	}
	.block_main {
		position:relative;
		padding:10px 20px 1px 20px;
		margin:0px;
		background:#ffffff url(../img/block_main_bg.gif) repeat-y left top;
		display: block;
	}
	.block_bottom {
		position:relative;
		padding:0px;
		margin:0px;
		height:20px;
		background:transparent url(../img/block_bottom_bg.gif) no-repeat left bottom;
	}
	/* IE6 und IE5 hack wegen IMG Tag */
	* html img {position:relative;}
	
	.headline {
		position:absolute;
		padding:0px;
		margin: 0px;
		width:400px;
		height:36px;
		top:-33px;
		left:10px;
	}
	* html .headline {left:-10px;}
	.headline h2 {
		padding:6px 0px 0px 8px;
		margin: 0px;
		color:#FFFFFF;
		font-size:16px;
	}
/* MAIN Ende -------------------------------------------------------------- */


/* NEWS Anfang ------------------------------------------------------------ */

	#news .news_eintrag strong  {
		font-size:11px;
		position:relative;
		/*font-family: "Courier New", Courier, monospace;*/
	}
	#news .news_eintrag {
		font-size:10px;
		line-height:14px;
		position:relative;
		padding: 5px 10px;
		text-decoration: none;
	}
	
	#news a:hover {
		text-decoration: none;
	}
	
	#news a:hover strong {
		text-decoration: underline;
	}
	
	#news a:hover .news_text {
		margin-top: 0px;
		padding-top: 0px;
		text-decoration: none;
		color: #000;
	}
	
	#news .sidebar_header a:hover {
		text-decoration: underline;
	}
/* NEWS Ende -------------------------------------------------------------- */


/* FOOT Anfang ------------------------------------------------------------ */

/* FOOT Ende -------------------------------------------------------------- */


/* Artikel Navigation Anfang ---------------------------------------------- */
	.artikel_navi {
		text-align:center;
		padding:5px 0;
		margin:0 0 10px 0;
		border-bottom:1px dotted #cccccc;
	}
	.artikel_navi .zuruck {
		position:absolute;
		left:20px;
	}
	* html .artikel_navi .zuruck {
		left:0;
	}
	.artikel_navi .ubersicht {
		position:relative;
		text-align:center;
	}
	.artikel_navi .weiter {
		position:absolute;
		right:20px;
	}
	.artikel_navi .zuruck img,
	.artikel_navi .weiter img {
		vertical-align:text-bottom;
	}
	
	.artikel_navi .zuruck a,
	.artikel_navi .weiter a {background: none !important; padding-left: 0px !important;}
/* Artikel Navigation ende ------------------------------------------------ */


/* Stundenplan Klassen Anfang --------------------------------------------- */
	.klasse_std {
		border:1px solid #CCCCCC;
		background:#e9e9e9;
		padding:4px;
	}
	.klasse_std a {
		background:#ffffff;
		background-image: none !important;
		position:relative;
		display:block;
		padding:20px 0px !important;
		width:63px;
		float:left;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		margin:0 2px 2px 0;
	}
	.klasse_std a:hover {
		background:#64cb31 url(../img/klasse_hover_bg.gif) repeat-x center bottom;
		color:#ffffff;
		text-decoration:none;
		font-size:22px;
	}
/* Stundenplan Klassen Ende ----------------------------------------------- */

/* Kategorie Liste Anfang ------------------------------------------------- */
	.liste_links,
	.liste_rechts,
	.liste_mitte {
		position:relative;
		border:1px solid #CCCCCC;
		background:#e9e9e9;
		padding:4px;
	}
	
	.liste_links 	{float:left; margin:0px 15px 10px 0px;}
	.liste_rechts {float:right; margin:0px 0px 10px 15px;}
	.liste_mitte div { margin: 5px; text-align: center; }
	
	.liste_links a,
	.liste_rechts a {
		background:#ffffff;
		position:relative;
		display:block;
		padding:5px 5px;
		width:300px;
		text-align:left;
		font-weight:bold;
		text-decoration:none;
		margin:0 2px 2px 0;
		background-image: none !important;
	}
	
	.liste_mitte a {
		background:#ffffff;
		display:block;
		padding:5px 5px;
		font-weight:bold;
		text-decoration:none;
		margin:0 2px 2px 0;
		background-image: none !important;
	}
	
	.liste_links a:hover,
	.liste_rechts a:hover,
	.liste_mitte a:hover{
		color:#ffffff;
		text-decoration:none;
	}
	
	/*.listelinks 
/* Kategorie Liste Ende --------------------------------------------------- */


/* Download Anfang -------------------------------------------------------- */
	/* Die Hintergrundfarbe findet man in den Color CSS 1-6 */
	.download {
		position:relative;
		border:0px solid #DADADA;
		padding:0;
		margin:20px 0 0 0;
		background-image: url(../img/strip_end.png) !important; background-position: center right !important; background-repeat: repeat-y !important;
	}
	.download_head {
		position:relative;
		border-bottom:0px solid #DADADA;
		padding:2px 5px 2px 20px;
		margin:0;
		color:#FFFFFF;
		font-weight:bold;
	}
	.download_file {
		padding:10px;
		margin:0;
		background:#FFFFFF;
	}
	.download_file img {
		vertical-align:middle;
		border:none;
	}
	.download_pfeil_01,
	.download_pfeil_02 {
		position:absolute;
		display:block;
		left:10px;
		top:55px;
		height:16px;
		width:16px;	
	}
	a .download_pfeil_01,
	a .download_pfeil_02 {background:transparent;}
	a:hover .download_pfeil_01,
	a:hover .download_pfeil_02 {background:transparent url(../img/download_pfeil.gif) no-repeat center center;}
	
	/* IE6 und IE5 hack */
	* html .download_pfeil {top:60px;}
	
	.download_besch {
		position:relative;
		background:#EEEEEE;
		padding:5px;
		margin:0;
		color:#808080;
		font-size:10px;
		line-height:normal;
	}
	.download_besch_head {
		position:absolute;
		left:5px;
		top:5px;
		color:#666666;
		text-transform: uppercase;
	}
	.download_besch_text {
		position:relative;
		padding:0;
		margin:0 0 0 9em;
	}
	/* IE6 und IE5 hack */
	* html .download_besch_text {margin:0 0 0 9.5em;}
/* Download Ende ---------------------------------------------------------- */


/* Nach oben Anfang ------------------------------------------------------- */
	.nach_oben {
		text-align:center;
		padding:5px 0 0 0;
		margin:0;
		border-top:1px dotted #cccccc;
		background:#FFFFFF;
		display: none;
	}
	.nach_oben a {
		background:#FFFFFF;
		background-image: none !important;
		padding:0;
		display:block;
		width:auto;
	}
	.nach_oben a:hover {
		background:#FFFFFF url(../img/nach_oben.gif) repeat-x center center !important;
		padding:0;
		display:block;
		width:auto;
	}
	.nach_oben a span {
		background:#FFFFFF;
		padding:0 10px;
		display:inline;
		width:auto;
		text-decoration:none;
	}
	.nach_oben a:hover span {
		background:#FFFFFF;
		padding:0 10px;
		display:inline;
		width:auto;
		text-decoration:underline;
	}
	
	/*#toTop {
			position: fixed;
			top: 0px;
			margin:0px auto;
			width:960px;
			height: 35px;
			background: red;
			background: url(../img/totop.png) top left no-repeat;
			display: none;
			z-index: 999;
	}*/
	
	#toTop {
		position: fixed;
		top: 100%;
		margin-top: -35px;
		left: 50%;
		width: 700px;
		margin-left: -480px;
		height: 35px;
		background: url(../img/totop.png);
		display: none;
	}
	
	#toTop a {
		display: block;
		padding: 0px 0px 0px 0px !important;
		background-image: none !important;
		position: absolute;
		/*top: 2px;
		left: 20px;*/
		bottom: 0px;
		left: 50%;
		margin-left: -330px;
		height: 20px;
		text-align: center;
		width: 660px;
		border: 0px solid red;
	}
	
	#toTopSpacer {
		height: 20px;
		display: block;
	}
/* Nach oben Ende --------------------------------------------------------- */


#aktuell img {
	padding: 0px;
	margin: 0px;
	display: block;
}

/* Edit Anfang ------------------------------------------------------------ */	
	#edit a {
		font-size:10px;
		line-height:14px;
		height: 14px;
		padding-left: 10px;
		display: block;
		border: 0px solid lime;
	}
	
	#edit hr {
		color: #ddd;
		background-color: #ddd;
		height: 1px;
		border: none;
		width: 100%;
		margin: 5px 0px;
	}
/* Edit Ende -------------------------------------------------------------- */

/* Login Anfang ----------------------------------------------------------- */

	
	.sidebar_element form {
		padding:0;
		margin:0;
		text-align:center;
	}

	.sidebar_element form div {
		text-align:left;
		margin:5px 0;
		padding:0 10px;
	}
	.sidebar_element label {font-size:11px; float: left;}
	.sidebar_element input.form_text {
		width:100%;
	}
	
	
#sidebar {
		position:relative;
		padding:0px 10px 10px 10px;
		margin:0px 0px 0px 0px;
		width:169px;
		float:left;
		border: 0px solid red;
}

.sidebar_tabs {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background:#EEEEEE;
	border:0px solid #DDDDDD;
	min-height: 30px;
	position: relative;
}

.sidebar_tab {
	display: block;
	float: left;
	height: 30px;
	width: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0px;
	border: 0px solid red;
}

.sidebar_tab_text {
	position: absolute;
	left: 0px;
	top: 30px;
	line-height: 20px;
	display: none;
	background: #ddd;
	text-align: center;
	font-weight: bold;
	width: 169px;
	text-decoration: none;
	margin-bottom: 15px;
}

.sidebar_tabs.sidebar_row2 .sidebar_tab_text {
	top: 60px;
}

.sidebar_tab:hover {
	background-color: #ddd;
	text-decoration: none;
}

.sidebar_tab:hover .sidebar_tab_text {
	display: block;
	text-decoration: none !important;
	color: #000 !important;
	z-index: 150;
}

.sidebar_tab.active {
	background-color: #ddd;
	margin-bottom: 25px;
}

.sidebar_tab.active.container {
	margin-bottom: 20px;
}

.sidebar_tab.active .sidebar_tab_text {
	display: block;
	z-index: 100;
}

.sidebar_element {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background:#EEEEEE;
	border:1px solid #DDDDDD;
	clear: both;
}

.sidebar_tabs .sidebar_element {
	clear: both;
	/*position: relative;
	top: -5px;*/
	margin: 0px;
	padding-top: 5px;
}

.sidebar_header + * {
	margin-top: 5px !important;
}

.sidebar_element *:last-child {
	margin-bottom: 5px;
}

.sidebar_header {
	background-color: #DDDDDD;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 4px 5px 2px 28px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px !important;
}
/* Login Ende ------------------------------------------------------------- */

/* NiceLi Anfang ---------------------------------------------------------- */

	.niceli ul li {
		list-style-position: outside !important;
	}

/* NiceLi Ende ------------------------------------------------------------ */

/* Zurück Anfang ---------------------------------------------------------- */

	.zurueck_unten {
		text-align:left;
		width: 100%;
		font-weight: bold;
	}
	
	.zurueck_unten a {
		color: #666;
	}
	.zurueck_unten {
		margin: 10px 0px 0px 0px;
		border-top: #cccccc dotted 1px;
	}
	
	.zurueck_oben {
		text-align:center;
		padding:0 0 0 0;
		margin-bottom: 10px;
		border-bottom:1px dotted #cccccc;
		background:#FFFFFF;
	}
	.zurueck_oben a {
		background:#FFFFFF;
		background-image: none !important;
		padding:0;
		display:block;
		width:auto;
	}
	.zurueck_oben a:hover {
		background:#FFFFFF url(../img/zurueck.gif) repeat-x center center !important;
		padding:0;
		display:block;
		width:auto;
	}
	.zurueck_oben a span {
		background:#FFFFFF;
		padding:0 10px;
		display:inline;
		width:auto;
		text-decoration:none;
	}
	.zurueck_oben a:hover span {
		background:#FFFFFF;
		padding:0 10px;
		display:inline;
		width:auto;
		text-decoration:underline;
	}

/* Zurück Ende ------------------------------------------------------------ */

/* Ausgeblendete Elemente Anfang ------------------------------------------ */
	.no_print {
	}
/* Ausgeblendete Elemente Ende -------------------------------------------- */

/* Suchabfrage Anfang ----------------------------------------------------- */
	.suchabfrage {
		margin-bottom: 10px;
		border-bottom: 1px dotted #ccc;
	}
	
	.sBeschreibung {
		font-weight: bolder;
	}
	
	.sText {
		font-style: italic;
		color: #666;
	}
/* Suchabfrage Ende ------------------------------------------------------- */

/* SWF-Upload Anfang ------------------------------------------------------ */

#spanButtonPlaceHolder {
	border: ridge 1px gray;
}

/* SWF-Upload Ende -------------------------------------------------------- */

.jumplist {
	text-align: center;
	font-weight: bold;
}

.jumplist a {
	background: none !important;
	padding: 0px !important;
}

/* Alternierende Tabelle Anfang ------------------------------------------- */

.alt_table {
	border-collapse: collapse;
}

.alt_table td {
	vertical-align: top;
	padding: 5px;
}

.alt_table .even td {
	background-color: #fff;
}

.alt_table .odd td {
	background-color: #e2e2e2;
}

#username {
	font-size: 10px;
	padding: 5px 10px;
}