/*
-----------------------------------------------
jobs.ch ag
Name:     v2
Date:     30 August 2005
----------------------------------------------- */

body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font-family:Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
  font-size:12px;
  }

/* Page Structure
----------------------------------------------- */

#content {
	width:900px;
	padding:15px 10px;
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
  }

#header {
	height:30px;
}

#identityHeader {
	float:left;
  }

#dateHeader {

	color: #333333;
	font-weight : bold;
	float:right;
  }
  
/* HTML Elemente
----------------------------------------------- */

a {
	color : #002395;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	 color: #000000;
	 height: 1px;
}

input {
	font-size: 12px;
	font-family : Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

textarea {
	font-size: 12px;
	font-family : Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

/* Typo
----------------------------------------------- */

#seitenTitel			
{
	font-size: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
	font-weight: bold;
}

.seitenTitel			
{
	font-size: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
	font-weight: bold;
}

#seitenTitelStatus			
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
	color:#FF0000;
}

.titel		
{
	font-size: 105%;
	font-weight: bold;
}

#titel {
	font-weight:bold;
     font-size:105%;
     padding-bottom:5px;
}

.subHeadline {
	font-size : 14px;
	font-weight: normal;
	color:#000000;
}

.benutzerName {
  margin:0;
  font-size:12px;
  background:url("/dev/img/icon_logged_user_black.gif") no-repeat 0px .3em;
  display:inline;
  padding:2px 2px 2px 14px;
  color: black;
  font-weight: bold;
}

.aktiv {
	color: #408000;
	font-weight: 600;
}

.inaktiv {
	color: #FF0000;
	font-weight: 600;
}

.disabled {
	color: #999999;
	font-weight : normal;
}

.klein {
	font-size : 10px;
	font-weight : normal;
}

.comment {
	font-size : 11px;
}

.beispiel {
	color: #666666;
	font-style: italic;
	font-size : 11px;
}

.mittel {
	font-size : 11px;
	font-weight : normal;
}

