

/**********************/
/*     Grundlagen     */
/**********************/

body {
	font-family: Verdana;
	font-size: 12px;
	margin: 0;
	text-align: left;
	line-height: 25px;
	background-color: #FFF;
	color: #000000;
}

html {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/**********************/
/*        Main        */
/**********************/

#main {
	margin: auto;
	padding: 15px;
	width: 400px;
	border: 1px solid silver;
	text-align: center;
}

#main a {
	color: #0057AF;
	font-weight: bold;
}

h1 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #0078E1;
}


























/**********************/
/*    Überschriften   */
/**********************/



h2 {
	font-size: 16px;
	margin: 0px 0px 4px 0px ;
}

h3 {
	font-size: 14px;
	margin: 0px;
}

/**********************/
/*       Header       */
/**********************/

#head {
	margin: auto;
	width: 750px;
	color: #0057AF;
	font-size: 10px;
}

#headleft {
	float: left;
	width: 1px;
	color: #0057AF;
	font-size: 10px;
}

#headright {
	float: right;
	width: 400px;
	color: #808080;
	font-size: 10px;
	text-align: right;
}

#headright a {
	color: #000;
	font-size: 10px;
	text-decoration: underline;
  font-weight: bold;	
}

#header {
	margin: auto;
	width: 700px;
	padding-left: 25px;
	padding-right: 25px;	
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: right;
	border-left: 4px solid #0C5E94;
	border-right: 4px solid #0C5E94;
	border-top: 4px solid #0C5E94;
	margin-top: 3px;
	background: #0E74B7;
	height: 70px;
}

/**********************/
/*        Menü        */
/**********************/

#menu {
	margin: auto;
	width: 700px;
	padding-left: 25px;
	padding-right: 25px;	
	padding-bottom: 10px;
	border-left: 4px solid #0C5E94;
	border-right: 4px solid #0C5E94;
	background: #0E74B7;
	height: 20px;
}

.menu-active {
	padding: 10px;
	background-color: #F1F5FA;
	color: #000;
	font-weight: bold;
  text-decoration: none;	
}

.menu-deactive {
	padding: 10px;
	background-color: #0C5E94;
	color: #FFF;
	font-weight: bold;
  text-decoration: none;	
}

.menu-jobs1 {
	padding: 10px;
	background-color: #0D66A2;
	color: #FFF;
	font-weight: bold;
  text-decoration: none;
  margin-left: 100px;	
}

.menu-jobs2 {
	padding: 10px;
	background-color: #0D66A2;
	color: #FFF;
	font-weight: bold;
  text-decoration: none;	
}

#subsubmenu {
	border-bottom: 5px solid #81A7D1;
	text-align: right;
	color: #FFF;	
}

#subsubmenu a {
  
	color: #FFF;	
}

.subsubmenu-active {
	padding: 10px;
	background-color: #F1F5FA;
	color: #0C5E94;
	font-weight: bold;
  text-decoration: none;
  
	border-top: 5px solid #81A7D1;
	border-left: 5px solid #81A7D1; 
	border-right: 5px solid #81A7D1;     
  	
}

.subsubmenu-deactive {
	padding: 10px;
	background-color: #0C5E94;
	font-weight: bold;
  text-decoration: none;
	border-top: 5px solid #81A7D1;
	border-left: 5px solid #81A7D1; 
	border-right: 5px solid #81A7D1;
	color: #FFF;   	
}

.subsubmenu-deactive a {
	color: #FFF;
	font-weight: bold;
  text-decoration: none;
}

#menu-homepage {
	margin: auto;
	width: 700px;
	padding-left: 25px;
	padding-right: 25px;	
	padding-bottom: 10px;
	border-left: 4px solid #0C5E94;
	border-right: 4px solid #0C5E94;
	background: #0E74B7;
	height: 20px;
	text-align: right; 
}

.menu-homepage-active {
	padding: 10px;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
  text-decoration: none;	
}

.menu-homepage-deactive {
	padding: 10px;
	background-color: #0C5E94;
	color: #FFF;
	font-weight: bold;
  text-decoration: none;	
}

.menu-homepage-jobs1 {
	padding: 10px;
	background-color: #0D66A2;
	color: #FFF;
	font-weight: bold;
  text-decoration: none;
  margin-left: 100px;	
}

.menu-homepage-jobs2 {
	padding: 10px;
	background-color: #0D66A2;
	color: #FFF;
	font-weight: bold;
  text-decoration: none;	
}

#undermenu {
	color: #86AAD7;
	font-size: 12px;	
	background-color: #F1F5FA;
	padding: 5px 15px 5px 15px;	
	border-left: 4px solid #CCCCCC;
	border-right: 4px solid #CCCCCC;
	border-bottom: 2px solid #B5CBE6;
	width: 720px;
	margin: auto;
}

