body { 
		margin:10px 0px 0px 40px;
		font: 12px Arial;
}

  /****************/
 /* NAVIGATIONEN */
/****************/

/* Hilfsnavigation (unterhalb des Slogans) */
td.hilfsnavi {
		white-space:nowrap;		
		text-align:right; 
		vertical-align:bottom; 
		font:bold 12px Arial; 
		color:#00a6eb;
		border: 0px dotted green;
}
.hilfsnavi a, .hilfsnavi a:link, .hilfsnavi a:visited, .hilfsnavi a:active, .hilfsnavi a:hover {
		color:#00a6eb; 
		font:bold 12px Arial;
		text-decoration: none;
		border: 0px solid red;
}
.hilfsnavi .abstand {
		margin: 0px 9px 0px;
}

/* Hauptnavigation */
.hauptnavi {
		height:30px; 
		background:#00a6eb url(/fileadmin/images_allgemein/blau.gif); 
		white-space:nowrap;
}
table.hauptnavi td.elem {
		padding:5px 11px 5px;
		vertical-align:middle;
		background:#00a6eb url(/fileadmin/images_allgemein/blau.gif); 
		white-space:nowrap;
}
table.hauptnavi td.aktiv {
		padding:5px 11px 5px;
		vertical-align:middle;
		background:#FFFFFF;
		white-space:nowrap;
}
.hauptnavi .elem a, .hauptnavi .elem a:link, .hauptnavi .elem a:visited, .hauptnavi .elem a:active, .hauptnavi .elem a:hover {
		color:#FFFFFF; 
		font:bold 12px Arial;
		text-decoration: none;
}
.hauptnavi .aktiv a, .hauptnavi .aktiv a:link, .hauptnavi .aktiv a:visited, .hauptnavi .aktiv a:active, .hauptnavi .aktiv a:hover {
		color:#00a6eb; 
		font:bold 12px Arial;
		text-decoration: none;
}

/* Subnavigationsleiste (horizontal unterhalb Hauptnavi) */
.subnavi_weiss {
		background:#FFFFFF; 
		white-space:nowrap;
}
.subnavi_weiss td.elem {
		height:30px; 
		padding:5px 11px 5px;
		vertical-align:middle;
		background:#FFFFFF; 
		white-space:nowrap;
}
.subnavi_weiss td.aktiv {
		height:30px; 
		padding:5px 11px 5px;
		vertical-align:middle;
		background:#00a6eb; 
		white-space:nowrap;
}	
.subnavi_weiss .elem a, .subnavi_weiss .elem a:link, .subnavi_weiss .elem a:visited, .subnavi_weiss .elem a:active, .subnavi_weiss .elem a:hover {
		color:#00a6eb; 
		font:bold 12px Arial;
		text-decoration: none;
}
.subnavi_weiss .aktiv a, .subnavi_weiss .aktiv a:link, .subnavi_weiss .aktiv a:visited, .subnavi_weiss .aktiv a:active, .subnavi_weiss .aktiv a:hover {
		color:#FFFFFF; 
		font:bold 12px Arial;
		text-decoration: none;
}
.subnavi_orange {
		background-color:#502678;
		white-space:nowrap;
}
.subnavi_orange td.elem {
		height:30px; 
		padding:5px 11px 5px;
		vertical-align:middle;
		background:#502678; 
		white-space:nowrap;
}
.subnavi_orange td.aktiv {
		height:30px; 
		padding:5px 11px 5px;
		vertical-align:middle;
		background:#FFFFFF; 
		white-space:nowrap;
}	
.subnavi_orange .elem a, .subnavi_orange .elem a:link, .subnavi_orange .elem a:visited, .subnavi_orange .elem a:active, .subnavi_orange .elem a:hover {
		color:#FFFFFF; 
		font:bold 12px Arial;
		text-decoration: none;
}
.subnavi_orange .aktiv a, .subnavi_orange .aktiv a:link, .subnavi_orange .aktiv a:visited, .subnavi_orange .aktiv a:active, .subnavi_orange .aktiv a:hover {
		color:#502678; 
		font:bold 12px Arial;
		text-decoration: none;
}

/*Pfadnavigationslinks und Abstandsbilder */
.pfadnavi a, .pfadnavi a:link, .pfadnavi a:visited, .pfadnavi a:active, .pfadnavi a:hover {
		font:bold 12px Arial;
		text-decoration: none;		
}
.pfadnavi img {
		margin:0px 4px 0px 7px;
}

/* Linke vertikale Unternavigation */
table.navi_links {
		width:140px;
}
table.blau {
		background-color:#dcf1fc;
}
table.orange {
		background-color:#BAAAC9;
}

