@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */

#page {
    position:relative;
}
* html .floatbox { width:90% }

#col3 {
    border:0;
}
#col3 div.floatbox {
    border-left:1px solid #9C9D9F;
    min-height:410px;
    padding-left:20px;
}

.c66l, .c75l {
    border-right:1px solid #9C9D9F;
    border-left:1px solid #9C9D9F;
    padding-bottom:0px;
}
div.floatbox .c66l, div.floatbox .c75l {
    border:0;
}
div.floatbox div.tx-codeteam-pi1 .c75l {
   border-right:1px solid #9C9D9F !important;
   min-height:410px;
   width:529px
}
div.floatbox div.tx-codeteam-pi1 .c25r {
    width:29.6%;
}
* html div.floatbox div.tx-codeteam-pi1 .c25r {
    width:24%;
}

div.floatbox div.tx-codeteam-pi1 .subcr {
   padding-left:18px;
}

.c75l {
    width:549px;
    min-height:410px;
}
.c75l h1 {
    text-align:center;
}
.c25r {
    width:29%;
    color:#9C9D9F;
    font-size:11px;
}

#col2_content, #col3_content {
    margin:0; padding-bottom:0px;
    border-left:0px solid #9C9D9F;
    top:-10px;
}
#col3_content li {
    padding-bottom:5px;
    list-style-type:disc;
    margin-left:15px;
}
.subcl {
    padding:0 20px 0 20px;
}
.subcl .subcl {
    padding:0;
}
div.floatbox .subcl {
    padding-left:0;
}
.subcr {
    padding-left:18px;
}
div.floatbox .subcr {
    padding-left:0px;
}

#topnav {
    font-weight:bold; color:#9C9D9F;
    right:0; top:364px;
    height:22px;
    padding:2px 0 2px 0;
}
#topnav strong {
    color:#000;
}
#footer {
    position:relative;
    top:-50px;
}

div.textBelowMenu {
    margin: 20px 0 20px 14px;
}

ul, ol, dl, p {
    margin:0 0 12px 0;
}
input {
    padding-left:0; margin-left:0;
}

a {
    color:#9C9D9F;
    text-decoration:underline;
}
a:hover {
    color:#000;
    text-decoration:none;
}

DIV.csc-frame-rulerBefore{
    clear:left;
    width:100%; height:3px;
    border-bottom: 1px solid #9C9D9F;
}
DIV.csc-frame-rulerAfter{
    width:100%; height:8px;
    border-bottom: 1px solid #9C9D9F;
}
DIV .csc-frame-frame1 {
    border: 1px solid #9C9D9F;
    padding: 20px;
}
DIV .csc-frame-frame2 {
    border: 1px solid #9C9D9F;
    padding: 20px;
}

a.internal-link {
    color:#9C9D9F;
    text-decoration:underline;
}
a.internal-link:hover {
    text-decoration:none;
}

#nav_main ul {
    padding-left:200px;
}
#nav_main a span, #nav_main a:hover span, #nav_main #current a span {
    color:#F8B334; background:transparent; 
    position:relative; left:-9999px;
}
#nav_main a.nav1 {
    background:url(/fileadmin/img/specific/nav1.gif) left 4px no-repeat;
    display:block; width:183px;
}
#nav_main a.nav2 {
    background:url(/fileadmin/img/specific/nav2.gif) left 4px no-repeat;
    display:block; width:190px;
}
#nav_main a.nav3 {
    background:url(/fileadmin/img/specific/nav3.gif) left 4px no-repeat;
    display:block; width:190px;
}
#nav_main #current a.nav1, #nav_main  a.nav1:hover {
    background:url(/fileadmin/img/specific/nav1act.gif) left 4px no-repeat;
}
#nav_main  #current a.nav2, #nav_main  a.nav2:hover {
    background:url(/fileadmin/img/specific/nav2act.gif) left 4px no-repeat;
}
#nav_main #current  a.nav3, #nav_main  a.nav3:hover {
    background:url(/fileadmin/img/specific/nav3act.gif) left 4px no-repeat;
}
#nav_main a.nav2en {
    background:url(/fileadmin/img/specific/nav2_en.gif) 30px 3px no-repeat;
    display:block; width:190px;
}
#nav_main a.nav3en {
    background:url(/fileadmin/img/specific/nav3_en.gif) left 3px no-repeat;
    display:block; width:190px;
}
#nav_main  #current a.nav2en, #nav_main  a.nav2en:hover {
    background:url(/fileadmin/img/specific/nav2act_en.gif) 30px 3px no-repeat;
}
#nav_main #current  a.nav3en, #nav_main  a.nav3en:hover {
    background:url(/fileadmin/img/specific/nav3act_en.gif) left 3px no-repeat;
}


