/*----------------------------------------------------*/
/* DEFAULTS */
/*----------------------------------------------------*/
.body {
	font-family:Verdana, Tahoma, sans-serif;
	color:#333;
	text-align:center;
	line-height:180%;
	font-size:11px;
	margin:0;
	padding:0;
	background:url('http://www.peoplepark-group.de/img/logo_bar_hg.png') center 83px repeat-x;
}

p, span {
	font-family:Verdana, Tahoma, sans-serif;
	color:#333;
	font-size:11px;
	line-height:180%;
}

h1 {
	font-size:1.4em;
	font-weight:bold;
}

h2, h3 {
	font-size:1.1em;
}

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

a:link, a:visited { 
	color:#666666;
}

a:hover {
	color:#666666;
	text-decoration:underline;
	
}

a:active {
	color:#666666;
}

ul {
	disply:inline; /*double margin bug ie*/
	padding:0px;
	margin:0px 0px 15px 15px;
	line-height:180%;
}

ul ul {
	margin:0px 0px 0px 15px;
}


div.hr
{
	border-top:1px solid #F5F4F2;
	height: 1px;
}

.imgeffect {border:1px solid white;}

h1.blau, h2.blau, h3.blau {color:#374969;}
h1.gruen, h2.gruen, h3.gruen {color:#717737;}
h1.rot, h2.rot, h3.rot {color:#980032;}
h1.gelb, h2.gelb, h3.gelb {color:#F7A909;}

h1.zentriert, h2.zentriert, h3.zentriert { text-align:center;}

/*----------------------------------------------------*/
/* HEADER */
/*----------------------------------------------------*/

div#header_image {
	width:896px;
	height:83px;
	margin:0px auto 0px auto;
	background:url('http://www.peoplepark-group.de/img/header_neu.png') right top no-repeat;
}

#wrapper {
width:896px;
text-align:center;
margin:0 auto 0 auto;
}

div#logo_bar {
	width:100%;
	width:896px;
	height:108px;
	text-align:center;
	position:relative;
}

div#emotion {
	position:absolute;
	top:0;
	right:0;
	width:725px;
}

div#emotion .n {padding:0px;}

h1.logo {
	margin:0px; 
	padding:0px;	 
}

h1.logo a {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	margin:0px;
	display:block;
	width:199px;
	height:108px;
	border:0px;
	background: url('http://www.peoplepark-group.de/img/logo.gif') no-repeat top left;
}

h1.logo span { 
	display: none; 
}

/* Flashheader */


#page-6654201 div#logo_bar,
div#flashcontainer {display: none;}

#page-6654201 div#flashcontainer { 
	display: block;
	width:850px;
	height:108px;
	margin:0px auto 0px auto;
	padding:0 0 0 24px;
}

#page-6654201 div#flashcontainer .gutter { margin:0; padding:0;}
#page-6654201 div#flashcontainer .n {padding:0;}


/*----------------------------------------------------*/
/* CONTAINER */
/*----------------------------------------------------*/
/** 
Wg. float-Bug muessen zwei umschliessende Container eingesetzt werden */
div#page_container {
	width:896px;
	margin:0px auto 0px auto;
	text-align:left;
}

#page-6654201 div#container {
	float:left;
	width:896px;
	background: url('http://www.peoplepark-group.de/img/content_hg.png') right top repeat-y;
}

div#container {
	float:left;
	width:896px;
	background: url('http://www.peoplepark-group.de/img/grau_content_hg.png') right top repeat-y;
}

/*----------------------------------------------------*/
/* CONTENT */
/*----------------------------------------------------*/
#page-6654201 div#content {
	float:left;
	width:710px;	
}

div#content .gutter { padding:20px 24px 0px 24px;}
div#sidebar .gutter { padding:14px 30px 0px 14px;}

div#content {
	float:left;
	width:470px;
}

#page-6654201 div#sidebar {display: none;}

div#sidebar {
	display:block;
	float:right;
	width:210px;
	color: white;
}

div#sidebar a {
	color: white;
	text-decoration:underline;
}

div#sidebar h2, 
div#sidebar h1 {
color: white;
}

div#sidebar span,
div#sidebar p {	color: white;}

/*  STARTPAGE
----------------------------------------------- */

div#teaser_container {

}

div.teaser_container_row {
	margin:0 0 20px 40px;
	height:250px;
}


div.teaser1 a, 
div.teaser2 a,
div.teaser3 a,
div.teaser4 a {
	display:block;
	float:left;
	width:276px;
	height:250px;
}

div.teaser1 a, 
div.teaser3 a {
	margin:0 20px 0 0;
}

div.teaser1 h1, 
div.teaser2 h1,
div.teaser3 h1,
div.teaser4 h1 {
	text-indent:-5000px;
	line-height:0%;
	margin:0;
	padding:0;
	font-size:0px;
}