#undermenu a {
	color: #0C5E94;
	font-size: 12px;	
  text-decoration: none; 
  font-weight: bold;
}

#SignIn {
	text-align: left;
	margin-top: 30px;
	border: 1px solid silver; 
	padding: 10px;
}

/***********************/
/* Account-Einstellung */
/***********************/

.aktivaccount {
	color: #FFF;
	font-size: 14px;	
	background-color:#6DAA11;
	padding: 5px;
	margin: 10px 10px 0px 10px;
	font-weight: bold;
}

.passivaccount {
	color: #FFF;
	font-size: 14px;	
	background-color:#C33100;
	padding: 5px;
	margin: 10px 10px 0px 10px;
	font-weight: bold;	
}

/**********************/
/*  Farbscala Status  */
/**********************/

#infoprozentred {
	color: #FFF;
	background-color: #C33100;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
  font-weight: bold;
  text-align: center;
}

#infoprozentorange {
	color: #FFF;
	background-color: #FF8C00;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
  font-weight: bold;
  text-align: center;  
}

#infoprozentgreen {
	color: #FFF;
	background-color: #6DAA11;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
  font-weight: bold;
  text-align: center;  
}

#infoprozentfull {
	color: #FFF;
	background-color: #40640B;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
  font-weight: bold;
  text-align: center;  
}


/**********************/
/*       Footer       */
/**********************/

#footermenu {
	margin: auto;
	width: 734px;
  padding: 8px;
	text-align: center;
	color: #FFFFFF;
	border: 2px solid #0052A4;
	background: #0066CC;
	background-image: url(../img/bg_hellblau.gif);
  background-repeat: repeat-x;
  background-position: bottom; 
  font-size: 10px; 	  
}

#footermenu a {
	color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 4px;
  border: 1px solid #0052A4;
  font-size: 10px; 	
}

#footer {
	margin: auto;
	text-align: center;
	width: 760px;
	color: #0057AF;
	font-size: 10px;
	}

#footer a {
	color: #808080;
	font-size: 10px;
	}	

/**********************/
/*      Job-Suche     */
/**********************/

.waswo {
  font-size: 20px;
	padding: 10px;
	color: #0C5E94;
	font-weight: bold;
  text-decoration: none;
}

.inputwaswo {
  width: 200px;
  padding: 4px;
}

/**********************/
/*  Login im Header   */
/**********************/

#login-left {
	width: 250px;
	padding-right: 15px;
	float: left;
	text-align: left;
	}

#login-right {
	width: 380px;
	border-left: 1px solid silver;
	padding-left: 25px;
	float: right;
	text-align: left;
	}	

.forgetpassword {
	font-size: 9px;
	color: #7AC5F5;	
	}	

.inputheadermail {
	background-color: #FFF;
	border: 3px solid #073A5C;
	padding: 3px 3px 3px 25px;
	width: 100px;
	height: 14px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
	background-image: url(../img/inputheadermail.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.inputheaderpassword {
	background-color: #FFF;
	border: 3px solid #073A5C;
	padding: 3px 3px 3px 25px;
	width: 100px;
	height: 14px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
	background-image: url(../img/inputheaderpassword.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/**********************/
/*      Homepage     */
/**********************/

#homepageleft {
	float: left;
	width: 500px;
	border-right: 2px solid #EFEFEF;
	}	

#homepageright {
	float: right;
  width: 200px;
  line-height: 13px;
  text-align: center;
  color: #808080;
	}

/**********************/
/*    Zusatzdienste   */
/**********************/

#zusatzdienst {
	border: 3px solid #97BE0D;
	width: 320px;	
}

#zusatzdienst-b {
	border-top: 3px solid #97BE0D;
	background-color: #F5F8E7;
	padding: 8px;
}

.zusatzdienst-text {
	padding: 8px;
}

/**********************/
/*      Sonstiges     */
/**********************/


.hilfetext {
	color: #808080;
	font-size: 9px;	
	line-height: 14px;	
}

#kandidaten-start {
	border: 3px solid #CCCCCC;
	width: 300px;	
	padding: 10px;
	margin-bottom: 20px;
	background-image: url(../img/kandidaten-start-bg.gif);
  background-repeat: repeat-x;
  background-position: top; 
	
	
}


/**********************/
/* Tabelle Joblisting */
/**********************/


#anmeldung-als {
	background-color:#FFF9D7;
	padding: 8px;
	width: 610px;
	margin-bottom: 15px;
	color: #073A5C;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border: 2px solid #FFEB78;
}