.textgross {
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.pro {
	color:#FF0000;
}

.proSuptil {
	font-weight:bold;
	background-color:#999999;
	color:#FFFFFF;
	padding:1px 1px 1px 1px;
}

.neu {
	font-weight:bold;
	background-color:#FFFF00;
	color:#000000;
	padding:2px 2px 2px 2px;
}

.achtung {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left:15px;
	background:url("/dev/img/icon_frage.gif") no-repeat 0px 0.1em;
	padding-bottom:2px;
}

.achtungFehler {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding-left:15px;
	background:url("/dev/img/layout/icon_fehler.gif") no-repeat 0px 0.1em;
	padding-bottom:2px;
}

.schrittOK {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left:23px;
	background:url("/dev/img/layout/icon_ok.gif") no-repeat 0px 0px;
	padding-top: 2px;
	padding-bottom:2px;
}

.datenschutz {
	font-size: 14px;
	font-weight: bold;
	height:25px;
	color: #000;
	padding-left:27px;
	background:url("/dev/img/layout/icon_datenschutz.png") no-repeat 0px 0px;
	padding-top:10px;
}

/* Links
----------------------------------------------- */

.movieLink {
	padding-top:4px;
	padding-left:28px;
	height:20px;
	background:url(/dev/img/icon_video_small.png) no-repeat 0px 0px;
	font-size:14px;
	}

.teaseLink{
	font-size : 13px;
	font-weight: bold;
	background: url("/dev/img/layout/follow_link.gif") no-repeat;
	background-position:center right;
	padding-right:35px;
}

.teaseLink:hover {
	background: url("/dev/img/layout/follow_link_hover.gif") no-repeat;
	background-position:center right;
	padding-right:35px;
}

.teaseLinkBig { 
	font-size : 130%;
	font-weight : bold;
	background: url("/dev/img/layout/follow_link_big.gif") no-repeat;
	background-position:center right;
	padding-right:47px;
}

.teaseLinkBig:hover { 
	font-size : 130%;
	font-weight : bold;
	background: url("/dev/img/layout/follow_link_big_hvr.gif") no-repeat;
	background-position:center right;
	padding-right:47px;
	text-decoration: underline;
}

.teaseLinkRed { 
	font-size : 13px;
	font-weight : bold;
	color : #FF0000;
	background: url("/dev/img/layout/follow_link_red.gif") no-repeat;
	background-position:center right;
	padding-right:35px;
}

.teaseLinkRed:hover { 
	font-size : 13px;
	font-weight : bold;
	color : #FF0000;
	background: url("/dev/img/layout/follow_link_red_hover.gif") no-repeat;
	background-position:center right;
	padding-right:35px;
	text-decoration: underline;
}

.teaseLinkRedBig { 
	font-size : 130%;
	font-weight : bold;
	color : #FF0000;
	background: url("/dev/img/layout/follow_link_red_big.png") no-repeat;
	background-position:center right;
	padding-right:47px;
}

.teaseLinkRedBig:hover { 
	font-size : 130%;
	font-weight : bold;
	color : #FF0000;
	background: url("/dev/img/layout/follow_link_red_big_hvr.png") no-repeat;
	background-position:center right;
	padding-right:47px;
	text-decoration: underline;
}

/*IE 6*/
    * html .teaseLinkRedBig { 
	font-size : 130%;
	font-weight : bold;
	color : #FF0000;
	background: url("/dev/img/layout/follow_link_red_big.gif") no-repeat;
	background-position:center right;
	padding-right:47px;
}

/*IE 6*/
    * html .teaseLinkRedBig:hover { 
	font-size : 130%;
	font-weight : bold;
	color : #FF0000;
	background: url("/dev/img/layout/follow_link_red_big_hvr.gif") no-repeat;
	background-position:center right;
	padding-right:47px;
	text-decoration: underline;
}

.linkIntern {
	background: url("/dev/img/layout/bullet_link_intern.png") no-repeat 0px 0.4em;
	padding:4px 2px 0px 18px;
}

.linkIntern:hover {
	background: url("/dev/img/layout/bullet_link_intern_hvr.png") no-repeat 0px 0.4em;
	padding:4px 2px 0px 18px;
	text-decoration: underline;
}

.linkExtern {
	background: url("/dev/img/layout/bullet_link_extern.gif") no-repeat;
	background-position:center right;
	padding-right:20px;
}

.linkExtern:hover {
	background: url("/dev/img/layout/bullet_link_extern_hvr.gif") no-repeat;
	background-position:center right;
	padding-right:20px;
}


.linkDownload {
	background: url("/dev/img/layout/bullet_link_download.png") no-repeat 0px 0.4em;
	padding:4px 2px 0px 18px;
}

.linkDownload:hover {
	background: url("/dev/img/layout/bullet_link_download_hvr.png") no-repeat 0px 0.4em;
	padding:4px 2px 0px 18px;
}

.linkBack{
	font-size : 12px;
	background: url("/dev/img/layout/bullet_link_back.png") no-repeat 0px 0.4em;
  	padding:4px 2px 2px 18px;
}

.linkBack:hover{
	background: url("/dev/img/layout/bullet_link_back_hvr.png") no-repeat 0px 0.4em;
  	padding:4px 2px 2px 18px;
}

.linkUp{
	background: url("/dev/img/layout/bullet_link_up.gif") no-repeat 0px 0.3em;
  	padding:3px 2px 2px 16px;
}

.linkUp:hover {
	background: url("/dev/img/layout/bullet_link_up_hvr.gif") no-repeat 0px 0.3em;
}

.linkFwd{
	font-size : 12px;
	background: url("/dev/img/layout/bullet_link_fwd.gif") no-repeat;
	background-position:center right;
	padding-right:20px;
}

.linkFwd:hover{
	background: url("/dev/img/layout/bullet_link_fwd_hvr.gif") no-repeat;
	background-position:center right;
	padding-right:20px;
}

.linkDatenschutz {
	background: url("/dev/img/layout/icon_datenschutz_klein.gif") no-repeat 0px 0em;
	padding:5px 2px 0px 18px;
}

.hilfeLink {
  margin:0;
  background:url("/dev/img/icon_hilfe.gif") no-repeat 0px .2em;
  padding:2px 2px 2px 19px;
}

.linkDelete {
	background: url("/dev/img/layout/bullet_delete.gif") no-repeat 0px 0.4em;
	padding:4px 2px 0px 16px;
}

.linkDelete:hover {
	background: url("/dev/img/layout/bullet_delete_hvr.gif") no-repeat 0px 0.4em;
	padding:4px 2px 0px 16px;
}

.linkNotiz {
	background: url("/dev/img/layout/bullet_notiz.gif") no-repeat 0px 0.4em;
	padding:4px 2px 0px 16px;
}

.linkNotiz:hover {
	background: url("/dev/img/layout/bullet_notiz_hvr.gif") no-repeat 0px 0.4em;
	padding:4px 2px 0px 16px;
}

.linkRss {
	background-image: url('/dev/img/layout/rss.gif');
	background-repeat: no-repeat;
	padding:3px 2px 3px 25px;
	font-weight:bold;
}

/* Kernelemmente
----------------------------------------------- */

.counterStandard {
	border:1px solid black;
	background-image: url('/dev/img/bgLiveCounter.jpg');
	letter-spacing:0.4em;
	color:#FFFFFF;
	padding:2px 4px 2px 8px;
	font-weight:bold;
}

/* Forms
----------------------------------------------- */

.feldName {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-bottom:2px;
}

.feldNameHover {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-bottom:2px;
}

.feldNameHoverFrage {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left:15px;
	background:url("/dev/img/icon_frage.gif") no-repeat 0px 0.1em;
	padding-bottom:2px;
}

.feldNameError {
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
}

.width100fett {
	font-weight: bold;
	width: 98%;
}

.width100 {
	width: 98%;
}

.superflex {
	width: 100%;
}

.formbold {
	font-size : 11px;
	font-weight : bold;
}

.form {
	font-size : 11px;
}

#zeileCboxTextfeld {
	padding-top:0px;
	padding-bottom:4px;
	
}

