/* Colors
#00498d blau Login-Leiste
#00529c blau Schrift
#dce1e4 grau Login-Leiste
#dce1e4 Navigation hell grau
#bfc8cd Navigation mittel grau
#7f919d Navigation dunkel grau

#000000 Schrift normal
#999999 Schrift grau
#80a4c6 Schrift brcrmp
#dddddd Linie grau
*/

body{
margin: 0px;
border: 0px solid red;
padding: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 110%;
background:#ffffff;
}

#crps-a, #crpsstart-a{
width: 792px;
width: 806px;
margin: 0px auto 0px auto;
border: 0px solid black;
padding: 0px;
padding-left: 7px;
background: url(../../fileadmin/westfa/template/images/hg-r.png) no-repeat;
background-position: 0px 31px;
}

#crps, #crpsstart{
width: 792px;
height: 100%;
background: url(../../fileadmin/westfa/template/images/main-logo3.png) no-repeat;
background-position: 0px 38px;
}


#crpsstart-a{ background-image: url(../../fileadmin/westfa/template/images/home-mr.png);}
#crpsstart{ background-image: url(../../fileadmin/westfa/template/images/home.png);}




#top1{
width: 100%;
height: 38px;
font-size: 70%;
padding: 0px;
border: 0px dotted red;
}
#top2{
width: 100%;
height: 140px;
border: 0px dotted cyan;
}
#top3{
width: 100%;
height: 19px;
margin-top: 1px;
border: 0px solid red;
padding: 0px;
/* background: #dce1e4; */
background-image: url(../../fileadmin/westfa/template/images/top3-hg.png);
}

#top4{
width: 100%;
height: 19px;
margin-top: 0px; margin-top: 0px;
padding: 3px 0px 0px 0px;
background: #00498d;
}

/*****   main content   *****/

#content{
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
border-bottom: 1px solid #00498d;
padding: 0px;
}

#co-l{
float: left;
width: 165px;
font-size: 90%;
line-height: 130%;
margin: 0px 0px 0px 0px;
border-bottom: 0px solid blue;
padding: 0px;
}

#co-m{
width: 418px;
float: left;
margin: 0px 0px 0px 5px;
border-bottom: 0px solid red;
padding: 0px 0px 0px 0px;
}


#co-r{
float: right;
width: 198px;
font-size: 90%;
line-height: 100%;
line-height: 130%;
/*height: 452px;
height: 382px;*/
margin: 0px 0px 0px 0px;
border-bottom: 0px solid cyan;
padding: 0px 0px 0px 0px;
}


#footer{
clear:both;
height: 20px;
font-size: 80%;
margin: 0px 0px 0px 0px;
border: 0px solid #dddddd;
padding: 6px 0px 0px 0px;
}