#anmeldung-kosten {
	background-color:#FDFFEA;
	padding: 8px;
	width: 610px;
	margin-bottom: 15px;
	color: #073A5C;
	font-size: 12px;
	text-align: center;
	border: 2px solid #AFC300;
}



/*







#infolink a{
	color: #000;
	background-color: #FFF;
	padding: 3px;
	text-decoration: none;
  font-weight: bold;
  border:  1px solid #CCC;
}





.inputsmall {
	width: 30px;
}


.interviewarea {
	width: 500px;
}







.foto-kostenlos {
  background-color:#FF9900;
  padding: 4px;
  color: #FFF;
}






























































#erweitertesuche {
	text-align: left;
}

#main_listing {
	margin: auto;
	width: 754px;
	background: #FFFFFF;
	text-align: right;
}





#logo {
	float: left;
	width: 300px;
	text-align: left;
}

#headermenu {
	float: right;
	padding-left: 20px;
	line-height: 20px;
	color: #1A8CFF;
	border-left: 2px solid #0C5E94;
}

#headermenu a {
	color: #FFFFFF;
	font-weight: bold;
}

#searchform {
  color: #C4E9FF;
  text-align: center;
}

#searchform a {
  color: #C4E9FF;
  text-decoration: underline;
}

#s {
	background-image: url(../img/searchform.gif);
	background-repeat: no-repeat;
	background-position: left top;
  height: 30px;
  width: 680px;
  border: 0px;
  margin-top: 0px;
  font-size: 25px;
  padding: 5px;
  color: #000;
  display: inline;
	}
	

	





.fieldset {
	border: 1px solid #C0C0C0;
	padding: 15px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
	background-color: #FCFCFC;
	margin-bottom: 25px;
}

.legend {
	font-size: 14px;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

.input {
	background-color: #FBFEFF;
	border: 1px solid #0057AE;
	padding: 5px 5px 5px 5px;
	width: 250px;
	height: 16px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}



.inputlarge {
	background-color: #FBFEFF;
	border: 1px solid #0057AE;
	padding: 5px 5px 5px 5px;
	width: 400px;
	height: 16px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.inputlargewhite {
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px 5px 5px 5px;
	width: 400px;
	height: 16px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.inputverylarge {
	background-color: #FBFEFF;
	border: 1px solid #0057AE;
	padding: 5px 5px 5px 5px;
	width: 650px;
	height: 16px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.inputverylargewhite {
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px 5px 5px 5px;
	width: 650px;
	height: 16px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}


.textarea {
	background-color: #FFF;
	border: 1px solid #0057AE;
	padding: 5px 5px 5px 5px;
	width: 350px;
	height: 200px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.textareamedium {
	background-color: #FBFEFF;
	border: 1px solid #0057AE;
	padding: 5px 5px 5px 5px;
	width: 650px;
	height: 60px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.textareamediumwhite {
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px 5px 5px 5px;
	width: 650px;
	height: 60px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.textarealarge {
	background-color: #FBFEFF;
	border: 1px solid #0057AE;
	padding: 5px 5px 5px 5px;
	width: 650px;
	height: 200px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.textarealargewhite {
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	padding: 5px 5px 5px 5px;
	width: 650px;
	height: 200px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, sans-serif;
}

.borderinput {
	background-color: #E8F7FF;
	padding: 3px;
	border: 1px solid #CEEEFF;
}	
	
.dropdown {
	background-color: #FBFEFF;
	padding: 3px;
	width: 150px;
	border: 1px solid #0057AE;
}	
	
.dropdownclear {
	background-color: #FBFEFF;
	padding: 3px;
	width: 90px;
	border: 1px solid #0057AE;
}	
	
.dropdowndays {
	background-color: #FBFEFF;
	padding: 3px;
	width: 50px;
	border: 1px solid #0057AE;
}

.dropdownwhite {
	background-color: #FFFFFF;
	padding: 3px;
	width: 150px;
	border: 1px solid #C0C0C0;
}	

.dropdownclearwhite {
	background-color: #FFFFFF;
	padding: 3px;
	width: 90px;
	border: 1px solid #C0C0C0;
}	
	
.dropdowndayswhite {
	background-color: #FFFFFF;
	padding: 3px;
	width: 50px;
	border: 1px solid #C0C0C0;
}



#jobheadline {

}


#jobheadline-left {
   width: 400px;
   float: left;
}


#jobheadline-right {
   width: 150px;
   float: right;
}
	
#jobpdf {
   border-top: 1px solid silver;
   border-bottom: 1px solid silver;   
   background-color: #FCFCFC;
   padding: 6px;
   margin-top: 30px;
   margin-bottom: 30px;
   text-align: center;
   background-image: url(../img/pdf.gif);
	 background-repeat: no-repeat;
	 background-position: middle;
	 width: 400px;
}	
	
	