/* Style f�r Bilschirmdarstellung */

body {
	margin: 0;
	padding: 0;
	text-align: center;    /* Fix f�r IE 5 - sonst body linksb�ndig */
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

h1, h2, h3, h4, h5, h6, div, p, table, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
	text-align: left; /* text-align:center wieder aufheben, damit Inhalte linksb�ndig ausgerichtet sind */
}

ul, ol, dl {
	text-align: left; /* text-align:center wieder aufheben, damit Inhalte linksb�ndig ausgerichtet sind */
}

a img {
	border-style: none !important;
}

#rl {
	width: 80.9em; 
        margin: 0 auto;
        background: url(../imgs/rahmenL.gif) top left repeat-y; 
}

#rr {
	background: url(../imgs/rahmenR.gif) top right repeat-y;
}

#or {
	background: url(../imgs/rahmenOR.gif) top right no-repeat;
}

#ol {
	background: url(../imgs/rahmenOL.gif) top left no-repeat;
}

#ur {
	background: url(../imgs/rahmenUR.gif) bottom right no-repeat;
}
  
#ul {
	padding: 13px;
	background: url(../imgs/rahmenUL.gif) bottom left no-repeat;
}

#container {
	background-image: url(../imgs/backgr_left.jpg); 
	background-repeat: repeat-y; 
	background-position: top left; 
/*
	background-image: url(../imgs/farbverlaufUnterNavi_179x195px.jpg); 
	background-repeat: no-repeat; 
	background-position: bottom left; 
*/	
}

#header {
	overflow: hidden;	/* IE 7 */
	text-align: left;
	background-color: #ffffff;
	background-image: url(../imgs/backgr_left.jpg); 
	background-repeat: repeat-y; 
	background-position: top left; 
}

#menu {
	float: left;
        width: 179px; 
	color: #4d679d; 
	background-color: #dadceb;
	margin: auto;
	padding-bottom: 5px;
	text-align: center;
	/* line-height: 27px;  */
	font-weight: bold; 
	font-size: 11px; 
}

#left {
	float: left; 
}

#mainnav {
	clear: both;
/*	float: left; */
	width: 179px;
	text-align: left;
	margin-bottom: 3.5em;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0px 0px 0px; /* bottom */
}

#mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainnav li {
	padding: 0;
	margin: 0;
	display: inline;        /* IE whitespace bug */
}

#mainnav a {
	display: block;
	_height: 0;		/* IE <=6 hack */
	min-height: 0; 		/* IE 7 hack   */
	padding: 0.6em 0.6em 0.6em 1em;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 0px 1px 0px; /* bottom */
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}

#mainnav a.l1-no {
	background-color: #4d679d;
	font-weight: bold; 
}

#mainnav a.l1-act {
	color: #ffffff; 
	background-color: #4d679d;
	font-weight: bold;  
}

#mainnav a.l2-no, #mainnav a.l2-act {
	color: #4d679d; 
	background-color: #c7cce0;
	padding-left: 2em;
}

#mainnav a.l2-act {
	color: #ce003d;
    	background-color: #c7cce0;
}

#mainnav a.l3-no, #mainnav a.l3-act {
	color: #4d679d; 
	background-color: #c7cce0;
	padding-left: 3em;
}

#mainnav a.l3-act {
	color: #ce003d;
    	background-color: #c7cce0;
}

#mainnav a.l1-no:hover, #mainnav a.l2-no:hover, #mainnav a.l3-no:hover {
	color: #ce003d;
}

#login { 
	width: 176px; 
	clear: both;
	color: #666666; 
	background-color: #dadceb;
	padding-left: 3px;
	padding-bottom: 5px; 
}

#login div {
	float: left;
	font-size: 10px;
	font-weight: bold;
}

#login input {
	width: 54px;
	font-size: 10px;
	font-weight: normal;
}

#login input#submit {
	width: 48px; 
	margin-left: 3px;
	padding: 0;
	text-align: center;
 	color: #666666; 
	font-size: 10px;
	font-weight: bold;
}

#login p {
	width: 116px;
	padding-top: 1em;
	text-align: center;	
	font-size: 9.5px;
	font-weight: bold;	
}

#langmenu {
	height: 20px; 
        width: 184px;
	/* margin-bottom: 2em; */
	padding: 3px 9px 0 9px;	
}

#langmenu a, #menu a { 
	text-decoration: none; 
	color: #4d679d; 
	font-weight: bold; 
	font-size: 11px; 
}

#langmenu a:hover, #menu a:hover { 
	text-decoration: underline; 
	color: #ce003d; 
	font-weight: bold; 
	font-size: 11px; 
}

#langmenu div {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 13px;
}

#langmenu a, #langmenu img {
	vertical-align: middle;
}


#langmenu a img {

	margin-right: 4px;
}

/* Sprachmen� ausblenden: Definition aktivieren */
.lm {	
	display: none;
} 

