/* ====== YASKAWA css-definition - screen ====== */
/* ====== letzte aenderung 25.06.2010, mib ====== */
/* ====== Basis ====== */



body {  
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 62.5%;
    background-color: #fff; 
    color: #7a6e67; 
    text-align: center;         
   }

* {
    padding: 0;
    margin: 0;
}

img, a img { 
    border: none;
}

a {
    text-decoration: none;
}

.klar {  
    clear: both;  
    line-height: 0px;  
    font-size: 1px;  
    height: 0px;
}       

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

.floatRight {
    float: right;
}

h1 {
    color: #666;
    font-size: 2.2em;
    margin: 15px 0;  
    font-weight: normal;
}

h2 {
    color: #0062A9;
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

h3 {
    color: #0062A9;
    font-size: 1.1em;
}

/* ====== Headline mit Pfeil  ====== */ 

h4 {
    color: #0062A9;
    background: url(../img/pfeil.gif) left no-repeat;
    font-size: 1.1em;
    padding-left: 7px;
}

/* ====== Startseite - Headline in den Boxen  ====== */ 

h5 {
    background-color: #ECECED;
    padding: 4px 10px;
    color: #0062a9;
    font-size: 1.3em;
    border-bottom: 3px solid #fff;
}

h6 {
    color: #666;
    font-size: 1.3em;
    margin: 0 0 10px 0;
}

p { 
    line-height: 140%;
    font-size: 1.1em;
}   

br.space {
    line-height: 5px; 
    font-size: 5px; 
    height: 5px;
}

ul {
    list-style-type: none;
}

/* ====== Hauptlayer fuer Breite ====== */
    
#mainDivBreite {
    margin: 27px auto;
    width: 950px;
}

/* ====== Hauptnavigation ====== */ 

#logo {
    background-color: #fff; 
    float: left;
    text-align: left;
    width: 200px;
}

#loggedIn {
    background-color: #fff; 
    float: right;
    text-align: right;
    font-size: 11px;
    width: 250px;
    line-height: 140%;
}

#loggedIn a {
    background-color: #fff; 
    font-size: 11px;
    text-decoration: underline;
    color: #7a6e67;
}

#mainnavi {
    background-color: #C6C0B8;  
    width: 950px;
    height: 31px;
    text-align: left;
    color: #fff;
    font-size: 1.2em;   
}

#navipadding {
    padding: 7px 0 0 45px;
}

a.mainNaviLink {
    color: #fff;    
    text-decoration: none;
    padding: 0 45px 0 0;
    font-weight: bold;
}

a.mainNaviLink:hover {
    color: #91867E;         
    text-decoration: none;
    padding: 0 45px 0 0;
    font-weight: bold;
}   

a.mainNaviLinkActive {
    color: #91867E;         
    text-decoration: none;
    padding: 0 45px 0 0;
    font-weight: bold;
}   

#mainSubnaviHome {
    width: 750px;
    height: 22px;
}

#mainSubnavi {
    width: 950px;
    height: 20px;
    background-color: #ECECED;
    border-top: 2px solid #fff;
    text-align: left;
    font-size: 1.2em;
}

#mainSubnaviPadding {
    padding: 1px 0 0 45px;
}

a.mainSubnaviLink {
    color: #91867E;
    text-decoration: none;
    padding: 0 45px 0 0;
}

a.mainSubnaviLink:hover {
    color: #AAA8A7;
    text-decoration: none;
    padding: 0 45px 0 0;
}

a.mainSubnaviLinkActive {
    color: #0062a9;
    text-decoration: none;
    padding: 0 45px 0 0;
    font-weight: bold;
}

/* ====== content und Boxen ====== */   

#content {
    width: 940px;
    text-align: left;
    margin: 25px auto;
}

/* ====== linke Box ====== */

#left {
    background: url(../img/dotted_line.gif) top left repeat-x;
    width: 140px;
    text-align: left;
    float: left;
}

#left p {
    color: #0062a9;
}

#left a {
    color: #0062a9;
    text-decoration: underline;
}

#left a:hover {
    color: #7a6e67; 
}

#left h4 {
    margin-top: 10px;
}

#left img.space2 {
    margin-top: 10px;
}

#left #borderBottom {
    background: url(../img/dotted_line.gif) bottom left repeat-x;
    padding: 10px 0;
}

/* ====== linke Box subnavi====== */

#left ul {
    position: relative;
}

#left ul li a {
    color: #0062a9;
    text-decoration: none;
    font-size: 1.1em;
}