.zeileCboxRegion {
	float:left;
	width:130px;
}

.zeileCboxRegion input {
	float:left;
}

/* Listen 
----------------------------------------------- */
.pfeil {
list-style-image: url( "/dev/img/bullet_small.gif" );
margin:0px;
padding-left:15px;
padding-top:5px;
padding-right:0px;
padding-bottom:0px;
}


/* Boxes und Bereiche
----------------------------------------------- */


.preisBox {
	background-color: #F0FFD1;
	padding: 5px;
	background-image: url("/dev/img/layout/bg_filterBox.png");
}

.navigationBox {
	border: 1px solid #cccccc;
	background-color: #efefef;
}

  .hilfeBox {
	border: 1px solid #FF6600;
	background-color: #ededed;
	padding: 5px 10px;
	margin: 5px 0;
}
  
  .titelHilfe {
  margin:0;
  font-size:13px;
  font-weight:bold;
  line-height:1.7em;
  background:url("/dev/img/icon_hilfe.gif") no-repeat 0px .5em;
  display:block;
  border-width:0 1px 1px;
  padding:2px 14px 2px 22px;
  }

  .alarmBox {
	border: 1px solid #FF0000;
	background-color: #ededed;
	padding: 5px 10px;
	margin: 5px 0;
  }
  
  .titelAlarm {
  margin:0;
  font-size:13px;
  line-height:1.7em;
  background:url("/dev/img/icon_alert.gif") no-repeat 3px .5em;
  display:block;
  border-width:0 1px 1px;
  padding:2px 14px 2px 22px;
  }

.direktLogin {
	display:none;
	clear:both;
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	padding: 7px 10px;
	margin: 5px 0;
	overflow:auto;
	height:100%;
  }

.titelBereich {
	color: #666666;
	font-size:13px;
	font-weight: 600;
	background-image: url("/dev/img/layout/titelBereich_bg.png");
	padding: 4px 3px 3px 6px;
	height:20px;
	clear:both;
}

.inhaltBereich {
	padding: 3px 3px 8px 7px;
	overflow:auto;
	height:100%;
	clear:both;
}

/* Achtung in gewissen skripten noch mit id referenziert z.B. meinProfil.php */
#titelBereich {
	color: #666666;
	font-size:13px;
	font-weight: 600;
	background-image: url("/dev/img/layout/titelBereich_bg.png");
	padding: 4px 3px 3px 6px;
	height:20px;
	clear:both;
}

#inhaltBereich {
	padding: 3px 3px 8px 7px;
	overflow:auto;
	height:100%;
	clear:both;
}

#inhaltBereichHover {
	padding: 3px 3px 8px 3px;
	overflow:auto;
	height:100%;
	background-color:#FFFAE1;
	background: url("/dev/img/layout/ly_bg_form.gif") repeat 0px 0px;
	clear:both;
}

#inlineFormFeld {
	float:left;
	padding-right:25px;
}

.formBlock370 {
	width: 355px;
	padding: 2px;
	overflow: hidden;
	max-height: 750px;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-left: 1px dotted #666666;
	margin: 0;
}

#filterBox {
	clear:both;
	padding: 5px 10px;
	margin: 5px 0;
	overflow:auto;
	height:100%;
	border-top: 1px dotted #CCFF66;
  }

#filterBox:hover {
	padding: 5px 10px;
	margin: 5px 0;
	overflow:auto;
	height:100%;
	border-top: 1px solid #CCFF66;
  }

#filterBoxAlt {
	clear:both;
	padding: 5px 10px;
	margin: 5px 0;
	overflow:auto;
	height:100%;
	border-top: 1px dotted #CCFF66;
  }

#filterBoxAlt:hover {
	padding: 5px 10px;
	margin: 5px 0;
	overflow:auto;
	height:100%;
	border-top: 1px solid #CCFF66;
  }

.filterTitel{
	color:#333333;
	font-weight:bold;
}

