html {
	overflow-y: scroll;
}



body, html {

	position: relative;
	
	text-align: center;

	border: 0;

	margin: 0 auto;

	padding: 0;

	width: 100%;

	height: auto;

	font: normal 85.01%  Arial, Verdana, Helvetica, sans-serif;

	background: #ffffff;
	
/*	background-image: url(../../../image/hier name eingeben.jpg); */
	
	background-repeat: repeat-Y;
		
}



#outer-wrapper {

	position: relative;

	z-index: 0;

	text-align: left;

	margin: 0 auto;

	height: auto;

	background: #ffffff;

}



#content-wrapper {

	position: absolute;

/*	z-index: 1;*/

	top: 180px;

	left: 0;

	width: 100%;

	height: auto;

	background: transparent url(../../../image/Bilder_jo/background_spacer_1px.gif) repeat-y 50% 0;

	clear: both;

}



#header, #outer-wrapper, #footer {

	width: 1000px;

}



#header-img {

	width: 1000px;

}



#header {

	position: relative;

	left: 0;

	top: 5px;

	height: 165px;

	background: #ffffff;

}

#header-img {

	position: absolute;

	left: 0px;

	top: 5px;

	height: 165px;

	background: #FFFFFF;

}



#footer {

	position: relative;

	left: 0;

	height: auto;

	clear: both;

	background: #f1f1f1;

}



#footer-box {

	position: relative;

	margin: 0;

	padding: 0px 0px 5px 0px;

}



#footer-text {

	margin: 0;

	padding: 6px;

	background: #f1f1f1;

	text-align: center;

	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #ffffff;

	font-size: 10px;

	line-height: normal;

	color: #f15f22;

}




H1, H2, H3, H4, H5, H6, P, UL { font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; }

A { color: #f15f22; text-decoration: none; }

A:hover { color: #f15f22; text-decoration: underline; }

P, UL, OL { font-size: 12px; }

P { margin: 0px 0px 0px 0px; }



H1 { font-size: 14px; color: #000000;}

H2 { font-size: 13px; color: #000000; 
border-bottom-width: 2px; 
border-bottom-style: solid; 
border-bottom-color: #ffffff; 
padding: 0 0 3px 0; }

H3 { font-size: 12px; color: #000000; }

H4 { font-size: 11px; color: #000000; }

H5 { font-size: 10px; color: #000000; }

H6 { 
font-size: 18px; color: #000000; font-weight: normal; 
background: url(../../../image/Bilder_jo/dr_eck_16.gif) no-repeat left top;
border-bottom-width: 5px; 
border-bottom-style: solid; 
border-bottom-color: #ffffff; 
padding: 5px 0 5px 20px;
margin: 0 -5px 20px -5px;
}

H1, H2, H3, H4, H5 { margin: 0px 0px 0px 0px; margin-top: 20px; }

H1 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 20px; }

H2 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }


H3 { margin: 0px 0px 0px 0px; margin-top: 14px; margin-bottom: 8px; }

H4, H5 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }

H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }

H3.csc-firstHeader { margin-top: 0px; }

H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }



P.bodytext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 18px; padding-bottom: 0px;}



UL { list-style-image: url(../../../image/Bilder_jo/Dreieck_5x5.gif); list-style-position: outside; line-height: 16px;}

UL UL LI { font-size: 12px; }

LI { padding-left: 2px; margin-left: -25px;}


IMG { border-style: none; }



P.csc-caption { font-size: 10px; }



.csc-textpic-caption { font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 10px; }



#left-menu ul {

	margin: 0;

	padding: 0;

	overflow: hidden;

	list-style-type: none;

	list-style-image: none;

}



#left-menu ul a {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	display: block;

}



#left-menu ul li {

	display: block;

	padding: 0;

	margin: 0;

	background: #f1f1f1;

}



#left-menu li.left-level-1-no a {

	height: auto;

	text-decoration:none;

	display: block;

	padding: 3px 6px 3px 15px;

	background: #f3f3f3;

	color: #000000;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #f3f3f3;

	border-bottom-color: #faffff;
	
/*	background-image: url(../../../image/hier name eingeben.jpg); */
	
	background-repeat: repeat-Y;
}



#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {

	height: auto;

	text-decoration: none;

	display: block;

	padding: 3px 6px 3px 15px;

	background: #fafafa;

	color: #000000;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #bebcd4;

	border-bottom-color: #ebebeb;

}








#left-menu li.left-level-2-no a {

	height: auto;

	text-decoration: none;

	display: block;

	padding: 3px 6px 3px 35px;

	background: #ffffff;

	color: #000000;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

}



#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {

	height: auto;

	text-decoration: none;

	display: block;

	padding: 3px 6px 3px 35px;

	background: #f15F22;

	color: #FFFFFF;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #ff7878;

	border-bottom-color: #ff7878;

}



#left-menu li.left-level-3-no a {

	height: auto;

	text-decoration: none;

	display: block;

	padding: 3px 6px 3px 35px;

	background: #FFFFFF;

	color: #666666;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

}



