/*****************************************************************************\
* isyst.css             Main style sheet for iSyst - Intelligente Systeme GmbH
 *****************************************************************************
* 09.01.2007  J.Tremmel  initial
* 27.02.2008  J.Tremmel  tweaks to download styles
* 16.03.2008  J.Tremmel  added styles for new menu structure
* 18.03.2008  J.Tremmel  added custom bullets
* 20.03.2008  J.Tremmel  added IE6 workarounds
* 02.06.2008  J.Tremmel  added yet more styles
* 20.10.2008  J.Tremmel  updated styles for subsequent images in news items
* 17.03.2009  J.Tremmel  tweaked paragraph margins in news
* 29.07.2011  J.Tremmel  added themen-container
* 30.11.2011  J.Tremmel  finally added ISO9001-Logo
\*****************************************************************************/
html { overflow-y: scroll; }
body,
td, th,
input  {
  font:14px/1.5 Verdana,Arial,Helvetica,sans-serif;
}
body   {
  text-align:left;
  color:#333; background:#FFF;
  /* padding on top to consistently manage overlapping margins  */
  margin:0; padding:2px 0 0;
  background:#C7C7C7 url(images/background.png);
}

table   { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; }
td, th  { padding:0; margin:0; text-align:left; }
td      { font-weight:normal; }
th      { font-weight:bold; }

.clearfloats    { clear:both; }