/*--------------------------  eigene elemente -----------------------------*/

#procomHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/headerProcom.jpg) bottom left no-repeat;
}
#aufgabenHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/headerAufgaben.jpg) bottom left no-repeat;
}
#loesungenHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/headerLoesungen.jpg) bottom left no-repeat;
}
#teamHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/headerTeam.jpg) bottom left no-repeat;
}
#kontaktHeader {
    width:100%; height:100%;
    /*background:url(/fileadmin/img/specific/headerKontakt.jpg) bottom left no-repeat;*/
    background:url(/fileadmin/img/specific/headerProcom.jpg) bottom left no-repeat;
}
#loginHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/headerLogin.jpg) bottom left no-repeat;
}

div.submenu_bottom {
    position:absolute; top:652px; left:14px; height:auto;
    color:#000;
    font-size:11px;
    z-index:6;
}
div.submenu_bottom a , div.tx-codeteam-pi1 a, div.news-latest-item a {
    color:#000;
}
div.news-list-item a, div.news-single-item a , td.csc-uploads-fileName a {
    color:#9C9D9F;
}
div.submenu_bottom a , div.tx-codeteam-pi1 a, div.news-list-item a, div.news-latest-item a, div.news-single-item a,
td.csc-uploads-fileName a {
    text-decoration:underline;
}
div.submenu_bottom a:hover , div.tx-codeteam-pi1 a:hover,
div.news-list-item a:hover, div.news-latest-item a:hover, div.news-single-item a:hover,
td.csc-uploads-fileName a:hover   {
    text-decoration:none;
}

div.submenu_bottom h6, div.submenu_bottom h6 a {
    font-size:11px;
    font-weight:bold;
    color:#9C9D9F;
}
div.submenu_bottom h6 a:hover {
    color:#000;
}

#teaser div.langMenu {
    font-weight:bold; font-size:13px; color:#000;
    padding-left:14px;
    display:block;
}
#teaser div.langMenu a {
    font-weight:bold; color:#9C9D9F;
}
span.menu_separator {
    color:#9C9D9F;
}

/*------------------------------ Login ---------------------------------------*/

form.loginform {
    overflow:visible;
}
form.loginform p {
    margin-bottom:0;
}
form.loginform label {
    display:block;
    font-weight:bold;
    padding:15px 0 10px 0;
}
form.loginform input.loginput{
    position:relative; left:-6px;
    padding:10px 0 0 10px;
    border:0; width:520px; height:33px;
    background:transparent url(/fileadmin/img/specific/bgLoginput.gif) top left no-repeat;
    color:#9C9D9F; font-weight:bold; font-size:12px;
}
form.loginform button.submit {
    border:0;
    color:#9C9D9F; background-color:#fff; font-weight:bold;
    text-decoration:underline; font-size:12px;
    cursor:pointer;
    font-family:verdana, arial, 'sans serife';
}
form.loginform button.submit span {
    text-decoration:underline;
}

#topnav span.left_link , #topnav span.center_link, #topnav span.login_link {
    padding:2px 9px 2px 9px;
}
#topnav span.login_link {
    background-color:#9C9D9F; 
}
#topnav span.login_link a {
    color:#fff;
}
#topnav span.login_link_act {
    color:#fff;
    background-color:#000;
}


/*------------------------------ Team -----------------------------------*/

