/* File Details: (in BBEdit updated by "ctrl cmd u")
<!-- #bbinclude "date.txt" #bbincludeoptions#="inline=true" -->

########### Last updated:    24-Nov-09, 11:58 Uhr +1300
########### File Size:       18242 Byte
########### By:              pscheuerl@basecmp.de

<!-- end bbinclude -->
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - -  - - - - Steria Mummert HR Stylesheet - - - - - - - - - - - - -  */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */  
/* - - - - - - - - - - (c) 2009 Basecmp Professional Web Solutions  - - - - - - - - - - */

/* Tested on: 
MacOS X: Firefox 1.x - 3.5, Safari 4, Opera 9 / 10
Windows: IE 6 / 7 / 8
*/

/* All styles except the following are in here:
	colors are defined in colors.css,
	fixes for Internet Explorer are in the relevant ie fixes css for the IE version affected,
	changes for the print layout are in the print.css
	Following IE-fix CSS exist:
	css_ie_all.css : for all IE since 5
	css_lte_ie7.css : for 5 - 7
	css_ie6.css : for IE 5 - 6
	css_print_ie6.css : for IE 5 - 6 Printing only
*/

/* - - - - - - - - - - - - - - - - - - -  Global - - - - - - - - - - - - - - - - - - -  */      

body 
{
    margin: 0; padding: 0;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-size: 12px;
    /* following is for IE 5.5 */
    text-align:center;
}
        
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:none}
a:active {text-decoration:none}

a:link img, a:visited img, a:hover img, a:active img
{border: none}

.cleaner 
{
    clear:both;
    height: 1px;
    font-size: 1px;
    border: none;
    margin:0; 
    padding:0;
}

/* - - - - - - - - - - - - - - - -  Content Areas - - - - - - - - - - - - - - - - - -  */

b {font-weight: bold}

#content
{
	margin:0 auto 0 auto;
	padding:0;
	width: 990px;
    /* following is for IE 5.5 */
	text-align:left;
}

/* Head Area */

#header
{
	height: 105px;
	margin: 0;
	padding: 0;
	/* for whatever reason Firefox needs this border */
	border-width: 1px;
	border-style: solid;
}

#logo 
{
	display:block;
	float: left;
	margin: 23px 0px -5px 22px;
    padding:0;
    width:200px;
}

#logo img {border:0}

a#logo:link, a#logo:visited, a#logo:hover, a#logo:active { text-decoration:none; border:0}
    
#breadcrum 
{
 	clear:both;
 	margin: 5px 15px 4px 0px;
    padding: 13px 0 0 0;
    text-align:  right;
    vertical-align:middle;
    font-size:9px;
}

#breadcrum a:link,  #breadcrum a:visited, .metanav a:link,  .metanav a:visited,
#breadcrum a:hover,  #breadcrum a:active, .metanav a:hover,  .metanav a:active
{ text-decoration: none; }

/* END Head Area*/
#main1
{
    margin: 0;
    padding: 0;
    width:990px;
    border-top: 1px solid;
    background: url(bg_links.gif) top left repeat-y;
}

#main2 
{
    margin: 0;
    padding: 0;
    width:990px;
    background: url(bg_rechts.gif) top right repeat-y;
}

#left, #footer_left
{
	float: left;
    width: 199px;
    margin: 0;
    padding: 0;
}

#right, #footer_right 
{
	float: right;
    width: 199px;
    margin: 0;
    padding: 0;
}

/* END Elements in the right column */

#middle 
{
    margin: 0 200px 0 200px;
    padding: 0 ;
}

#footcontainer
{
	clear: both;
    margin: 0;
    padding: 0;
    width:990px;
}

.metanav
{
	margin: 0;
	padding: 5px 5px 15px 12px;
	font-size:9px;
}

#footer_middle 
{
    margin:0 199px 0 199px;
    padding: 0;
    border-left:  1px solid;
    border-right:  1px solid;
}

/* 2 column ONLY e.g. Homepage, no left column */
#twocolumn #left
{
	display: none
}

#twocolumn #middle
{
    margin: 0 200px 0 0;
    padding: 0 10px 0 0;	
}

#twocolumn #main1
{
    margin: 0;
    padding: 0;
    width:990px;
    border-top: 1px solid;
    background-image: none;
}

#twocolumn #footer_left
{
	float: left;
    width: 199px;
    margin: 0;
    padding: 0;
}

