body {
   font-family: Helvetica,Verdana,sans-serif; font-size: 13px;
   margin: 0 auto;   
   width: 930px;
   text-align: center; 
   background-image: url(images/Titelseite/Farbverlauf.jpg) repeat-x;
   /* Internet Explorer */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#000000');
   /* Firefox */
    background: #EBEBEB;
    background: -moz-linear-gradient(0% 100% 90deg,#EBEBEB, #000000, #cccccc 100%) ;
   /* Safari */
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));
 }

/*alles*/
#container {
   text-align: left;
   background-color: white;
   margin: 5px;
   width: 930px;
   border: 2px solid silver;
}

#c4506 {
   border: 2px solid silver;
   background-color: silver;

}

/*.oberteil {background-color: #3dafca;}*/

/* Menue oben */
#menu_oben ul {
  background-color: white;
  color: black;
  font-size: 12px;
  text-align: right;
  list-style-type: none;
  padding: 6 12 6 0;
  margin: 0;
}

#menu_oben ul li {
         display: inline;
         color: black;
}
#menu_oben a, menu_oben_normal {
         text-decoration: none;
         color: black;
}
#menu_oben a:hover, #menu_oben a.menu_oben_rollover {   
         color: #EB5A26;
}

#menu_oben a.menu_oben_aktuell  {
         color: #EB5A26;
         text-decoration: underline;
}
#menu_oben a.menu_oben_aktuell: hover {
         color: #EB5A26;
}

.titelzeile {
   height: 110px;
   width: 930px;
   padding: 0 20px;   
}


/*Linie*/
hr {
   color:#EBEBEB;
   background:#EBEBEB;   
   border: 1px solid silver;
   height: 6px;
   width: 930px;
}
#navigation {
   width: 168px;
   float: left;
   background-color: #EBEBEB;
}

/* Navigation */

div#navigation ul 	{	
	list-style-type:none;
	padding:0;
	margin:1em;
}

div#navigation ul ul	{	
	list-style-type:none;
	padding:0;
	margin:0 0 0.5em 1em;
}			
								
ul.navi li	 { 		
	margin-bottom:0.2em;
}	
		

ul.navi li a { 
	display:block;
	padding:0.2em 0.2em;
	text-decoration:none;
	color:#905D23;
	font-weight:bold;
	border:2px solid;
	border-color:#FF9E3D #330000 #660000 #FFB870;
	background-color:#FFD29F;
}	

ul.navi li a.active { 
	background-color:#FBB15E;
	border-color:#FF9E3D #330000 #660000 #FFB870;
	color:#6C4112;
}
				
ul.navi li a:hover {	
	background-color:#F6BF80;
	color:#C4761F;
	border-color:#660000 #FFb870 #FF9E3D #330000;
}

ul.navi li a.active:hover { 
	background-color:#FF9E33;
	border-color:#FF9E3D #330000 #660000 #FFB870;
	color:#6C4112;
}
					
ul.subnavi li	{	
	list-style-type:none;
	margin: 0;
	padding:0;
	margin-bottom:0.2em;
}				
				
ul.subnavi li a {	 
	font-size:90%;
	padding:0.2em 0.5em;
	text-decoration:none;
	color:#82817f;
	font-weight:bold;
	background-color:white;
	border:1px solix;
}	
										
ul.subnavi li a:hover { 
	text-decoration:none;
	background:#E95d28;
	background-repeat:no-repeat;
	background-position:center left;
}

ul.subnavi li a.active { 
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center left;
	font-weight:bold;
	color:#E95d28;
}

ul.subnavi li a.active:hover { 
	text-decoration:none;
	background:#e95d28;	
	color:#E38114;
	background-repeat:no-repeat;
	background-position:center left;
}			
	
/* Navigation Ende */
.content .titlecontainer { background-color: white; border: 0; padding: 3px; width: 570px; }


/*.content iframe.gbook { width: 535px; }*/

.content {
   position: 179px;
   font-size:13px;
   float: left;   
   width: 560px;
   margin-left: 9px;
   padding: 5px;
   overflow:hidden;
   background-color: white;
}

.rightcontent {
    font-size: 0.8em;
    width: 179px;  
    padding: 1px;
    overflow:hidden;
    background-color: white;
    }

p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #EBEBEB; 
    border: 1px solid silver;
    width:930px;
  }




/* Links */
/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link { font-size: 10pt;}
a.external-link-new-window { font-size: 10pt;}
a.internal-link { font-size: 10pt;}
a.internal-link-new-window { font-size: 10pt;}
a.download {font-size: 10pt;}
a.mail {font-size: 10pt;}
a.vistited {color:#EBEBEB; font-size: 10pt;}

p.bodytext {font-size: 10pt;}

/*Tabellenlayouts*/

.schulleitung  {
    font-size: 1em;
    background-color: grey; 
    text-align: center;
   /* Internet Explorer */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808040', endColorstr='#e1e1e1');
   /* Firefox */
    background: #EBEBEB;
    background: -moz-linear-gradient(0% 100% 90deg,#e1e1e1, #cccccc, #808040 100%) ;
   /* Safari */
    background: -webkit-gradient(linear, left top, left bottom, from(#808040), to(#e1e1e1));
}


.tabellenschrift {font-size: 12px }
                           

/* Bildunterschriften */
.csc-caption { font-size:0.7em; }

h1,h2,h3,4 { margin-bottom: 0px; }

.title, .subtitle { margin: 0px; }

.csc-header-n1, .csc-header-n2 { font-size: 0.7em; }
.csc-firstHeader { font-size: 2.0em; }

@media print {
  table.menu { display: none; }
  .content .title { width: 730px; }
}

/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #EEEEEE; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: rgb(242,101,49); padding: 2px 4px 2px 4px; border: 1px solid #EEEEEE }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { background-color: rgb(242,101,49); color: #10007B; }
span.detail { color: #186900; }