/*
    lindenfeld.ch layers & stylesheets
    copyright (c) 2007 auridia gmbh / marc zimmerli
*/

* { margin: 0; padding: 0; }
html, body {
  margin: 0;
  padding: 0;
  background: #F6F6DE;
  font: 12px Arial;
  color: #333;
  height: 100%;
}

img { display: block; border: none; }
form { display:inline; }
form br { clear: left; }
table { border: 0; border-collapse: collapse; text-align: left; width: 450px; }
table td { height: 20px; vertical-align: top; }
table#links td { padding: 5px 0; }
table#links td.leftcell { width: 190px; padding-right: 10px; }

table#links td.paddings { padding-left: 0px; }
ul { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #777; }
a:hover { color: #82992d; width: 300px; }
p { display: block; margin: 5px 0 15px 0; padding: 0; line-height: 18px; }
p.small { font-size: 11px; }
h1, h2 { display: block; font: 22px Arial; color: #82992d; padding: 0px; margin-top: 20px; }
h1 { margin-bottom: 5px; }
h2 { font-size: 15px; font-weight: bold; margin-bottom: 10px; padding: 0; line-height: 18px; }
.eventTabTitle, h3 { font: bold 13px Arial; color: #C9C958; }
caption { text-align: left; display: block; padding: 10px 0; }
br.asseperator { margin: 0; padding: 0; border-width: 0; line-height: 25px;}
.eventTabTitle { display: block; margin: 17px 0 5px 0; }

/* # CONTENT LAYERS */
#smarteaser {
    position: relative;
    width: 950px;
    height: 208px;
    background: #fff;
    float: left;
}
#logobox img { position: absolute; top: 25px; left: -80px; }
#iconholder img { padding: 1px 0 2px 10px; }
.content { position: relative; width: 700px; left: 20px; float: left; }

#wraper {
  position: relative;
  width: 1165px;
  border-left: 2px solid #fff;
  min-height: 100%;
  background: #fff;
}

#overflow {
  position: absolute;
  top: 100px;
  height: 209px;
  width: 100%;
  background: #E8E9AC url(../elements/icons/ico_logoverflow.gif) repeat-x 930px center;
}

#head {
  position: relative;
  width: 1165px;
  height: 100px;
  background: url(../elements/images/img_headbg.jpg) repeat-x;
}

#logobox {
  position: relative;
  float: right;
  width: 218px;
  height: 100px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

#iconholder {
  position: relative;
  width: 40px;
  float: left;
  background: #a6bc09;
  border-bottom: 2px solid #82992d;
}

#navigation {
  position: relative;
  width: 175px;
  height: 300px;
  left: 0;
  background: #fff;
  float: left;
}

#teaser {
  position: relative;
  height: 208px;
  width: 729px;
  border-right: 2px solid #fff;
  background: #B6C71F;
  float: left;
}
#teaser img {
  margin-left: 0px;
}


#picturebox {
  position: relative;
  height: 208px;
  width: 219px;
  float: left;
  margin-left: -1px;
  background: #E8E9AC;
}

#picto1Overlay, #picto2Overlay, #picto3Overlay, #picto4Overlay, #picto5Overlay {
  position: absolute;
  width: 181px;
  height: 82px;
  left: 391px;
  bottom: 0;
  /*background: url(../elements/images/img_picto1_overlay.jpg) no-repeat;*/
}

#picto2Overlay { width: 221px; height: 75px; left: 388px; /*background: url(../elements/images/img_picto2_overlay.jpg) no-repeat;*/ }
#picto3Overlay { width: 257px; height: 58px; left: 333px; /*background: url(../elements/images/img_picto3_overlay.jpg) no-repeat;*/ }
#picto4Overlay { width: 202px; height: 45px; left: 356px; /*background: url(../elements/images/img_picto4_overlay.jpg) no-repeat;*/ }
#picto5Overlay { width: 152; height: 52px; left: 378px; /*background: url(../elements/images/img_picto5_overlay.jpg) no-repeat;*/ }


.rightback {
  position: absolute;
  left: 945px;
  width: 219px;
  background: #d1db69;
  height: 100%;
}

.rightback img { position: absolute; bottom: 0px; }

.leftback {
  position: absolute;
  width: 40px;
  height: 100%;
  background: #d1db69;
}

/* # NAVIGATION STYLES */