hr              { height:1px; color:#737373; border-color:#737373; background-color:#737373; margin:1em 0; }
hr.clearfloats  { height:0; visibility:hidden; }
h1, h2, h3, h4  { margin:1em 0 .5em 0; padding:0; font:bold 1em/1.3 Arial,Helvetica,Verdana,sans-serif; }
h1 small        { display:block; font-size:.8em; color:#515151; }

h1    { font-size:1.57em; margin:.1em 0 1em; }
h2    { font-size:1.29em; margin:1.5em 0 .5em; }
h3    { font-size:1.14em; margin:.8em 0 .36em; }
h4    { font-size:1em;   }

p     { margin:.36em 0 .8em;   }
small { font-size:.7em; line-height:1.3em; } /* for IE... */

img          { border:0; margin:0; padding:0;}
img.logo,
.floatRight  { float:right; margin:0 0 .5em 1em; }
.floatLeft   { float:left;  margin:0 1em .5em 0; }
.shiftUp     { margin-top:-2em !important; }

:link           { color:#1D4085; text-decoration:underline; }
:visited        { color:#851D37; text-decoration:underline; }
:link:hover,
:visited:hover  { color:#515151; }
:link:active,
:visited:active { color:#000; }

/**
* Generic links that appear like "buttons" {{{
*/
.buttons span.pressed, .buttons span.active,
.buttons a, .buttons a:link, .buttons a:active, .buttons a:visited,
a.button,   a.button:link,   a.button:active,   a.button:visited  {
  font-size:.857em; padding:.25em .67em; margin:1px;
  text-decoration:none;
  border:1px outset #E6E6E6; -moz-border-radius:2px;
  background:#FFF url(images/footer.jpg) repeat-x 0 -32px; color:#515151;
}
.buttons span.pressed, .buttons span.active,
.buttons a:focus, .buttons a:hover,
a.button:focus, a.button:hover {
  color:#851D37;
  border-style:inset; text-decoration:none;
}
.buttons { line-height:1.8; }
/*}}}*/

div.picture {
  margin:.5em auto; padding:2px 1px 1px;
  font-size:.9em; line-height:1.2; text-align:center;
  color:#515151; background:#FFF url(images/footer.jpg) repeat-x;
  border:1px solid; border-color:#F0F0F0 #E6E6E6;
}
div.floatLeft   { float:left;  margin:.4em 1em .4em 0; }
div.floatRight  { float:right; margin:.4em 0 .4em 1em; }
div.picture img { }
div.picture p   { padding:1px 1px 2px !important; margin:0 !important; }

.todo,
.note {
  background:#FFF url(images/vgrad_ochre.jpg) 0 -40px repeat-x;
  padding:0 .25em;
}
div.todo, p.todo,
div.note, p.note { margin:1em; padding:.5em; border-left:5px double #FFD49B; }
div.todo, p.todo { border-color:#BE7E29; padding-left:4.5em; text-indent:-4em; }
.todo:before     { color:#85581D; font-weight:bold; content:"TODO: "; }



/** obscured email addresses **/
span.obscuredEmail    { display:inline; }
span.obscuredEmail em { display:none; }



ul       { margin:.5em 0 .5em 1em; padding:0; list-style:none; }
ul li    { padding:0 0 0 13px; background:url(images/bullet.gif) no-repeat 0 .5em; }
ul li ul { margin:.2em 0 .2em 1em; }

p.related           { text-align:right; margin:0; font-size:.8em; }
ul.subnav           { margin:0; padding:0; }
ul.subnav li        { background:none; }

ul.subnav a,
p.related a         { padding-left:11px; background-repeat:no-repeat; }
ul.subnav a         { background-position:0 .33em; }
p.related a         { background-position:0 .33em; }
ul.subnav a:link,
p.related a:link    { background-image:url(images/arrow_blue_right.gif); }
ul.subnav a:hover,
ul.subnav a:visited,
ul.subnav a:active,
p.related a:hover,
p.related a:visited,
p.related a:active  { background-image:url(images/arrow_right.gif); }

/** **/
a.go         { padding-left:11px; background-repeat:no-repeat; background-position:0 .357em; }
a:link.up    { background-image:url(images/arrow_blue_up.gif); }
a:link.down  { background-image:url(images/arrow_blue_down.gif); }
a:link.left  { background-image:url(images/arrow_blue_left.gif); }
a:link.right { background-image:url(images/arrow_blue_right.gif); }
a:hover.up,    a:visited.up,    a:active.up    { background-image:url(images/arrow_up.gif);    }
a:hover.down,  a:visited.down,  a:active.down  { background-image:url(images/arrow_down.gif);  }
a:hover.left,  a:visited.left,  a:active.left  { background-image:url(images/arrow_left.gif);  }
a:hover.right, a:visited.right, a:active.right { background-image:url(images/arrow_right.gif); }

/******************************************************************************
* Outer Container {{{
*/
#container {
  text-align:left;
  margin:0 auto;
  max-width:70em;
  min-width:856px;
  /*border:1px dashed #080;*/
  border:2px solid #BBB;
  border-width:0 2px 1px;
  background:#FFF;
}


/* }}} */

/******************************************************************************
* Header {{{
*/
#header {
  position:relative; background:#F8F8F8 url(images/header.jpg) bottom repeat-x;
  margin:0 0 1em; padding:1px;
  min-height:80px; min-width:800px;
  height:150px;
  border:2px solid #BBB; border-width:0 0 2px;
}
#header h1 {
  position:absolute; top:0; left:0;
  width:240px; height:140px;
  margin:0; padding:0;
  font-size:2px; z-index:100;
}
#header h1 a  {
  display:block;
  width:240px; height:116px;
  background:url(images/isyst_logo.png) no-repeat center bottom;
  text-decoration:none; text-indent:-800em; /* overflow:hidden; (this breaks display of logo in IE5/mac... */
}
#header p {
  position:absolute; top:28px; right:0;
  margin:0; padding:2px 2px 2px 1em;
  /*border:1px dashed #AAF;*/
  font-size:1.07em; color:#BBB;
  line-height:1.5; width:14em;
}
#header p span.phone { font-size:.96em; text-indent:-.5em; display:block;}


#header p a:link,
#header p a:visited { color:#AAA; text-decoration:none; }
#header p a:hover,
#header p a:active  { color:#295CBE; text-decoration:underline; }
/*}}}*/

/******************************************************************************
* Menu (main menu in #header, sub menu in #content) {{{
*/
#header ul {
  position:absolute; bottom:-2px; left:0;
  margin:0; padding:0 0 0 15px;
  list-style:none; background:no-repeat bottom left;
  width:auto; z-index:1000; /* make sure transparent parts of logo will not overlap menu items */
}
#header li,
#header ul a  {
  background-repeat:no-repeat;
  background-image:url(images/header_tabs_magenta.png);
}
#header li    {
  float:left; display:block;
  background-position:100% 0;
  margin:0; padding:0 6px 0 0;
}
#header ul a  {
  display:block;
  background-position:0 0;
  margin:0; padding:1px 3px 1px 9px;
  font-weight:normal; color:#515151; text-decoration:none;
}
#header ul li:hover           { background-position:100% -200px; }
#header ul li:hover a         { background-position:0%   -200px; color:#851D37; }
#header ul li.active          { background-position:100% -400px; }
#header ul li.active a        { background-position:0    -400px; color:#851D37; font-weight:bold; }
#header ul li.active:hover    { background-position:100% -600px; }
#header ul li.active:hover a  { background-position:0    -600px; color:#851D37; font-weight:bold; }