div.teaser1 a {
background:url('http://www.peoplepark-group.de/img/teaser1.jpg') 0 0 no-repeat;
}



div.teaser2 a {
background:url('http://www.peoplepark-group.de/img/teaser2.jpg') 0 0 no-repeat;
}


div.teaser3 a {
background:url('http://www.peoplepark-group.de/img/teaser3.jpg') 0 0 no-repeat;
}



div.teaser4 a {
background:url('http://www.peoplepark-group.de/img/teaser4.jpg') 0 0 no-repeat;
}





/*----------------------------------------------------*/
/* BOTTOM */
/*----------------------------------------------------
#page-6654201 div#footer {	background: url('http://www.peoplepark-group.de/img/content_hg.png') right top repeat-y;}*/

div#footer {
	width:700px;
	clear:both;
	float:left;
}

div#footer .gutter { padding: 0 0 0 175px }

div#footer .gutter div#contentfooter div.rightrow {width:10%;}
div#footer .gutter div#contentfooter div.leftrow {width:80%;}

div#bottom {
	clear:both;
	width:896px;
	height:22px;
	margin:0px auto 0px auto;
	background:url('http://www.peoplepark-group.de/img/grau_bottom_hg.png') right top no-repeat;
	text-align:right;
	padding:16px 0 0 0;
}

#page-6654201 div#bottom {background:url('http://www.peoplepark-group.de/img/bottom_hg.png') right top no-repeat;}

div#bottom div#copyright {
padding:0 10px 0 0;
font-size:9px;
letter-spacing:1px;
line-height:100%;
margin:0;
float:right;
}

div#bottom div#copyright a {
color:#000000;
}

div#bottom div#copyright a:hover {
text-decoration:none;}

div#bottom div#copyright a span {
color:#999999;
font-size:9px;
}

/*----------------------------------------------------*/
/* Kacheln */
/*----------------------------------------------------*/

div#kacheln {margin:auto; text-align:center; width:610px; padding:10px 0 30px 0;}
* html div#kacheln {width:630px;}

div#kacheln div.kachel
{
	position:relative; 
	float:left;
	
	height: 155px; 
	width:260px;  
	border: 1px solid black;
	text-align:left; 
}

div#kacheln div.logo 
{ 
	height:21px; 
	width:134px; 
	text-align:center; 
	margin:8px auto 2px;
}

div#kacheln div.image 
{
	 position:absolute;
	 left:-12px;
	 width:283px; 
	 height:80px;
}
 
div#kacheln div.image span 
{
	 display:block; 
	 font-family:Verdana, Arial, Helvetica, sans-serif; 
	 font-size:11px;
	 color:#999999;
	 line-height:120%;
	 padding: 45px 100px 0 15px;
}
 
div#kacheln div.links a,
div#kacheln div.links a.link, 
div#kacheln div.links a.visited, 
div#kacheln div.links  
 { 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 text-decoration:none; 
 text-align:center; 
 font-size:12px; 
 color: white;
 }
 
div#kacheln div.links a:hover { text-decoration:underline; color:#FF75A2;}
 
div#kacheln div.gutter {height:115px; padding:0px;}
* html div#kacheln div.gutter {height:122px; padding:0px;}
 
 /*red flex*/
 
div#flex
{
	position:relative; 
	float:left;
	margin:10px; 
	height: 155px; 
	width:260px;  
	border: 1px solid black;
	margin:0 20px 20px 20px; 
	background:#990033; 
}

div#flex div.logo {background: url(http://www.peoplepark-group.de/img/logo_flex2.jpg) no-repeat;}
div#flex div.links a:hover { text-decoration:underline; color:#FF75A2;}

div#flex div.image {background: url(http://www.peoplepark-group.de/img/image_flex.png) top left no-repeat;}
* html div#flex div.image {	background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.peoplepark-group.de/img/image_flex.png');}


/*green - temp*/
 
div#temp
{
	position:relative; 
	float:left;
	margin:10px; 
	height: 155px; 
	width:260px;  
	border: 1px solid black;
	margin:0 20px 20px 20px; 
	background:#717737; 
}

div#temp div.logo {background: url(http://www.peoplepark-group.de/img/logo_temp2.gif) no-repeat;}
div#temp div.links a:hover { text-decoration:underline; color:#9CA54E;}

div#temp div.image {background: url(http://www.peoplepark-group.de/img/image_temp.png) top left no-repeat;}
* html div#temp div.image {	background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.peoplepark-group.de/img/image_temp.png');}

/*blue - perm*/
 
div#perm
{
	position:relative; 
	float:left;
	margin:10px; 
	height: 155px; 
	width:260px;  
	border: 1px solid black;
	margin:20px; 
	background:#374969; 
}

