/*body{
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}
*/
body,td{
	font-family: "Arial",sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #484C4F;
}

.s2{
	background-color: #CCCCCC;
}

.bold{
	font-weight: bold;
}

td{
	text-align: left;
}

a{
	color: black;
	text-decoration: underline;
}

input,textarea,.euro{
	background-color: white;
	border: 1px solid #848284;
	font-family: "Arial",sans-serif;
	font-size: 10pt;
}

textarea{
	overflow: auto;
}

hr{
	height: 1px;
	border: 1px solid black;
}

.image{
	width: 80px;
	height: 62px;
	padding-left: 40px;
	background-color: white;
	border-top: 1px solid #484C4F;
	border-left: 1px solid #484C4F;
}

.headline{
	font-family: "Arial Narrow","Arial",sans-serif;
	font-weight: bold;
	font-size: 18pt;
	font-variant: small-caps;
	padding-top: 15px;
	width: 550px;
}

.header{
	padding-bottom: 28px;
	text-transform: uppercase;
	font-weight: bold;
	color: #332D5D;
}

.footer{
	border-top: 1px solid #848284;
	color: #848284;
	text-align: center;
	font-style: italic;
	font-size: 8pt;
}

.spacer{
	height: 7px;
}

.sub-headline{
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	text-align: center;
	font-weight: bolder;
	border-bottom: 1px solid #848284;
}

.part{
	background-color: #F7F3F7;
	border: 1px solid #484C4F;
	width: 600px;
}

.label{
	padding-left: 3px;
	height: 21px;
	vertical-align: bottom;
	font-size: 11px;
}

.number{
	color: #848284;
	font-style: italic;
	width: 50px;
	padding-left: 3px;
}

.required{
	vertical-align: text-top;
	font-size: 10px;
}

.sub-datum{
	color: #848484;
	text-align: center;
	font-size: 10px;
}

.sub-dauer{
	color: #848484;
	vertical-align: baseline;
	padding-right: 3px;
}