/******************************************************************************/

#sub_menu {
  margin:0; padding:0;
  height:1.5em;
}
#sub_menu ul {
  margin:0; padding:0 0 .5em;
  list-style:none; display:block; width:auto;
  text-align:left; line-height:1em; height:auto;
}
#sub_menu ul li {
  background-image:none;
  margin:0; padding:0 .4em; display:inline;
}
#sub_menu ul li a  {
  margin:0; padding:0;
  color:#888; text-decoration:none !important;
}
#sub_menu ul li.active {
  font-weight:bold;
}
#sub_menu ul li a:hover,
#sub_menu ul li.active a {
  color:#851D37 !important;
}
/*}}}*/

#sub_menu ul#parent_mn_akt  { margin-left:3.4em; }
#sub_menu ul#parent_mn_unt  { margin-left:9.2em;  }
#sub_menu ul#parent_mn_kmp  { margin-left:16.8em; }
#sub_menu ul#parent_mn_part { margin-left:22.5em; }
#sub_menu ul#parent_mn_down { text-align:center; /*margin-left:17.4em;*/ }
#sub_menu ul#parent_mn_jobs { text-align:center; }
#sub_menu ul#parent_mn_cont { margin-left:23.2em; }

ul.breadcrumbs {
  list-style:none;
  margin:.5em 0 1em; padding:0;
  font-size:.8em;
}
ul.breadcrumbs li {
  font-weight:bold; color:#737373;
  margin:0; padding:0 0 0 10px;
  display:inline;
  background:url(images/arrow_right.gif) no-repeat 0 3px;
}
ul.breadcrumbs li a {
  font-weight:normal;
}


/******************************************************************************
* Content {{{
*/
#content {
  margin:0 2em 2em;

  /*border:1px dashed #00F;*/
}
/* }}} */

/******************************************************************************
* Footer {{{
*/
div#footer {
  font-size:.7em; margin:2em 0 0; padding:1ex 0 6em;
  border-top:2px solid #BBB; color:#888;
  border-color:#CDCDCD;
  width:100%; /* explicit width for IE6 */
  text-align:center; clear:both;
  background:#F8F8F8 url(images/footer.jpg) 0 -10px repeat-x;
}
div#footer p     { line-height:1.4; margin:.5em 0; padding:0;}
div#footer ul    { margin:0; padding:0; list-style:none; }
div#footer ul li    { background:none; margin:0; padding:0 .5em; display:inline; }
div#footer ul li a  { color:#888; }
div#footer #perform { visibility:hidden; }
/* }}} */




