html {
	height:100%;
	margin:0;
	padding:0;
	}

body {
	height: 100%;
	background-color: #c0c0c0;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	color:#666;
	padding:0px;
	margin:0px;
	margin-top:1px;
	}
/* ----------container zentriert das layout-------------- */
#container {
	position:absolute;
	width: 800px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	left:50%;
	margin-left:-400px;
	background:url(../grafik/back.gif) repeat-y;
} 

/* ----------banner for logo-------------- */
#banner {
	text-align: right;
	background-color: #c0c0c0;
	padding: 0px;
	margin: 0px;
	height:160px;
	overflow:hidden;
	}

#banner img {
	padding:0px;
	margin:0;
	border:0;
	}

/* ----------outer und inner----------------- */
#outer {margin-left:200px;}
#plan_outer {margin-left:50px;}
#inner{ margin:0px; width:100%;} /* die IE PC schlaufe */ 

#content{
	position:relative;
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0px;
	width:575px;
	min-height:300px;
}
#plan_outer #inner #content { width:700px;}

#menu1 {
	position:relative;
	top:-102px;
	right:25px;
} 


#footer1 {
        clear:left;
        padding:0px;
        height:120px;
	margin:0px;
	background:url(../grafik/back.gif) repeat-y;
	} 
#footer2 {
	clear:left;
	padding:0px;
	margin:0px;
	background:url(../grafik/footer.gif);
	color:#339;
	height:65px;
	text-align: center;
	vertical-align:bottom;
} 

#footer2 a {color: #339;text-decoration:none; border:0;}
#footer2 a:visited {color:#339;}
#footer2 a:hover {color: #000;text-decoration:underline;}
#footer2 a:active { color:#339;}


.links {
	position:relative;
	top:37px;
	display:block;
	height:20px;
}

/* --------------left navigavtion------------- */
#menu {
	width:200px;
	float:left; 
	position:relative; 
	margin-left:-200px; 
	margin-right:1px;
	margin-top: 0px;
	}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border:0;
	}	
#menu li {height:30px;}
#menu li a {
	text-decoration: none;
	height: 32px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 28px;
	}
	
#menu li a:link, #menu li a:visited {
	color: #444;
	display: block;
	background: url(../grafik/menu1.gif);
	padding: 6px 0 0 20px;
	}
	
#menu li a:hover {
	color: #577fdb;
	background: url(../grafik/menu1.gif) 0 -32px;
	padding: 6px 0 0 20px;
	}
	
#menu li a:active, #menu li a.sel {
	color: #fff;
	background: url(../grafik/menu1.gif) 0 -64px;
	padding: 6px 0 0 20px;
	}

#menu li a:link.lev2, #menu li a:visited.lev2 {
	color: #444;
	display: block;
	background: url(../grafik/menu2.gif);
	padding: 6px 0 0 40px;
	}
	
#menu li a:hover.lev2 {
	color: #577fdb;
	background: url(../grafik/menu2.gif) 0 -32px;
	padding: 6px 0 0 40px;
	}
	
#menu li a:active.lev2, #menu li a.sel2 {
	color: #fff;
	background: url(../grafik/menu2.gif) 0 -64px;
	padding: 6px 0 0 40px;
	}


#menu li a:link.lev3, #menu li a:visited.lev3 {
	color: #444;
	display: block;
	background: url(../grafik/menu3.gif);
	padding: 6px 0 0 50px;
	}
	
#menu li a:hover.lev3 {
	color: #577fdb;
	background: url(../grafik/menu3.gif) 0 -32px;
	padding: 6px 0 0 50px;
	}
	
#menu li a:active.lev3, #menu li a.sel3 {
	color: #fff;
	background: url(../grafik/menu3.gif) 0 -64px;
	padding: 6px 0 0 50px;
	}
	
	
	
/*------------------------textlayout-------------------------------------------------------------------------------*/

