/* CSS-STYLES DES STANDARDTEMPLATES DER MDG-HOMEPAGE                                                          */
/* M. Schmidt, V. Christ und F. Zimmerschied, 2007                                                            */
/* Veraenderungen in diesem File durfen nur von Administratoren vorgenommen werden!                           */
/* CSS-Styles fuer Extensions bitte in eigenen Files ablegen!                                                 */  
/*                                                                                                            */
/* Diese Datei beruht auf Arbeiten von:                                                                       */



/* ---------------------------------------------------------------------------------------------------------- */
/* Vorbereitende Massnahmen; Reset                                                                            */
/*                                                                                                            */ 
/* Zunaechst werden alle Randabstaende und Border auf Null gesetzt.                                           */
/* Dadurch erreicht man gleiche Voraussetzungen in allen Browsern                                             */	

* { margin:0; padding: 0; }

li {margin-left: 1.5em}	
	/* Das Zuruecksetzen der Innen- und Aussennabstaede verursacht zu kleine Selectboxen: Korrektur!      */

option {padding-left: 0.4em; }
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen.                                           */

html { height: 101% } 

body { 
	min-height: 101%;	
		/* Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera sowie Standardformatierungen  */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100.01%; 
		/* Verhindert, dass positionierte Elemente verschoben werden,                                 */                                    
		/*   wenn die Groesse des BrowserFensters geaendert wird.                                     */
 	font-size: 14px;
	position: relative; 
		/* Vorgabe der Standardfarben und Textausrichtung                                             */
	color: #000;
	background: #fff;
	text-align: left; 
	margin: 0px;
	padding: 0px;
	border: 0px;
} 
	
/* Standardrahmen zuruecksetzen                                                                               */
fieldset, img { border: 0; }
	
/* Anpassung fuer Safari Browser. font-size: 100% ist fuer den Safari in Formularen zu gross                  */ 
select, input, textarea { font-size: 99% }

/* ---------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------- */
/* Nun die Standardgestaltung: Ueberschriften, Links etc.                                                     */


/* Alle Links sollen eine einheitliche Farbe haben, aber keine Unterstreichung                                */
a { color: #55188b; }
/* Absatzabstaende werden einheitlich geregelt                                                                */
p { margin-bottom: 10px; }


/* Die Bedeutung der folgenden Klasse ist mir unklar!! In welcher Extension wird das genutzt???               */
.margincolumn h2 {
	color: #8b0000;
}

/* ---------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------- */
/* Ueberschriften im Content-Bereich                                                                          */
/* ---------------------------------------------------------------------------------------------------------- */


.maincolumn h1 { 
	font-size: 14px;                                    */
	margin-top: 10px;
	margin-bottom: 4px;
}

.maincolumn h2 { 
	font-size: 12px;                                    */
	margin-top: 18px;
	margin-bottom: 4px;
}

.maincolumn h3 { 
	font-size: 12px;                                    */
	margin-top: 18px;
	margin-bottom: 4px;
	border: 0px;
}

/* Die folgenden �berschriften werden f�r die unter "Seiteninhalt>Ueberschrift" eingegebenen */
/* Ueberschriften verwendet - je nach eingegebenem Typ! (Allerdings nur in maincolumn)       */

.csc-header h1 { 
	font-size: 20px; 
	margin-top: 2px;
	margin-bottom: 15px;
	padding-bottom: 7px; 
	background: url(../../GRAPHICS/DESIGN/linie_grau_doppelt_repeat.png) repeat-x bottom;
		/* Doppelte graue Linie zum Unterstreichen als Graphik                                        */
	width: auto;
	height: auto;
} 


.csc-header h2  { 
	font-size: 18px; 
	margin-top: 8px;
	margin-bottom: 12px;
	padding-bottom: 4px; 
	background: url(../../GRAPHICS/DESIGN/linie_grau_einfach_repeat.png) repeat-x bottom;
		/* Einfache graue Linie zum Unterstreichen als Graphik                                         */
	width: auto;
	height: auto;
}



/* ---------------------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------------------- */
/* Ueberschriften im Info-Bereich                                                */

.margincolumn h1 { 
	font-size: 20px; 
	margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 7px; 
	background: none                                        */
	width: auto;
	height: auto;
} 

.margincolumn h2 { 
	position: relative;
	color: #8b0000;
	font-size: 16px;
	background: none; 
	width: auto;
	margin-top: 10px;
	margin-bottom: 12px;
}


/* ---------------------------------------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------------------------------------- */
/* Nun kommen die Styles, die sich auf die IDs der HTML-Vorlage beziehen. Zunaechst der head-Bereich          */ 

div#page {
	min-width: 980px;
	margin: 0px auto;
	text-align:left
}