table.navi_links td {
		font:normal 11px Arial;
		border-bottom:1px solid #FFFFFF;
}
table.navi_links td.sub1 {
		padding-left:16px;
}
table.navi_links td.sub2 {
		padding-left:32px;
}


  /*******************/
 /* CONTENT-BEREICH */
/*******************/
/* Großer blauer Kasten (nur auf Home, mit weißer Schrift) */
td.kastengr_blau, td.kastengr_losung {
		width:290px;
		height:290px;
		background: #00a6eb url(/fileadmin/images_allgemein/blau.gif);
		vertical-align:top;
		color:#FFFFFF;
		font-size:12px;
}
td.kastengr_orange {
		width:290px;
		height:290px;
		background-color: #502678;
		vertical-align:top;
		color:#FFFFFF;
		font-size:12px;
}
td.kastengr_blau h1, td.kastengr_orange h1, td.kastengr_losung h1 {
		font-size:24px;
		color:#FFFFFF;
		margin:7px 7px 5px 7px;
}
td.kastengr_blau h2, td.kastengr_orange h2, td.kastengr_losung h2 {
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		margin:5px 7px 5px 7px;
}
td.kastengr_blau div.text, td.kastengr_orange div.text, td.kastengr_losung div.text {
		margin:0px 7px 7px 7px;
}
td.kastengr_blau div.starttext {
		font-size:23px;
		color:#FFFFFF;
		margin:55px 7px 7px 7px;
}
td.kastengr_losung div.losung {
		font-size:12px;
		color:#FFFFFF;
		margin:7px;
}
td.kastengr_losung div.losungdatum {
		text-align:right;
		font-size:10px;
		color:#FFFFFF;
		margin:7px;
		margin-bottom:0px;
}

/* (halbhoher) Großer Kasten */
td.kastengr {
		width:290px;
		height:290px;
		vertical-align:top;
}
td.kastenhalb {
		width:290px;
		height:140px;
		vertical-align:top;
		border:0px solid orange;
}
.kastenhalb .header, .kastengr .header {
		height:30px;
		width:290px;
		font:bold 12px Arial;
		color:#FFFFFF;
		line-height:30px;
		vertical-align:middle;
		text-indent:7px;
}
.kastengr .text {
		width:276px;
		font:11px Arial;
		color:#000000;
		margin:7px;
		height:236px;
}
.kastenhalb .text {
		width:276px;
		font:11px Arial;
		color:#000000;
		margin:7px;
		height:96px;
		border:0px solid yellow;
}
.kastenhalb .text .meldung, .kastengr .text .meldung {
		clear:left;
}
.meldung img, .teaser .text img {
		margin:0px 5px 10px 0px;
}
/* spezielle Formatierung für rechts ausgerichtete Bilder */
.kastengr img.rechts {
		text-align:right;
		margin-left:5px;
		margin-bottom:10px;
}

/* Kleiner Kasten */
div.kastenkl {
		height:140px;
		height:140px;
		float:left;
}
.kastenkl .header {
		height:30px;
		width:140px;
		font:bold 12px Arial;
		color:#FFFFFF;
		line-height:30px;
		text-indent:7px;
}
.kastenkl .text {
		font:11px Arial;
		color:#000000;
		margin:7px;
}

.horange .header, .orange .header {
		background-color:#502678;
}

.hblau .header, .blau .header {
		background-color:#00a6eb;
}

/* Abstände für kleine Kästen (oben-links bis unten-links)*/
div.obli {
		margin-right:10px; 
		margin-bottom:10px;
}
div.obre {
		margin-bottom:10px;
}
div.unli {
		margin-right:10px; 
}

/* Hintergrundfarben */
.dblau {
		background-color:#00a6eb;
}
.hblau {
		background-color:#dcf1fc;
}
.dgruen {
		background-color:#2cb811;
}
.hgruen {
		background-color:#e4f6e1;
}
.dorange {
		background-color:#502678;
}
.horange {
		background-color:#BAAAC9;
}

/* Linkformatierungen für Kästen */
.hblau a, .hblau a:link, .hblau a:visited, .hblau a:active, .hblau a:hover {
		color:#00a6eb;
		font:bold 11px Arial;
		text-decoration:none;
}
.hgruen a, .hgruen a:link, .hgruen a:visited, .hgruen a:active, .hgruen a:hover {
		color:#2cb811;
		font:bold 11px Arial;
		text-decoration:none;
}
.horange a, .horange a:link, .horange a:visited, .horange a:active, .horange a:hover {
		color:#502678;
		font:bold 11px Arial;
		text-decoration:none;
}