.org{
	font-family: "Arial",sans-serif;
	font-weight: bold;
	font-size: 1em;
}
.org-main{
	padding-left: 55px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.kurse{
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

.trennlinie{
	border-bottom: 1px solid #848284;
	height: 1px;
}

.disabled{
	border: 1px solid #848284;
	background-color: #F7F3F7;
}

.buttons{
	text-align: right;
	padding: 10 0 10 0;
}

.error{
	color: #FF8800;
	font-weight:bold;
	font-family: "Arial",sans-serif;
	font-size: 8pt;
}

.error-login{
	color: #FFFFFF;
	font-weight:bold;
	font-family: "Arial",sans-serif;
	font-size: 8pt;
}

.statistik-header{
	background-color: #DADADA;
}

.img-logo{
	visibility: visible;
}

.headline{
	background-color: white;
	border-top: 1px solid #484C4F;
	border-right: 1px solid #484C4F;
	padding-left: 10px;
}

.search{
	border-bottom: 1px solid black;
}

.smiley{
	background-color: white;
	text-align: center;
	vertical-align: middle;
	width: 70px;
}

.radio{
	background-color: white;
}

.feedback input{
	border: none;
	background-color: none;
}

.feedback textarea{
	width: 600px;
	height: 120px;
}


.bereich{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	background-color: #DADADA;
}

.frage{
	padding: 5 5 5 5;
	font-size: 12px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #DADADA;
}

.antwort{
	background-color: white;
	text-align:center;
}

.smil{
	width: 35px;
}

.smiley{
	width: 50px;
}

.feedback{
	background-color: white;
}

.status{
	padding: 5 5 5 5;
	background-color: white;
	border-top: 1px solid black;
}

.bestaetigung{
	/*background-color: #FF8800;*/
	border: none;
}

.titel{
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 5px;
}

.erklaerung{
	font-style: italic;
}

#nachname{ width: 225px; height: 49px;}
#nachname-field{ width: 180px; }
#vorname{ width: 237px; height: 49px;}
#vorname-field{ width: 200px; }
#titel{ width: 187px; height: 49px;}
#titel-field{ width: 150px; }
#geschlecht{ height: 49px;}
#geschlecht-field{ background-color: #F7F3F7; border: none; }
#eo{ height: 49px;}
#eo-field{ background-color: #F7F3F7; border: none; }
#foto{ }
#foto-field{ }
#adresse{ width: 462px;}
#adresse-field{ width: 417px; }
#strasse{ width: 365px;}
#strasse-field{ width: 365px;}
#plz{ width: 60px;}
#plz-field{ width: 60px;}
#ort{ width: 350px;}
#ort-field{ width: 302px;}
#staat{ width: 200px;}
#staat-field{ width: 200px;}
#geburtsdatum1-field{ width: 39px; border-right: none;}
#geburtsdatum2-field{ width: 39px;}
#geburtsdatum3-field{ width: 48px; border-left: none;}
#staatsangehoerigkeit{ width: 209px; height: 74px;}
#staatsangehoerigkeit-field{ width: 162px;}
#unterschrift{ width: 275px; height: 74px;}
#unterschrift-field{ width: 228px; height: 48px;}
#organisation{ width: 590px;}
#organisation-field{ width: 540px;}
#emn{ width: 341x;}
#emn-field{ width: 341px;}
#ziel{ width: 550px; }
#ziel-field{ width: 540px; }
#initiative{ width: 550px; }
#initiative-field{ width: 540px; }
#qualifikation{ width: 550px; }
#qualifikation-field{ width: 540px; }
#programm{ width: 550px; }
#programm-field{ width: 540px; }
#sonstig{ width: 590px;}
#sonstig-field{ width: 540px;}
#sozial{ width: 590px;}
#sozial-field{ width: 540px;}
#organisatorisch{ width: 590px;}
#organisatorisch-field{ width: 540px;}
#ikt{ width: 590px;}
#ikt-field{ width: 540px;}
#sprachkenntnis{ width: 590px;}
#sprachkenntnis-field{ width: 540px;}
#faehigkeiten{ width: 590px;}
#faehigkeiten-field{ width: 540px;}
#taetigkeiten{ width: 590px;}
#taetigkeiten-field{ width: 540px;}
#unterschrift-inhaber{ width: 246px; height: 86px;}
#unterschrift-inhaber-field{ width: 199px; height: 43px;}
#unterschrift-mentor{ width: 246px; height: 86px;}
#unterschrift-mentor-field{ width: 199px; height: 43px;}
#entsende-stempel-field { width: 265px; height: 76px;}
#entsende-bezeichnung-field { width: 265px; height: 76px;}
#bezugsperson { width: 328px;}
#bezugsperson-field { width: 265px; }
#bezugsperson_funktion { width: 328px; }
#bezugsperson_funktion-field { width: 265px; }
//#email { width: 328px; }
//#email-field { width: 265px; }
#telefon { width: 328px; }
#telefon-field { width: 265px; }




#legende {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:250;}
#kursnote-field{ width: 50px; }
#kurstitel-field{ width: 140px; }
#kursdauer-field{ width: 70px; }
#ectsnote-field{ width: 70px; }
#kurskode-field{ width: 60px; }
#ectspunkte-field{ width: 70px; }


/* NEW STYLES FOR DESIGN */
*{
	padding: 0;
	margin: 0;
}
body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: #484C4F;
}

div{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

#top{
	background-image: url('../img/banner.jpg');
	background-repeat: no-repeat;
	height: 150px;
}

#logo{
	position: absolute;
	left: 0px;
}

#impressum{
	position: absolute;
	left:921px;
}

#banner1{
	width: 161px;
	height: 172px;
	position: absolute;
	top: 119px;
	font-size: 8pt;
}

#banner1 ul{
	margin-left: 0px;
}

#banner1 li{
	padding-bottom: 0px;
}

