/*///////////////////////////////////////////////////////////////////
// 2008-08   | STERN+HUBER                                         //
// Project   | ZAFA Personal Service Agentur GmbH                  //
// Author    | Karsten Meyer | www.madebymeyer.de                  //
// modified  | 01.08.2008 by Karsten Meyer                         //                                                   
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

/* # basics ########## */
HTML {
	margin:0;
	padding:0;
	height:100%;
}
BODY {
	height:100%;
	text-align: center;
	color: #6b6a6a;
	direction: ltr;
	font: 11px  Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
  background:#e8e8e9 url(/general/images/layout/bg_body.gif) repeat-x;	
}

#container {
 position:relative;
	margin:53px auto;
	text-align: left;
	width:941px;
}

TABLE, TR, TD, TH {
	font: 12px  Arial, Tahoma, sans-serif;
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	}

A:link,
A:active,
A:visited,
A:hover {
  color:#2e76b3;
  text-decoration:none;
}

A IMG,
IMG {
	border:0;
}

H1 {
	font-size:12px;
  margin:0;
	padding-bottom:20px;
}

H1.stelle {
	font-size:14px;
	margin:0;
	padding-bottom:5px;
}

/* edited by soenke */
H2.blue {
	font-size:11px;
        margin:0;
	font-weight:700;
	color: rgb(0, 103, 180);
}

/* end edited by soenke */

H2,H3,H4,H5,H6 {
	font-size:11px;
	font-weight:700;
  margin:0;
	padding-bottom:0px;
}

P	{
  padding:0 0 20px 0;
  margin:0;
}

.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }


/* # header area ############### */
#header {
  position:relative;
	width:941px;
	height:169px;
	background: url(/general/images/layout/bg_header.gif) no-repeat;
}

#logo {
  position:absolute;
  left:24px;
  top:24px;
	width:191px;
	height:92px;
}

#meta {
  position:absolute;
  right:60px;
  top:96px;
  font-size:10px;
}
#meta A:link,
#meta A:active,
#meta A:visited,
#meta A:hover {
  color:#000;
  text-decoration:none;
}

#keyvisual {
  position:absolute;
  left:215px;
  top:24px;
	width:701px;
	height:92px;
  background: url(/general/images/layout/keyvisual.jpg) no-repeat;	
}

/* # main area ############### */
#main {
  position:relative;
  float:left;
	width:893px;
	padding:0 24px;
	background: url(/general/images/layout/bg_main.gif) repeat-y;	
}
#frame {
  position:relative;
  float:left;
	background: url(/general/images/content/puzzlefoto.gif) right bottom no-repeat;	
	border:1px solid #fff000;	
}

#content {
  position:relative;
  float:left;
	width:486px;
	padding-left:191px;
	background: url(/general/images/layout/bg_puzzle.jpg) left bottom no-repeat;
	height:auto !important; /* real browsers */
	height:480px; /* IE6: treaded as min-height*/
	min-height:480px; /* real browsers */
}
#content P {
	padding-right:27px;
}

#navigation-area {
  position:absolute;
  left:11px;
  top:0px;
	width:144px;
	background-color:#FFCC00;
}

#col-right {
  float:right;
	width:203px;
	padding-left:12px;
}



/* # navigation ############### */
#navigation {
  position:absolute;
  left:11px;
  top:0px;
	width:144px;
	background-color:#f2f2f3;
	border-top:1px solid #707070;
  margin:0;
  padding:0;
  list-style:none;
}

#navigation LI {
	padding:0;
  margin:0;
	border-bottom:1px solid #707070;
}

#navigation LI A:link,
#navigation LI A:visited,
#navigation LI A:hover,
#navigation LI A:active {
  display:block;
	padding:5px 0 5px 6px;
	margin:0;
  font-size:11px;
	text-decoration:none;
	color: #353535;
}

#navigation LI A:hover,
#navigation LI.current A:link,
#navigation LI.current A:visited {
	color: #fff;
	padding:4px 0 4px 6px;
	border-top:1px solid #e5e6e7;
	border-bottom:1px solid #e5e6e7;
  background-color: #809459;
}

/* # content ############### */
TABLE.stellenanzeigen TH {
  color:#809459;
  font-weight:700;
  padding:8px 0 20px 9px;
}
TABLE.stellenanzeigen TD {
  padding:8px 0 20px 9px;
  background-color:#f8f8f8;
  border-bottom:2px solid #fff;
}

/* # forms ############### */
LABEL {
  font-weight:700;
  padding-right:10px;
}

INPUT {
  border:1px solid #b8b8b8;
  font: 11px  Arial, Tahoma, sans-serif;
  padding:1px 3px;
}
INPUT.submitImage {
  padding:0;
  border:0;
}
SELECT {
  border:1px solid #b8b8b8;
  font: 11px  Arial, Tahoma, sans-serif;
  padding:0px 3px;
}
TEXTAREA {
  border:1px solid #b8b8b8;
  font: 11px  Arial, Tahoma, sans-serif;
}

/* # footer ############### */
#footer {
  position:relative;
	width:941px;
	height:24px;
	background: url(/general/images/layout/bg_footer.gif) no-repeat;
}
#service {
  position:absolute;
  right:20px;
  top:12px;
  font-size:10px;
  color:#fff;
}
#service A:link,
#service A:active,
#service A:visited,
#service A:hover {
  color:#fff;
  text-decoration:none;
}
/* # END ############### */



/* formulare */

form.kontakt td {
	padding:4px;
	text-align:left;
	font: 11px  Arial, Tahoma, sans-serif;
}

form.kontakt input {
	width: 200px;
}

form.kontakt input.submit {
	width: 80px;
}

form.kontakt input.radio{
	width: 10px;
}


/* listen */
#content ul {
	list-style-image:url(/general/images/layout/bullet.gif);
}

#navigation li {
	list-style-image:none;
}