/******************************************************************************
* Data Tables {{{
*/
table.data {
  width:98%; margin:.5em auto; border-collapse:collapse;
}
table.data tr      { background:#F8F8F8 url(images/content.jpg) 0 0 repeat-y; }
table.data tr.even { background-position:-80px 0; }

table.data td,
table.data th   {
  text-align:left; border-top:1px solid #EEE;
  padding:1px .8ex; color:#444;
}
table.data th   {
  font-weight:bold; padding:.8ex;
  background:#F8F8F8 url(images/footer.jpg) 0 -24px;
  border-bottom:1px solid #DDD;
}
table.data :link          { color:#1D4085; text-decoration:none; }
table.data :visited       { color:#851D37; text-decoration:none; }
table.data :link:hover,
table.data :visited:hover { color:#BD2850; }
table.data :link:active,
table.data :link:active   { color:#295CBE; }

table.data   td.thumb { text-align:center; padding:1px; }
/*}}}*/

/******************************************************************************
* Forms {{{
*/
textarea,
input.text,
input.button {
  border-width:1px; border-color:#888 #AAA #AAA #888;
  border-style:solid; -moz-border-radius:4px;
  color:#333; background:#FFF url(images/vgrad_grey.jpg) repeat-x 0 -24px;
}
textarea,
input.text {
  font:14px "Courier New",monospace; color:#000;
  padding:2px .2em; margin:.14em 0 0 0; line-height:1.2;
}
textarea.hidden {
  width:0; height:0; overflow:hidden; visibility:hidden;
  padding:0; margin:0; border:0;
}
input.radio { border:none; }
textarea.error,
input.error {
  border-color:#F88 #FAA #FAA #F88;
  background:#FFFEFE url(images/vgrad_ochre.jpg) repeat-x 0 -48px;
}
input.button {
  color:#333; background:#EEE url(images/vgrad_grey.jpg);
}
/*}}}*/

/******************************************************************************
* Downloads {{{
*/
table.downloads td        { padding:0 .8ex; font-size:.9em; }
table.downloads th        { }
table.downloads th.descr  { }
table.downloads th.link   { width:33%; }

table.downloads td.descr  { padding:.6em .8ex; font-size:1em; }
table.downloads td.descr strong { display:block; }
table.downloads td.descr p      { margin:.1em 0; }

table.downloads td.link span.filesize   { display:block; color:#888; }
table.downloads td.link a {
  display:block;
  padding:.5em 0 .5em 40px;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(fileicons/32x32/blank.png);
}
table.downloads input.text { width:98%; font-weight:bold;  }
table.downloads textarea   { width:98%; height:3em; }

table.downloads td.link a.txt,
table.downloads td.link a.doc,
table.downloads td.link a.html  { background-image:url(fileicons/32x32/generic.png); }

table.downloads td.link a.zip   { background-image:url(fileicons/32x32/zip.png); }
table.downloads td.link a.pdf   { background-image:url(fileicons/32x32/pdf.png); }
table.downloads td.link a.ppt   { background-image:url(fileicons/32x32/ppt.png); }
table.downloads td.link a.xls   { background-image:url(fileicons/32x32/xls.png); }
table.downloads td.link a.jpg,
table.downloads td.link a.png,
table.downloads td.link a.gif,
table.downloads td.link a.bmp   { background-image:url(fileicons/32x32/image.png); }
/*}}}*/

/******************************************************************************
* Sitemap {{{
*/
#sitemap  {
  margin:0; padding:0;
}
#sitemap ul    {
  list-style:none;
  padding:0; margin:0;
  text-align:left;
}
#sitemap li    {
  font-weight:bold; display:block;
  background:#ECECEC url(images/footer.jpg) 0 -20px repeat-x;
  border-top:2px solid  #F8F8F8;
  border-left:2px solid #ECECEC;
  margin:.8em 2em 0 2em; padding:0 .2em .4em;

}
#sitemap li li    {
  font-weight:normal;
  background:none;
  border:none;
  margin:.2em 0 0 2em; padding:0;
}
#sitemap span {
  font-weight:normal;
  color:#555;
}
#sitemap li span.notavailable {
  color:#944; font-weight:bold;
}
#sitemap li li span.notavailable {
  color:#822; font-weight:normal;
}

#sitemap :link,
#sitemap :visited        { color:#1D4085; text-decoration:underline; }
#sitemap :link:hover,
#sitemap :visited:hover  { color:#295CBE; text-decoration:underline; }

/*}}}*/

/******************************************************************************
* Impressum {{{
*/
table#imp { width:95%; }
table#imp th { padding:.3em; vertical-align:top; }
table#imp td { padding:.3em 1em .5em; vertical-align:middle;}
table#imp td,
table#imp th {
  background:url(images/content.jpg);
  border:2px solid #BBB; border-width:1px 0;
}
table#imp td div   { padding-top:.5em; }
/*}}}*/