#left ul li {
    padding: 3px 0;
    background: url(../img/dotted_line.gif) bottom repeat-x;
}

#left ul li a.active {
    font-weight: bold;
    background: url(../img/pfeil.gif) right no-repeat;
    padding-right: 10px;
}

#left ul li ul {
    position: relative;
    background: none;
    margin: -3px 0;
}   

#left ul li ul li {
    padding-left: 10px; 
}

#left ul li ul li a {
    color: #7a6e67;
    text-decoration: none;
    font-size: 1.1em;
}

#left ul li ul li a:hover {
    color: #AAA8A7;
    text-decoration: none;
    font-size: 1.1em;
}

#left ul li ul li a.activeSub {
    font-weight: bold;
    color: #7a6e67;
    background: url(../img/pfeil_grau.gif) right no-repeat; 
    padding-right: 7px;
}

/* ====== content Mitte ====== */

#middle {
    width: 530px;
    float: left;
    margin-left: 50px;
    padding-bottom: 15px;
    height: 480px; /* für den ie */
}

/* folgende anweisung wird nicht vom ie interpretiert */
#middle[id] {
    height: auto;
    min-height: 480px;
}

#middle #breadcrumb {
    color: #c6c0b8;
    font-weight: bold;
}

#middle #breadcrumb a {
    text-decoration: underline;
    color: #c6c0b8; 
    font-size: 1.0em;
    font-weight: bold;
    background: none;
    padding: 0;
}

#middle p {
    margin-bottom: 15px;    
}

/* Definition der links im content */

#middle p a { 
    color: #0062A9;
    background: url(../img/pfeil.gif) left no-repeat;
    font-size: 11px;
    padding-left: 7px;
    text-decoration: underline;
    font-weight: bold;  
}

#middle .csc-textpic a {
    color: #0062A9;
    font-size: 1em !important;
    font-weight: bold !important;   
    text-align: center !important;
}

#middle a:hover { 
    color: #7a6e67;
}

#middle ul {
    line-height: 1.4em;
    margin-bottom: 15px;
}

#middle ul li {
    background: transparent url(../img/pfeil.gif) no-repeat scroll 0pt 5px;
    padding-left: 10px;
    color: #7a6e67;
    font-size: 11px;
    line-height: 1.4em;
}

#middle ul li a {
    color: #0062a9;
    text-decoration: underline;
}

#middle table a {
    background: none;
    text-decoration: none;
}

dd.csc-textpic-caption div.enlarge {
    text-align: left;
}

/* ====== Bereichszuordnung ueber body klasse ====== */

body.home #left p {
    background: url(../img/dotted_line.gif) bottom left repeat-x;
    padding-bottom: 10px;   
}

/* ====== content Mitte startseite ====== */

#blockEins {
    background-color: #F5F5F6;
    margin-top: 20px;
}

#blockEins a {
    color: #0062A9;
    font-size: 12px;
    font-weight: bold;
    padding-left: 7px;
    background: url(../img/pfeil.gif) left no-repeat;
    text-decoration: underline; 
}

#blockEins ul {
    margin-bottom: 2px;
}

#blockEins ul li {
    padding: 2px 0;
    background: none;
}

#blockEins p {
    color: #000;
    margin-bottom: 2px;
}

#blockZwei {        
    background-color: #F5F5F6;
    width: 250px;
    float: left;
    margin-top: 25px;
}

#blockZwei ul li {
    background: none;
}

#blockZwei a {
    color: #0062A9;
    font-size: 11px;
    padding-left: 7px;
    background: url(../img/pfeil.gif) left no-repeat;
    text-decoration: underline; 
}

#blockZwei p {
    color: #000;
    margin: 5px 10px 10px 10px;
}

#blockDrei {        
    background-color: #F5F5F6;
    width: 250px;
    float: right;
    margin-top: 25px;
}

#blockDrei ul li {
    background: none;
}

#blockDrei a {
    color: #0062A9;
    font-size: 11px;
    padding-left: 7px;
    background: url(../img/pfeil.gif) left no-repeat;
    text-decoration: underline; 
}

#blockDrei p {
    color: #000;
    margin: 5px 10px 10px 10px;
}

/* ====== rechte Box ====== */

#right {
    width: 190px;
    float: right;
    background-color: #F0F0F1;
}

#right #suche h4 {
    margin: 3px 0 5px 0;
}

#right #teaserRight img {
    margin: 5px 0 10px 0;
}

#suche {
    padding: 10px 0 15px 15px;
    border-bottom: 3px solid #fff;
}