div.tx-codeteam-pi1 li {
    color:#9C9D9F; 
}
div.tx-codeteam-pi1 li span.team_title{
    font-weight:bold;
}
div.tx-codeteam-pi1 li  a{
    font-weight:bold;
    color:#9C9D9F; 
}
div.tx-codeteam-pi1 li  a:hover{
    color:#000; 
}

div.tx-codeteam-pi1 li.team_group_active {
    color:#000;
}

div.tx-codeteam-pi1 li.team_group span.team_descr {
    display:none;
}
div.tx-codeteam-pi1 li.team_group_active span.team_descr {
    display:block;
}

div.tx-codeteam-pi1 div.team_contact {
    display:none;
    padding-bottom:50px;
}
div.tx-codeteam-pi1 div.team_contact_active {
    display:block;
}

div.tx-codeteam-pi1 div.team_contact_email {
    margin-bottom:20px;
}


div.tx-codeteam-pi1 ul {
    margin-bottom:0px;
}

div.tx-codeteam-pi1 {
    min-height:350px;
}

div.tx-codeteam-pi1 .c25r div {
    font-size:11px;
    color:#000;
}
div.tx-codeteam-pi1 div.team_contact_title {
    font-size:14px; font-weight:bold;
    margin:8px 0 0px 0;
    color:#9C9D9F; 
}
div.tx-codeteam-pi1 img {
    margin-top:12px;
}
div.tx-codeteam-pi1 div.team_contact_name {
    font-weight:bold;
    margin:10px 0 12px 0;
}

div.tx-codeteam-pi1 div.team_contact_name, div.tx-codeteam-pi1 div.team_contact_phone, div.tx-codeteam-pi1 div.team_contact_email {
    color:#000;
}

}


/*----------------------------------------- news -------------------------------------*/

div.news-latest-item a , div.news-list-browse a {
    color:#9C9D9F; 
}
div.news-list-browse a {
    font-weight:bold;
    padding:0pt 10px;
}
div.news-list-browse span, div.news-list-browse strong {
    padding:0pt 10px;    
}

div.news-latest-item a:hover, div.news-list-browse a:hover {
    color:#000; 
}

div.news-list-item, div.news-single-item {
    padding:0 20px 0px 20px; margin:0;
}
div.news-list-category, div.news-single-category {
    font-weight:bold; color:#9C9D9F; 

}
.news-list-item h2, .news-single-item h2 {
    color:#9C9D9F; background:#fff;
}
.news-list-item h2 {
    font-weight:normal; font-size:16px;
    padding:5px 0 10px 0; margin:0;
}
.news-single-item h2 {
    font-weight:bold; font-size:18px;
    padding:0px 0 10px 0; margin:0;
}
.news-single-item h5 {
    padding:0; margin:0;
}

div.news-list-container hr {
    margin:15px 0 15px 0; padding:0;
    color:#fff;
    clear:left;
    border: 0px;
    border-top: solid 1px #ddd;
}
*html div.news-list-container hr {
    margin:10px 0 10px 0;
}
*+html div.news-list-container hr {
    margin:10px 0 10px 0;
}

div.tx-ttnews-browsebox {
    border:0; background:#fff;
}

p.news-single-imgcaption {
    text-align:left;
    font-weight:bold; color:#9C9D9F; 
    margin-bottom:10px;
}

.news-single-additional-info dt {
    color:#9C9D9F;
    margin-bottom:0px;
}
.news-single-additional-info dd {
    margin:10px 0 20px 0;
}
.news-single-additional-info dd  img{
    margin-right:10px;
}

div.news-single-img img {
    padding-bottom:10px;
}
* html div.news-single-img img {
    padding-bottom:0px;
}
*+html div.news-single-img img {
    padding-bottom:0px;
}

div.news-list-item div.news-single-img img {
	float:left;
    margin-right:20px;
}

.tx-ttnews-browsebox {
    margin: 0; padding:0;
}
/*------------------------------ Procom Automation ------------------------------------------*/

#procomAutomationHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/oscar.jpg) bottom left no-repeat;
	/*background:url(/fileadmin/img/specific/oscar_messe_de.jpg) bottom left no-repeat;*/
}
/*
body.lang_en #procomAutomationHeader {
    background:url(/fileadmin/img/specific/oscar_messe_en.jpg) bottom left no-repeat;
}
*/


#teamAutomationHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/headerTeamAutomation.jpg) bottom left no-repeat;
}
#leistungenHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/steuerung.jpg) bottom left no-repeat;
}
#anwendungenHeader {
    width:100%; height:100%;
    background:url(/fileadmin/img/specific/element.jpg) bottom left no-repeat;
}

#nav_main.nav_main_auto {
    background-color:#007195;
}

#nav_main.nav_main_auto ul {
padding-left:185px;
}

#nav_main.nav_main_auto a.nav1 {
    background:url(/fileadmin/img/specific/nav1auto.gif) left 4px no-repeat;
    display:block; width:160px; overflow:hidden;
}
#nav_main.nav_main_auto  #current a.nav1, #nav_main.nav_main_auto  a.nav1:hover {
    background:url(/fileadmin/img/specific/nav1autoact.gif) left 4px no-repeat;
}
#nav_main.nav_main_auto a.nav2 {
    background:url(/fileadmin/img/specific/nav2auto.gif) left 4px no-repeat;
    display:block; width:210px;  overflow:hidden;
}
#nav_main.nav_main_auto  #current a.nav2, #nav_main.nav_main_auto a.nav2:hover {
    background:url(/fileadmin/img/specific/nav2autoact.gif) left 4px no-repeat;
}
#nav_main.nav_main_auto a.nav3 {
    background:url(/fileadmin/img/specific/nav3auto.gif) left 4px no-repeat;
    display:block; width:200px;  overflow:hidden;
}
#nav_main.nav_main_auto  #current a.nav3, #nav_main.nav_main_auto  a.nav3:hover {
    background:url(/fileadmin/img/specific/nav3autoact.gif) left 4px no-repeat;
}
#nav_main.nav_main_auto a.nav2en {
    background:url(/fileadmin/img/specific/nav2auto_en.gif) 25px 3px no-repeat;
    display:block; width:195px;
}
#nav_main.nav_main_auto a.nav3en {
    background:url(/fileadmin/img/specific/nav3auto_en.gif) right 3px no-repeat;
    display:block; width:225px;
}
#nav_main.nav_main_auto  #current a.nav2en, #nav_main.nav_main_auto a.nav2en:hover {
    background:url(/fileadmin/img/specific/nav2autoact_en.gif) 30px 3px no-repeat;
}
#nav_main.nav_main_auto #current  a.nav3en, #nav_main.nav_main_auto a.nav3en:hover {
    background:url(/fileadmin/img/specific/nav3autoact_en.gif) right 3px no-repeat;
}


#teaser.teaser_auto {
    background:url(/fileadmin/img/specific/pfeil_links.gif) no-repeat scroll 164px 0;
    position:relative;
    z-index:99;
}


#footer.footer_auto {
    background:url(/fileadmin/img/specific/pfeil_rechts.gif) no-repeat scroll 774px top;

    top:-43px;
}

/*------------------------------ MailformPlus ------------------------------------------*/



.tx-thmailformplus-pi1 table {margin-left:20px; margin-right:20px; }
.tx-thmailformplus-pi1 td {padding-left:0px; padding-top:10px; vertical-align:top}

#contactform table ,#newsletterform table {width:85%; font-size:100%}
#contactform input, .tx-thmailformplus-pi1 textarea {width:90%}
#contactform td {padding-left:4px; padding-top:10px; vertical-align:middle; text-align:right}

/*------------------------------ Flashheader ------------------------------------------*/

div.flash_header {
	width:100px; height:240px;
    position:absolute;
    bottom:0px; left:0px;
}
/*----------------------------------  Problem mit Blackberry---------------------------------------*/


 a[href]:after {
    content:"";
 }
/*---------------------------------- Messebanner im Header verlinken -----------------------------*/

a#banner_de {
    height: 238px;
    left: 0;
    position: absolute;
    top: 80px;
    width: 998px;
}

/*-------------------------------------------------------------------------------*/



}