@charset "utf-8";


/* CSS Document */


body {
	margin: 0 0 0 0;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background-image:url(images/back.jpg);
	background-repeat:repeat-x;
}

a {	
	color: #0053A5;
}

.pic {
	width: 320px;
	height: 180px;
	margin: 0 10px 10px 0;
	float:left;
}

#mainFrame {
    background-image: url(images/Verlauf.png);
	background-repeat:repeat-y;
}

#welle {
	background:url(images/welle.jpg);
	background-repeat:no-repeat; 
	background-position: bottom left;
}

.footerNavi a,.footerNavi {
	color:#FFFFFF;
	text-decoration:none;
	}
#Primelogo {
	float:right;
	margin: 20px 0 10px 0;
	}
#Printlogo {
	float:left;
	display:none;
	}
H1,H2,.articleHead {
	clear:both;
	color: #0053A5;
}
H2 { 
	font-size:13px;
	line-height: 16px;
	}
H1,.articleHead {
	font-weight:bold;
	font-size:16px;
	}
	
H3 {
	font-size:12px;
	font-weight:bold;
	line-height: 16px;
}

.articleSubhead {
 	font-weight:bold;
}
	

select, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}


#navi { 
    padding-left: 0px;
	margin: 65px 0px 0px 0px;
	font-weight:bold;
	list-style:none;
}


.nav a {color: #FFFFFF; text-decoration:none;}
.navactiv a,.nav a:hover  {color:#FF9900; text-decoration:none;}
#navi li {
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	background-image: url(images/List.gif);
	background-repeat:no-repeat;
	background-position: 
	}

#stepper {
	 float:right;
}
/**************************** IP Style ************************************/


.reiterActive {
 height: 29px;
 border:#0053A5 solid 1px;
 padding: 5px 4px 2px 4px;
 float:left; 
 border-bottom:none; 
 background-color:#FFFFFF
}
.reiterInActive {
  height: 29px;
  float:left; 
  padding: 6px 4px 0 4px; 
}

.reiter {
	font-weight:bold; 
	color:#FFFFFF; 
	padding:4px 4px 4px 4px; 
	float:left;
}

.reiter a {
	color:#FFFFFF; 
	text-decoration:none;
}

.reiterIcon {
	float:left; 
	padding: 4px 2px 2px 0;
}


#Kunde {
	background-color:#00A2E1;  
	}
#Interessent {
	background-color:#E4C064; 
}
#Journalist {
	background-color:#A2C473; 
}
#Student {
	background-color:#4BB8E8; 
}
#auswahl {
	width:100%; 
	background-repeat:repeat-x;
	background-image:url(images/Auswahl_Back.gif); 
	background-position:bottom; 
	height: 37px;
	/* height:auto; */
	/* height:38px; */
	padding: 0 0 0 0;
}
* html #auswahl {
  height:auto;
	/* height:37px; */
}

* html .reiterActive {
  padding: 5px 4px 4px 4px;
  height: 35px;
}
* html .reiterInActive {
  padding: 6px 4px 0 4px;
  height: 35px;
}

.Hint { 
    text-align:left;
	padding: 3px 3px 3px 5px;
	position:absolute; 
	background-color:#FFFFE1; 
	border:#000000 solid 1px; 
	width: 250px;
	display:none;
    z-index: 10000;
}

/**************** Forms ********************************************/

	
.content485Form {
    clear:both;
    width: 485px;
    padding: 10px 0px 5px 0px;
    margin: 10px 10px 5px 0px;
    font-size: 11px;
	color: #000000;
    overflow: hidden;
	background-color: #ffffff;
	border-top: solid #0053A5 1px;
	border-right: solid #0053A5 1px;
	border-left: solid #0053A5 1px;
	border-bottom: solid #0053A5 1px;
}


.contentForm {
    clear:both;
    /* width: auto; */
    padding: 10px 0px 5px 0px;
   /* margin: 10px 10px 5px 0px; */
    overflow: hidden;
	background-color: #ffffff;
	border-top: solid #0053A5 1px;
	border-right: solid #0053A5 1px;
	border-left: solid #0053A5 1px;
	border-bottom: solid #0053A5 1px;
}

.FormOpen {
    clear:both;
    width: auto;
    margin: 10px 10px 5px 0px;
    font-size: 11px;
	color: #000000;
    overflow: hidden;
}

.contentFormOpen {
	clear:both;
	padding: 10px 0px 5px 0px;
	background-color:#FFFFFF;
	border-right: solid #0053A5 1px;
	border-left: solid #0053A5 1px;
	border-bottom: solid #0053A5 1px;
}

/***************** Buttons etc *******************************************/

.knopf {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0053A5;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 14px; 
	margin: 0px 20px 20px 0px;
	border: solid #0053A5 1px;
	background-image: url(images/knopf_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	float:right;
}


a.knopf:link, a.knopf:hover, a.knopf:active, a.knopf:visited {
	color: #0053A5;
   	padding:5px 5px 5px 14px;
}


input.knopf {
   	font-weight: normal;
	text-decoration: underline;
	color: #0053A5; 
	height: 27px;
	background-color: #0053A5; 
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 14px;  
	cursor:pointer;
	line-height: 12px;
	border: solid #0053A5 1px !important;
	border: solid #FFFFFF 1px;
 	background-image: url(images/long_knopf_bullet.gif);
	background-position: left center;
	float:none;
	
}

:first-child+html input.knopf, input.backknopf {
  	border: solid #FFFFFF 1px !important;
    }


input.backknopf {
	background-image: url(images/long_backknopf_bullet.gif);
	 	font-weight: normal;
	text-decoration: underline;
	color: #0053A5; 
	height: 27px;
	background-color: #0053A5; 
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 14px;  
	cursor:pointer;
	line-height: 12px;
	border: solid #0053A5 1px !important;
	border: solid #FFFFFF 1px;
	background-position: left center;
	float:none;
}


.backknopf {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0053A5;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 14px; 
	margin: 0px 20px 20px 0px;
	border: solid #0053A5 1px;
	background-image: url(images/backknopf_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	float:right;
}


a.backknopf:link, a.backknopf:hover, a.backknopf:active, a.backknopf:visited {
	color: #0053A5;
   	padding:5px 5px 5px 14px;
}


a.mehr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0053A5;
	line-height:14px;
	padding:0px 0px 0px 13px;
    background-image: url(images/bullet_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    text-decoration: underline;
    color: #003366;
}

a.mehr:hover {
    text-decoration:underline;
    color: #0092DD;
}



.mehr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0053A5;
	line-height:14px;
	padding:0px 0px 0px 13px;
	margin: 0px 0px 7px 0px;
    background-image: url(images/bullet_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    text-decoration: underline;
    color: #003366;
}