/*

Flagsol - Haupt-Stylesheet
Autor: Carsten Peters
Version: 21.12.2010

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: 11px/17px Arial, Helvetica, sans-serif; color: #808486; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; outline: none; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

p, pre { margin: 0 0 10px 0; }
em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

	

/* misc 
---------------------------------------------------------------------------*/

abbr,
acronym { border-bottom: 1px dotted #000; cursor: help; }
strong, b { color: #000; }

/* 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; }

.none { display: none; }
.clear { clear: both; margin: 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: 11px; color: #000; font-weight: bold; }
h2 { margin: 40px 0 10px 0; font: 18px/22px Georgia, "Times New Roman", Times, serif; font-weight: normal; }
#news h2 { margin: 0 0 10px 0; }
h3 { margin: 15px 0 5px 0; font-size: 12px; }
h4 { color: #808486; font-size: 12px; }
h5 { }
h6 { }
.date { margin: 40px 0 0 0; }

/* container 
---------------------------------------------------------------------------*/

#container { width: 920px; margin: 0 auto; background: #fff url(../upload/css_img/bg_body.gif) no-repeat bottom center; }
#wrapper { float: left; width: 100% }
#header { position: relative; }
#content { margin: 0 190px; padding: 0 25px 2px 25px; }
#extra { float: left; width: 190px; margin-left: -190px; }
#navigation { float: left; width: 190px; margin-left: -920px; }
#footer { clear: both; width: 100%; }


/* header 
---------------------------------------------------------------------------*/

#header { height: 140px; background: url(../upload/css_img/bg_head.jpg) no-repeat center 20px; }
#start #header { background: url(../upload/css_img/bg_head_start.jpg) no-repeat center 20px; }
	#header #kontaktnavi { float: right; text-indent: -9999px; display: inline; width: 180px; height: 20px; margin: 0 10px; padding: 0 0 0 720px; background: #004a82 url(../upload/css_img/flagsol-gmbh.gif) no-repeat left; }

	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { float: left; text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; margin: 25px 0 0 32px; height: 43px; width: 155px; outline: none; }	

	#header #flash { float: right; margin: 0 10px 0 0; }

/* hilfsnavigation 
---------------------------------------------------------------------------*/

#hilfsnavi { position: absolute; width: 875px; height: 24px; top: 118px; left: 0; margin: 0 10px; padding: 0 0 0 25px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #fff; }
	#hilfsnavi li { float: left; display: inline; }
		#hilfsnavi li a { float: left; font-size: 12px; font-weight: bold; color: #004381; background: url(../upload/css_img/dot_hilfsnavi.gif) no-repeat 0% 100%; padding: 0 16px; line-height: 22px; height: 22px; display: block; }	
		#hilfsnavi li a:hover,
		#hilfsnavi li a:active,
		#hilfsnavi li a:focus,
		#hilfsnavi li a.current { color: #000; background: url(../upload/css_img/dot_hilfsnavi.gif) no-repeat 0% 0%; }


/* breadcrumb 
---------------------------------------------------------------------------*/

	#content #breadcrumb { position: absolute; top: 144px; left: 0; height: 36px; width: 850px; line-height: 36px; padding: 0 25px; margin: 0 0 0 10px; background: #fff; }
	#content #breadcrumb a,
	#content #breadcrumb a:link,
	#content #breadcrumb a:visited { color: #808486; text-decoration: none; font-size: 10px; line-height: 13px; padding: 0 0 0 12px; background: url(../upload/css_img/bread.gif) no-repeat 0 50%; }
	#content #breadcrumb a:hover,
	#content #breadcrumb a:active,
	#content #breadcrumb a:focus { color: #000; text-decoration: none; }


/* content 
---------------------------------------------------------------------------*/

	#content a,
	#content a:link,
	#content a:visited,
	#jobs a,
	#jobs a:link,
	#jobs a:visited { color: #808486; text-decoration: underline; }
	#content a:hover,
	#content a:active,
	#content a:focus,
	#jobs a:hover,
	#jobs a:active,
	#jobs a:focus { color: #004A82; text-decoration: none; }
	#content #news-list h3 a { text-decoration: none; }
	#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 10px 0 0; }
	#management #content img.image_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
	#content ul { padding: 0 0 10px 0; }
	#content ol { padding: 0 0 10px 16px; }
	#content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/dot_li.gif) no-repeat 0 9px; }
	#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }

	#content table { margin: 0 0 10px 0; width: 100%; border-collapse: collapse; border-top: 1px solid #eee; }
	#content table tr { border-bottom: 1px solid #eee; }
	#content table th,
	#content table td { color: #666; text-align: left; line-height: 1.4em; padding: 10px 7px; }
	#content table th { width: 200px; font-weight: bold; padding: 0 7px 0 0; margin: 20px 0 0; text-align: left; }
	#content table#downloads { margin: 10px 0; }
	#content table#downloads td { color: #666; text-align: left; line-height: 1.4em; padding: 10px 0; }
	
#start .textItem { margin: 10px 0 0 0; }

	#content #print { margin: 20px 0 0 0; padding: 0 0 10px 0; text-align: right; background: url(../upload/css_img/bg_footer.gif) no-repeat bottom; }

	#content #footer_navi { margin: 0; color: #808486; }
	#content #footer_navi p { float: left; padding: 0 5px 0 0; }
	#content #footer_navi li a { background: url(../upload/css_img/dot_footer.gif) no-repeat 0% 50%; padding: 0 0 0 5px; text-decoration: underline; }
	#content #footer_navi li a:link,
	#content #footer_navi li a:visited { color: #808486; }
	#content #footer_navi li a:hover,
	#content #footer_navi li a:active,
	#content #footer_navi li a:focus { color: #000;  }
	#content #footer_navi ul { float: left; display: inline; }
	#content #footer_navi ul li { display: inline; background: none; padding: 0; }
#jobs table { font: 11px/17px Arial, Helvetica, sans-serif; color: #808486; }

/* form
---------------------------------------------------------------------------*/

#formsearch { position: absolute; height: 20px; top: 121px; right: 10px; }
#formsearch label { display: none; }
#formsearch input { float: left; font-size: 10px; }
	#searchterm { width: 150px; height: 13px; padding: 4px 0 3px 10px; border: none; background: url(../upload/css_img/bg_search.gif) no-repeat top left; font-size: 1em; color: #6f6f6f; }


/* navi 
---------------------------------------------------------------------------*/

#navigation { background: url(../upload/css_img/bg_navi.gif) no-repeat 10px 40px; min-height: 250px; }
#navigation ul { margin: 40px 0 0 35px; border-bottom: 1px solid #000; }
	#navigation ul li { border-top: 1px solid #000; }
	#navigation ul li a { padding: 0 0 0 5px; font-size: 1em; color: #6692B4; display: block; height: 20px; line-height: 20px; }
	#navigation ul li a:link,
	#navigation ul li a:visited { color: #004381; }
	#navigation ul li a:hover,
	#navigation ul li a:active,
	#navigation ul li a:focus,
	#navigation ul li a.current { color: #fff; background: url(../upload/css_img/bg_navi_link.gif) no-repeat 0% 0%; }
	#navigation ul li a.current.off_open { color: #000; background: url(../upload/css_img/bg_navi_link2.gif) no-repeat 0% 0%; }
		#navigation ul ul { margin: 0; border-bottom: none; }
		#navigation ul ul li {  }
		#navigation ul ul a { padding: 0 0 0 10px; }
		#navigation ul ul a:link,
		#navigation ul ul a:visited { color: #808486; }
		#navigation ul ul a:hover,
		#navigation ul ul a:active,
		#navigation ul ul a:focus,
		#navigation ul ul a.current,
		#navigation ul ul a:hover.current { color: #fff; }
			#navigation ul ul ul { margin: 0; }
			#navigation ul ul ul li { }
			#navigation ul ul ul a {  }
			#navigation ul ul ul a:link,
			#navigation ul ul ul a:visited { }
			#navigation ul ul ul a:hover,
			#navigation ul ul ul a:active,
			#navigation ul ul ul a:focus,
			#navigation ul ul ul a.sub_subcurrent,
			#navigation ul ul ul a:hover.sub_subcurrent { }

#navigation #news  { margin: 40px 0 0 35px; border-bottom: 1px solid #000; }
#navigation #news h3 a { color: #808486; }
.articlelistItem { border-top: 1px solid #000; }
.articlelistItem a,
.articlelistItem a:link,
.articlelistItem a:visited { color: #808486; }
.articlelistItem a:hover,
.articlelistItem a:active,
.articlelistItem a:focus { color: #000; }
.articlelistItem p { margin: 0; }
.articlelistItem h3 { margin: 5px 0 0 0; }
#content .articlelistItem h3 a { text-decoration: none; }
.articlelistItem .link { margin: 0 0 5px 0; }
.articlelistItem .link a { text-decoration: underline; padding: 0 0 0 12px; background: url(../upload/css_img/more.gif) no-repeat 0 50%; }

#sec-nav { position: absolute; left: 785px; top: 2px; }
	#sec-nav li { float: left; display: inline; }
		#sec-nav li a { float: left; padding: 0 10px; line-height: 14px; height: 14px; display: block; text-align: center; color: #fff; }
		#sec-nav li:last-child a { background: none; }
		#sec-nav li a:hover,
		#sec-nav li a:active,
		#sec-nav li a:focus,
		#sec-nav li a.active { color: #cfc08d; }

/* extra 
---------------------------------------------------------------------------*/

#extra { padding: 40px 0 0 0; color: #6f6f6f; font-size: 10px; line-height: 13px; }
#extra a,
#extra a:link,
#extra a:visited { color: #808486; text-decoration: underline; }
#extra a:hover,
#extra a:active,
#extra a:focus { color: #000; text-decoration: underline; }
#extra h3 { font-size: 11px; font-weight: bold; line-height: 20px; margin: 0 0 10px 0; padding: 0 20px 0 10px; color: #000; background: #FDC300; }
#extra p { padding: 0 20px 0 10px; }
#extra .box { background: #f0f0f0 url(../upload/css_img/bg_extra.gif) no-repeat left bottom; width: 180px; padding: 0 0 5px 0; }
#extra img { margin: 0 0 10px 0; }
#extra a { margin: 0 0 10px 0; padding: 0 0 0 12px; background: url(../upload/css_img/more.gif) no-repeat 0 50%; }


/* footer 
---------------------------------------------------------------------------*/

/* footerStickAlt
   http://www.themaninblue.com/writing/perspective/2005/08/29/ */

html { height: 100%; }
body { height: 100%; }
#container { position: relative; min-height: 100%; }
* html #container { height: 100%; }
#footer { clear: both; position: relative; margin-top: -7.5em; padding: 5px 0 0 0; }
