@charset "ISO-8859-1";

html, body {
	background-color: #f1f1f5;
	height:100%;
	margin:0;
	padding:0;
	}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #333333;
	height:100%;
}
* html #container {height: 100%;} /* IE Hack für 100 % Höhe */
#container {
	position:relative;
	background-color: #FFFFFF;
	background-image: url(../images/container_bg.jpg);
	background-repeat: repeat-x;
	min-height:100%;
}
#content {
	margin: auto;
	width: 950px;
	height:100%;
}
#popup {
padding:20px;
}
#header {
	background-color: #FFFFFF;
	width: 950px;
	height: 170px;
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	
}
#header p {
	margin:0;
	padding:0;
	text-align:right;
	padding-top:179px;
	padding-right:30px;
	color:#FFF;
	
}
#header a {
	color:#FFF;
}
#mainmenu {
	height: 40px;
	
	font-size:1.1em;
	background-image:url(../images/mainmenu_bg.png);
	width:950px;
	
	
}
/*#mainmenu ul {
	list-style:none;
	padding:0;
	margin:0;
} 

#mainmenu li {
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	width:100px;
}
* html #mainmenu li {width: 100px;} /* IE Hack  */

/* #mainmenu li a {
	color:#FFFFFF;
	text-decoration: none;

	height:20px;
	padding-top:5px;
	text-align: center;
	display: block;	
}
#mainmenu li a:hover {
	background-color:#FFCC00;
	color:#336699;
}
#mainmenu li a.on {
	background-color:#FFCC00;
	color:#336699;
}*/

#maincontent {
	float: left;
	width: 950px;
	margin:0;
	padding:0;
	background-image:url(../images/maincontent_rand_bg.gif);
	background-repeat:repeat-y;
	margin-bottom:120px;
	
}
#maincontent_footer {
	/*background-image: url(../images/maincontent_bottom_bg.gif);
	background-repeat: no-repeat;*/
	height:8px;
	border-bottom:1px #999999 solid;
}
* html #maincontent_footer { height:8px;}

#maincontent_top {
	background-image: url(../images/maincontent_bg.png);
	background-repeat: no-repeat;
	min-height:230px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	border:none;
}
#maincontent_left {
	float: left;
	width: 690px;	

	height:100%;
}
#maincontent_right {
	padding-top:20px;
	float: right;
	width: 178px;
	height:100%;
}
#maincontent_right td {
	font-size:0.9em;
}
* html #maincontent_top {height:333px;}
#submenu {
	font-size: 1.1em;
}
#submenu ul {
	list-style:none;
	padding:0;
	margin:0;
} 
#submenu ul li {
	padding:0;
	margin:0;
	float:left;
	width:200px;
}
#submenu li a {
	display:block;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #FFFFFF;
	text-decoration: none;
	margin: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #336699;
}
#submenu li a:hover {
	background-color: #FFCC00;
	color: #336699;
}
#submenu li a.on {
	background-color: #FFCC00;
	color: #336699;
}
#submenu li a.off {
	background-color:#eeeeee;
	color: #cccccc;
}
#submenu ul ul li a {
	padding-left: 25px;
	background-color:#9CC4DF;
	border:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	color:#336699;
}
#submenu ul ul li a:hover {
	background-color:#FF9900;
	color: #FFFFFF;
}
#submenu ul ul li a.on {
	background-color: #FF9900;
	color: #FFFFFF;
}
#right {
	
	width:0;
	float:left;
	visibility:hidden;
	
	}

#footer {
	position: absolute;
	bottom: 0;
	background-color: #FFFFFF;
	height:114px;
	width:946px;
	
	
	
}
* html #footer {bottom: -1px;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */

#maincontent h4{
	color:#336699;
	font-size:1.3em;
	margin-bottom:10px;
	margin-top:0;
}
#popup h4{
	color:#336699;
	font-size:1.3em;
	margin-bottom:10px;
	margin-top:0;
}
#maincontent h2{
	font-size:2em;
	margin-bottom:10px;
	margin-top:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#maincontent h5{
