/*  Allgemeine Formate  */

html		{height: 120%;}

*		{margin: 0px;
		 padding: 0px;}

body		{text-align: center; /* Zentrierung des Layouts im IE 5 */
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  color: #1F1F1F;
		 font-size: 0.7em;
                  line-height: 1.35em;
		 background: url(../images/bgpage.gif) repeat top left;}

div              {text-align: left;} /* hebt für Text in untergeordneten Div-Boxen die Zentrierung des Layouts für IE 5 auf */

td		{vertical-align: top;}
.contenttable td {vertical-align: middle; padding: 3px;}


p		{ margin:0 0 0em 0;text-align: justify; }

a		{text-decoration: none;
		 border: none; /* kein Rahmen um den aktivierten Link (Firefox, IE) */
		 color: #1F1F1F;}

a:focus		{outline: none;} /* kein Rahmen um den aktivierten Link (Firefox, IE) */

option		{padding-left: 0.4em;} /* Das Zuruecksetzen der Abstaende (s. o. *) verursacht zu kleine Selectboxen */

img		{border: 0px;}


/* Layout für Startseite */

#homepage        {margin: 0 auto;
                  width: 960px;
                  margin-top: 80px;}

#header h1	{color: #FFFFFF;} /* unsichtbare h1-Ueberschrift auf der Startseite */

#homewrapper	{width: auto;
		 margin: 38px 0 0 0;}


table.overview	{width: 960px;}

.overview td	{width: 160px;
		 padding: 0 0 38px 0;}

.overview ul	{list-style-type: none;}

.overview li	{padding:0 10px 0.7em 20px;
		 text-align: left;
                  line-height: 1.3em;}

.overview p	{padding:0 10px 0.7em 20px;}

.overview img	{padding: 0em 0em 0.7em 20px;}

.overview a:hover, .overview a:focus
		{text-decoration: underline;}

#container	{padding: 0 10px 0.7em 20px;}

.textwrapper	{width: auto;
	 	 height: 105px;
		 margin: 0 0 38px 0;}

.newswrapper	{width: auto;
		 height: 105px;
		 margin: 0px 0 38px 0;}

.newswrapper li a:link, .newswrapper li a:active, .newswrapper li a:visited
		{text-decoration: none;}

.newswrapper li a:hover, .newswrapper li a:focus
		{text-decoration: underline;}




/* Div-Boxen für bodywrapper und header */

#bodywrapper	{margin-top: 40px;}

#page		{margin: 0 auto;
		 width: 960px;}

#header          {width: auto;
                  height:36px;
                  background: url(../images/logoKollegium.jpg) no-repeat top center;}




/* Formate für horizontale Navigationsleiste (Div-Box)  */

#topmenu		{margin: 40px 0 0 0;
		 width: auto;
                  height: 20px;
                  background: transparent url(../images/topmenu.gif) no-repeat top left;}

#topmenu ul	{list-style-type: none;}

#topmenu li	{float: left;
		 display: inline;}

#topmenu li a    {float: left; border: none;
                  display: inline;
                  width: 160px;
                  height: 20px;
                  line-height: 1.7em;
                  text-align: center;
                  letter-spacing: 0.1em;
                  text-indent: 0px;
                  overflow: hidden;
                  background: transparent url(../images/topmenu.gif) no-repeat top left;}

#topmenu li#tm01 a 	{color: #000; left: 0px; background-position: 0 0;}
#topmenu li#tm02 a 	{color: #000; left: 160px; background-position: -160px 0;}
#topmenu li#tm03 a 	{color: #000; left: 320px; background-position: -320px 0;}
#topmenu li#tm04 a 	{color: #000; left: 480px; background-position: -480px 0;}
#topmenu li#tm05 a 	{color: #000; left: 640px; background-position: -640px 0;}

#topmenu li#tm01 a:hover {color: #fff; background-position: 0px -20px;}
#topmenu li#tm02 a:hover	{color: #fff; background-position: -160px -20px;}
#topmenu li#tm03 a:hover	{color: #fff; background-position: -320px -20px;}
#topmenu li#tm04 a:hover	{color: #fff; background-position: -480px -20px;}
#topmenu li#tm05 a:hover	{color: #fff; background-position: -640px -20px;}

#topmenu li#tm_special { width:160px; text-align:left; }
#topmenu li#tm_special a {
	width: auto;
	background: none;
	float: none;
	text-align: center;
}

body#kollegium #tm01 a   {color: #fff; background-position: 0px -40px;}
body#gymnasium #tm02 a   {color: #000; background-position: -160px -40px;}
body#sportmittelschule #tm03 a   	{color: #fff; background-position: -320px -40px;}
body#internat #tm04 a   	{color: #fff; background-position: -480px -40px;}
body#kirchenrektorat #tm05 a   	{color: #000; background-position: -640px -40px;}


#search		{/*width: 160px;*/ width: 60px;
		 height: 20px;
                  /*text-align: center;*/
                  float: left;
                  vertical-align: middle;}

span.placeholder	{display: none;}

#search input	{/*width:120px;*/ 
		 font-size: 1em;
                  text-align: center;
		 height: 15px;
		 border: 0px;
		 padding-top: 2px;
                 /* letter-spacing:0.1em;*/
		 color: #000000;
                  background-color: transparent;}


/* Format der Div-Box um beide Spalten und Content */