/******************************************************************************
* Kompetenzen {{{
*/
#komp_container {
  padding:1px; margin:0 0 0 .5em; width:100%;
  float:left;
}
#komp_container h2   { margin-top:0; }
#komp_container h2 a {
  display:block;
  text-decoration:none;
  border-bottom:2px solid #000;
}
#komp_cosyst h2 a       { color:#52821C; border-color:#52821C;}
#komp_isyst  h2 a       { color:#851D37; border-color:#851D37;}
#komp_cosyst h2 a:hover { color:#8BB841; border-color:#8BB841;}
#komp_isyst  h2 a:hover { color:#BE2951; border-color:#BE2951;}
#komp_cosyst,
#komp_isyst {
  width:28%; float:left;
  background-color:#FFF;

}
#komp_v {
  width:42%; float:left;
  text-align:center;
}
#komp_v img { margin-top:52px; }
#komp_container li { margin-bottom:.63em; }
#komp_cosyst li    { background-image:url(images/bullet_green.gif); }
#komp_isyst  li    { background-image:url(images/bullet.gif); }

#komp_clear        { clear:left; height:0; }


body#projekte h1 { margin-bottom:.5em; }
body#projekte h2 {
  padding:.5em; position:relative; left:-.5em; width:100%;
  clear:both;
  background:#FFF url(images/footer.jpg) repeat-x 0 -32px; color:#515151;
}

/*}}}*/


body#studenten h1 { margin-bottom:.5em; }
body#studenten h2 {
  padding:.5em; position:relative; left:-.5em; width:100%;
  clear:both;
  background:#FFF url(images/footer.jpg) repeat-x 0 -32px; color:#515151;
}
body#studenten h3 { margin-top:1.5em; }
body#studenten h4 { color:#666; padding-left:.5em;}

body#studenten .themen-container p {
  margin-left:.5em; margin-right:.5em;
}

a#iso9001 {
  text-indent:-99em; overflow:hidden;
  display:block; width:180px; height:82px;
  position:relative; top:-3.2em;
  float:right;
  background:#FFF url(images/iso-9001_2008_qm.png) no-repeat 0 0;
}
/******************************************************************************
* Kontakt/Anfahrtsbeschreibng {{{
*/
div#gmap {
  width:442px; float:right;
  margin:0 0 .5em 1em; padding:2px;
  background:#FFF url(images/footer.jpg); color:#515151;
  border:1px solid; border-color:#F0F0F0 #E6E6E6;
}
div#gmap iframe {
  border:0; display:block; overflow:hidden;
  width:440px; height:360px;
  margin:0 auto; padding:0;
}
div#gmap p {
  font-size:.8em; margin:0; padding:2px;
  text-align:right;
}

/*}}}*/


/******************************************************************************
* Partner {{{
*/
/* partners (overview) ***************************************/
#partners { position:relative; }
#partners #p_col1,
#partners #p_col2 { position:absolute; width:280px; top:9em;  margin:0; z-index:10;}
#partners #p_col1 { left:2em; }
#partners #p_col2 { right:2em; }

#partners #p_cont {
  position:relative; left:240px; top:-20px;
  width:420px; height:380px; z-index:5;
}
#partners img    { position:absolute; left:0; top:0; }
#partners #p_cont a {
  position:absolute; display:block;
  text-align:center; padding:30px 0;
  width:120px; font-size:16px;
  border:0; outline:0;
  background:transparent;
}

#partners #p_ind { left:152px; top:25px; }
#partners #p_for { left:8px;   top:263px; }
#partners #p_ntz { left:291px; top:263px; }