#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {

	height: auto;

	text-decoration: none;

	display: block;

	padding: 3px 6px 3px 35px;

	background: #c0c0c0;

	color: #FFFFFF;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #FFFFfF;

	border-bottom-color: #FFFffF;

}



SELECT {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	background-color: #EDEFF1;

	border: 0px solid #CCCCCC;

}


	

TEXTAREA {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 10px;

	border:0px solid #CCCCCC;

	color: #000000;

	font-weight : normal;

	background-color: #EDEFF1;
	
}



INPUT {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

/*	background-color:#CCCCCC;*/


}



BUTTON {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	background-color: #FFFFFF;

	border: 1px solid #EDEFF1;

}



#left-menu-box	 {

	margin: 0;
	padding: 5px 0px 5px 5px;

}

#middle-marker-box {

	margin: 0;

	padding: 0px 5px 5px 5px;

}

/* rte-Tabellen um 5px nach links setzen */
#middle-marker-box .contenttable {
   margin: 0 -5px;
}




/* Kalender  */



#middle-marker-box table#calendar-nav {
   margin: 0px 0px 0px -3px;
}

#tx_cal_controller_create_element {
	width: 740px;
}

.cal-backlink {
	background: url(../../../image/Bilder_jo/Dreieck_links_5x5.gif) no-repeat left center;
	padding-left: 8px;
}

.htmlarea div.toolbar  {
	background-color: #f1f1f1;
}

.htmlarea .toolbar ul {
	list-style: none
}
		


/* Ende Kalender    */


#left-marker-box {

	margin: 6px;
	
	margin-right: 0;

	padding: 6;
}


#left-marker {

	position: relative;

	margin: 6;

	padding: 6 6px;

	background: #f3f3f3;
	
/*	background-image: url(../../../image/hier name eingeben.jpg); */
	
	background-repeat: repeat-Y;
}



#left {

	float: left;

	width: 245px;
	
	z-index: 4;

	background: #f1f1f1;
	
/*	background-image: url(../../../image/hier name eingeben.jpg); */
	
	background-repeat: repeat-Y;
}



#left-content {

/*	position: relative;

	z-index: 5;*/

	width: 240px;
		
/*	background-image: url(../../../image/hier name eingeben.jpg); */
	
	background-repeat: repeat-Y;
}



#middle {
	
	margin-left: 5px;

	float: left;

	width: 750px;

	z-index: 2;

	background: #f1f1f1;
		
}



#middle-content {

/*	position: relative;

	z-index: 3;*/

	width: 750px;

}

#top {

	position: absolute;

	top: 180px;

	left: 0;

	width: 98.5%;

	height: 36px;

	background: #FFFFFF;

}



#top-menu {

	position: relative;

	height: 24px;

	background: #ffffff;

	margin: 0px;

}



#top-menu ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



#top-menu ul a, #top-menu ul .cur {

	float: left;

	display: block;

	line-height: 24px;

	text-decoration: none;

	background-color: #ffffff;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #FFFFFF;

	padding: 0 12px;

	margin: 0;

	color: #000000;

}



#top-menu ul a:hover, #top-menu ul .act a {

	color: #FFFFFF;

	background-color: #ff0a0a;

}



#top-menu li {

	float: left;

	margin: 0;

	padding: 0;

}

.news-list-morelink {
	font-size: 10px;
	background: url(../../../image/Bilder_jo/Dreieck_rechts_5x5.gif) no-repeat left center;
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #ffffff;
	padding-left: 8px;
}

div.newspicture {
	text-align: right;
}

.news-single-backlink {
	font-size: 10px;
	background: url(../../../image/Bilder_jo/Dreieck_links_5x5.gif) no-repeat left center;
	padding-left: 8px;
}


.tx-tgapageauthor-pi1 {
  font-size: 10px;
	text-align: right; 
	color: #000000;
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.clearer {
	border: 1px solid #ffffff;
}

.news-single-timedata {
	background: url(../../../image/Bilder_jo/Dreieck.gif) no-repeat left top;
	padding-left: 10px;
	margin-left: -5px;
}

#middle {
	min-height: 500px;
}

* html #middle {
	height: 500px;
}

* html table label {
	font-size: 11px;
}

#left-marker-box .element {
	border-top: 5px solid white;
	margin-top: 20px;
	padding-top: 20px;
}

/* Abstand nach oben bei Benutzernameldung weg */
	#left-marker-box h3 {
		margin-top: 20px; /* seit login box auf Fachschule Rosenheim weg ist, von 0 auf 20px, 24.07.2010 */
		border-top: 5px solid white; /* seit login box auf Fachschule Rosenheim weg ist, 24.07.2010 */
	}
	
	/* neu seit 24.07.2010, seit login box auf Fachschule Rosenheim weg ist */
	#left-marker-box form {
		border-bottom: 5px solid white;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

		
		
/* Bilder im Text ganz nach rechts rücken*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin-left: 5px;
}

.calendar .nav {
  background: ButtonFace;
  background-image: url(../../../image/Bilder_jo/Dreieck_links_5x5.gif) no-repeat 100% 100%;
}