#mainwrapper	{width: auto;
		 margin: 30px 0 0 0;
		 background: url(../images/mainwrapper.gif) repeat-y top left;}




/* Formate für Spalten links und rechts */

.colheader       {width: 160px;
                  height: 10px;
                  background: url(../images/bgcolheader.gif) no-repeat top left;}

#colleft		{float:left;
		 width:160px;}

#colright	{float:right;
		 width: 160px;}

.colbox		{ padding: 0 0 0 0;
		/*padding: 0 20px 20px 20px;*/
		 width: auto;
		 /*border: 0px solid grey;*/}

.colbox ul	{list-style-type: none;
		 /*margin: 0em 0em 1.5em 0em;*/
		 margin: 0em 0em 1.5em 0em;
		 padding: 0em 0em 0em 0em;

                  text-align:left;}

.colbox li      	{padding-left: 20px;}

li.subli		{padding-left: 35px;}

li.emph { background-color: #b8b6b3;}

.colbox a:link, .colbox a:active, .colbox a:visited
		{display: block;
		 color: #000000;
                /*  font-weight: normal;*/
                  text-decoration: none;}

.colbox a:hover, .colbox a:focus
		{color: #000000;
                  border: none;
                  text-decoration: underline;}

.hier		{font-weight: bold !important;}

.colbox p	{padding-left: 0px; padding-bottom: 0.7em;}

.colbox img      {padding-bottom: 0.7em;}




/* Format der Div-Box für Content und rechte Spalte */

#subwrapper	{width: auto;}




/* Formate für Content und Textbox */

#content         {margin: 0 160px 0 160px; /*display: table !important; display:inline-block;*/ min-width:646px;}

.textbox		{padding: 0px 30px 0 30px;
		 text-align: justify;
		/* floatbox */
		overflow:hidden;
		}


h1		{margin: 0 0 16px 0;
		 color:#2F2F2F;
                  font-size: 1.2em;
                  line-height: 1.4em;
                  font-weight: bold;
                  letter-spacing: 0.01em;}

h2		{margin: 2em 0em 0.5em 0em;
		 color: #2F2F2F;
		 letter-spacing: 0.1em;
                  font-weight: bold;
                  font-size:1.0em;}

h3		{ color: #3f3f3f; margin: 1.5em 0em 0.5em 0em; font-size: 0.9em; font-weight: bold; letter-spacing: 0.1em;}
h4		{ margin: 1.0em 0em 0.5em 0em; font-size: 1em; font-weight: normal; letter-spacing: 0.05em;}
h5		{ margin: 0.3em 0em 0.3em 0em; font-size: 0.9em;}
h6		{ margin: 0.0em 0em 0.2em 0em; font-size: 0.9em; font-weight:normal;letter-spacing:0.1em;}

#content ul	{ margin:0em 0em 0.8em 0em;padding:0em 0em 0em 0em;list-style-type:none;text-align:left;}

#content li	{ margin:0 0 0.3em 0;padding-left:15px;background: url(../images/contentlidot.gif) no-repeat top left; }

.i		{font-style: italic;}
sup		{font-size: 0.8em; line-height: 0.8em;} /* damit Zeilenhöhe beim Texthochstellen nicht vergrössert wird */

.pictop		{margin: 0 0 2.5em 0;}
.picright	{float: right; padding: 0 0 0.7em 1em;}
.picleft		{float: left; padding: 20px 20px 10px 0px;}
.piccenter	{text-align: center; margin: 2em 0 2em 0;}

#content a:link, #content a:active, #content a:visited
		{text-decoration: underline;}

#content a:hover, #content a:focus
		{color: #DF0000; text-decoration: none; border-bottom: 1px solid #1F1F1F;}




/* Format für Bilder im Nachrichtenarchiv */

.picleftnews	{float: left; padding: 5px 20px 5px 0px;}




/* Format für Div-Box mit Fusszeile (nach Ende contentwrapper) */

#contentfooter 	{clear: both;
		 height: 10px;
		 background: url(../images/bgcontentfooter.gif) no-repeat top left;}




/* Formate für Fusszeile */

#footerbox	{padding: 30px 0 250px 0;}

#footer		{height: 69px;
		 font-size: 0.9em;
                  color: #6F6F6F;
                  /*background: url(../images/footer_sportschool.jpg)no-repeat top right;*/}

#footer p	{}

/* TYPO3 anpassungen */


.csc-textpic-intext-left div.csc-textpic-imagewrap {
	padding:20px 10px 10px 0px;
}

/* kategoriebilder */
.csc-textpic-above div.csc-textpic-imagewrap .csc-textpic-image {
	padding-bottom: 15px;
}

.newswrapper .csc-textpic-above div.csc-textpic-imagewrap .csc-textpic-image {
	padding-bottom: 0px;
}

.news-list .csc-textpic-intext-left div.csc-textpic-imagewrap {
	padding:0px 10px 5px 0px;
}



.bodytext {
	text-align: justify;
}


.color-kollegium {color: #3e5a83;}
.color-gymnasium {color: #dfc42d;}
.color-sportmittelschule {color: #a9002a;}
.color-internat {color: #3d868d;}
.color-kirchenrektorat {color: #df9617;}



div.csc-textpic-clear {
	/*clear:none !important;*/
}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Clearen per Overflow */
.floatbox { overflow:hidden; }




.news-single-additional-info {
	padding-top: 20px;
	padding-bottom: 10px;
}

.news-item {
	padding-bottom: 10px;
}