/* partners (listing) ****************************************/
#partnerBox { padding:1px; margin:1em 0; width:100%; }
#partnerBox .partner {
  float:left; width:32%; height:12em;
  margin:1% .5%; padding:0;
  background:#F9F9F9 url(images/footer.jpg) repeat-x;
  border-top:2px solid #E6E6E6;
}
#partnerBox h2 {
  color:#737373; font-size:1.21em;
  background:#F9F9F9 url(images/news.jpg) repeat-x;
  margin:0; padding:1px .5em;
}
#partnerBox h2 :link           { color:#737373; text-decoration:none; }
#partnerBox h2 :visited        { color:#737373; text-decoration:none; }
#partnerBox h2 :link:hover,
#partnerBox h2 :visited:hover  { color:#1D4085; text-decoration:underline; }
#partnerBox h2 :link:active,
#partnerBox h2 :visited:active { color:#851D37; text-decoration:underline; }

#partnerBox p     { margin:.5em; padding:0; font-size:.86em; text-align:center; }
#partnerBox p a   { display:block; text-align:center; height:88px; line-height:80px; }
#partnerBox p img { vertical-align:middle; }
#partnerBox span.descr,
#partnerBox span.note { display:block; text-align:center; }
#partnerBox span.note { background:transparent; color:#737373; font-size:.9em; }
#partnerBoxFooter { clear:left;}
/*}}}*/


/******************************************************************************
* Gallery {{{
*/
div.gallery  {
  background:url(images/transparent.png); /* just to pre-cache it, used as backdrop in image inline view */
  font-size:.5em;
  padding:1px 0;
}
div.gallery div,
div.gallery a {
  display:block; float:left; width:120px; height:90px; text-align:center;
  border:1px solid #EEF; margin:2px 1px; padding:1px; overflow:hidden;
  background:url(images/content.jpg) repeat-y;
  line-height:88px;
}
div.gallery a img   { vertical-align:middle; }
div.gallery a:hover { border-color:#AAF; }
div.gallery hr      { clear:both; height:1px; visibility:hidden; display:block; }

div.gallery div input { display:block; }
div.gallery div label { display:block; }
/* }}} */

/******************************************************************************
* News {{{
*/
div.newsitem {
  font-size:12px; line-height:1.4; font-weight:normal;
  position:relative; /* for IE... */
  color:#272324;
  background:#F9F9F9 url(images/footer.jpg) repeat-x;
  border-top:1px solid #E6E6E6;
  margin:.5em 0 1em; padding:0;
}

div.newsitem h3 {
  font-size:1.167em; line-height:1.2;
  margin:0; padding:.286em .357em .214em;
  border-bottom:1px solid #E6E6E6;
  background:#F8F8F8 url(images/news.jpg) repeat-x;
}

div.newsitem h3 a,
div.newsitem h3 a:link,
div.newsitem h3 a:visited { color:#444; text-decoration:none; }
div.newsitem h3 a:hover,
div.newsitem h3 a:focus   { text-decoration:underline; }
div.newsitem h3 span      { color:#555; }
div.newsitem h3 span.status { color:#777; font-weight:normal; }
div.newsitem p {
  margin:.1em .4em .4em 88px; padding:0 0 .4em 0;
}
div.newsitem table.data { width:auto; }

div.newsitem div.newspic {
  width:84px; float:left; padding:.4em 0 .5em;
  text-align:center; overflow:hidden;
}
div.newsitem div.newspic img  { }
div.newsitem div.foot         { clear:both; text-align:right; padding:0 .5em; }

div.hidden_entry h3,
div.hidden_entry img { opacity:.6 }

/** Full View ************************************************/
div.fullview {
  font-size:14px; padding:0 5px 0; margin-top:0;
  background:#FAFAFA url(images/news.jpg) repeat-x;
}
div.fullview h2 {
  font-size:1.14em; line-height:1.2;
  margin:0 0 .368em; padding:.3em 0 2px 0;
  border-bottom:1px solid #F0F0F0;
}
div.fullview h2 small         { font-size:.63em; color:#555; display:block; }
div.fullview p                { margin:.833em 0 .667em; }

/* primary picture(newspic) and following pictures (picture) */
div.fullview div.newspic,
div.fullview div.picture {
  padding:0; text-align:center;

}
/* centered news pictures */
div.fullview div.newspic { width:auto; float:none; }

/* non-centered news picture */
div.fullview div.floatLeft,
div.fullview div.floatRight,
div.fullview div.side { background:#FFF; border:2px solid #FFF; }

div.fullview div.side {
  float:right; margin:0 0 .5em 1em;
}

div.fullview div.newspic img,
div.fullview div.picture img  {
  display:block; margin:0 auto;
}
div.fullview div.newspic p,
div.fullview div.picture p    {
  font-size:.86em; text-align:center;
  font-weight:bold; color:#444;
  margin:0 !important; padding:2px 1px 2px !important;
}






div.fullview ul.newsnav {
  font-size:.8em;
  margin:0; padding:0; list-style:none; width:12em;
  float:right; text-align:center; padding-top:.3em;
}
div.fullview ul.newsnav li    { display:inline; font-size:.833em; background:none; padding:0; margin:0; }
div.fullview ul.newsnav a     { text-decoration:none; font-weight:bold !important; }

/** Overview *************************************************/
ul#newsoverview {
  margin:0 0 1em; padding:0; list-style:none;
  float:left; line-height:1.5; width:100%;
}
ul#newsoverview li {
  margin:0; padding:0; clear:left; background-image:none;
}
ul#newsoverview a.archive {
  text-decoration:none;
  display:block; float:left;
}
ul#newsoverview a.archive span.date {
  font-size:.785em; color:#272324;
  display:block; float:left;
  width:6em; padding:.36em 0 0;
}
ul#newsoverview a.archive span.title {
  text-decoration:underline;
  display:block; padding-left:5em;
}
ul#newsoverview li div.newsitem         { display:none; float:left; width:99%; }
ul#newsoverview li.active div.newsitem  { display:block; }
ul#newsoverview li.active a.archive     { display:none; }

/** News Archive *********************************************/
ul#archivenav    { margin:1em 0; padding:0; list-style:none; text-align:left; }
ul#archivenav li { margin:0; padding:0; display:inline; background:none; font-weight:bold; }

/* }}} */

/******************************************************************************
* Login (internal, admin)  {{{
*/
#login {
  width:48em; margin:1em auto;  padding:1em;
  background:#F8F8F8 url(images/content.jpg) repeat-y;
  border:3px double #DDD; -moz-border-radius:5px;
  text-align:center;
}
#login p      { margin-top:0; }
#login label  { font-weight:bold; color:#777; }
#logout       { text-align:right; font-size:.8em; position:relative; top:1em; }
/*}}}*/