#suche select {
    width: 158px;
    height: 19px;
    font-size: 11px;
}

.formText {
    width: 135px;
    height: 19px;
    font-size: 11px;
}

.formSubmit {
    border: 0;
    background-color: #C6C0B8;
    color: #fff;
    width: 19px;
    height: 19px;
    font-size: 11px;
}

#partnerLogin {
    padding: 10px 0 15px 15px;
    border-bottom: 3px solid #fff;
}

.rightBlackHead {
    color: #000;
    font-size: 11px;
    padding: 3px 0;
}

#teaserRight {
    padding: 10px 0 10px 15px;
}

#teaserRight p {
    color: #000;
    font-size: 1.1em;
    width: 160px;
    margin-bottom: 15px;
}

body.home #teaserRight p {
    margin: 0;
}

#teaserRight a {
    color: #0062a9;
    text-decoration: underline;
}

#teaserRight a:hover {
    color: #7a6e67;
    text-decoration: underline;
}

#teaserRight ul {
    margin-bottom: 15px;
}

#teaserRight ul li {
    padding: 1px 0; 
    font-size: 1.1em;
}

/* ====== footer ====== */

#footer {
    border-top: 1px solid #C6C0B8;
    padding-top: 5px;
    font-size: 1.0em;
}

#footer a {
    color: #7a6e67;
    padding: 0 30px 0 30px;
}

#dommain {
    visibility: hidden;
    font-size: 10px;
    margin-top: -5px;
}

/* ====== sitemap ====== */
 
#middle .csc-sitemap ul ul {
    margin-left: 30px;
}
 
#middle .csc-sitemap ul li {
     margin-top: 4px;
     background: none;
}

#middle .csc-sitemap ul li a {
    color: #0062A9;
    background: url(../img/pfeil.gif) left no-repeat;
    padding-left: 7px;
    text-decoration: underline;
    font-weight: bold;  
}
 
#middle .csc-sitemap ul li a:hover {
    color: #7A6E67;
}

/* ====== Typo3 Stuff ====== */

dd {
    text-align: center;
    font-size: 1.0em;
}

/* ====== Suche ====== */

.csc-searchForm {
    display: none;
}

h3.csc-searchResultHeader a { 
    color: #0062A9;
    background: url(../img/pfeil.gif) left no-repeat;
    font-size: 11px;
    padding-left: 7px;
    text-decoration: underline;
    font-weight: bold;  
}

/* ====== headline in der suche ====== */

table.csc-searchResultInfo td p {
    color: #666;
    font-size: 22px;
    margin: 15px 0;  
    font-weight: normal;
}

/* ====== Download Tabelle ====== */

table.contenttable {
    width: 480px;
    border: 0px;
    margin-bottom: 10px;
}

table.contenttable th {
    background-color: #ECECED;
    
    padding: 4px 5px 4px 10px; 

    color: #0062a9;
    font-size: 0.7em;
    text-align: left;
}

table.contenttable td {
    background-color: #fff;
    padding: 4px 4px;
    color: #7a6e67;
    font-size: 11px !important;
    text-align: left;
    vertical-align: top;    
    background: url(../img/dotted_line.gif) bottom repeat-x;
}

table.contenttable td p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 11px;
}

table.contenttable td a {
    background-color: #fff;
    color: #0062A9;
    text-decoration: underline !important;
    padding: 0 !important;
    font-weight: normal !important;
}

table.contenttable td a:hover {
    background-color: #fff;
    color: #7a6e67;
    text-decoration: underline !important;
    font-weight: normal;
}

table.contenttable .center {
    text-align: center;
}

/* ====== Registrierungs Formular ====== */

table.register td {
    font-size: 11px;
}

.formRegister {
    width: 170px;
    height: 19px;
    font-size: 11px;
    color: #7a6e67;
}

.formRegisterTextarea {
    font-family: Arial, Helvetica, sans-serif;
    width: 360px;
    height: 80px;
    font-size: 11px;
    color: #7a6e67;
    padding: 3px;
}

.formRegisterSubmit {
    border: 1px solid #7a6e67;
    background-color: #fff;
    width: 70px;
    height: 18px;
    font-size: 11px;
    color: #0062A9; 
}

.red {
    font-size: 11px;
    color: red;
}

/* ====== Partner Login ====== */

.csc-form-label-req {
    font-size: 11px;
    margin: 10px 10px 0 0;
}

/* ====== Kontaktformular ====== */