font-size:1em;
	color:#336699;
	margin-bottom:10px;
	margin-top:10px;
	padding:0;
}
.kleiner {
	font-size: 0.9em;
}
#maincontent #logged {
	font-size: 0.9em;
	width:100%;
	text-align:right;
}
#right h4{
	font-size:1.3em;
	margin-bottom:10px;
	margin-top:0;
}

a {
	text-decoration:none;
	color:#2c608a;
} 
a:hover {
text-decoration:underline;
}
#maincontent p img {
	float: right;
	margin-left: 20px;
}
.img_border {
	border: 1px solid #999999;
}



h3 {
	color:#FFFFFF;
	font-size:1.1em;
	background-color:#999999;
	display:block;
	padding:6px 10px 6px 10px;
	margin:0;
	font-weight:normal;
}

hr {
color:#CCCCCC;
height:1px;
text-shadow:none;
}

.error {
color:#FF0000;
font-weight:bold;
}
#maincontent .blau {
color:#006699;
font-weight:bold;
}
#right .error {
color:#FFCC00;
font-size:0.9em;
font-weight:bold;
}

#maincontent #fragebereich{
border:1px;
border-style:solid;
border-color:#336699;
padding:4px;
margin-bottom:4px;
}

#maincontent #fragebereich p{
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#CCCCCC;
border-right:1px;
border-right-style:solid;
border-right-color:#CCCCCC;
margin:10px;
}
#maincontent  #fragenavi {
text-align:right;
display:block;
width:100%;
padding-top:5px;
}
#maincontent #fragebereich #frage {
font-weight:bold;
}
#maincontent #fragebereich input, textarea {
	font-family: Arial, Helvetica, sans, sans-serif;
	font-size:1em;

}
#maincontent #results{
	width:100%;
}
#maincontent #results th{
background-color:#FFCC00;
font-size:0.9em;
padding:5px;
}
#maincontent #results td{
border:1px;
border-bottom-style:solid;
border-bottom-color:#CCCCCC;
border-right-style:solid;
border-right-color:#CCCCCC;
padding:5px;
}
.Submit {
	width: 177px;
	height:36px;
	vertical-align:middle;
	text-align:center;
	display:block;
	background-image:url(../images/bt_gruen.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:	36px;
	color:#669900;
	font-weight:bold;
	border:none;
	background-color:transparent;
}
.Submit:hover,
#results #Submit:hover {
	
	background-image:url(../images/bt_gruen_on.png);
	
}
#results #Submit {
	width: 177px;
	height:36px;
	vertical-align:middle;
	text-align:center;
	display:block;
	background-image:url(../images/bt_gruen.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#669900;
	font-weight:bold;
	border:none;
	background-color:transparent;
}
 #results #Passwort {
	width:auto;
}
 #results #Passwort2 {
	width:auto;
}
 #results #Datum {
	width:auto;
}
 #results #datumBegin {
	width:auto;
}
 #results #datumEnde {
	width:auto;
}
#maincontent #pagenummer {
float:left;
text-align:right;
font-size:0.9em;
margin:0;
padding:0;
padding-bottom:10px;
}
#notiz {
width:180px;
min-height:126px;
height:auto;
padding-top:20px;
font-size:0.8em;
font-style:italic;
}
#notiz_inhalt {
background-image:url(../images/notiz_bg.gif);
background-repeat:repeat-y;
padding-left:14px;
padding-right:14px;

}
#notiz_top {
background-image:url(../images/notiz_top.gif);
height:65px;
}
#notiz_bottom {
background-image:url(../images/notiz_bottom.gif);
height:38px;
text-align:right;
padding-right:15px;
padding-left:15px;
padding-top:10px;
}
 .datum {
font-style:normal;
color:#2c608a;
font-weight:bold;
font-size:0.9em;
}
#bannerblau {
	float:left;
	margin-right:1px;