/* - - - - - - - - - - - - - - - - - - ARTICLE MODULE  - - - - - - - - - - - - - - - - - - */

/* BEGIN Middle content layout */

div.midcontent
{
    line-height:130%;
    padding: 10px 10px 0px 15px;
    overflow: hidden;
}

div.midcontent h1
{
    font-size: 1.2em;
    font-weight:bold;
    letter-spacing: .1em;
    margin: 0 0 10px 0;
}

div.midcontent h2
{
    font-size: 1.1em;
    font-weight:bold;
    margin: 0 0 10px 0;
}

div.midcontent h3
{
    font-size: 1em;
    font-weight:bold;
    margin: 0 0 10px 0;
}

   
div.midcontent ul
{
    list-style-type: disc;
    padding: 0 0 0 15px;
    margin: 5px 0 6px 0;
}

div.midcontent ul ul, div.midcontent ol ul
{
    list-style-type: circle;
    padding: 0 0 0 15px;
    margin: 0 0 6px 0;
}

div.midcontent ol
{
    padding: 0 0 0 15px;
    margin: 5px 0 6px 8px;
}
   
div.midcontent ol ol, div.midcontent ul ol
{
	list-style-type: lower-roman;
    padding: 0 0 0 15px;
    margin: 0 0 6px 0;
}

.midcontent div.article
{
	padding-right: 20px;
	padding-top: 10px;
}

.midcontent div.article h1
{
	padding: 0;
	margin: 20px 0 10px 0;
}

.midcontent div.article h2
{
	padding: 0;
	margin: 15px 0 8px 0;
}

.midcontent div.article h3
{
	padding: 0;
	margin: 10px 0 3px 0;
}



/* News */
div.newsblock
{
	margin-bottom: 40px;
}

div.newstext
{
	border-width: 1px 0 0 1px;
	border-style: solid;
	width: 274px;
	padding: 5px 0 0 3px;
}

div.newsblock .threedots
{
	display: block;
}

div.newstext .morelink
{
	display: block;
	text-decoration: underline;
}

.archivenews
{
	display: block;
	border-width: 1px 0 0 1px;
	border-style: solid;
	padding: 5px 0 5px 3px;
	margin-bottom: 10px;
}

.archivenews .date
{
	float: left;
	margin-right: 15px;
}

.archivenews .headline
{
	font-weight: bold;
}

/* Events table */
table.events
{
	border-collapse: collapse;
	border: none;
	width: 100%;
}

table.events th
{
	vertical-align: top;
	padding: 2px 2px 2px 3px;
	font-size: 1.1em
}

table.events th.date
{width: 70px}
table.events th.event
{width: 180px}
table.events th.target
{width: 110px}

table.events td
{
	vertical-align: top;
	padding: 5px 15px 15px 3px;
	font-size: 1em;
}

table.events td .eventname
{
	font-weight: bold;
	display: block;
}

/* FAQ page */

div ul.faq
{
	margin: 20px 0;
	padding: 0;
}

div ul.faq li
{
	font-weight: bold;
	list-style: none;
	padding: 2px 0 0 20px;
	margin: 0;
}

div ul.faq li.act
{
	background: url(arrow_universal_orange-trans.png) top left no-repeat;
}

div.faqblock
{
	margin-top: 20px;
}

div h2.question 
{
	font-weight: normal;
	margin-bottom: 5px;
}

div.answer
{
	padding-left: 20px;
}

/* Inline images with caption */

.midcontent .ipicleft
{
	padding: 0;
	margin: 5px 10px 5px 0;
	float: left;
	border: 1px solid;
}

.midcontent .ipicleft img
{
	margin: 0;
}

.midcontent .ipicleft .caption
{
	padding: 3px;
	margin: -4px 0 0 0;
}

.midcontent .ipicright
{
	padding: 0;
	margin: 5px -20px 5px 10px; /* the -20px to the right is to counter the 20px right-padding in articles to right, is changed for IE in document head */
	float: right;
	border: 1px solid;
}

.midcontent .ipicright img
{
	margin: 0;
}

.midcontent .ipicright .caption
{
	padding: 3px;
	margin: -4px 0 0 0;
}

/* End Inline images with caption */