/* Linkformatierungen (für Teaser und Pfadnavi) */
.blau a, .blau a:link, .blau a:visited, .blau a:active, .blau a:hover {
		color:#00a6eb;
		text-decoration: none;
}
.orange a, .orange a:link, .orange a:visited, .orange a:active, .orange a:hover {
		color:#502678;
		text-decoration: none;
}

/* Teaserformatierungen (rechts) */
/* Farbe wird in der zugehörigen Zelle (<td class="[blau|orange]">) angegeben */
div.teaser {
		width:215px;
		float:none;
		margin-bottom:10px;
		clear:left;
}
.teaser .header {
		padding:7px;
		font:bold 12px Arial;
		color:#FFFFFF;
		vertical-align:middle;
}
.teaser .text {
		width:201px;
		font:11px Arial;
		color:#000000;
		margin:7px;
}
.teaser a, .teaser a:link, .teaser a:visited, .teaser a:active, .teaser a:hover {
		font:bold 11px Arial;
		text-decoration: none;		
}

/* Inhaltsformatierung */
td.content {
		vertical-align:top;
		color:#000000;
		font:normal 12px Arial;
}	
td.content img.links {
		text-align:left;
		margin:0px 5px 5px 0px;
}

td.content a, td.content a:link, td.content a:visited, td.content a:active, td.content a:hover {
		font-weight:bold;
		text-decoration: none;
}

td.content table {
		color:#000000;
		font:normal 11px Arial;		
}
td.content table td {
		vertical-align: top;
}

/* Listenformatierungen (orange und blau) */
ul.list_orange, .horange ul {
		line-height:16px;
		list-style-image:url(/fileadmin/images_allgemein/punkt_lila.gif);
}
ul.list_blau, .hblau ul {
		line-height:16px;
		list-style-image:url(/fileadmin/images_allgemein/punkt_blau.gif);
}

/* Allgemeine Formatierung für Texteingabefelder */
input.textinput {
		width:100px; 
		vertical-align:text-bottom;
		margin: 0px 4px 0px 0px;
		border: 1px solid gray; 
		height: 16px; 
		font-size: 9px;
}
/* Allgemeine Formatierung für Radiobuttons */
input.radiobutton, input.pollanswer {
		vertical-align:text-bottom;
}



  /*************/
 /* FUSSZEILE */
/*************/
/* Fusszeile (in blau und orange) */
td.bottom {
		height:30px; 
		background-color:#00a6eb; 
		font:bold 12px Arial;
		color:#FFFFFF;
		line-height:30px;
		vertical-align:middle;
		padding: 0px 10px 0px;
		white-space:nowrap;
}
td.bottom_orange {
		height:30px; 
		background-color:#502678; 
		font:bold 12px Arial;
		color:#FFFFFF;
		line-height:30px;
		vertical-align:middle;
		padding: 0px 10px 0px;
		white-space:nowrap;
}
td.bottom a, td.bottom a:link, td.bottom a:visited, td.bottom a:active, td.bottom a:hover,
td.bottom_orange a, td.bottom_orange a:link, td.bottom_orange a:visited, td.bottom_orange a:active, td.bottom_orange a:hover {
		color:#FFFFFF; 
		font:bold 12px Arial;
		text-decoration: none;
		margin: 0px 0px 0px 25px;
}


  /***********/
 /* Suchbox */
/***********/

.tx-macinasearchbox-pi1 {
		float:right;
		border:0px solid red;
}

  /*************/
 /* Formulare */
/*************/

form input, form textarea {
		border:1px solid gray;
}
form {
		margin:0px;
		padding:0px;
}
form .pollanswer {
		border:0px;
}

  /*************/
 /* Sonstiges */
/*************/

.bildtxt {
		font-style:italic;
		line-height:20px;
}


ul.csc-bulletlist  {
		padding-left:20px;
		margin-left:20px;

}

.tx-newloginbox-pi1 {
		margin:0px;
		padding:0px;
}

/* Überschriften */