div#perm div.logo {background: url(http://www.peoplepark-group.de/img/logo_perm2.gif) no-repeat;}
div#perm div.links a:hover { text-decoration:underline; color:#BFCADD;}

div#perm div.image {background: url(http://www.peoplepark-group.de/img/image_perm.png) top left no-repeat;}
* html div#perm div.image {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.peoplepark-group.de/img/image_perm.png');}

/*yellow - complete*/
 
div#complete
{
	position:relative; 
	float:left;
	margin:10px; 
	height: 155px; 
	width:260px;  
	border: 1px solid black;
	margin:20px; 
	background:#F7A909; 
}

div#complete div.logo {background: url(http://www.peoplepark-group.de/img/logo_com2.gif) no-repeat;}
div#complete div.links a:hover { text-decoration:underline; color:#FDE7B9;}
div#complete div.links span { color: #F7A909;}

div#complete div.image {background: url(http://www.peoplepark-group.de/img/image_com.png) top left no-repeat;}
* html div#complete div.image {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.peoplepark-group.de/img/image_com.png');}

/*----------------------------------------------------*/
/* NAVIGATION */
/*----------------------------------------------------*/
div#navigation {
	float:left;
	width:171px;
	padding:0px;
	margin:0px;
	font-size:10px;
}

/* MainNav1 
---------------------------*/

ul.mainNav1 {	
	margin:20px 0 0 0;
	padding:0px;
	list-style-type:none;
	line-height:100%;
}

ul.mainNav1 li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.mainNav1 li a,
ul.mainNav1 li a:link,
ul.mainNav1 li a:visited,
ul.mainNav1 li a:hover,
ul.mainNav1 li a:active {
	color:#333;
	display:block;	
	height:18px;
	padding:7px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none;	
}



/* MainNav2 
--------------------------*/

ul.mainNav2 {
	padding:0px;
	margin:0px 0px 0px 0px;
	text-transform:none;
	line-height:100%;
}

ul.mainNav2 li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.mainNav2 li a,
ul.mainNav2 li a:link,
ul.mainNav2 li a:visited,
ul.mainNav2 li a:hover,
ul.mainNav2 li a:active {
	font-weight:normal;
	color:#333;
	display:block;
	height:18px;
	padding:7px 3px 0px 15px;
	margin:0px 0px 0px 0px;
	text-decoration:none;	
}

/* MainNav3 
----------------------------*/

ul.mainNav3 {
	padding:0px;
	margin:0px;
	line-height:100%;
}

ul.mainNav3 li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.mainNav3 li a,
ul.mainNav3 li a:link,
ul.mainNav3 li a:visited,
ul.mainNav3 li a:hover,
ul.mainNav3 li a:active {
	display:block;
	height:18px;
	padding:7px 3px 0px 25px;
	margin:0px 0px 0px 0px;
	text-decoration:none;		
}


/*  BlaBla
----------------------------------------------- */



ul.mainNav1 a.current,
ul.mainNav2 a.current,
ul.mainNav3 a.current
 {	
	background: url('http://www.peoplepark-group.de/img/nav_bg.png') 0 0 no-repeat;
}

ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
 {	
	background: url('http://www.peoplepark-group.de/img/nav_bg.png') 0 -25px no-repeat !important;
}


/*  Auswahl
----------------------------------------------- */

div.filterbox div.selectgroup {padding:10px;}
div.filterbox div.selectgroup label {width:150px; float: left; display:block;}
div.filterbox {padding: 0 0 20px 0;}


/*  Jobs
----------------------------------------------- */


div.details {
	background:url('http://www.peoplepark-group.de/img/arrow.gif') 0 10px no-repeat #ffffff;
	border:1px solid #CCC;
	border-left:6px solid #CCC;
	padding:5px 5px 5px 10px;
	margin:0 0 10px 0;
	color: #999;
}

div.details h1 {
color:#666666;
font-size:16px;
margin:0 0 15px 0;
}


div.details h2 {
color:#666666;
font-size:14px;
margin:0 0 15px 0;
}

div.details h3 {
color:#666666;
font-size:12px;
margin:0 0 5px 0;
}

div.details p {
color:#999999;
font-size:11px;
margin:0 0 12px 0;
}

div.details li {
color:#999999;
}


div.details a.tellafriend:link,
div.details a.tellafriend:visited,
div.details a.tellafriend:active
{
	float:none;	
	padding:5px 10px 5px 30px;
	margin:10px 10px 10px 0;
	border:none;
	color:#990033;
	background:url('http://www.peoplepark-group.de/img/email.gif') 0 50% no-repeat #ffffff;
}

div.details a.tellafriend:hover
{
	background-position:0 50%;
}