/*<![CDATA[
jmp media - pixelcoach. Nicole Mueller
www.jmp-media.de
01/2007
*/

* { 	margin:0; padding:0; }
 
body{
	min-height: 101%;	
	font: normal normal 101% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: rgb(204,204,204) url(../img/background.gif) repeat-x;
	}
#page {	
	width: 991px; 
}
#top{
	width: 931px;
	height: 87px;
}
#top img {
	display: inline;
	width:346px;
	height:87px;
	float: left; 
}
#personal {
	padding-top: 42px;
}
#personal p{
	margin-left: 105px;
	text-transform: uppercase; 
	display: inline;
	font: normal normal .85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: rgb(0,102,204);
	position: relative;
}
#service{
	padding-top: 8px;
	margin-left: 645px;
	color: rgb(255,255,255);
	font: normal normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#service a, #service a:link, #service a:hover{
	color: rgb(255,255,255);
	text-decoration: none; 
	font: normal normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 2px 5px 2px;
}
#service a:hover{
	color: rgb(255,255,255);
	text-decoration: underline; 
	font: normal normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 2px 5px 2px;
}
/* - - - - Kopfbereich - - - -  */
/* Servicenavigation*/
#navigation {
	padding: 172px 0 0 151px;
	width: 717px;
	height: 22px;
	background:  url(../img/header.jpg) no-repeat top; 
}	
#supnavigation {
	width: 150px;
	padding-top: 18px;
	float: left;
}	
#navigation ul {
	list-style-type: none;	
	height: 20px;
	background-color: rgb(0,102,204);
	padding: 2px 0 0 10px;
        color: rgb(255,255,255);
	font: normal normal .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
        width: 707px;
}	 
#navigation ul li { 	
	display: inline;
	float: left;	
        margin-right: 5px;
}
#navigation ul li a, #navigation ul li a:link,
#navigation ul li a:hover, #navigation ul li.current a,
#navigation ul li.current a:link ,#navigation ul li.current a:hover {
	color: rgb(255,255,255);
	text-decoration: none; 
	font: normal normal .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 15px; border-right: 1px solid white;
	margin: 2px 0 4px 0;
	display: block;
}
#navigation ul li a:hover {
	text-decoration: underline;
}
#navigation ul li.current a, #navigation ul li.current a:link, #navigation ul li.current a:hover {
	font-weight: bold;
}
#supnavigation ul {
	list-style-type: none;
}	
#content #supnavigation ul li {
margin:0 0 0 3px;
padding:0;
} 
#supnavigation ul li a, #supnavigation ul li a:link,
#supnavigation ul li a:hover, #supnavigation ul li.current a,
#supnavigation ul li.current a:link ,#supnavigation ul li.current a:hover {
	color: rgb(136,136,136);
	text-decoration: none; 
	font: normal normal .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	padding: 3px 0 2px 18px;
}
#supnavigation ul li a:hover, #supnavigation ul li.current a,
#supnavigation ul li.current a:link, #supnavigation ul li.current a:hover {
	font-weight: bold;
	background: url(../img/navicon.gif) no-repeat 0 1px;
}

#content {
	padding: 18px 0 5px 0;
	text-align: left;
	color: rgb(60,71,76);
	width: 991px;
}
#content p, #content ul li {
	padding: 0 0 10px 0;
	line-height: 150%; 
        font-size: 0.75em;
}
#content ul li ul li {
	padding: 0 0 0 0;
	line-height: 150%; 
        font-size: 0.9em;
}
#content ul {
	padding: 4px 0;
}
#content ul li{
	font-size: 0.8em;
	list-style-image: url(../img/list_style.gif);
	_list-style-image: url(../img/list_style_ie.gif);
	padding: 3px 70px 1px 0;
	margin-left: 17px;
	margin-top: 0;
	line-height: 130%;	
}
#content_cont, #content_more {
	margin: 0 10px 2px 0;
	padding: 23px 25px;
	float: left;
	width: 473px;
	color: rgb(136,136,136);
	background-color: rgb(255,255,255);
	border: 1px solid rgb(136,136,136);
}
#content_cont {
	min-height: 480px;
	height: auto !important;   
	height: 480px;
}
#content_more {
	margin: 0;
	width: 169px;
	padding: 24px 7px 30px 7px;
	color: rgb(136,136,136);
	background-color: rgb(232,232,232);
        font: normal normal .9em Arial, Helvetica, sans-serif;
}
#content_cont p {
	font: normal normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	}
#content_cont h1, #content_more h1, #content_cont h2, #content_cont h3, #content_cont h4 {
	margin:0 0 3px 0; padding:0;
	color: rgb(51,51,51); 
	font: normal bold .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content_more h1 {font: normal bold .8em Helvetica, sans-serif; }
#content_cont h2, #content_cont h3, #content_cont h4 {
	font-weight: normal;
	margin-top: 20px;
}
#content_cont h3 {
	color: rgb(238,0,4); 
	margin-top: 3px;
font-weight: normal;
}
#content_cont form h3 {	margin:10px 0 5px 0; font-size: 0.9em; }
#content_cont h4 {
	color: rgb(0,102,204);
	margin-top: 3px;
}
#content_more h3 {
	color: rgb(51,51,51); 
	font: normal bold .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	}
#content_more a {
	color: rgb(0,102,204);
	font: normal normal .9em Arial, Helvetica, sans-serif;
	line-height: 160%;
}
/* Boxen für Startseite*/
#stellenangebote, #inhalt {
	margin: 0 10px 0 150px;
	padding-bottom: 20px;
	float: left;
	width: 235px;
	color: rgb(136,136,136);
	background-color: rgb(255,255,255);
}
#inhalt{
	margin: 0 0 2px 0;
	width: 474px;
	height: auto;
}
#stellenangebote h1, #inhalt h1, content_cont h1 {
	color: rgb(238,0,4); 
	background-color: rgb(224,224,224);
	padding: 4px 0 4px 8px;
	margin: 0;
	font: normal bold .75em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid rgb(136,136,136);
}
#inhalt h1 {
	color: rgb(136,136,136);
}
#stellenangebote a, #inhalt a {
	color: rgb(0,102,204);
/*	font: normal bold 1em Verdana, Arial, Helvetica, sans-serif;*/
}
#stellenangebote p, #inhalt p {
	padding: 11px 11px 14px 11px;
	font: normal normal .8em Verdana, Arial, Helvetica, sans-serif;
	}
#stellenangebote p {
	font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;
	}

/* Links */
a, a:link, a:hover{
	font: normal normal 0.95em Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
   color: rgb(175,1,34);
	}/*Link*/
#footer_start, #footer {
	clear: left;
	height: 17px;
}
#footer_start {
	text-align: right; 
	width: 868px;
}
#footer_start a, #footer_start a:link, #footer_start a:hover,
#footer a, #footer a:link, #footer a:hover{
	font: normal normal 0.7em Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 3px 0;
	margin-bottom: 4px;
   color: rgb(136,136,136);
}
#footer a, #footer a:link, #footer a:hover{
	padding: 3px 0 3px 155px;
	margin-bottom: 4px;
   color: rgb(136,136,136);
}
#footer a:hover, #footer_start a:hover{
	text-decoration : underline;
}
/* - - - - - - - -   formular   - - - - - - - -  */
form {	
	padding: 0; 
	font: normal normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	}
form fieldset {
	padding: 0;
	border: none; 
	width: 93%; 
}
select,option {	width: 190px;	}

input { 
	width : 255px;
	height : 18px;
	width: 248px;
	border: 1px solid rgb(147,147,147);
	padding:1px;
	margin: 1px 0;
}
input.number {width: 40px;}
input.zip {width: 50px;}
input.city {width: 190px;}
input.street {width: 200px;}
input.boppel{
	border: none;
	width: 20px;
	background-color: transparent;
	padding:0; margin:3px 0 -3px 0;
}
input.absenden {
	width : 252px;
        height : 22px;
	margin-top: 10px;
	border: 1px solid rgb(51,51,51);
	font-weight: bold;
        background-color: rgb(174,189,204);
        color: rgb(51,51,51);
}
textarea {
	width: 250px;
	border: 1px solid rgb(147,147,147);
height: 100px;
}
.row, .row1, row2 {
   padding: 4px 1px;
   display: block;
   clear:right;
}
.row1 {padding: 0;}
.row br, .row1 br, .row2 br  { /* Ausblenden der <br>s fuer ungestylte Ansicht */
   display: none; }
.row span, .row1 span, .row2 span  {
	padding: 4px 0;
	width: 180px;
	float: left;
}
.row1 span  {
	height: 30px; padding: 0;
}
#content form .row2 span { padding-bottom: 47px;}
#content_cont table.jobeingabe tr td {
	background: #e8e8e8;
        padding: 2px;
}

.nopadding { margin-left:-25px; }

/*]]>*/