width:177px;
height:77px;
background-image:url(../../images/banner-blau.jpg);
background-repeat:no-repeat;
padding-top:20px;
padding-left:15px;
padding-right:15px;
font-size:1.3em;
}
#polaroid_aussen2{
	border: 1px solid #e2e2e2;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	width:184px;
	
}

#polaroid_aussen{
	border: 1px solid #CCCCCC;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
}
#polaroid{
	width:180px;
	height:auto;
	border: 1px solid #999999;
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
}
#polaroid img {
	border: 1px solid #999999;
	margin-left:0px;
	float:none;
}

#infofenster {
	position:absolute;
	left:50%;
	top:0;
	width:460px;
	z-index:1000;
	visibility:hidden;
	width:300px;
	background-color:#EEEEEE;
	border:1px;
	border-color:#999999;
	border-style:solid;
	overflow: hidden;
	}
 #infotext {
	width:296px;
	border:none;
	background-color:#EEEEEE;
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	font-size:0.9em;
}
#infoheader td{
background-color:#CCCCCC;
padding:2px;
color: #FFFFFF;
font-size:0.9em;
font-weight:bold;
}

#infotd {
background-color:#FFCC00;
text-align:center;
width:auto;
}

#buttonGruenKlein a{
width: 177px;
height:36px;
text-align:center;
padding-top:9px;
display:block;
background-image:url(../images/bt_gruen.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#669900;
font-weight:bold;
}
#buttonGruenKlein a:hover{
background-image:url(../images/bt_gruen_on.png);
background-repeat:no-repeat;
}
#buttonGruen a{
width: 181px;
height:38px;
text-align:center;
padding-top:11px;
display:block;
background-image:url(../images/bt_gruen_bg.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#669900;
font-weight:bold;
}
#buttonGruen a:hover{
background-image:url(../images/bt_gruen_bg_on.gif);
background-repeat:no-repeat;
}
#maincontent #box {

}
* html #maincontent #box { width:600px;}
#maincontent #box a {
width:122px;
height:67px;
float:left;
margin-right:5px;
margin-bottom:5px;
background-image:url(../images/button_blau_152.jpg);
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px;
font-weight:bold;

}
#maincontent #box a:hover {
background-image:url(../images/button_blau_152_hover.jpg);
background-repeat:no-repeat;
}
p {
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
}
.small {
font-size: 10px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
}
.ueberschrift {
font-style:normal;
color:#336699;
font-weight:bold;
padding:0;
margin:0;
}
div.step {
	width:200px;
	height:190px;
	float:left;
	background-image:url(../images/start/container.png);
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:20px;
	color:#FFFFFF;
	

}
div.stepon {
	width:200px;
	height:190px;
	float:left;
	background-image:url(../images/start/container_on2.png);
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:20px;
	color:#FFFFFF;
	

}
#steps div.nummer {
	font-size:20px;
	color:#2c608a;
	font-weight:bold;
	text-align:right;
	padding-right:16px;
	padding-top:9px;
	

}
#steps div.titel {
font-size:16px;
line-height:16px;
color:#2c608a;
font-weight:bold;
text-align:left;

}
#steps div.bild {
}
#steps div.fortschritt {



padding-top:3px;
padding-bottom:4px;
}
#stepinhalt {
	width:400px;
	float:left;
	padding-left:10px;
}
#steps div.balken {
	
	background-image:url(../images/start/ladebalken_0.png);
	background-repeat:no-repeat;
	width:180px;
	height:15px;
}
#steps div.fortschritt a {
	background-image:url(../images/start/info.png);
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF;
	font-size:0.9em;
width:180px;
display:block;
	
}