div#headbox {
	position: relative;
	height: 165px;
	width: auto;
	background: url(../../GRAPHICS/DESIGN/header_repeat.png) repeat-x;
}

div#headbox_right {
	position: relative;
	height: 165px;
	width: auto;
	background: url(../../GRAPHICS/DESIGN/header_right.png) no-repeat top right;
}

/* Kleine Aenderung für die zweispaltige Darstellung */
div#headbox_right_2 {
	position: relative;
	height: 165px;
	width: auto;
	background: url(../../GRAPHICS/DESIGN/header_right_2.png) no-repeat top right;
}

div#headbox_left {
	position: relative;
	height: 165px;
	width: auto;
	background: url(../../GRAPHICS/DESIGN/header_left.png) no-repeat top left;
}

div#head {
	width: auto;
	position: relative;
}

div#editor {
	position: relative;
	margin-top: 0px;
	margin-left: 700px;
	border-top:1px #000000 solid;
	width: 200px;	
}

div#service {
	position: relative;
	margin-top: 92px;
	margin-left: 450px;
	color: #d9d9d9;
	font: bold 13px Verdana, Arial, Tahoma, sans;
}

div#service a {
	text-decoration: none;
	color: #d9d9d9;
	font: bold 13px Verdana, Arial, Tahoma, sans;
}

div#service a:hover {
	text-decoration: none;
	color: #ea7100;
	font: bold 13px Verdana, Arial, Tahoma, sans;
}

/*----------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------*/
/* Styles fuer den main-Bereich                                                                             */

div#main {	
	clear:both; 
	width: auto;
	z-index: 100;
}

div#clearen {clear: both}

/* Die fogenden drei Container enthhalten nur Hintergrundgrafiken.                                          */
/* Durch sie wird es moeglich, den Eindruck von gleichlangen Spalten zu erwecken.                           */
/* Die Technik ist als "Faux Columns" bekannt.                                                              */

div#fauxcolumn1 {
	width: auto;
	background: url(../../GRAPHICS/DESIGN/left_repeat.png) repeat-y top left;
	z-index: 1;
}

div#fauxcolumn2 {
	width: auto;
	background: url(../../GRAPHICS/DESIGN/rechtsrand.png) repeat-y bottom right;
	z-index: 2;
}

/* Fuer die zweispaltige Darstellung */
div#fauxcolumn2_2 {
	width: auto;
	background: url(../../GRAPHICS/DESIGN/rechtsrand_2.png) repeat-y bottom right;
	z-index: 2;
}

div#navibox {
	float: left;
	width: 150px;
}

div#menu {
	position: relative;
	padding: 15px 8px 8px 0px;
}

div#search {
	position: relative;
	padding: 15px 8px 8px 8px;
}

div#calendar {
	position: relative;
	padding: 25px 8px 8px 8px;
	font-size: 80%;
}

div#mintec {
	position: relative;
	margin-top: 20px;
	padding: 90px 8px 8px 8px;
	background: url(../../GRAPHICS/DESIGN/mintec.png) no-repeat top;
}
div#g8 {
	position: relative;
	padding: 90px 8px 8px 8px;
	background: url(../../GRAPHICS/DESIGN/g8gts.png) no-repeat top;
}

