/*

PlanConsult - Haupt-Stylesheet
Autor: Carsten Peters
Version: 05.11.2008


[Color codes]

Background:  #fff (white)
Content:     #000 (black)
Navi:	     #525252 (dark grey)
Navi open:   #646464 (lighter grey)
Navi 1.curr: #3A4B5B (darkest blue)
Navi 2.curr: #3b6790 (dark blue)

H3:          #1163AF (blue)
Links:	     #aaa (dark grey)


*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: normal 12px/21px Arial, Helvetica, Verdana, sans-serif; background: transparent url(../upload/css_img/verlauf.jpg) repeat-x; color: #000; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; outline: none; }
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

	

/* misc 
---------------------------------------------------------------------------*/

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }

/* Skiplinks */
#skip { margin: 0; }
#skip1 a,
#skip2 a { color: #000; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #000; background: #eee; top: 25px; left: 270px; }

.printonly,
.none { display: none; }
.clear { clear: both; height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font-size: 1.6em; font-weight: bold; color: #727272;  }
h3 { font-size: 1em; font-weight: normal; color: #1163AF; }
#artikelliste h2 { font-size: 1.4em; margin: 0 0 10px 0; }
#artikelliste h3 { font-weight: bold; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }

h2#top,
#headline { height: 34px; margin: -20px 0 15px 0; }
#headline img { margin: 0 20px 0 -5px; float: left; }
#normal { color: #1163AF; position: absolute; padding: 12px 0 0 0; }

#referenzen #normal,
#after_sales #normal,
#personalsuche #normal,
#aktuell #normal { padding: 7px 0 0 0; } 


/* container 
---------------------------------------------------------------------------*/

#container { width: 840px; margin: 0 auto; }
#wrapper { float: left; width: 100% }
#header { position: relative; }
#content { margin: 0 0 0 180px; padding: 0 120px 0 60px; text-align: left; }
#navigation { float: left; width: 180px; margin-left: -840px; z-index: 10; }
#footer { clear: both; width: 100%; }


/* header 
---------------------------------------------------------------------------*/

#header { width: 840px; height: 278px; margin: 34px 0 0 0; background-repeat: no-repeat; background-position: top center; background-image: url(../upload/css_img/head_startbild.jpg); }
#unternehmen #header,
#referenzen #header { background-image: url(../upload/css_img/head_unternehmensprofil.jpg); }
#personal #header,
#personalsuche #header { background-image: url(../upload/css_img/head_personalmanagement.jpg); }
#ertrag #header,
#after_sales #header { background-image: url(../upload/css_img/head_ertragsoptimierung.jpg); }
#erfolg #header { background-image: url(../upload/css_img/head_erfolgskontrolle.jpg); }
	
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { float: right; text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; margin: 37px 64px 0 0; height: 30px; width: 109px; }	

#formsearch { float: left; display: inline; margin: -23px 0 0 68px; }
#formsearch input#searchterm { width: 100px; height: 13px; font-size: .9em; padding: 0 0 1px 1px; border: 1px solid #999; color: #999;  }
#formsearch input.suchen { margin: 2px 0 -5px 4px; cursor: pointer; }



/* hilfsnavigation 
---------------------------------------------------------------------------*/

#hilfsnavi { float: right; display: inline; margin: -20px 60px 0 0; }
	#hilfsnavi li { float: left; display: inline; height: 20px; }
		#hilfsnavi li a { float: left; padding: 0 10px; line-height: 20px; height: 20px; color: #444; display: block; text-align: center; }
		#hilfsnavi li a:hover,
		#hilfsnavi li a:active,
		#hilfsnavi li a:focus { color: #000; }
		#hilfsnavi li a.current { color: #1163AF; }


/* content 
---------------------------------------------------------------------------*/

	#content a,
	#content a:link,
	#content a:visited { color: #444;  }
	#content a:hover,
	#content a:active,
	#content a:focus { color: #000; }
	#content p { margin: 0 0 15px 0; }
	#content img.image_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
	#content img.image_links { float: left; display: inline; background: #fff; margin: 5px 20px 40px 20px; }
	#agb #content img.image_links { float: left; display: inline; background: #fff; margin: 2px 5px 0 0; }
	#content ul { padding: 0 20px 10px 20px; }
	#content ol { padding: 0 0 10px 16px; }
	#content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/li_dot.gif) no-repeat 2px 11px; }
	#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }

	#content table { border-bottom: 1px solid #00a513; margin: 20px 0; width: 100%; border-collapse: collapse; }
	#content table th { background: url(../upload/css_img/bg_th.jpg) repeat-x 50% 50%; color: #fff; font-weight: bold; padding: 0 7px; margin: 20px 0 0; text-align: left; }
	#content table tr {  }
	#content table th,
	#content table td { color: #666; text-align: left; line-height: 1.4em; padding: 10px 7px; border-top: 1px solid #00a513; }

	#content input,
	#content textarea, 
	#content select { margin: 2px; padding: 3px; border: 1px solid #999; font: 1em Verdana, Arial, Helvetica, sans-serif; }
	#content dt { float: left; width: 8em;  } 
	#content dd { margin: 5px 10px; }  
	#content input { width: 200px; }
	#content input#submit,
	#content input.absenden { color: #666; border: 1px solid #999; font-weight: bold; width: 100px; }
	#content input:focus,
	#content textarea:focus { padding: 2px; border: 2px solid  #999; }
	#content input#Mann,
	#content input#Frau { width: auto; border: 0; }  
	#content form p { margin: 0 0 0 8em; }
	#content form p#pflicht { margin: 0; }
	#content p input { width: 140px; border: none; cursor: pointer; }
	#content p input:hover { background: #eee; }
	#content textarea { width: 300px; height: 150px; }	
	#content .newsletterselect { width: 100px; }


/* navi 
---------------------------------------------------------------------------*/

#artikelliste { position: absolute; color: #fff; font-size: .88em; line-height: 1.2em; margin: -180px 0 0 0; height: 55px; padding: 7px 10px; width: 160px; background: #7f7f7f; border-bottom: 1px solid #a1a1a1; }
#artikelliste h2 { margin: 0 0 5px 0; color: #ccc; font-weight: normal; font-size: 1.2em; }
#artikelliste h3 { margin: 0 0 4px 1px; font-weight: normal; }
#artikelliste p { margin: 0 0 0 1px; }
#artikelliste a { color: #fff; }

#navigation ul#nav { position: absolute; z-index: 10; margin: -110px 0 0 0; padding: 0 0 74px 0; width: 180px; background: #525252 url(../upload/css_img/navi_bg.jpg) repeat-x bottom; }
	#navigation ul#nav li a { padding: 0 0 0 10px; display: block; height: 25px; line-height: 25px; border-bottom: 1px solid #a1a1a1; }
	#navigation ul#nav li a#id_5,
	#navigation ul#nav li a#id_24 { border-bottom: none; }
	#navigation ul#nav li a#id_22 { border-top: 1px solid #a1a1a1;; }
	#navigation ul#nav li a#id_16,
	#navigation ul#nav li a#id_19 { padding: 3px 0 0 16px; height: 36px; line-height: 16px; }
	#navigation ul#nav li a:link,
	#navigation ul#nav li a:visited { color: #ccc; }
	#navigation ul#nav li a:hover,
	#navigation ul#nav li a:active,
	#navigation ul#nav li a:focus { color: #fff; }
	#navigation ul#nav li a.current { color: #fff; background: #3A4B5B; }	
		#navigation ul#nav ul { position: relative; margin: 0; padding: 0; }
		#navigation ul#nav ul a { padding: 0 0 0 16px; background: #646464; }
		#navigation ul#nav ul li a.current { background: #3b6790; }		

/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; position: relative; top: 30px; background: url(../upload/css_img/fussleiste.gif) no-repeat center; height: 48px; margin: 180px 0 0 0; text-align: right; }
	#footer #print_tell { float: right; padding: 22px 60px 22px 0; }	
	#footer #pc { float: left; padding: 22px 0 22px 80px; color: #727272; }
	#footer .plan { color: #1163af; }
	#footer .consult { color: #000; margin: 0 18px 0 0; }
	#footer #print_tell a { border-bottom: none; color: #444; }
	#footer #print_tell a:hover,
	#footer #print_tell a:active,
	#footer #print_tell a:focus { color: #000; }	
	#footer p a.print { background: url(../upload/css_img/icon_print.gif) no-repeat left center; padding: 2px 20px; }
	#footer p a.friend { background: url(../upload/css_img/icon_friend.gif) no-repeat left center; padding: 2px 20px; }