#steps div.fortschritt a:hover {
	background-image:url(../images/start/info_on.png);
	background-repeat:no-repeat;
}
div.infobox {
width:180px;
}
.infobox  div.content{
border-right:2px solid #ffcc00;
border-left:2px solid #ffcc00;
padding:10px;
padding-bottom:0px;
font-size:0.9em;
}
.infobox div.titel {
background-image:url(../images/start/infobox_header.png);
background-repeat:no-repeat;
min-height:20px;
color:#FFF;
font-size:0.9em;
padding-top:18px;
padding-left:12px;
text-transform:uppercase;
font-weight:bold;
}
div.infobox div.titel.Login {
background-image:url(../images/start/loginbox_header.png);
}
div.infobox div.titel.Suche {
background-image:url(../images/start/suchebox_header.png);
}
div.infobox div.titel.Studium {
background-image:url(../images/start/studiumbox_header.png);
}
div.infobox div.titel.Termin {
background-image:url(../images/start/terminbox_header.png);
}
div.infobox div.titel.Download {
background-image:url(../images/start/downloadbox_header.png);
}
div.infobox div.titel.Link {
background-image:url(../images/start/linksbox_header.png);
}
div.infobox div.titel.Person {
background-image:url(../images/start/personbox_header.png);
}

div.infobox div.titel.Mail {
background-image:url(../images/start/mailbox_header.png);
}

div.infobox div.titel.Ausbildung {
background-image:url(../images/start/ausbildungbox_header.png);
}

div.faqbox div.titel.Zwei {
background-image:url(../images/start/schritt2_header.png);
}
div.faqbox div.titel.Eins {
background-image:url(../images/start/schritt1_header.png);
}
div.faqbox div.titel.Drei {
background-image:url(../images/start/schritt3_header.png);
}
div.faqbox div.titel.Vier {
background-image:url(../images/start/schritt4_header.png);
}
div.faqbox div.titel.Fuenf {
background-image:url(../images/start/schritt5_header.png);
}
div.faqbox div.titel.Sechs {
background-image:url(../images/start/schritt6_header.png);
}


.infobox div.footer {
background-image:url(../images/start/infobox_footer.png);
background-repeat:no-repeat;
min-height:13px;
}

div.faqbox {
width:180px;
}
.faqbox  div.content{
border-right:2px solid #2c608a;
border-left:2px solid #2c608a;
padding:10px;
padding-bottom:0px;
}
.faqbox div.titel {
background-image:url(../images/start/faqbox_header.png);
background-repeat:no-repeat;
min-height:20px;
color:#FFF;
font-size:1em;
padding-top:18px;
padding-left:12px;
text-transform:uppercase;
font-weight:bold;
}
.faqbox div.footer {
background-image:url(../images/start/faqbox_footer.png);
background-repeat:no-repeat;
min-height:13px;
}
.faqbox ul {
	
	margin:0;
	padding:0;
	
}
.faqbox li {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-style:oblique;
	
	
	
}
.infobox ul {
	
	margin:0;
	padding:0;
	
}
.infobox li {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:10px;
	
}

div.infobox div.content input.submit {
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	display:block;
	font-size:1em;
	line-height:1em;
	color:#ffffff;
	background-color:#ffcc00;
	font-weight:bold;
	border:2px solid #ffcc00;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}
div.infobox div.content input.inputfeld {
	
	width:146px;
	padding:3px;
	font-size:0.9em;
	line-height:1em;
	color:#666;
	background-color:#ffffff;
	border:2px solid #ffcc00;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	margin-bottom:5px;
}
.erforderlich {
	
	color:#FF0000;
	}


#logoleiste a img {
    border: none;
    padding: 0;
		padding-left: 60px;
	padding-right: 60px;
}

.fortschritt {
	font-weight:bold;
}

.fortschritt.red {
	color:#FF0000;
}
.fortschritt.yellow {
	color:#F60;
}

.fortschritt.green {
	color:#090;
}

.fortschritt_bg {
	width:10px;
	height:10px;
}
.fortschritt_bg.red {
	background-color:#FF0000;
}
.fortschritt_bg.yellow {
	background-color:#F60;
}

.fortschritt_bg.green {
	background-color:#090;
}