H1   { color: #000000; font-size: 16px; font-weight: bold }
H2   { color: #000000; font-size: 12px; font-weight: bold }
H3   { color: #000000; font-size: 14px }
H4   { color: #000000; font-size: 12px }
H1, H2, H3, H4, H5, H6  { margin: 1px 0 2px;  }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader  { color: #000000; margin-top: 15px}

/* Tabellenformatierungen */
TABLE.contenttable { color: #000000; font-size: 11px; }
TABLE.contenttable P  { font-size: 11px; margin-top: 5px }
TABLE.contenttable TR TD  { vertical-align:top; padding:2px; }

/* Tables, specifically */
TABLE.contenttable-0 TD { color: #000000; font-weight: normal; background-color: #FFFFFF; padding:2px;}

#TABLE.contenttable-1 TR.tr-0 TD P  { font-weight: normal;  }
TABLE.contenttable-1 TR TD { background-color: #dcf1fc;}
TABLE.contenttable-1 P { color: #000000; }
#TABLE.contenttable-1 TR.tr-0 TD P  { font-weight: normal }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #00a6eb; color:#FFFFFF; font-weight:bold; padding:2px; }
 
#TABLE.contenttable-2 TR.tr-0 TD P  { font-weight: normal;  }
TABLE.contenttable-2 TR TD { background-color: #BAAAC9;}
TABLE.contenttable-2 P { color: #000000; }
#TABLE.contenttable-2 TR.tr-0 TD P  { font-weight: normal }
TABLE.contenttable-2 TR.tr-0 TD { background-color: #502678; color:#FFFFFF; font-weight:bold; padding:2px; }

TABLE.contenttable-3 P  { color: #000000 }
TABLE.contenttable-3 TR TD.td-0  { background-color: #502678; color:#FFFFFF; font-weight:bold; padding:2px; }
TABLE.contenttable-3 TR.tr-0 TD { background-color: #00a6eb; color:#FFFFFF; font-weight:bold; padding:2px; }
#TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
ul.csc-bulletlist		{ padding-left:20px; margin-left:20px; }
kastenkl ul.csc-bulletlist { padding-left:5px; margin-left:10px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0	{ list-style-type:circle; }
UL.csc-bulletlist-1	{ list-style-image:url(/fileadmin/images_allgemein/punkt_blau.gif); }
UL.csc-bulletlist-2	{ list-style-image:url(/fileadmin/images_allgemein/punkt_lila.gif); }
UL.csc-bulletlist-3	{ list-style-image:url(/fileadmin/images_allgemein/punkt_orange.gif); }


/* Menu / Sitemap, neu mit CSS ab Typo4.0 */


/***1. Ebene***/
.csc-sitemap ul li {
	list-style: none;
	font-size: 12px; 
	font-weight: bold; 
	margin: 1px 0 0 -40px; 
	padding: 2px 2px 2px 0px;  
	border: 0px solid;
}

/***2. Ebene***/
.csc-sitemap ul li ul li {
	list-style: none;
	font-size: 12px; 
	font-weight: normal; 
	margin: 1px 0 0 -20px; 
	padding: 2px 2px 2px 0px;  
	border: 0px solid; 
}

/***3. Ebene***/
.csc-sitemap ul li ul li ul li {
	list-style: none;
	font-size: 11px; 
	font-weight: normal; 
	margin: 1px 0 0 -20px; 
	padding: 2px 2px 2px 0px;  
	border: 0px solid; 
}



/* Platzierung der Bilder */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left;  }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; border: solid 0px; padding: 3px 0px 0px 0px; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */


/*** Intranet Loginbox ***/

p.csc-form-label-req { margin:0px; padding:0px; }
.inlogin .text input { margin:0px; width:100px; }
.inlogin .text input[type="submit"] { width:60px; }


/*** Sprachberater-Umfrage (PHP-Skript) ***/
/*** mul, 29.02.2008 **/
.umfrage {
		width:600px;
}
.umfrage fieldset {
		border:0px;
		margin:0px;
		padding:0px;
		font-size:12px;
		font-family:Arial, Helvetica;		
		width:100%;
}
.umfrage label.vor {
		float:left;
		clear:both;
		width:120px;
		margin:0px;
		font-size:12px;
		font-family:Arial, Helvetica;
		height:20px;
		line-height:20px;
}
.umfrage label.lang {
		width:100%;
		margin:5px 0px 0px;
		font-size:12px;
		font-family:Arial, Helvetica;
		height:auto;
		line-height:normal;
}
.umfrage input.text {
		border:1px solid gray;
		width:400px;
		height:20px;
		margin-bottom:5px;
		font-size:12px;
		font-family:Arial, Helvetica;
}
.umfrage input.radio {
		border:0px;
		margin:5px 5px 0px 0px;
		padding:0px;
}
.umfrage textarea {
		border:1px solid gray;
		width:400px;
		height:80px;
		margin-bottom:5px;
		font-size:12px;
		font-family:Arial, Helvetica;
}
p.error {
		clear:both;
		color:#502678;
		font-weight:bold;
		font-size:12px;
		margin:10px 0px 0px;
}