/* cascading stylesheets für ziviljob */


/* mac hide\*/
html, body 
{
height:100%
}
/* end hide */

/* layout definieren */

* 
{
margin: 0;
padding: 0;
list-style:none;
}

html 
{
height: 100.01%;
}

body 
{
height: 100.01%;
font-size: 62%;
font-family: "lucida grande", verdana, Arial,  Helvetica, sans-serif;
}

html>body #wrapper
{
height: auto; 
min-height: 100%;
}

#wrapper 
{
position: relative;
margin: 0 auto;
width: 910px;
}


/* header */


#header 
{
position: relative;
margin: 0 auto;
height: 120px;
width: 900px;
}

#header #logo 
{
background: url(../i/logo.jpg) no-repeat top left;
display: block;
position: absolute;
top: 0;
left: 0;
height: 120px;
width: 375px;
}

#header #slogan 
{
background: url(../i/slogan.jpg) no-repeat bottom right;
display: block;
position: absolute;
top: 45px;
right: 10px;
height: 60px;
width: 470px;
}

#header #headmenu 
{
position: absolute;
display: block;
top: 0;
right: 10px;
height: 30px;
width: 200px;
background: none;
list-style: none;
padding: 0 5px 0 5px;
}

#header #headmenu li 
{
float: left;
padding: 7px 10px;
}	

#header #headmenu li a 
{
display: block;
color: #666;
text-decoration: underline;
}

#header #headmenu li a:hover 
{
display: block;
color: #036;
text-decoration: none;
}


/* menu */


#mainmenu 
{
position: relative;
margin: 0 auto;
height: 100px;
width: 890px;
}

#mainmenu #navicontainer
{
margin: 0;
padding: 0;
background-color: #fff;
height: 50px;
clear: right;  
}

div#mainnavi
{
height: 50px;
width: 890px;
margin: 0;
padding: 0;
background: transparent;
float: left;
}

div#mainnavi ul#menu
{
position: relative;
margin: 0;
padding: 0;
height: 50px;
width: 890px;
background: transparent url(../i/navibar.jpg) top left no-repeat;
}

div#mainnavi ul#menu li
{
position: absolute;
top: 0;
margin: 0;
padding: 0;
list-style: none;
}

ul#menu li,ul#menu a
{
display: block;
height: 50px;
}

div#mainnavi ul#menu li a
{
text-indent: -9999px;
text-decoration: none;
}

#startseite
{
left: 0;
width: 113px;
}

#ueberuns
{
left: 113px;
width: 115px;
}

#information
{
left: 228px;
width: 165px;
}

#referenzen
{
left: 393px;
width: 133px;
}

#stellen
{
left: 526px;
width: 174px;
}

#faq
{
left: 700px;
width: 80px;
}

#kontakt
{
left: 775px;
width: 105px;
}

#startseite a:hover,body#startseiteon #startseite
{
background:transparent url(../i/navibar.jpg) 0 -50px no-repeat;
}

#ueberuns a:hover,body#ueberunson #ueberuns
{
background:transparent url(../i/navibar.jpg) -113px -50px no-repeat;
}

#information a:hover,body#informationon #information
{
background:transparent url(../i/navibar.jpg) -228px -50px no-repeat;
}

#referenzen a:hover,body#referenzenon #referenzen
{
background:transparent url(../i/navibar.jpg) -393px -50px no-repeat;
}

#stellen a:hover,body#stellenon #stellen
{
background:transparent url(../i/navibar.jpg) -526px -50px no-repeat;
}

#faq a:hover,body#faqon #faq
{
background:transparent url(../i/navibar.jpg) -700px -50px no-repeat;
}

#kontakt a:hover,body#kontakton #kontakt
{
background:transparent url(../i/navibar.jpg) -775px -50px no-repeat;
}

#mainmenu #navihilfe 
{
position: relative;
margin: 25px 0 0 0;
height: 20px;
width: 880px;
font-size: 1.1em;
}

#mainmenu #navihilfe a 
{
color: #999;
text-decoration: underline;
}

#mainmenu #navihilfe a:hover 
{
color: #036;
text-decoration: none;
}


/* dreispaltiges layout definieren */


div#leftcolumn,
div#midcolumn,
div#rightcolumn
{
float: left;
}

div#leftcolumn
{
margin: 0;
padding: 0;
width: 200px;
height: 930px;
min-height: 930px;
height: 100.01%;
background: url(../i/bg_leftcolumn_top.gif) no-repeat right top;
}

div#midcolumn
{
margin: 0;
padding: 0;
width: 500px;
height: 800px;
min-height: 800px;
height: 100.01%;
}