#navigation ul li { display: block; width: 175px; background: #F4F5D8; }
#navigation ul li a:hover { color: #525252; width: 157px; background-color: #d4de76; }
#navigation ul li a {
    display: block;
    height: 17px;
    font-size: 12px;
	font-weight: bold;
    padding: 3px 0 2px 16px;
    /* color: #82992d; OLD */
	color: #82992d;
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
    outline: none; 
}

#navigation ul ul li { display: block; width: 175px; background: #F9F9DD; }
#navigation ul ul li a {
    display: block;
    height: 15px;
    font-size: 11px;
    padding: 2px 0 2px 35px;
    color: #CAC235;
    border-bottom: 1px solid #fff;
    outline: none;
}

#navigation ul ul li a:hover { padding-left: 35px; width: 135px; }

a.internal, a.internalSmall { color: #999; padding-left: 11px; background: url(../elements/icons/ico_linkinternal.gif) no-repeat left;}
a.internalSmall { font-size: 10px; }
a.internal:hover { color: #82992d; background: url(../elements/icons/ico_linkinternal_hover.gif) no-repeat left;}
a.special { color: #CFD259; padding-left: 11px; background: url(../elements/icons/ico_linkinternal_special.gif) no-repeat left; }
a.special:hover { color: #82992d; background: url(../elements/icons/ico_linkinternal_hover.gif) no-repeat left;}
a.linkActive { font-weight: bold; }

a.wordlink, a.acrobat { 
	background: url(../elements/icons/ico_word.gif) no-repeat left center;
	padding-left: 20px;
	display: block;
	line-height: 20px;
	height: 20px;
}

a.acrobat { background: url(../elements/icons/ico_acrobat.gif) no-repeat left center; padding-left: 24px; }

p.picdescription, p.published { font-size: 11px; }
p.published { display: block; margin-bottom: 8px; color: #6A6A6A; font-style: italic; }

a.organigramm { display: block; margin: 8px 0 0 0px; width: 130px; font-size: 11px; padding-left: 22px; line-height: 17px; background: url(../elements/icons/ico_organigramm.gif) no-repeat left; }
a.organigramm:hover { padding-left: 22px; line-height: 17px; background: url(../elements/icons/ico_organigramm_h.gif) no-repeat left; }

.seperator { position: relative; height: 1px; background: url(../elements/icons/ico_seperator.gif) repeat-x; margin: 10px 0 8px 0; }
.iconholderSpacer01 { width: 40px; height: 80px; background: #d1db69; border-bottom: 1px solid #82992d; }
.iconholderSpacer02 { width: 40px; height: 60px; background: #d1db69; border-bottom: 1px solid #82992d; }
.iconholderSpacer03 { width: 40px; height: 201px; background: #d1db69; border-top: 1px solid #82992d; border-bottom: 1px solid #82992d;}
.iconholderSpacer04 { width: 40px; height: 142px; background: #d1db69; border-top: 1px solid #82992d; border-bottom: 1px solid #82992d;}
.iconholderSpacer05 { width: 40px; height: 80px; background: #d1db69; border-top: 1px solid #82992d; border-bottom: 1px solid #82992d;}


ul.contentlist, .content ul { display: block; margin-bottom: 8px; }

ul.contentlist li, .content ul li  {
  line-height: 18px;
  width: 410px;
  padding-left: 20px;
  list-style: none;
  display: block;
  background: url(../elements/icons/ico_liststyle.gif);
  background-position: left 5px;
  background-repeat: no-repeat;
}

img.worker { float: left; margin: 0 12px 15px 0; }

table#events th {
  background: #EAEBB1;
  color: #888A24;
  height: 25px;
  border-bottom: 2px solid #fff;
  padding-left: 5px;
}

table#events td {
  background: #F5F5DA;
  border-bottom: 2px solid #fff;
  height: 20px;
  padding-left: 5px;
  font-size: 11px;
}


table#approachInfo { margin: 5px 0;}

#approachInfo td { border-top: 1px solid #82992d; height: 24px; padding-left: 1px; padding-top: 2px; font-size: 11px; }

#approachInfo td.day { width: 160px; }
#approachInfo td.date1 { width: 130px; }
#approachInfo td.spacer { width: 50px; }
#approachInfo td.date2 { width: 170px; }

#events tr { height: 26px; }
#events td { padding-top: 4px; }
#events img { margin-top: -4px; margin-left: 2px; }
#events .public { width: 26px; }
#events .date { width: 50px; }
#events .day { width: 70px; }
#events .event { width: 250px; }
#events .time { width: 80px; }

.jobdate { font-size: 10px; color: #999999; }



/* # FIXES */
.clear { clear: both; }