.filterSub {
	padding-bottom:3px;	
	background:url("/dev/img/layout/bullet_fachbereich_off.gif") no-repeat 0px 0.2em;
}

.filterSub a {
	padding-left:14px;	
	background:url("/dev/img/layout/bullet_fachbereich_off.gif") no-repeat 0px 0.2em;
}

.filterSub a:hover	 {
	padding-left:14px;
	background:url("/dev/img/layout/bullet_fachbereich_on.gif") no-repeat 0px 0.2em;
}

.filterSubAktiv {
	padding-left:14px;
	padding-bottom:3px;
	font-weight:bold;
	background:url("/dev/img/layout/bullet_fachbereich_aktiv.gif") no-repeat 0px 0.2em;
}
		
.gapLine {
	border-bottom: 1px solid #FFFFFF;

}

.hidden {
	display: none; 
}

.gapWerbung {
	height:18px;
}

.werbeFlaeche {
	clear:both;
	border: 1px solid #CCCCCC;
	padding: 4px 4px;
	height:100%;
  }

.infoBox {
      border-right: 1px solid #666666;
      border-bottom: 1px solid #666666;
      border-left: 1px solid #CCCCCC;
      padding:3px 3px;
      background: url("/dev/img/layout/bg_infoBox.jpg") no-repeat bottom right;
}

.infoBoxHead {
      height:21px;
      background: url("/dev/img/layout/bg_infoBoxHeader.jpg") no-repeat bottom right;
}


/* Buttons
----------------------------------------------- */

a.button {
	color:#000000;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	background-image: url("/dev/img/btn_bg.gif");
	letter-spacing: 1px;
}

a.button:link {
	color:#000000; 
     text-decoration: none;
  }

a.button:hover {
	color:#000000;
	text-decoration: none;
	border-top-color: #B9B9B9;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #B9B9B9;
	background-image: url("/dev/img/btn_bg_hvr.gif");
  }

a.button:active {
	color:#000000;
	text-decoration: none;
	border-top-color: #666666;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #666666;
	background-image: url("/dev/img/btn_bg_clck.gif");
  }
  
a.button_red {
	color:#000000;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	background-image: url("/dev/img/btn_bg_red.gif");
	letter-spacing: 1px;
}
a.button_red:link {
	 color:#000000; 
     text-decoration: none;
  }

a.button_red:hover {
	color:#000000;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #999999;
	background-image: url("/dev/img/btn_bg_red_hvr.gif");
  }

a.button_red:active {
	color:#000000;
	text-decoration: none;
	border-top-color: #666666;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #666666;
	background-image: url("/dev/img/btn_bg_red_clck.gif");
  }

a.button_default {
	color:#000000;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	background-image: url("/dev/img/btn_bg_default.gif");
	letter-spacing: 1px;
}
a.button_default:link {
	 color:#000000; 
     text-decoration: none;
  }

a.button_default:hover {
	color:#000000;
	text-decoration: none;
	border-top-color: #B9B9B9;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #B9B9B9;
	background-image: url("/dev/img/btn_bg_default_hvr.gif");
  }

a.button_default:active {
	color:#000000;
	text-decoration: none;
	border-top-color: #666666;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #666666;
	background-image: url("/dev/img/btn_bg_default_clck.gif");
  }

a.button_s {
	color:#000000;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 4px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	background-image: url("/dev/img/btn_bg.gif");
	vertical-align: middle;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.button_s:link {
	color:#000000; 
     text-decoration: none;
  }

a.button_s:hover {
	color:#000000;
	text-decoration: none;
	border-top-color: #999999;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #999999;
	background-image: url("/dev/img/btn_bg_hvr.gif");
  }

a.button_s:active {
	color:#000000;
	text-decoration: none;
	border-top-color: #666666;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	border-left-color: #666666;
	background-image: url("/dev/img/btn_bg_clck.gif");
  }
  
.transparent {
	-moz-opacity: 0;
	opacity:0;
	filter: alpha(opacity=0);
}  
  
/* Leightbox
----------------------------------------------- */

.lbHead {
	font-size: 19px;
	font-weight: bold;
	color: #000;
	padding-left:50px;
	padding-top: 10px;
	background:url("/dev/img/layout/head_info.gif") no-repeat 0px 0px;
	padding-bottom:2px;
	height: 30px;
}

.leightbox {
	color: #191A51;
	display: none;
	position: absolute;
	top: 15%;
	/* Safari */
	left: auto;
	right: auto;
	/* IE PC */
	_left:auto;
	_right:auto;	

	height: 400px;
	padding: 1em;
	text-align: left;
	z-index:1001;
	overflow: auto;
	background-color: white;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#191A51;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;   }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }