/* Stylesheet für http://www.frank-epp.de */
/* geschrieben von Knut Holst, http://www.redstarmedia.de */

/* Alle Abstände auf Null setzen, Schriften definieren */
* { 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#DDDDDD;
	padding:0;
	margin:0;
	}
	
/* Allgemeine Formatierungen */	
a {
	text-decoration:none;
	color:black;
	font-weight:bold;
	}
	
a:hover{
	color:#248224;
	}


h1 {
	margin-bottom:12px;
	}
	
h2 {
	margin-top:18px;
	margin-bottom:4px;
	}

p {
	line-height:140%;
	margin-top:16px;
	}
	
ul {
	margin-bottom:12px;
	}
	
ol {
	font-weight:bold;
	}

a img {border:0;}	




/* Wrapper definieren (Höhe, Breite, Abstände, Schriften */
 #wrapper {
	width:970px;
	height:550px;
	margin:16px;
	} 
	
/* Zellen der ersten Zeile definieren */
#top_left {
	height:42px;
	width:150px;
	float:left;
	border-right:1px solid black;
	}
	
#top_center {
	height:42px;
	width:684px;
	border-right:1px solid black;
	margin-left:151px;
	}
	
#top_right {
	height:42px;
	width:140px;
	position:absolute;
	top:16px;
	border-bottom:1px solid black;
	margin-left:836px;
	}
	
/* Navigations-, Content- und AdWord-Bereiche definieren */

#center {
	border-top:1px solid black;
	border-bottom:1px solid black;
	}

#navigation {
	width:150px;
	float:left;
	}
	
	
#content {
	height:500px;
	width:684px;
	overflow:auto;
	border-right:1px solid black;
	border-left:1px solid black;
	padding-top:42px;
	padding-bottom:12px;
	margin-left:0;
	}
	

	
#adwords {
	width:140px;
	position:absolute;
	top:59px;
	margin-left:836px;
	}
	
/* Fuss der Seite einrichten */
#bottom_left {
	height:42px;
	width:150px;
	float:left;
	border-right:1px solid black;
	}
	
#bottom_center {
	height:42px;
	width:684px;
	border-right:1px solid black;
	margin-left:151px;
	}

#bottom_right {
	height:42px;
	width:140px;
	position:relative;
	top:-36px;
	margin-left:836px;
	}
	
/* Kopfzeile ausrichten */

#top_center img {
	margin-top:13px;
	margin-left:71px;
	}

/* Navigation formatieren */

#navigation ul {
	margin-top:44px;
	margin-left:32px;
	}

#navigation li {
	list-style-type:square;
	margin-bottom:4px;
	}
	
#navigation li:hover {
	color:#248224;
	}

	
#startseite #navi01 a,
#staerken #navi02 a,
#erfahrung #navi03 a,
#outsourcing #navi03 a,
#jobangebote1 #navi04 a,
#jobangebote2 #navi04 a,
#jobangebote3 #navi04 a,
#jobangebote1 #stellen01,
#jobangebote2 #stellen02,
#jobangebote3 #stellen03,
#jobangebote4 #stellen04,
#karriere #navi05 a,
#news #navi07 a,
#links #navi06 a,
#impressum #navi08 a,
#impressum #bottom_right a,
#kontakt #navi09 a{
	color:#248224;
	}
	
	
#navi10 li{
	list-style-type:none;
	position:relative;
	top:-93px;
	left:16px;
	width:100px;	
	}

	
	
/* Content formatieren */

#content *{
	margin-left:40px;
	margin-right:24px;
	}

#content li {
	line-height:150%;
	}
	

#content img {
	margin-top:12px;
	margin-bottom:8px;
	margin-left:0;
	}
		
#bottom_bold {
	font-weight:bold;
	margin-top:64px;
	}

#content ol {
	list-style-position:inside;
	margin-left:0px;
	}
	
#content ol ul,
#content ol ul{
	font-weight:normal;
	list-style-position:inside;
	margin-left:-32px;
	}
	
#content a {
	margin-left:0;
	}
	
#content li a{
	margin:0;
	}
	


/* Formatierungen für Adwords */

#anzeigen {
	margin-top:168px;
	margin-left:16px;
	}
	
	
/* Fusszeile einrichten */
#bottom_center img {
	margin-top:13px;
	margin-left:50px;
	}

#bottom_right a{
	position:absolute;
	top:10px;
	left:24px;
	}
	
/* Spezial */
#outsourcing #content img{
	display:block;
	margin-top:18px;
	margin-right:28px;
	margin-bottom:18px;
	margin-left:28px;
	}
	
#news_links{
	margin-top:60px;
	margin-left:0;
	}
	
#kontakt #content #formular #submit {
	padding:4px;
	margin-top:24px;
	}
	
#kontakt #content *{
	margin:0;
	}
	
#kontakt #content p{
	margin-top:5px;
	}
	
#kontakt #content #benennung p{
	margin-top:7px;
	}
	
#benennung {
	float:left;
	padding-left:64px;
	}
	
	
#formular {
	height:500px;
	float:right;
	
	}
	
#startseite #content img {
	width:500px;
	margin-left:28px;
	}
	
#staerken h1{
	margin-bottom:24px;
	}
	
	
#jobangebote1 #content p,
#jobangebote2 #content p,
#jobangebote3 #content p,
#jobangebote3 #content p{
	margin-bottom:12px;
	}
	
#jobfuss #stellen01,
#jobfuss #stellen02,
#jobfuss #stellen03,
#jobfuss #stellen04{
	margin-right:6px;
	margin-left:6px;
	}
	
#jobfuss {
	position:absolute;
	top:454px;
	}
	
#zitat {
	position:absolute;
	top: 536px;
	}
	
#jobangebote1 #content #jobfuss,
#jobangebote2 #content #jobfuss,
#jobangebote3 #content #jobfuss,
#jobangebote4 #content #jobfuss{
	margin-top:64px;
	}
	
#links #content p{
	margin-top:0;
	margin-bottom:23px;
	}
	
#links #content .right{
	float:none;
	position:absolute;
	top:580px;
	left:564px;
	margin-top:0;
	margin-bottom:0;
	}

#links #content a{
	margin-right:0;
	margin-top:-8px;
	}


#impressum #content p,
#impressum #content h1,
#impressum #content h2{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	}
	
	
#impressum #content{
	overflow:hidden;
	height:500px;
	}	
	
#jobangebote1 a.partnerlink{
	margin-right:124px;
	}
	
#jobangebote2 a.partnerlink,
#jobangebote3 a.partnerlink,
#jobangebote4 a.partnerlink{
	margin-right:102px;
	}
	

/* Klassen */
.big {
	font-size:larger;
	margin-bottom:18px;
	}
	
.small {
	font-size:smaller;
	margin-top:-10px;
	}
	
.bold {font-weight:bold; margin-bottom:24px;}

.img_right {
	position:absolute;
	left:680px;
	}
	
.right {
	float:right;
	}
	
.left {
	float:left;
	}
	
	
.gruen {
	color:#248224;
	}
	
.inline {
	display:inline;
	}