/***********************************************************************************************************************
 * site.css - all your bases are belong to us!
 * currently tested on ff 2.0, safari 2.0.4, ie 6.0
 * @version 1.1
 * @date    2006-11-22
 * @author  raketenmann
 ***********************************************************************************************************************/
/* general stuff */
* { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:180%}
html { }
body {margin: 30px auto; text-align: center; background-color: #fff }
p { color: #666; font-weight: normal; }
h1, h2, h3 { color: #555; font-weight: normal; }
a { font-weight: normal; text-decoration: none; color: #000066; outline: none; -moz-outline: none }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }

/* some dotted lines */
.clearer { font-size: 1px; height: 1px; clear: both; border: 0; margin: 0; padding: 0; }
.clearerdot { font-size: 1px; height: 1px; clear: both; background: #fff url('images/dots.jpg') 0 0 repeat-x; border: 0; margin: 0; padding: 0; }
.clearerdot2 { font-size: 1px; height: 1px; clear: both; background: #fff url('images/dots.jpg') 0 0 repeat-x; border: 0; margin: 0 40px; padding: 0; }
.clearerdot900 { width: 900px; height: 1px; clear: both; background: transparent url('images/dots.jpg') 0 0 repeat-x; border: 0; margin: 0; padding: 0; }

/* page container */
div#page { width: 900px;  margin: 30px auto 0px auto; }

/* topmenu */
div#page p.topmenu { color: #999; text-align: right; padding-bottom: 5px; }
div#page p.topmenu a { color: #999; }
div#page p.topmenu a.current { text-decoration: underline; }
div#page p.topmenu a:hover { text-decoration: underline; }

/* header */
div#header { background: #fff url('images/head_900x201.jpg') 0 0 no-repeat; width: 900px; height: 201px; }
div#header h1 { display: none }
div#header div#flashcontent { height: 200px }
div#header div#flashcontent h1 { display: none; }

/* main menu */
div#mainmenu { height: 19px; background: #fff url('images/menu_900x019.jpg') 0 0 no-repeat; }
div#mainmenu p { text-align: right; color: #fff; padding: 0 5px 0px 5px; }
div#mainmenu a { color: #fff; font-size:9px}
div#mainmenu a.current { text-decoration: underline; }
div#mainmenu a:hover { text-decoration: underline; }

/* man area */
div#main { background: #fff url('images/main_900x002.jpg') 0 0 repeat-y; }

/* leftbar */
div#leftbar { float: left; width: 256px;  text-align: left; padding-top: 37px; }

/* leftbar -latest news */
div#leftbar div.news-latest-container {   border: none; padding: 0 0px; float: left; width: 256px }
div#leftbar div.news-latest-container div.news-latest-item {  margin-bottom: 10px; clear: both; padding: 0 35px }
div#leftbar div.news-latest-container div.news-latest-item h3 { font-weight: bold; line-height:130%; padding: 0; margin: 0 }
div#leftbar div.news-latest-container div.news-latest-item p.bodytext { padding: 0; margin: 0; line-height: 120%; }
div#leftbar div.news-latest-container div.news-latest-item span {  }

/* leftbar - general */
div#leftbar h1 { padding: 0px 35px 10px 35px; font-size: 14px; }
div#leftbar p.bodytext { padding: 0 35px; line-height: 150% }

/* content box - @mod: float:left -> float right (mk) */
div#content { float: right; width: 643px;   text-align: left; padding-top: 30px; }
div#content h1 { padding: 0px 40px 10px 40px; font-size: 20px; }
div#content h2 { padding: 10px 40px 1px 40px; font-size: 14px; font-weight: bold; }
div#content h3 { padding: 15px 40px 5px 40px; font-size: 11px; font-weight: bold; line-height:180%}
div#content p { padding: 0px 40px 10px 40px; }
div#content p.bodytext { font-size: 11px; padding: 0px 40px 0px 40px; }

/* liste */
div#content ul.csc-bulletlist, div#content ul.csc-bulletlist-0 { margin: 0 60px 20px 60px; }
div#content ul.csc-bulletlist li {font-size:11px; color:#666}

/* search form */
div#content div.tx-indexedsearch { margin: 0 40px; }
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox { margin: 0; padding: 0 }
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox { margin: 0; padding: 0 }
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form { border: 1px solid #ccc; background-color: #fff; padding: 20px 40px; margin-bottom: 20px }
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form div.tx-indexedsearch-form {  }
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form div.tx-indexedsearch-form label { width: 200px; font-size: 10px; color: #999 }
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form div.tx-indexedsearch-form input.tx-indexedsearch-searchbox-sword { border: 1px solid #ccc; background-color: #fff; color: #666; padding: 3px 5px; margin: 0 20px; font-size: 11px; width: 250px; } 
div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form div.tx-indexedsearch-form input.tx-indexedsearch-searchbox-button { font-size: 11px; color: #666 }

/* search whatis */
div#content div.tx-indexedsearch div.tx-indexedsearch-whatis { margin-bottom: 10px}
div#content div.tx-indexedsearch div.tx-indexedsearch-whatis p { margin: 0; padding: 0; font-size: 11px }
div#content div.tx-indexedsearch div.tx-indexedsearch-whatis p span.tx-indexedsearch-sw { font-size:11px; font-weight: bold }
div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox { padding: 0px; }
div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox p { margin: 0; padding: 0; font-size: 11px; clear: both; }
div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox p strong { font-size: 11px }
div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox ul.browsebox { list-style: none; margin: 10px 0; padding: 0; background-color: #ccc; display: block  }
div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox ul.browsebox li { float: left; margin-right: 20px }
div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage strong a { text-decoration:underline } 

/*search results */
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css { margin: 15px 0 0 0 ; padding: 0; }
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css h3 { margin-bottom: 5px; padding: 0; line-height: 100%}
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css h3 span.title a {font-size: 11px; font-weight: bold; }
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css h3 span.percent { float: right; }
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css p.descr { margin: 0; padding: 0 }
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css p.descr strong.tx-indexedsearch-redMarkup { color: darkred }
div#content div.tx-indexedsearch div.tx-indexedsearch-res div.res-tmpl-css p.meta { margin: 0; padding: 0; font-size: 9px }

/* employees */
div#content div.employee { margin:0 40px; padding: 0px; /*border: 1px solid #eee;*/ margin-bottom: 20px  }
div#content div.employee:hover { background-color: #f3f3ff; }
div#content div.employee h3 {margin:0; padding: 0; font-size: 11px; font-weight: bold; color: #666; float: left }
div#content div.employee p { margin:0; padding: 0; font-size: 11px; }
div#content div.employee p.position { font-weight: bold; font-size: 11px; color: #666;   }
div#content div.employee p.desc { color: #666 }
div#content div.employee p.phone { margin:0; padding: 0; float: left; color: #666; }
div#content div.employee span.email { margin:0; padding: 0; float: right; text-align: right; color: #666; font-size: 11px; }
div#content div.employee span.email a { margin:0; padding: 0; font-size: 11px; }

/* news - overview/list */
div#content div.news-list-container { margin: 0 40px; }
div#content div.news-list-container div.news-list-item { margin-bottom: 30px; }
div#content div.news-list-container div.news-list-item span a {margin: 0; padding: 0; font-size: 10px; }
div#content div.news-list-container div.news-list-item span.date {margin: 0; padding: 0; font-size: 9px; color: #ccc; }
div#content div.news-list-container div.news-list-item h3 { font-size: 12px; margin: 0; padding: 0; line-height: 120%;  }
div#content div.news-list-container div.news-list-item h3 a { font-size: 12px; font-weight: bold; }
div#content div.news-list-container div.news-list-item p.bodytext { margin: 0; padding: 0; }
div#content div.news-list-container div.news-list-item div.news-list-morelink { padding-bottom: 10px; }

/* news - single entry */
div#content div.news-single-item { margin: 0 40px; color: #666}
div#content div.news-single-item span.date { margin: 0; padding: 0; font-size: 9px; color: #ccc; }
div#content div.news-single-item h2 { font-size: 12px; font-weight: bold; margin:0; padding: 0; line-height: 120%}
div#content div.news-single-item h3 { font-size: 10px; font-weight: normal; padding:0 0 0 0; font-weight: bold}
div#content div.news-single-item p.bodytext { margin:0; padding: 0; }

/* downloads */
div#content table.csc-uploads { margin-left: 40px; margin-bottom: 40px; width: 550px; border-collapse: collapse; padding: 0; }
div#content table.csc-uploads tr.tr-even { background-color: #fff; padding: 0; margin: 0; }
div#content table.csc-uploads tr.tr-odd { background-color: #eee; padding: 0; margin: 0; }
div#content table.csc-uploads tr td { padding: 5px; } 
div#content table.csc-uploads tr td.csc-uploads-fileSize { width: 40px; text-align: right; }
div#content table.csc-uploads tr td p { padding: 0 ; margin: 0; }

/* contact form */
div#content form#mailform {  padding: 0 40px; }
div#content form#mailform fieldset.csc-mailform { border: 1px solid #ccc; background-color: #fff; padding: 20px 40px; }
div#content form#mailform fieldset.csc-mailform div.csc-mailform-field { padding: 10px 0; }
div#content form#mailform fieldset.csc-mailform div.csc-mailform-field label { font-size: 11px; width: 200px; float: left; color: #999}
div#content form#mailform fieldset.csc-mailform div.csc-mailform-field input { width: 250px; font-size: 11px; }
div#content form#mailform fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-check { width: 14px; border: none; text-align: left; }
div#content form#mailform fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit { font-size: 11px; color: #666; width: 150px; }
div#content form#mailform fieldset.csc-mailform div.csc-mailform-field textarea { margin-top: 5px; border: 1px solid #ccc; font-size: 11px; width: 450px; height: 100px; }

/* frontpage - home */
div#content div#twocols { width: 643px; background: transparent url('images/2col_640x002.jpg') 0 0 repeat-y; }
div#content div#twocols div#left { float: left; width: 290px; }
div#content div#twocols div#left h2 { padding: 28px 40px 20px 40px; font-size: 16px; }
div#content div#twocols div#right { float: left; width: 350px; }
div#content div#twocols div#right h2 { padding: 28px 40px 20px 40px; font-size: 16px; }
div#content div#twocols div#right p img { float: left; margin-right: 10px; margin-bottom: 10px; }

/* footer */ 
div#footer { width: 900px; background: #fff url('images/main_900x002.jpg') 0 0 repeat-y; float: left; }
div#footer div#address { width: 643px; float: right; }
div#footer div#address p { text-align: right; padding: 0 5px; font-size: 9px; line-height: 150%}
div#footer div#address p a { padding: 0 5px; font-size: 9px; line-height: 150%}

/* content table (as seen on unternehmen.html) */
table.contenttable { /*border: 1px solid #ccc;  */border-collapse: collapse; margin: 0 40px 40px 40px; padding: 0; }  /* tabelle, rahmen und collapse, margin wie main content */
table.contenttable tr { padding: 0; margin: 0; /*border-bottom: 1px solid #ccc;*/ }                         /* zeile, generell */
table.contenttable tr.tr-even { /* background-color: #f3f3ff */}                                        /* gerade zeilen */
table.contenttable tr.tr-odd { /* background-color: #f3f3ff */}                                         /* ungerade zeilen */
table.contenttable tr td { vertical-align: top; padding: 5px 0px; font-size: 11px; color: #666; }                                           /* tabellenzellen, generell */
table.contenttable tr td.td-0 { width: 200px; /*background-color: #f3f3ff; border-right: 1px solid #ccc */} /* tabellenzellen, links */
table.contenttable tr td.td-last {  }                                                                   /* tabellenzellen, rechts */

#mailformaddress, #mailformname, #mailformemail, #mailformtv { border: 1px solid #ccc; padding: 3px }