.contactSelect  {
    width: 250px;
    height: 19px;
    font-size: 11px;
    color: #7a6e67;
}

/* ====== Sonderfall Link productlines ====== */

a.specialLink {
    font-size: 10px;
    color: #7a6e67;
}

/* ====== Errorpage ====== */

#leftError {
    width: 140px;
    text-align: left;
    float: left;
}

#middle p a.error {
    color: #0062A9;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline; 
    background: none;
}

/* ====== Sonderfall Zeilenhoehe fuer AGB ====== */

span.important {
    line-height: 1.7em;
}

/* ====== Reiternavigation im content ====== */

ul#reiternavi {
    float: left;
    width: 100%;
    background: url(../img/bottom_line.gif) repeat-x bottom;
    margin: 10px 0 0 0;
}

ul#reiternavi li {
    float: left;
    background: url(../img/right.gif) no-repeat right top;
    margin: 0 5px 0 0;
    padding: 0;
}

ul#reiternavi li a {
    display: block;
    color: #91867E;
    font-size: 1.1em;
    text-decoration: none;  
    background: url(../img/left.gif) no-repeat left top;
    padding: 4px 7px 3px 7px;
}

ul#reiternavi li.active {
    background: url(../img/right_active.gif) no-repeat right top;
} 

ul#reiternavi li.active a {
    background: url(../img/left_active.gif) no-repeat left top;
    padding: 4px 7px 4px 7px;
} 

.reitercontent {
    border: 1px solid #c6c0b8;
    border-top: none;   
    padding: 15px 20px 10px 20px;
}

/*div.reitercontent div.csc-textpic-text {
    float: right;
    width: 340px;
}*/

.highlights {
    width: 350px;
}

#hightlight_block {
    margin-top: 15px;
}

.gallery {
    float: left;
    margin: 0 0 0 30px;
}

a.sortlink {
    color: #0062A9;

}

a.sortlink:visited {
    color: #0062A9;

}


/* ------- */
/* Surveys */
/* ------- */

form.survey {
    width:530px;
}

h1.survey {
    color:#666666;
    font-size:2.2em;
    font-weight:normal;
    margin:15px 0;
}

h2.survey {
    background-color:#ECECED;
    border-bottom:3px solid #FFFFFF;
    color:#0062A9;
    font-size:1.3em;
    padding:5px 10px 5px 10px;
    margin: 10px 0px 0px 0px;
}

h3.survey {
    font-size: 110%;
}

input.survey_text {
    width: 400px;
    margin: 0px 0px 0px 0px;
}

input.survey_radio {
    vertical-align: bottom;
}


textarea.survey_textarea {
    width: 400px;
    height: 200px;
    margin: 0px 0px 10px 0px;
}

input#dontspamme {
    display: none;
}

p.question {
    background-color: #F5F5F6;
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

p.version {
    font-size: 70%;
    margin: 20px 0px 0px 0px;
    border-top: 1px solid grey;
}

span.question-level2 {
    font-weight: bold;
    padding: 0px 0px 3px 3px;
    display: block;
    color: black;
}

pre.survey {
    font-size: 1.3em;
}

table.fancyradio {
    width: 520px;
    font-size: 1.1em;
}

table.fancyradio td {
    vertical-align: middle;
}

img.fancyradio {
    width: 514px;
    height: 10px;
}

/* ----------------------- */
/* YaDoc Dokumentenanzeige */
/* ----------------------- */

div#yadoc_docselect {
    padding: 10px 0px 10px 0px;
}

div#yadoc_docselect select option{
padding: 2px 0px 2px 5px;
}

div.tx-yaaddr select option{
padding: 2px 0px 2px 5px;
}

select#yadoc_productrange_selector {
    width: 180px;
    margin: 0px 25px 0px 0px;
    color: #7A6E67;
    font-size: 11px;
}

select#yadoc_product_selector {
    width: 180px;
    margin: 0px 10px 0px 0px;
    color: #7A6E67;
    font-size: 11px;
}

select#yadoc_doctype_selector {
    width: 180px;
    margin: 0px;
    color: #7A6E67;
    font-size: 11px;
}


th.header { 
    background-image: url("/typo3conf/ext/yadoc/icon_tx_yadoc_sortingarrows.gif");     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
} 

th.headerSortUp { 
    background-image: url("/typo3conf/ext/yadoc/icon_tx_yadoc_sortingarrow_up.gif"); 
} 

th.headerSortDown { 
    background-image: url("/typo3conf/ext/yadoc/icon_tx_yadoc_sortingarrow_down.gif"); 
}