div#rightcolumn
{
margin: 0;
padding: 0;
width: 200px;
height: 930px;
min-height: 930px;
height: 100.01%;
background: url(../i/bg_rightcolumn_top.gif) no-repeat left top;
}

#leftcolumn #leftcontent
{
color: #333;
font-size: 1.2em;
line-height: 1.6em;
margin: 10px 10px 10px 0;
padding: 10px 10px;
background: url(../i/bg_leftcolumn_bottom.gif) no-repeat 
left bottom;
}

#midcolumn #midcontent
{
color: #333;
font-size: 1.2em;
line-height: 1.6em;
margin: 10px;
padding: 10px 30px;
}

#rightcolumn #rightcontent
{
color: #333;
font-size: 1.2em;
line-height: 1.6em;
margin: 10px 0 10px 10px;
padding: 10px 10px;
background: url(../i/bg_rightcolumn_bottom.gif) no-repeat right bottom;
}


/* leftcolumn */


#placeholder 
{
padding: 20px 0 20px 0;
height: 181px;
background: url(none);
}

#subnavi 
{
padding: 5px 0 20px 0;
background: url(none);
}

.subnavilist
{
padding: 0;
margin: 0;
background: url(../i/subnav_bg.png) no-repeat left top;
}

.subnavilist li
{
line-height: 32px;
list-style: none;
background: url(../i/bg_subnav_folge.png) no-repeat;
}

.subnavilist li a 
{
color: #666;
text-decoration: none;
background: url(../i/icon_03.png) no-repeat 1px 3px;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}

.subnavilist li a:hover 
{
color: #036;
text-decoration: underline;
}

.subnavilist li#unternehmen
{
color: #666;
text-decoration: none;
background: url(../i/icon_03.png) no-repeat 1px 12px;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}


/* untermenuleiste */


.subsubnavilist
{
padding: 0;
margin: 0 0 0 15px;
}

.subsubnavilist li
{
line-height: 32px;
list-style: none;
}

.subsubnavilist li a 
{
color: #666;
text-decoration: none;
background: url(../i/arrow.gif) no-repeat 1px 6px;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}

.subsubnavilist li a:hover 
{
color: #036;
text-decoration: underline;
}

#leftcolumn #leftcontent #news 
{
overflow: auto;
margin: 30px 0 30px 0;
padding: 0;
width: 165px;
height: 280px;
}

#newsbox h2
{
margin: 5px 0 5px 10px; 
padding: 5px 0 7px 50px; 
background: url(../i/news_icon.png) no-repeat left;
font-size: 1.2em; 
color: #069;
height: 40px;
}

#newsbox .newsdatetime 
{
margin: 0; 
padding: 5px 0 5px 5px;
border: 1px solid #069;
background-color: #fff; 
color: #666; 
font-size: 0.8em; 
line-height: 1.2em; 
text-align: left;
}

#newsbox .newstitle 
{
padding: 5px 0 10px 5px;
margin: 0 0 0 10px; 
font-size: 1em; 
font-weight: bold;
text-align: left; 
color: #666; 
text-decoration: none;
}

#newsbox .newstext 
{
padding: 0 0 30px 0;
font-size: 0.9em; 
line-height: 1.6em;
color: #333; 
text-align: left;
text-decoration: none;
}

#rss
{
margin: 10px 0 10px 0;
padding: 0;
width: 165px;
height: 100px;
}


/* midcolumn */


#midcolumn #midcontent a 
{
color: #036;
font-weight: normal;
}

#midcolumn #midcontent a:hover 
{
background-color: #036;
color: #fff;
}

#midcolumn #midcontent a.more 
{
white-space: nowrap;
}

html>body #midcolumn #midcontent a.more:hover:after 
{
color: #036;
}

#midcolumn #midcontent h1
{
margin: 0.5em 0 0.5em 0;
padding: 5px 5px 2px 5px;
color: #036;
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #b2b2b2;
}