form {border:0; margin:0;}
a {color: #577FDB;text-decoration:none; border:0;}
a:visited {color:#577FDB;}
a:hover {color: #000;text-decoration:underline;}
a:active { color:#577FDB;}

span.ueber1 {
	position:relative;
	display:block;
	margin:0px;
	color:#CCC;
	font-size:20px;
	font-weight: bold;
	padding: 5px 10px;
	margin:0px;}

span.ueber2 {
	position:relative;
	display:block;
	margin:-15px 0 10px 50px;
	color: #008;
	font-size:20px;
	font-weight: bold;}
	
h1, h4 {color:#577fdb;
	font-size:16px;
	font-weight: normal;
	margin:30px 0 0 0;}
h4 { 	margin:0;} 

h2 {	font-size:14px;
	font-weight: bold;
	margin:10px 0 0 0;padding: 0px 10px;}

h3 {	font-size:11px;
	font-weight: bold;
	margin:5px 0 0 0;padding: 0px 10px;}
	
p{
	padding: 3px 10px;
	margin:0px; }

table, td, tr {border:0;padding:0;margin:0;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	color:#666;
	vertical-align:top;}

table {margin: 0 0 10px 7px;}

#ds {	width:560px;}
#ls {	float:left;
	width:345px;
	}
#rs {	position:absolute;
	right:35px;
	top:130px;
	width:205px;
	}
#ps {	width:700px;}

.align-center {text-align:center;}
.csc-textpic-above, .csc-textpic-below {overflow:hidden;}
.csc-textpic-above .csc-textpic-imagewrap, .csc-textpic-below .csc-textpic-imagewrap {margin: 5px 0 0 10px;} 
.csc-textpic-imagerow {border-top:5px solid #FFF;}
.csc-firstHeader {margin-top:0px;}
.csc-header-date {text-align:right; float:right;}
.csc-textpic-imagewrap {margin: 5px 0 0 10px;} 
.c h1 {margin-top:0px;}


#cap img {height:25px;}

table.kursplan {
	border: 1px solid #000;
	border-spacing:1px;
        background-color:#CCC; 
       	}
table.kursplan td {vertical-align:top; text-align:center; background-color:#FFF;  color:#000; overflow:hidden;padding:1px;} 
table.kursplan td.gk {background-color:#577fdb; color:#FFF;} 
table.kursplan td.hk {background-color:#999; color:#FFF;} 
table.kursplan td.blau	{ background-color:#577FDB; color:#FFFFFF; }
table.kursplan td.grau	{ background-color:#999999; color:#FFFFFF; }

.internal-link {
background: url(../grafik/pfeil.gif) no-repeat -2px 2px; 
padding-left: 15px;
text-decoration:none;
}

/*---------------------------------------------------------------------------------------------*/
.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

.rechner {color:#FFF;}

.dialog .hd .c,.dialog .ft .c {font-size:1px; /* ensure minimum height */height:13px;}
.dialog .ft .c {height:14px;}
.dialog .hd {background:transparent url(../grafik/tl.gif) no-repeat 0px 0px;}
.dialog .hd .c {background:transparent url(../grafik/tr.gif) no-repeat right 0px;}
.dialog .bd {background:transparent url(../grafik/ml.gif) repeat-y 0px 0px;}
.dialog .bd .c {background:transparent url(../grafik/mr.gif) repeat-y right 0px;}
.dialog .s {padding:10px 20px 10px 20px;color:#FFF;}
.dialog .s {padding:5px;color:#666;}
.dialog .c .s form table.rechner td {color:#666;}
.dialog .ft {background:transparent url(../grafik/bl.gif) no-repeat 0px 0px;}
.dialog .ft .c {background:transparent url(../grafik/br.gif) no-repeat right 0px;}

.rechtespalte {width:100%;margin:0px auto;min-width:20em;}
.rechtespalte .hd .c,.rechtespalte .ft .c {font-size:1px; /* ensure minimum height */ height:13px;}
.rechtespalte .ft .c {height:14px;}
.rechtespalte .hd {background:transparent url(../grafik/tl.gif) no-repeat 0px 0px;}
.rechtespalte .hd .c {background:transparent url(../grafik/tr.gif) no-repeat right 0px;}
.rechtespalte .bd {background:transparent url(../grafik/ml.gif) repeat-y 0px 0px;}
.rechtespalte .bd .c {background:transparent url(../grafik/mr.gif) repeat-y right 0px;}
.rechtespalte .s {padding:5px 10px 5px 10px;}
.rechtespalte .ft {background:transparent url(../grafik/bl.gif) no-repeat 0px 0px;}
.rechtespalte .ft .c {background:transparent url(../grafik/br.gif) no-repeat right 0px;}

.fussfeld{
	position:absolute;
	margin: 0px;
	margin-left:200px;
	width:580px;
	height:120px;
	overflow:hidden;
}
.fussfeld .hd .c,.rechtespalte .ft .c {font-size:1px; /* ensure minimum height */ height:13px;}
.fussfeld .ft .c {height:14px;}
.fussfeld .hd {background:transparent url(../grafik/tl.gif) no-repeat 0px 0px;}
.fussfeld .hd .c {background:transparent url(../grafik/tr.gif) no-repeat right 0px;}
.fussfeld .bd {background:transparent url(../grafik/ml.gif) repeat-y 0px 0px;}
.fussfeld .bd .c {background:transparent url(../grafik/mr.gif) repeat-y right 0px;}
.fussfeld .s {padding:10px 20px 10px 20px;}
.fussfeld .ft {background:transparent url(../grafik/bl.gif) no-repeat 0px 0px;}
.fussfeld .ft .c {background:transparent url(../grafik/br.gif) no-repeat right 0px;}


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid #577FDB;
		padding: 0px 0px;
	}

#dings {	
	width:175px;
	background-color:#FFFFFF;
	}

#dings .hd {
	display:block;
	height:30px;
	width:175px;
	background:url(../grafik/navi_top.gif) no-repeat 0px 0px;
	}
#dings .bd {
	display:block;
	width:175px;
	background:url(../grafik/navi_mid.gif) repeat-y right 0px;
	}
#dings .s {
	overflow:hidden;
	padding:0 5px;
	}
#dings .ft {
	display:block;
	height:10px;
	width:175px;
	background: url(../grafik/navi_bottom.gif) no-repeat 0px 0px;
	}
#dings h1, #dings h2 {margin:0;padding:0;border:0;}

#dings .csc-textpic {margin: 0 7px;}
.csc-textpic-above {margin:10px 0}

.csc-linkToTop {text-align:right;}