#banner1 a{
	text-decoration: none;
	color: #484C4F;
}

#banner1 a:hover{
	text-decoration: none;
	color: #000000;
}

#banner1 a.aktiv{
	color: #000000;
}

.faqs{
	font-weight: normal;
}

#banner2{
	width: 161px;
	position: absolute;
	top: 370px;
/*	top: 614px; */
	padding-left: 10px;
	font-size: 8pt;
}

#banner2 ul{
	list-style-image: url('../img/bullet_list.jpg');
	list-style-position: 0 10;
	margin-left: 15px;
	font-size: 10px;
}

#banner2 li{
	padding-bottom: 5px;
}

#banner2 a{
	text-decoration: none;
	color: #484C4F;
}

#banner2 a:hover{
	text-decoration: none;
	color: #000000;
}

#banner2 a.aktiv{
	color: #000000;
}

#content{
	width: 760px;
	height: expression(document.body.clientHeight - 150 + "px");
	/*height: expression(document.body.clientHeight - 230 + "px"); */

	position: absolute;
	left: 161px;
	top: 119px;
	bottom: 10px;
	/*overflow: auto;*/
}

.start-headline{
	color: #494659;
	font-weight: bold;
}

#content ul{
	padding-left: 15px;
	list-style-image: url('../img/pfeil.gif');
	list-style-position: inline;
}

#content-text{
/*	border: 1px dashed #332C60; */
	padding: 32px;
}

#europass{
	background-image: url('../img/europass_mob.jpg');
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 260px;
/*	top: 504px;*/
	height: 93px;
	width: 161px;
}

#logos{
	/*width: 630px;*/
	width: 100%;
	height: 30px;
	padding-bottom: 10px;
}

.logo1,.logo2,.logo3,.logo4,.logo5,.logo6{
	float:left;
	text-align: center;
	vertical-align: middle;
	padding:3px;
	height:30px;
	margin:15px 0 0 0px;
}

.logo1{
	width: 163px;
	margin-top: 10px;
}

.logo3{
	width: 110px;
	padding-top: 1px;
	padding-left: 1px;
}

.logo4{
	width: 210px;
	padding-top: 7px;
}

.logo2{
	width: 188px;
}

#navigation{
	position: absolute;
	left: 238px;
	top: 147px;
	width: 700px;
	color: #696768;
}

#navigation a{
	text-decoration: none;
	color: #696768;
}

#navigation a:hover{
	color: #000000;
}

#navigation a.aktiv{
	color: #000000;
}

.nav1,.nav2,.nav3,.nav4,.nav5,.nav6{
	float:left;
	text-align: center;
	padding:3px;
	width:130;
	height:30px;
	margin:0px 0 0 0px;
	color: #696768:
}

.nav1{
	text-align: left;
}

#language{
	font-size: 8pt;
	position: absolute;
	left: 14px;
	top: 155px;
	color: #696768;
}

p{
	padding-bottom: 10px;
}

.popup{
	margin: 20;
}

.info-text{
	font-family: Arial, Verdana, sans-serif;
	color: #484C4F;
	width: 695px;
}

.border-horizontal{
	background-image: url('../img/border_horiz.jpg');
	background-repeat: repeat-x;
	height: 1px;
}

.border-vertikal{
	background-image: url('../img/border_vert.jpg');
	background-repeat: repeat-y;
	width: 1px;
	height:100%;
}

#content a{
	color: #3C5A7C;
	text-decoration: underline;
}

#content a:hover{
	text-decoration: none;
}
#content a.link{
	color: #494659;
}


.studies{
	background-color: #3C5A7C;
	color: #FFFFFF;
	padding-top: 5px;
}

.headtop,.title{
	color: #3C5A7C;
	font-size: 16px;
	font-weight: bold;
}

.ahead,.shead{
	font-weight: bold;
}

.headkontakt{
	font-weight: bold;
	font-size: 14px;
}