#midcolumn #midcontent h2
{
margin: 0.5em 0 0.5em 0;
padding: 5px 5px 2px 5px;
color: #036;
font-size: 1.2em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#midcolumn #midcontent h4
{
margin: 1.5em 0 0.3em 0;
padding: 5px 5px 2px 12px;
color: #666;
font-size: 1em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#midcolumn #midcontent h5
{
margin: 3em 0 0 0;
padding: 11px 5px 0 10px;
color: #333;
font-size: 1.3em;
font-weight: bold;
line-height: 1.8em;
height: 55px;
width: 400px;
font-family: Arial, Helvetica, sans-serif;
background: url(../i/h5.gif) no-repeat left top;
}

#midcolumn #midcontent h5.on
{
margin: 3em 0 0 0;
padding: 11px 5px 0 10px;
color: #333;
font-size: 1.3em;
font-weight: bold;
line-height: 1.8em;
height: 55px;
width: 400px;
font-family: Arial, Helvetica, sans-serif;
background: url(../i/h5_on.gif) no-repeat left top;
}

#midcolumn #midcontent h5.off
{
margin: 3em 0 0 0;
padding: 11px 5px 0 10px;
color: #999;
font-size: 1.3em;
font-weight: bold;
line-height: 1.8em;
height: 55px;
width: 400px;
font-family: Arial, Helvetica, sans-serif;
background: url(../i/h5_off.gif) no-repeat left top;
text-decoration: line-through;
}

#midcolumn #midcontent .borderimageleft 
{
background: url(../i/bg_image.gif) no-repeat;
display: inline;
float: left;
height: 106px;
margin: 15px 25px 15px 10px;
padding: 8px 0 0 9px;
width: 146px;
border: 1px solid #fc0;
}

#midcolumn #midcontent .borderimage 
{
background: url(../i/bg_image.gif) no-repeat;
display: inline;
float: right;
height: 106px;
margin: 0 0 15px 30px;
padding: 8px 0 0 9px;
width: 146px;
}

#midcolumn #midcontent .borderimage a,
#midcolumn #midcontent .borderimage a:hover 
{
border: none;
margin: 0;
padding: 0;
}

#midcolumn #midcontent .email
{
margin: 0 0 .5em 1em;
padding: 0;
}

.borderimage img 
{
border: none;
display: block;
}

#midcolumn #midcontent dl dt
{
color: #444;
}

#midcolumn #midcontent p,
#midcolumn #midcontent ul,
#midcolumn #midcontent .listing dl 
{
margin: 1em 0;
}

#midcolumn #midcontent li,
#midcolumn #midcontent .listing dd 
{
background: url(../i/icon_01.gif) 2px .55em no-repeat;
padding: 0 0 0 17px;
}

#midcolumn #midcontent .check li
{
background: url(../i/icon_05.gif) 30px .25em no-repeat;
padding: 0 0 10px 48px;
}

#midcolumn #midcontent .stellenlisting li
{
background: url(../i/icon_05.gif) 30px .25em no-repeat;
padding: 0 0 3px 48px;
}

#midcolumn #midcontent span.stellentitel
{
margin: 0;
padding: 3px 0 3px 12px;
font-size: 1em;
color: #555;
}

#midcolumn #midcontent #impressum dl
{
padding: 0 0 0 22px;
line-height: 1em;
}

#midcolumn #midcontent dt 
{
font-weight: bold;
padding: 8px 0;
}

#midcolumn #midcontent .image 
{
display: block;
float: right;
margin: 10px;
padding: 3px;
}

#midcolumn #midcontent .imagearchiv 
{
display: block;
float: right;
margin: 10px 0 0 10px;
padding: 1px;
}

#midcolumn #midcontent .imagearchivpdf
{
display: inline;
margin: -10px 0 -10px 0;
padding: 1px;
}

#midcolumn #midcontent dl.archivdownload
{
margin: 0 0 3em .5em;
padding: 0 0 0 1em;
font-size: 1em;
color: #555;
list-style: none;
}

#midcolumn #midcontent #sitemap
{
padding: 0;
}

#midcolumn #midcontent #sitemap dl.erstestufe
{
margin: 10px 0 0 5px;
}

#midcolumn #midcontent #sitemap dl.zweitestufe
{
margin: 10px 0 0 25px;
}

#midcolumn #midcontent #sitemap dl dd 
{
margin: 0.2em 0 0.5em 1.5em;
}

#midcolumn #midcontent #accesskeys ul li 
{
margin: 0 0 0.2em 25px;
}

#midcolumn .preis
{
margin: 0 0 0 260px;
padding: 0;
width: 104px;
height: 99px;
border: 1px solid #fc0;
}


/* rightcolumn */


#rightcolumn p 
{
font-size: .9em;
font-weight: normal;
}

#rightcolumn #rightcontent a 
{
padding: 0.1em;
color: #036;
font-weight: normal;
}

#rightcolumn #rightcontent a:hover 
{
padding: 0.1em;
background: #036;
color: #fff;
}

#rightcolumn #rightcontent a.mehr 
{
display: block;
margin: 20px 0 10px 0;
padding: 0 16px 2px 3px;
width: 3em;
font-size: .9em;
font-weight: bold;
line-height: 1em;
text-transform: lowercase;
text-decoration: none;
background: #036 url(../i/mehr.gif) no-repeat 100% .4em;
border: 1px solid #fff;
color: #fff;
}

#rightcolumn #rightcontent a.mehr:hover 
{
display: block;
margin: 20px 0 10px 0;
padding: 0 16px 2px 3px;
background: #fff url(../i/mehr.gif) no-repeat 100% -41px;
border-color: #036;
color: #036;
text-decoration: none;
margin: 20px 0 10px 0;
padding: 0 16px 2px 3px;
}

#rightcolumn #rightcontent ul
{
display: block;
margin: 0 0 10px 0;
padding: 0;
}

#rightcolumn #rightcontent li
{
margin: 0 0 2px 0;
padding: 0;
border-bottom: 1px solid #eee;
font-size: 1.0em;
}

#rightcolumn #rightcontent a img 
{
padding: 0;
margin: 0 10px 0 0;
}

#rightcolumn #rightcontent a:link img 
{
}

#rightcolumn #rightcontent a:hover img 
{
}

#rightcolumn #rightcontent .articles ul, li 
{
padding: 0;
list-style: none;
}

#rightcolumn #rightcontent .articles li span 
{
padding: 3px 0 0 24px;
background: url(../i/icon_04.gif) left no-repeat;
}


#rightcolumn #rightcontent .floatleft
{
float: left;
margin: 18px 15px 0 0;
}


/* footer */


* html #footer 
{
/*only ie gets this style*/
he\ight:120px;/* for ie6 */
margin-bottom:-1px;
}

#footer 
{
clear: both;
margin: 0;
padding: 20px 0 20px 0;
width: 100%;
background: #fff url(../i/bg_footer_top.jpg) repeat-x 0 0;
color: #777;
font-size: 1.1em;
text-align: center;
}

#footer ul 
{
clear: both;
margin: 0 25px 0 25px;
width: auto;
line-height: 1.7em;
text-align: center;
}

#footer li 
{
display: inline;
padding: .6em 4px .6em 15px;
background: url(../i/spacer.gif) no-repeat 0 50%;
}

#footer .iconinfos li 
{
padding: 0 0 0 25px;
background-position: 0 55%;
}

#footer #email 
{
background-image: url(../i/email.gif);
}

#footer a
{
padding: 0.1em;
color: #036; /*#32acd3*/
text-decoration: none;
}

#footer a:hover
{
padding: 0.1em;
color: #fff;
background-color: #036;    /*#a6a2a6*/
}


/* h-tags */


h1 
{
margin: 0.5em 0 0.5em 0;
padding: 5px 5px 2px 5px;
color: #888;
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #b2b2b2;
}

h2 
{
margin: 0.5em 0 0.5em 0;
padding: 5px 5px 2px 5px;
color: #999;
font-size: 1.2em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

h3 
{
margin: 0.5em 0 0.5em 0;
padding: 5px 5px 2px 23px;
color: #999;
font-size: 1em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
background: url(../i/news_icon.gif) no-repeat 0 5px;
}


/* allgemein */


img 
{ 
border: none;
}

p 
{
margin: 0;
padding: 10px;
}

strong
{
font-weight: bold;
}

.clear
{
clear: both;
}

code
{
padding: 0 0.1em 0 0.1em;
font-family : "Courier New",monospace;
text-align: left;
font-size: 1.2em;
background-color: #ccc;
}

abbr 
{
border-bottom: 1px dashed #30f;
cursor: help;
}

acronym 
{
border-bottom: 1px dashed #30f;
cursor: help;
}

blockquote 
{
margin: 10px 30px 0 10px;
padding: 0 25px 0 0;
width: 300px;
background: url("../i/endquote_grey.gif") no-repeat bottom right;
text-align: left;
}

blockquote p 
{
margin: 0;
padding: 15px 15px 0 59px;
background: url("../i/startquote_grey.gif") no-repeat left top;
font-size: 1.1em;
font-weight: normal;
font-style: italic;
line-height: 1.3em;
text-align: left;
}

cite 
{
color: #999;
margin: 10px 0 0 70px;
font-family: 'trebuchet ms', arial, geneva, sans-serif; 
font-size: 0.8em;
font-weight: normal;
line-height: 2.0em;
text-align: left;
}

hr 
{
display: none;
}

#errorMsg p, 
#errorMsg li 
{
color: #f00;
font-weight: bold;
}

#macie 
{
display: none;
}

/* kontaktformular */

fieldset
{
margin: 0;
padding: 0;
}

legend
{
margin: 0 0 1em 0;
padding: 0;
color: #333;
}

label
{
margin: 1em 0 0 1.8em;
padding: 0;
}

input
{
margin: 0 0 0em 1.8em;
padding: 0;
width: 85%;
}

input.submit
{
margin: 1em 0 1em 0;
width: 30%;
}

textarea
{
margin: 0 0 0em 1.8em;
padding: 0;
width: 85%;
}