/******************************************
        CSS-Anweisungen für Content
******************************************/

/***************************/
/* General element styles: */
/***************************/
* { margin: 0; padding: 0; border: 0; }
body, html { width: 100%; height: 100%; }
body { 
	background-color: #dddddd;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	} 
	
body, textarea { color: #000000; line-height: 20px; }
a { color: #000000; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited {}
a:active {}
p { padding: 0.5em 0; }
p.bodytext {font-size: 14px;}
input, textarea, select { padding: 1px; font-size: 0.9em; border: 1px solid #aaaaaa; }
strong, b {font-weight: bold;}
hr { 
        margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
        color: #ccc; /* for ie */
        background-color: #ccc; /* for everyone else */
        height: 1px;
        margin: 1em 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
legend { font-weight: bold; }

/******************************
        header
******************************/

h1 { font-size: 1.20em; }


/*******************************************************
----- CSS-Anweisungen fuer das Layout des TYPO3 Projekts ----- 
***********************************************************/

body { 
	text-align: center; 
	}

#gesamt-container { 
	position: relative; 
	margin: auto; 
	width: 1000px; 
	text-align: left; /*
	height: 713px; 
*/	background: #ddd; 
	}
	
/* -- Header -- */

#top-container { 
	position: relative; 
	background: url('../img/schule-header-bkgnd.gif') top; 
	height: 200px; 
	}
	
#slogan { 
	position: relative; 
	top: 60px; 
	left: 0; 
	float: left; 
	}
	
#header-img { 
	position: relative; 
	top: 68px; 
	left: 20px; 
	float: left; 
	}
	
#logo { 
	position: relative; 
	top: 0; 
	left: 0; 
	}
	
/* -- Balken -- */

#middle-container { 
	position: relative; 
	height: 24px; 
	background: #ffe61a; 
	height: 33px; 
	}
	
/* -- content -- */

#main-container { 
	font-size:  12px !important;
	position: relative; 
	background: #ffffff; min-height: 480px;
	padding: 20px; 
	}

#main-content { 
	position: relative; 
	background: #fff; width: 640px; min-height: 480px; 
/*	padding: 10px; */
	left: 280px; 
	}

#start-news-content { position: relative; background: #ffe61a; width: 200px; height: 460px;
	padding: 10px; left: 740px; }

#left-content { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 220px; 
	height: 483px; 
	padding: 20px 6px 20px 30px;
	background: #ffffff;
/*	background-color: #ffe61a; */
/*	background-image: url('../img/schule-left-halbkreis.gif');
	background-repeat: no-repeat; */
	z-index: 10;
	}

#footer { position: absolute; left: 10px; bottom: 3px; }
#start-logo-gross { position: absolute; left: 160px; top: 24px; }

/******************************************************
        Style-Anweisungen der Content-Elemente
*******************************************************/
 
#top-menu { 
	width: 700px; 
	float: left; 
	}

#top-menu ul { 
	padding: 3px 0 3px 30px; 
	list-style: none; 
	}

#top-menu li { background: url('../img/schule-navi-bkgnd2.gif') no-repeat; width: 166px; height: 27px; 
	float: left; text-align: center; padding-top: 3px; font-weight: normal;}

#top-menu li:hover { background: url('../img/schule-navi-bkgnd3.gif') no-repeat; width: 166px; height: 27px; 
	float: left; text-align: center; padding-top: 3px; font-weight: normal;}
#top-menu li.cur { background: url('../img/schule-navi-bkgnd3.gif') no-repeat; font-weight:bold;}
#top-menu a { text-decoration: none; }

#left-menu { 
/*	padding-top: 110px; */
	}

#left-menu ul { list-style: none; }
#left-menu li { background: url('../img/schule-navi-bkgnd.gif') no-repeat; width: 166px; height: 27px; 
	text-align: center; padding-top: 3px; }
#left-menu li:hover { background: url('../img/schule-navi-bkgnd2.gif') no-repeat; width: 166px; height: 27px; 
	text-align: center; padding-top: 3px; }
#left-menu a { text-decoration: none; font-weight: normal; }

#suche { text-align: right; float: right; padding: 1px 10px 1px 0;}
#suche input { background: url('../img/schule-navi-bkgnd-suche_.gif') no-repeat; width: 155px; height: 21px;
	border: 0; padding: 6px; padding-left: 85px }

#footer { font-size: 0.9em; }

#start-news-content { font-size: 0.9em; line-height: 1.3em; }
#start-news-content h1 { background: url('../img/schule-navi-bkgnd2.gif') no-repeat; 
	width: 146px; height: 17px; font-weight: normal; padding: 5px 10px; text-align: center; }
#start-news-content p { padding: 0.5em 0; }

#start-left-content { text-align: right; padding: 20px 10px 0 10px; }
#start-left-content img {padding: 8px 0; }

#main-content ul { padding: 0.5em 0 0.5em 15px; }
#main-content a {text-decoration: underline;}
#main-content li {margin: 5px 0 0 20px; font-size: 14px;}
#main-content p { padding: 0.5em 0; }
#main-content .csc-header { padding-top: 1em; }

table.contenttable { border: 0; margin: 0; line-height: 140%; }
table.contenttable th { border: 0; text-align: center; padding: 1px 5px; }
table.contenttable tr td { border: 0; vertical-align:top; padding: 5px; }
table.contenttable tr td.td-0 { width:100px; font-weight:bold; }
table.contenttable tr td.td-2 { width:120px; }
table.contenttable tr { background-color: #fff; }
table.contenttable td p { margin: 3px 0; }
table.contenttable tr.tr-even {background-color: #ffffaa;}


div.csc-textpic img { border: solid 1px #ffe61a; }
div.csc-textpic-above div.csc-textpic-text { clear:both; }
div.csc-textpic-intext-left div.csc-textpic-imagewrap { float:left; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { float:left; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float: none; }
#content div.csc-textpic-imagewrap img { vertical-align: middle; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
div.csc-textpic img { margin-top: 0.5em; }