span.ilink a:link, span.ilink a:visited, span.ilink a:hover, span.ilink a:active,
a.ilink:link, a.ilink:visited, a.ilink:hover, a.ilink:active {
padding-left: 15px;
background: url(arrow_ilink_orange.gif) 0 2px no-repeat;
}


.emotional {
	position: relative;
	margin: 0;
	padding: 0;
}

.emotional img
{
	margin: 0;
	padding: 0;
	display: block;
}

.emotional .claim 
{
	position: absolute;
	left: 250px;
	top: 15px;
	margin-right: 20px;
}

.emotional .claim span
{
	padding: 4px 10px;
	margin: 0 0 4px 0;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 2em
}

/* landing pages - landing1 is for imare on right */

.landing, .landing1 {
	position: relative;
	margin: 0;
	padding: 0;
	height: 526px;
	overflow: hidden;
}

.landing img
{
	margin: 0;
	padding: 0;
	display: block;
}

.landing1 img
{
	margin: 0;
	padding: 0;
	display: block;
	float: right;
}

.landing .claim 
{
	position: absolute;
	left: 210px;
	top: 100px;
	margin-right: 20px;
}

.landing1 .claim 
{
	position: absolute;
	right: 210px;
	top: 100px;
	margin-left: 20px;
	text-align: right;
}

.landing .claim span, .landing1 .claim span
{
	padding: 4px 10px 5px 10px;
	margin: 0 0 3px 0;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.8em
}

.landing .text
{
	position: absolute;
	font-size: 1em;
	padding-right: 20px;
	left: 210px;
	top: 200px;
	width: 345px;
}

.landing1 .text
{
	position: absolute;
	font-size: 1em;
	left: 20px;
	top: 200px;
	width: 350px;
}

/* Teaserpages */

.artlist {border-top: 1px solid;}

.artlist p, .artlistbreit p
{
	margin:0;
	padding: 2px 45px 20px 45px;
}

div.topborder
{
	border-top: 1px solid;
	margin-top: 10px;
	padding-top: 1px;
}

table.fotolist {border: none;}

table.fotolist td
{
	padding: 0; margin: 0
}

.fotolist td img
{
	padding: 0;
	margin-bottom:-2px;
}

.fotolist td h2
{
	margin:0;
	padding:0;
}

.fotolist td h2 a:link, .fotolist td h2 a:visited, .fotolist td h2 a:hover, .fotolist td h2 a:active
{
	display:block;
	padding: 4px 2px 4px 20px;
	background: url(pfeil_orange.gif) no-repeat 4px 6px;
	font-weight: bold;
	font-size: 11px;
	height:12px;
}

.fotolist td p.txt
{
	margin:0;
	padding: 2px 2px 2px 20px;
	font-size: 11px;
}

.fotolist td a:link img, .fotolist td a:visited img, .fotolist td a:hover img, .fotolist td a:active img
{border:0;}

/* Headline plain grey with darker top border */
.greyhead
{
	margin:0;
	padding: 3px 0px 3px 10px;
	border-top: 1px solid;
	font-size: 11px;
	font-weight: normal;
}

/* Headline with darker colored block on left and darker top border */
div.darkcolor
{
	padding: 3px 0px 3px 20px;
	margin: 0;
	line-height:14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-width: 22px;
	border-left-style: solid;
}

div.darkcolor a:link, div.darkcolor a:visited, div.darkcolor a:hover, div.darkcolor a:active
{
	display:block;
	font-weight: bold;
}

div.darkcolor a.arrow:link, div.darkcolor a.arrow:visited, div.darkcolor a.arrow:hover, div.darkcolor a.arrow:active
{
	margin-left: -20px;
	padding-left: 20px;
	display:block;
	background: url(pfeil_orange.gif) no-repeat 6px 2px;
	font-weight: bold;
}

.printbutton
{
	text-align: right;
	padding: 10px 10px 0 0;
	margin:0;
}

/* Links in middle footer */
.metalink 
{
	display: block;
	float: left;
	margin-right: 30px;
	margin-top: -4px;
	padding: 3px 0 5px 17px;
	background: url(arrow_universal_orange-trans.png) no-repeat 0 0; /* IE7.js cannot use positioned background png's so the position has to be in the image */
	font-weight: normal;
	font-size: 1.1em;
}

/* - - - - - - - - - - - - - - - - - - SITEMAP  - - - - - - - - - - - - - - - - - - */

