@charset "UTF-8";
	/* CSS Document */

/*
	IT-POTT OHG, Multimedia im Ruhrgebiet
	Promenadenweg 23
	45219 Essen
	Telefon: 02054-969598-3
	Telefax: 02054-969598-4 
	www.it-pott.de

 */

 /* Reingefrickelt */
.invisible	{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
.custom{display:block;text-align:left;}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Reingefrickelt */



html, body {	
	height:					98%;
	margin:					0;
	padding:				0;
	}

	html {
		overflow:				scroll;
		}

body {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	background-image: 		url(../tl_files/waldorfschule_img/hintergruende/bg.jpg);
	background-repeat: 		repeat-x;
	line-height:normal
	} 

#wrapper {
	position: 				relative;
	margin:					0 auto;
	height:					100%;
	min-height:				100%;
	text-align:				left;
	width:					850px;
	}

body>#wrapper {
	height:					auto;
	}

#main {
	position:				relative;
	padding-top:			12px;
	width:					461px;
	padding-top:			135px;
	padding-left:			20px;
	padding-right:			20px;
	padding-bottom:			20px;
	float:					left;
	overflow:				hidden;
	}

/* Vollbild im Main ohne Rand */
.panorama {
	position:				relative;
	}

.panorama img {
	position: 				relative;
	left:					-19px;
	top:					-16px;
	margin-bottom:			-30px;	
	}

/* Rechtes Div */

#right {
	position:				relative;
	width:					155px;
	top:					130px;
	float:					left;
	padding-left:			12px;
	padding-right:			12px;
	font-size:				10px;
	}
#right img {
border:none;
padding-bottom:20px;
}

#left {
	position:				relative;
	width:					169px;
	top:					130px;
	float:					left;
	}

/* Hintergrundbild der kompletten Seite  */

#hintergrund img {
	position:				absolute;
	}

/* ------------------------------------------Navigation------------------------------------ */
#navi {
	position:				relative;
	font-size:				10px;
	font-weight:			bold;
	overflow:				hidden;
	}

#navi a {
	color: 					#000;
	text-decoration:		none;
	}
	
#navi a:hover {
	color: 					#993300;
	text-decoration: 		underline;
	}
	
#navi li {
	position:				relative;
	list-style-type:		none;
	padding-top:			2px;
	padding-bottom:			2px;
	padding-left:			10px;
	}
	
#navi li a, 
li .active {
	border-left: 			1px solid #000;
	padding-left:			3px;
	}
	
#navi li li a,
li li .active {
	border-left: 			none;
	padding-left:			0px;
	}

#navi li li {
	background-image:		url(../tl_files/waldorfschule_img/navi/navi_image.gif);
	background-repeat:		no-repeat;
	background-position: 	0px 7px;
	border-left:			none;
	}

#navi ul {
	margin:					0;
	padding:				0;
	}

#navi ul ul {
	display:				none;
	padding-left: 			10px;
	}

#navi ul li.active ul {
	display:				block;
	}

#navi ul li.trail ul {
	display:				block;
	}

.active {
	color:					#993300;

	}

#navi .trail {
	text-decoration:		none;
	color:					#993300;
	}

.abstand_bottom {
	margin-bottom:			15px;	
	}

/* ------------------------------------------Ende-Navigation-------------------------------- */

/* Link */

a {
	color:					#000;
	text-decoration:		none;
	}
a:hover {
	color:					#993300;
	}

/* ------------------------------------------Kalender-------------------------------- */
table.minicalendar {
	width:					155px;
	text-align:				center;
	padding-left:			15px;
	padding:				2px;
	}
table.minicalendar .weekend {
	font-weight:			bold;
	}

.days a {
	padding:				1px;
	text-decoration:		underline;
	color:					#993300;
	}

.head {
	color:					#993300;
	padding-bottom:			10px;
	}

/* ------------------------------------------ENDE-Kalender-------------------------------- */

.date {
	color:					#993300;
	font-size:				11px;
	}

.time {
	font-weight:			normal;
	}

/* --------------------------------------------Newsliste---------------------------------- */

.news {
	position:				relative;
	width:					205px;
	float:					left;
	margin-right:			20px;
	height:					310px;
	margin-bottom:			10px;	
	}

.news .image_container {
	position: 				relative;
	}

.news h3,
.layout_full h3 {
	font-weight:			bold;
	font-size:				15px;
	margin-bottom:			0;
	}

.layout_full .image_container {
	margin-bottom:			10px;
	}

.mod_newsmenu ul{
	padding:				0;
	margin:					0;
	padding-left:			8px;
	list-style-type:		none;
	}

.mod_newsmenu .jahr {
	font-weight:			bold;
	color:					#993300;
	font-size:				11px;
	}

.mod_newsmenu li {
	font-weight:			bold;
	border: 				none;
	padding-left:			0px;
	}

.mod_newsmenu p {
	padding:				0;
	margin:					0;
	}

.mod_newsmenu .last {
	margin-bottom:			10px;
	}
/* --------------------------------------------ENDE-Newsliste--------------------------------- */

/* Alle more und back Links >> mehr */
.more {
	font-size:				10px;
	font-weight:			bold;
	margin-top:				8px;
	}

.back {
	font-size:				10px;
	font-weight:			bold;
	margin-top:				8px;
	}

/* Seitennamen */

.mainhead{
	position:				relative;
	font-weight:			bold;
	font-size:				12px;
	left:					-15px;
	color:					#fff;
	top:					-10px;
	text-transform:			uppercase;
	letter-spacing:			0.1em;
	}

.event a {
	font-weight:			bold;
	}

#main .event h1 {
	margin-bottom:			4px;
	}

.caption {
	font-style:				italic;
	font-size: 				10px;
	color:					#333;
	}

.headline_rechts,
.ce_downloads h1 {
	position:				absolute;
	color:					#ff6633;
	font-weight:			bold;
	font-size:				11px;
	top: 					-33px;
	}

.ce_downloads a {
	font-size:				9px;
	}

.datum {
	position:				relative;
	font-size:				10px;
	font-weight:			bold;
	}

#main .block {
	margin-bottom:			20px;
	}

#main .ce_text .image_container {
	padding: 				8px;
	}

/* Überschriften */
h1 {
	font-weight:			bold;
	font-size:				11px;
	color:					#993300;
	margin-top:				0px;
	}

h2 {
	font-weight:			bold;
	font-size:				11px;
	color:					#993300;
	margin-top:				0px;
	margin-bottom:			0;
	}

h3 {
	font-weight:			bold;
	font-size:				11px;
	margin-bottom:			0;
	}

INPUT, textarea {
	border:					none;
	margin:					5px;
	font-size:				11px;
	padding:				2px;
	}

.text.mandatory, .text {
	width: 					150px;
	}


p.error {
	font-size:				9px;
	color:					#000;
	}

.col_0 {
	padding-right:			10px;
	font-weight:			bold;
	}

img {
	border:none;
}
/*.ce_gallery img {
	border: 			solid 1px #993300;
	filter:				Alpha(opacity=50); 
	-moz-opacity: 		0.50; 
	opacity: 			0.50; 
	}

.ce_gallery img:hover {
	filter:				Alpha(opacity=100); 
	-moz-opacity: 		1; 
	opacity: 			1; 
	}*/