/** IE6 workarounds {{{ **/
* html div.newsitem { height:1%; } /* force "layout" in IE6 */
* html #container   {
  width:70em /* no min-width, max-width available up to IE6 */
}
* html #content     {
  width:66em; margin:0 1em; padding:0 1em; /* IE boxmodel woes */
  overflow:hidden;
}
* html #header,
* html #footer      { width:100%; margin-left:0; margin-right:0; }
* html #partnerBox  { width:99%; height:1%; margin-left:0; margin-right:0; } /* more IE boxmodel woes */

* html #partnerBox .partner       { height:200px; }
* html #partnerBox .partner p a   { line-height:80px; font-size:80px; }
* html #partnerBox .partner p img { vertical-align:middle; font-size:10px; }

* html #komp_cosyst,
* html #komp_isyst { width:220px; }
* html #komp_v     { width:440px; }

* html div.todo,
* html p.todo    { padding-left:.5em; text-indent:0; }
* html #sitemap li { height:1%;} /* IE6 "creeping text" workaround */

/** }}} ******************/

/******************************************************************************
* Styles for printout
*/
@media print { /*{{{*/
  body        { background:#FFF; }
  /* Hide menus */
  #main_menu,
  #sub_menu   { display:none; }
  /* compensate header height for missing menu */
  #header     { height:128px; }
  #header p   { top:22px; }
  /* remove links from footer */
  #footer ul       { display:none; }
  #footer #perform { display:none; }
  /* ...and remove unneccessary margins from content */
  #content    { padding:1px 0; margin:0; border:0; }
  #container  { border:0 !important; }
  #content,
  #container  { background:none !important; }
  /* TODO: Add more styles as needed */
  /*}}}*/
}
/* :indentSize=2:lineSeparator=\n:noTabs=true:tabSize=2: */