.sitemap h1
{
    font-size:14px;
    font-weight:bold;
    letter-spacing: .1em;
    margin: 0 0 15px 0;
}

div.sitemap
{
    line-height:120%;
    padding: 10px 0 55px 0;
}
   
   
.sitemap ul.level1, .sitemap ul.level2, .sitemap ul.level3
{
	list-style: none;
	margin:0;
	padding:0;
}

   
ul.level1 a:link, ul.level1 a:visited, ul.level1 a:hover, ul.level1 a:active
{	
	display:block;
	border-top: 1px solid;
	border-left: 1px solid;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

ul.level2 a:link, ul.level2 a:visited, ul.level2 a:hover, ul.level2 a:active
{	
	display:block;
	border-top: none;
	border-left: none;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}
   
ul.level3 a:link, ul.level3 a:visited, ul.level3 a:hover, ul.level3 a:active
{	
	display:block;
	border-top: none;
	padding-left: 33px;
	font-weight: normal;
	margin-bottom: 0px;
}

ul.level1 li
{
	margin-bottom: 20px;
}

ul.level2 li
{
	margin-bottom: 3px;
}

ul.level3
{
	margin-bottom: 10px;
}

ul.level2 li, ul.level3 li
{
	border: 1px solid;
}

ul.level2 li a:link img, ul.level2 li a:visited img,  ul.level2 li a:hover img, ul.level2 li a:active img
{
	position: relative;
	left: -5px;
	border: 0;
}

ul.level3 li a:link img, ul.level3 li a:visited img,  ul.level3 li a:hover img, ul.level3 li a:active img
{
	position: relative;
	top: -3px;
	left: -5px;
	border: 0;
}

/*  - - - - - - - - - - - - - - - - - - Multiboxes   - - - - - - - - - - - - - - - - - - */

#right h2
{
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 2px 0;
	padding: 3px 5px 6px 8px;
}

.rightbox
{
	margin: 0 10px 10px 0;
	padding: 5px;
}

a.rightbox:link
{
	display:block;
	height: 75px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 8px 10px 12px 5px;
	background-position: right top;
	background-repeat: no-repeat;
}

.rightbox h3
{
	font-size: 1em;
	margin: 0;
	padding: 3px 5px 7px 0;
}

.rightboxcontent
{
	margin: 0 0 0 20px;
	padding: 0 3px 7px 0;
	font-size: .9em;
	position: relative;
}

#right .arrowlink
{
	display: block;
	position: relative;
	left: -20px;
	padding: 3px 0 3px 20px;
	background: url(arrow_universal_orange-trans.png) no-repeat 0 0; /* IE7.js cannot use positioned background png's so the position has to be in the image */
	font-weight: bold;
	font-size: 1em;
}

#right .color2 .arrowlink
{
	background: url(arrow_universal_yellow-trans.png) no-repeat 0 0; /* IE7.js cannot use positioned background png's so the position has to be in the image */
}

#right .arrowlink span
{
	font-weight: normal;
	font-size: .9em
}

.contactboxcontent a:link, .contactboxcontent a:visited, .contactboxcontent a:hover, .contactboxcontent a:active
{
	display: block;
	padding-left: 15px;
	margin-top: 3px;
	background: url(pfeil_orange.gif) no-repeat 0px 2px;
	font-weight: bold;
}

.field
{
	float:left;
	border: 0;
	border-style:none;
	width: 132px;
	padding: 3px 3px 1px 3px;
	font-size: 9px;
}

.gobutton
{
	width: 21px; height:20px;
	border:0;
	padding: 0 0 0 8px;
	float:left
}

/* - - - - - - - - - - - - - - - - - - CONTACT - - - - - - - - - - - - - - - - - -  */

.contactform
{
	margin: 0;
	padding: 5px 15px 0 15px; /* padding bottom needs to be added individually on page */
	line-height: 25px;
	position: relative;
}

.contactform .radio1 { margin-right:5px; margin-left: 60px;}

.contactform .radio2 { margin-right:5px; margin-left: 15px;}

.contactleft, .contactstreet, .contactno, .contactzip, .contacttown
{
	position: absolute;
	font-size: 11px;
	border: 1px solid;
	height:16px;
}

.contactleft
{
	left: 90px;
	width: 195px;
}

.contactstreet
{
	left: 90px;
	width: 145px;
}

.contactno
{
	left: 242px;
	width: 43px;
}

.contactzip
{
	left: 90px;
	width: 43px;
}

.contacttown
{
	left: 140px;
	width: 145px;
}

.contactright
{
	position: absolute;
	font-size: 11px;
	left: 300px;
	top: 80px;
	width: 180px;
}

.contactrightselect
{
	position: absolute;
	left: 320px;
	top: 55px;
	width: 180px;
	font-size: 11px;
}

.contactright textarea
{
	width: 250px;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; /* Firefox forgets font-family */
	border: 1px solid;
	height: 90px;
}

.contactrightcheck
{
	position: absolute;
	left: 298px;
	top: 205px;
}

.contactrightcheck input
{
	margin:0; padding:0;
}

.coloredcontactdot /* to get the colored shape in front of the styled selectbox top: same as contactrightselect */
{
	border:0; position: absolute;
	top: 55px; left: 300px;
}

.contactrightwhenday
{
	position: absolute;
	left: 440px;
	top: 205px;
}

.contactrightwhentime
{
	position: absolute;
	left: 440px;
	top: 230px;
}

.contactrighterrormsg
{
	position: absolute;
	left: 298px;
	top: 270px;
	line-height: 12px;
}

.submitbutton
{
	position:  absolute;
	left: 455px;
	top: 320px;
}

/*  - - - - - - - - - - - - - - - - - - MAIN Navigation  - - - - - - - - - - - - - - - - - - */

#navcontainer
{
	height: 40px;
}

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 199px;
	list-style: none;
	overflow: hidden;
	height: 20px; /* Firefox 2 needs this */
}