/***********************************   Navigation  top *************************************/
.navigtop1 {float: left; padding: 15px 6px 0px 0px; border: 0px dotted blue}
.navigtop1 a{ color: #333333; text-decoration: none;}
.navigtop1ebay {float: left; padding: 17px 6px 0px 6px; border: 1px dotted blue}
.navigtop1ebay {float: left; padding: 11px 6px 0px 6px; border: 0px dotted blue}


.navigtop2pos {list-style-type: none; position: absolute; margin: 116px 0px 0px 360px; padding: 0px 0px 0px 0px; border: 0px solid white;}

.nt1, .nt2, .nt3, .nt4, .nt5, .nt6 { float: left; width: 60px; font-family: Arial, Helvetica, sans-serif; padding: 0px 4px 0px 4px; border: 0px solid #666666;}
.nt2 {width: 50px;}
.nt3 {width: 80px;}
.nt4 {width: 60px;}
.nt5 {width: 90px;}
.nt6 {width: 40px;}
.nt1 a, .nt2 a, .nt3 a, .nt4 a, .nt5 a, .nt6 a{ display: block; color: #ffffff; text-decoration: none;width: 100%;}


.navigtop2logo { position: absolute;  margin: 5px 0px 0px 680px; padding: 0px; border: 0px solid white;}
.navigtop2logo a{ display: block; width: 100px; height: 70px; color: #ffffff; text-decoration: none;}

.ekgkall {font-size: 85%;  margin: 0px;  border: 0px solid cyan;}
.ekgk1, .ekgk2, .ekgk3, .ekgk4 {float: left; height: 18px; padding: 0px 18px 0px 18px;}
.ekgk1 { border-bottom: 1px solid #00498d; border-right: 1px solid white; background-color: #00498d;}
.ekgk2 { border-bottom: 1px solid white; border-right: 0px solid #00498d;}
.ekgk3 { border-bottom: 1px solid white;  border-right: 1px solid white;}
.ekgk4 { border-bottom: 1px solid #00498d; border-right: 1px solid white; background-color: #00498d;}

.ekgkall a{ color: #ffffff; text-decoration: none;}


.brcrmp {font-size: 80%; color: #ccccff; color: #80a4c6; margin-left: 20px;}
.brcrmp a{color: #80a4c6; text-decoration: none;}


/* Startseite navig ek und gk */
.nstpos { list-style-type: none; position: relative; margin: 5px 0px 0px 516px; padding: 0px 0px 0px 0px; border: 0px solid cyan;}
.nst1, .nst2 {float: left; width: 100px; padding: 0px 4px 0px 4px; border: 0px solid red;}
.nst2 {width: 140px;}
.nst1 a, .nst2 a{ display: block; width: 100%; color: #ffffff; text-decoration: none;}

/***********************************   Navigation left *************************************/
/***********************************   Navigation left *************************************/

.n1n, .n1a, .n2n, .n2a, .n2nml, .n2aml{
Width: 160px;
float: right;
margin: 0px;
border: 0px;
border-bottom: 1px solid white;
padding: 2px 0px 2px 5px;
background-color: #bfc8cd;
}


.n1a{
background-color: #7f919d;
}

.pfhg {
background-image: url(../../fileadmin/westfa/template/images/arb.gif);
background-repeat: no-repeat;
background-position: 150px 4px;
}

.n2n, .n2a, .n2nml, .n2aml,.n3n,.n3a,.n3nml,.n3aml{
background-color: #dce1e4;
border-bottom: 1px solid #dce1e4;
}

.n2nml, .n2aml,.n3nml,.n3aml{
border-bottom: 1px solid #ffffff;
}

.n1n a, .n1a a, .n2n a, .n2a a, .n2nml a, .n2aml a,.n3n a,.n3a a,.n3nml a,.n3aml a{
display: block; text-decoration: none; color: #000000;
}

.n1a a{
color: #ffffff; font-weight: bold;
}

.n3{
font-size: 80%;
}

.n3n A, .n3a A, .n3nml A, .n3aml A{
padding-left:15px;
}
/***********************************   Navigation right *************************************/


.rn1n, .rn1a, .rn2n, .rn2a{
Width: 193px;
float: right;
margin: 0px;
border: 0px;
border-top: 1px solid white;
padding: 2px 0px 2px 5px;
}

.rn1a {background: #fcefba;}


.rn2n, .rn2a{
Width: 193px;
padding: 2px 0px 2px 5px;
padding: 2px 0px 2px 5px;
background: #fefbed;
}

.rn1n a, .rn1a a, .rn2n a, .rn2a a{
display: block; text-decoration: none; color: #000000;
}
.rn1a a {color: #000000;font-weight: bold;}


.rn1all{
float: left;
border: 0px solid red;
background-image: url(../../fileadmin/westfa/template/images/service-hg-vl.png);
background-repeat: repeat-x;
background-position: 0px 0px;
background-image: url(../../fileadmin/westfa/template/images/service-hg-all.png);
background-repeat: repeat-y;
background-position: 0px 0px;
margin-bottom: 4px;
}



/**********************************************   Layout verschiedene  ******************************************/

h1, h2, h3, h4, h5 {
font-size: 130%;
font-weight: bold;
text-decoration: none;
color: #00529c;
margin: 4px 0px 12px 0px;
border: 0px solid black;
padding: 0px;
}
h2 {font-size: 110%; margin: 8px 0px 4px 0px;}
h3, h4, h5 {font-size: 100%; margin: 8px 0px 4px 0px;}
h5 {border: 1px solid #00529c; width: 50%;}

b {
color: #00529c;
 margin: 8px 0px 0px 0px;
}

p.bodytext{margin:0px;border: 3px solid red;padding:0px;}
br {margin:0px;padding:0px;}

/********** Links ***********/

#co-m p a{color: #00529c;}


/********** im Text *****************/

.uploads-container{
margin: 0px 0px 0px 0px;
border: 0px solid blue;
padding: 0px 0px 0px 0px;
}

.uploads-container h5{ margin: 8px 0px 0px 0px; border-bottom: 0px solid #00529c; width: 50%; padding: 0px 0px 0px 0px;}
.uploads-container .uplline{ margin: 0px; border-bottom: 1px solid #00529c; padding: 0px;}

.uploads-item{
font-size: 80%;
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}
.uploads-item a{ color: #000000; text-decoration: none;}

.uploads-item td{
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}



/********** News List *****************/
.news-list-container, .top-news-list-container {font-size: 85%; border: 0px solid red;}
.news-list-container a, .top-news-list-container a{color: #00498d; text-decoration: none;}
.news-list-item {border: 0px solid cyan;}
.news-list-item-l {float: left; width: 120px; border: 0px solid cyan;}
.news-list-item-r {float: right; width: 290px;  border: 0px solid cyan;}
.clr {clear: both; border: 0px solid green; height: 4px; font-size: 1%;line-height: 1%;}

.news-list-item h3{ font-size: 110%; margin: 0px;}
.news-list-item p { color: #999999; margin: 0px; padding:0px; border: 0px solid cyan;}
.news-list-morelink { font-size: 90%;float:left;}

.top-news-list-container, .top-news-list-container {font-size: 80%;}
.top-news-list-item, .top-news-list-item-layout2 {float: left; width: 136px; border: 0px solid cyan;}
.top-news-list-item-layout2 {margin: 0px 5px 0px 5px;}
.top-news-list-item h3, .top-news-list-item-layout2 h3{ font-size: 120%; margin: 0px 0px 5px 0px;}
.top-news-list-item-1 {font-weight: bold; height: 17px; padding: 3px 3px 0px 3px;  color: #ffffff; background-color: #00498d; border-bottom: 1px solid #ffffff;}
.top-news-list-item-2 {height: 125px; border-bottom: 1px solid #ffffff;}
.top-news-list-item-2 {height: 147px; border-bottom: 0px solid #0fffff;}
.top-news-list-item-3 {height: 186px; padding: 4px; background: url(../../fileadmin/westfa/template/images/top-n-hg.png) #ffffff repeat-x;}
.top-news-list-item-3 p{ line-height: 135%;}
.top-news-list-morelink {float: right; border: 0px solid red; background: #ffffff;}

/* related und für files */
.related-list-img {float: left; border: 0px solid red;}
.related-list-img img{padding: 4px 4px 0px 0px; border: 0px solid cyan;}
.related-list {float: left; font-size: 80%; border: 0px solid blue;}
.related-list a{text-decoration: none; color: #000000;}

.top-news-list-item .category_header {padding:5px;}
.top-news-list-item .category_header A {color:#ffffff;}

/* ----------- tt-products ------------- */
#co-m #tx-ttproducts-pi1-listhighlights{/*background-image:url("../../fileadmin/westfa/template/images/service-hg-all.png");*/}
.tt-products .top-news-list-item-3 {height:100px;background-image:url(../../fileadmin/westfa/template/images/top-n-hgs.png);}


.news-single-item h2 {
font-size: 130%;
font-weight: bold;
line-height: 120%;
color: #00529c;
margin: 0px 0px 4px 0px;
border: 0px solid #eeeeee;
padding: 0px;
}

.news-single-related dt, .news-single-files dt{color: #00498d; border-bottom: 0px solid #dddddd;}
.vth { border-bottom: 1px solid #dddddd; font-weight: bold;}
.news-single-backlink a { color: #00529c; font-weight: bold; font-size: 70%;}
.news-single-drucker-backlink{float: right; font-size: 80%; border: 0px solid blue;}
.detailImg p{font-size: 85%; font-weight: bold; padding-top: 4px; line-height: 110%; color: #00529c;}

.news-single-item a.download img{border: 0px solid cyan;}

#co-r .tt-products,#tx-ttproducts-pi1-overview {float:left;}


/********** News Latest***/
.news-latest-container {font-size: 85%; border: 0px solid red; line-height: 110%;float:left;}
.news-latest-container a{color: #00498d; text-decoration: none;}
.news-latest-item {float:left;border: 0px solid cyan; padding: 2px 0px 0px 0px;  border-bottom: 0px solid #bfc8cd; margin: 0px;}
.news-latest-item-l {float: left; width: 62px; border: 0px solid cyan; margin: 0px;}
.news-latest-item-r {float: right; width: 130px;  border: 0px solid cyan; margin: 0px;}
.news-latest-item h3{ font-size: 100%; margin: 0px;}
.news-latest-clr {clear: both; font-size: 1px; border-top: 1px solid #bfc8cd; height: 0px; margin: 0px; padding: 0px;line-height: 1%;}

/********** Top Latest***/
.top-latest-container {font-size: 100%; border: 0px solid red;margin: 245px 0px 0px 130px;}
.top-latest-container a{color: #000000; text-decoration: none; font-weight: bold;}
.top-latest-item {border: 0px solid cyan; padding: 0px 0px 0px 0px;  margin: 0px; line-height: 150%;}
.top-latest-title {font-size: 90%;}





/********** Suche *********************/
.tx-macinasearchbox-pi1 form{ border: 0px; background: #bfc8cd; margin: 0px; padding: 4px;}
.tx-macinasearchbox-pi1 input{ font-size: 110%; width: 130px; border: 0px; margin: 3px 0px 0px 0px; padding: 0px 2px 0px 2px;}
.tx-macinasearchbox-pi1 input.submit{  position: absolute; width: 14px; border: 0px solid cyan; margin: 0px; padding: 0px; padding-top: 3px; }


/********** Footer *****************/

.footer-text, .footer-language{
float: left;
margin: 0px 0px 0px 0px;
border: 0px solid cyan;
padding: 0px 0px 0px 0px;
}
.footer-language{
float: right;
width: 200px;
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}
.footer-language img{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
}
.fote{
float: right;
text-align: right;
width: 70px;
margin: 0px 0px 0px 0px;
border: 0px solid red;
padding: 0px 0px 0px 0px;
}

/********** Formular *****************/
#co-m form{background-color: #dce1e4;}
#co-m form, #co-m form input, #co-m form select, #co-m form textarea{
 border: 0px solid #00498d;
 font-size: 92%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#co-m form input, #co-m form textarea{
 border: 1px solid #00498d;
 
 border: 0px solid red;
 border-top: 1px solid #aab1bb;
}

#co-m td{ border: 0px solid cyan; text-align: left; }
#co-m hr{ border: 1px solid white; height: 1px;}


/******* Kontakt ********/
#co-m form{
background-color: #ffffff;
padding-bottom: 6px;
}
#co-m form input{
border: 1px solid #888888;
}
#co-m form textarea{
border: 1px solid #888888;
}
#co-m form{
border: 0px solid #888888;
}
#co-m form select{
border: 1px solid #888888;
}
#co-m form input.mf-radio{
 border: 0px solid red;
}
#co-m hr{
border: 0;
color: #888888;
background-color: #888888;
height: 1px;
width: 100%;}

#co-m input.mf-submit{
width: 100px;
float:left;
margin-top: 6px;
border: 1px solid #888888;
background: none;
}

/********** Schulungen *****************/
.anmeldelink{ border: 0px solid red; float: right;}
.anmeldelink a{color:#00498d;}

.tx-thmailformplus-pi1 form#form_mp input{width: 270px; border: 1px solid #00498d;}
.tx-thmailformplus-pi1 form#form_mp input#agb{width: auto; border: 0px solid #00498d;}

/*********** Box right *******************/

.box-right-header-new {
Width: 100%;
Width: 192px;
height: 17px;
font-size: 100%;
font-weight: bold;
margin: 0px;
border: 0px solid red;
padding: 3px 0px 0px 6px;
color: #ffffff;
background: #f6c200;
float:left;
}

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

#co-m .tx-felogin-pi1 form{
border: 0px solid cyan;
background: none;
}

/*********** FE-Login (Rahmen) *******************/

#co-m .tx-felogin-pi1 div{
width: 95%;
border: 0px solid #FFDD00;
height: 24px; float:left;
}

/*********** FE-Login (Rahmen) *******************/

#co-m .tx-felogin-pi1 div.felogin-hidden{
width: 95%;
border: 0px solid red;
height: 1px; float:left;
}

/*********** FE-Login (Überschrift - Legende) *******************/

#co-m .tx-felogin-pi1 legend{
color: #888888;
font-weight:bold
}

/*********** FE-Login (Rahmen - Anmeldung Legende) *******************/

#co-m .tx-felogin-pi1 fieldset{
border: 0px solid #888888;
padding: 0px 0px 0px 0px;
}

/*********** FE-Login (Eingabe - Anmeldung) *******************/

#co-m .tx-felogin-pi1 label{
border: 0px solid #ffffff;
width: 120px; float:left;
}

/*********** FE-Login (Button - Anmeldung) *******************/

#co-m .tx-felogin-pi1 input{
width: 120px; float:left;
border: 1px solid #888888;
background: none;
}

/*********** FE-Login (Button - Anmeldung) *******************/

#co-m .tx-felogin-pi1 input.submit{
width: 122px;
float:left;
margin-left: 120px;
border: 1px solid #888888;
background: none;
}