div#fsj {
	postition: relative;
	padding: 90px 8px 8px 8px;
	background: url(../../GRAPHICS/DESIGN/fsj-logo.png) no-repeat top;
}
/*Fuer Zettel rechte Spalte bein Termine */

div#infobox {
	float: right;
	width: 200px;
}

div#infobox h1 { 
	position: relative;
	color: #8b0000;
	font-size: 16px;
	background: none; 
	width: auto;
	margin-top:10px;
	margin-bottom:12px;
}

div#infobox h2 { 
	position: relative;
	color: #8b0000;
	font-size: 14px; 
	margin-top:10px;
	margin-bottom:12px;
}

div#infobox h3 { 
	color: #8b0000;
	font-size: 12px; 
	margin-top:10px;
	margin-bottom:12px;
}

table#note {
	font-size: 10px; 
	margin-left: 10px;
	border-collapse: collapse;
}

td#note_top {
	width: 186px;
	background: url(../../GRAPHICS/DESIGN/notizzettel_oben.gif) no-repeat top;
	height: 71px;
}

td#note_repeat {
	width: 186px;
	background: url(../../GRAPHICS/DESIGN/notizzettel_mittel.gif) repeat-y top;
	height: auto;
	padding-left: 8px;
	padding-right: 12px;
}

td#note_bottom {
	background: url(../../GRAPHICS/DESIGN/notizzettel_unten.gif) no-repeat bottom;
	width: 186px;
	height: 53px;
}


div#current {
	position: relative;
	padding: 15px 8px 8px 14px;
	font-size: 90%
}

div#contentbox {
	width: auto;
	margin-left: 150px;
	margin-right: 200px;
}

div#contentbox_2 {
	width: auto;
	margin-left: 150px;
	margin-right: 6px;
}

div#content {
	position: relative;
	padding: 0px 10px 8px 20px;
}

div#content_2 {
	position: relative;
	padding: 18px 18px 8px 30px;
}

/*----------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------*/
/* Styles fuer den footer-Bereich                                                                           */

div#path {
	position: relative;
	padding: 10px 8px 0px 25px;
}

div#print {
	position: relative;
	padding: 1px 8px 8px 25px;
}

div#pdf {
	position: relative;
      	margin-left: 200px;
      	margin-top: -24px;
	padding: 0px 8px 0px 25px;
}

div#legal {
	float: right;
	position: relative;
     	margin-right: 40px;
      	margin-top: -35px;
	padding: 0px 8px 0px 25px;
	font-size: 7pt; 
}

div#footerbox {
	clear: both;
	height: 100px;
	background: url(../../GRAPHICS/DESIGN/footer_repeat.png) 
}

div#footerbox_right {
	height: 100px;
	background: url(../../GRAPHICS/DESIGN/footer_right.png) no-repeat right;
}

/* Fuer die zweispaltige Darstellung */
div#footerbox_right_2 {
	height: 100px;
	background: url(../../GRAPHICS/DESIGN/footer_right_2.png) no-repeat right;
}

div#footerbox_left {
	height: 100px;
	background: url(../../GRAPHICS/DESIGN/footer_left.png) no-repeat left;
}

div#footerbox_2 {
	clear: both;
	height: 100px;
	background: url(../../GRAPHICS/DESIGN/footer2.png) no-repeat top left
}

div#footer {
	width: auto;
	margin-left: 150px;
}

/*----------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------*/
/* Markupfreies CSS-Floatclearing                                                                           */

/* Clearfix-Methode zum Clearen der Float-Umgebungen                                                        */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
/* Fuer den Safari-Browser                                                                                  */
.clearfix { display: block; } 
	
/* Overflow-Methode zum Clearen der Float-Umgebungen                                                        */
.floatbox { overflow:hidden; }
	
/* IE-Clearing: Benoetigt nur der Internet Explorer, muss noch ausgefuehrt werden!                          */
#ie_clearing { display: none; }



/*----------------------------------------------------------------------------------------------------------*/