#main {
	float: left;
	width: 63.65em;
}

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


#shortcuts {
	margin-right: 10px;
	margin-top: 10px;
	text-align: right;
}

#boxes {   /* f�r Ausblenden rechte Spalte: */
	/* margin-top: 20px; */
	margin-top: 10px;
	/* display: none; */
}


#contents {
	float: left;
	/* width: 44em; */
	width: 43.8em;
	padding: 8px 10px 0 20px;
	/* f�r Ausblenden rechte Spalte: */
	/* float: none;
	width: auto; */
}

/* Rechte Spalte Kopf */
div.rechtsHeader { 
   color: #ffffff; 
   font-weight: bold; 
   font-size: 12px;   
   text-align: center; 
   padding: 5px; 
   margin-left: 10px; 
   margin-right: 10px; 
   background-color: #4d679d;
}

/* rechte Spalte Body */
div.rechtsBodytext { 
	text-align: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 15px;
	padding: 10px;	
	border-color: #4d679d;
	border-width: 0px 2px 2px;
	border-style: solid;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

.clearer {
        float: none;
	clear: both;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*---------------- Typo3 Formate ----------------*/

/* �berschriften */
h1 { 
	color: #ce003d; 
	font-size: 14px; 
	font-weight: bold; 
     	margin-top: 1.5ex; 
     	margin-bottom: 0.6ex 
}

h2 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
     	margin-top: 1.5ex; 
     	margin-bottom: 0.6ex 
}

/* Absatzformat */
.bodytext,
.htmlarea-content-body p { 
	font-size: 12px; 
	margin-top: 0.6ex; 
	margin-bottom: 0.6ex 
}

.htmlarea-content-body {
	text-align: left; /* text-align:center wieder aufheben, damit Inhalte linksb�ndig ausgerichtet sind */
}

p.absatzOben {
	font-size: 12px; 
	margin-top: 0ex; 
	margin-bottom: 0.6ex 
}

/* Tabelleninhalt ohne <p> */
table.contenttable, body.htmlarea-content-body table {
	font-size: 12px; 
	margin-top: 0.6ex;
	margin-bottom: 0.6ex;
	/* table-layout: fixed; */
}

/* Bulletlists, spezielle Formate - Beispiel */
ul.csc-bulletlist-0 { color: #000000; }
ul.csc-bulletlist-1 { color: #186900; list-style-type: decimal; }
ul.csc-bulletlist-2 { color: #10007B; list-style-position: inside; }
ul.csc-bulletlist-3 { color: #8A0020; list-style-image: url(../typo3/sysext/css_styled_content/css/img/red_arrow_bullet.gif); }

/* Einr�ckungen */
blockquote { margin-bottom: 0px; margin-top: 0px }

/* Formulare, Tabellen allgemein */
form, table { font-size: 12px; }

/* Bullet innerhalb �u�erer Box */
div.csc-textpic-text ul li  { list-style-position: inside; } 

/* bessere Ausrichtung der �berschriften an der Bildoberkante */
div.csc-textpicHeader h1 { line-height: 1.5ex; padding-bottom: 0.5ex; } 
/* div.csc-textpic-text h2 { position: relative; top: -2px; margin-bottom: 0px; } */

/* Links Farben */
a { 
      text-decoration: none; 
      color: #ce003d;
} 
a:hover { text-decoration: underline; color: #ce003d }

/* horizontale Linien */
hr { height: 0px; border-color: #000000; border-width: 1px 0px 0px }

/* Tabellenformate */		
td.nopadding { padding: 0px }					/* kein Rand in der Zelle */

/* Absatz- und Zeichenformate */
/* .yellowBackground { background-color: #FFFFCC } 	
/* .darkyellowBackground { background-color: #ffff66 } */

/* Zeichenformate */
span.kursnummer { color: #ffffff; background: #000080; font-size: 16px }
span.smallcaps { font-variant: small-caps }				
span.smallcapsspace { font-variant: small-caps; letter-spacing: 1.5pt }
/* span.smallfont { font-size: 10px } */
		
/* Fontgr��en */		
span.fontsize1 { font-size: 10px }
span.fontsize2 { font-size: 13px }
span.fontsize3 { font-size: 16px }
span.fontsize4 { font-size: 18px }
span.fontsize5 { font-size: 24px }
span.fontsize6 { font-size: 32px }
span.fontsize7 { font-size: 48px }
		
/* Einr�ckung statt <blockquote> */
.indent { margin: 0 4em; }

/* Textausreichtung statt align="..." */
.align-left    { text-align: left; }
.align-center  { text-align: center; }
.align-right   { text-align: right; }
.align-justify { text-align: justify; }

/* Anpassung Schriftgr��e SmoothGallery */
.jdGallery .slideInfoZone h2 { font-size: 100% !important; }
.jdGallery .slideInfoZone p { font-size: 90% !important; }