#navcontainer ul li
{
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid;
	height: 20px; /* Firefox 2 needs this */
}

#navcontainer ul li:first-child 
{
	border-left: 1px solid;
}

#navcontainer a:link, #navcontainer a:visited
{
	display: block;
	float: left;
	margin: 0;
	padding: 3px 10px 3px 10px;
	line-height: 14px;
}

/*  - - - - - - - - - - - - - - - - - - SUB Navigation  - - - - - - - - - - - - - - - - - - */

.subnav, .subnav2
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.subnav li {
	border-bottom: 1px solid;
	position: relative;
}

.subnav li a:link, .subnav li a:visited, .subnav li a:hover, .subnav li a:active
{
	display: block;
	margin: 0;
	padding: 4px 2px 4px 22px;
	font-weight: bold;
	font-size: 11px;
}

.subnav2 li {
	border-top: 1px solid;
	border-bottom: none;
	position: relative;
}

.subnav2 li a:link, .subnav2 li a:visited, .subnav2 li a:hover, .subnav2 li a:active
{
	display: block;
	margin: 0;
	padding: 4px 2px 4px 22px;
	font-weight: normal;
	font-size: 10px;
}

/* dot image */

.subnav a:link img, .subnav a:visited img, .subnav a:hover img, .subnav a:active img
{
	border:0;
	position:absolute; 
	top:3px; 
	left:3px;
}

.subnav2 a:link img, .subnav2 a:visited img, .subnav2 a:hover img, .subnav2 a:active img
{
	border:0;
	position:absolute; 
	top:6px; 
	left:6px;
}

.subnav a:link img, .subnav a:visited img, .subnav2 a:link img, .subnav2 a:visited img,
.subnav li.current .subnav2 a:link img, .subnav li.current .subnav2 a:visited img 
{ visibility: hidden; }

/* Make dot visible when desired */
.subnav a:hover img, .subnav a:active img, .subnav2 a:hover img, .subnav2 a:active img,
.subnav li.current .subnav2 a:hover img, .subnav li.current .subnav2 a:active img, 
.subnav li.current a:link img, .subnav li.current a:visited img, .subnav li.current a:hover img, .subnav li.current a:active img,
.subnav li.current .subnav2 li.current a:link img, .subnav li.current .subnav2 li.current a:visited img, .subnav li.current .subnav2 li.current a:hover img, .subnav li.current .subnav2 li.current a:active img
{visibility: visible;}

/* Add This Buton under left Subnav */

.addthis_button {
	display: block;
	float: left;
	margin-right: 30px;
	margin-top: -5px;
	padding: 3px 0 5px 17px;
	background: url(arrow_universal_orange-trans.png) no-repeat 0 0;
}

/* Whitespace problem-fix */
img {
	display: inline-block;
}