/*******************/
/* Template BIKAR */
/*******************/

body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
text-align:center; /* left  */
font-size:12px;
color:#333; /* #666 */

background: #132472 /* url(layout_FILES/body-bg1.jpg) 0 0 repeat; position:relative */; 
/* background: /* url(layout_FILES/sterne.jpg) repeat top*/ #e2dfa6; */
}


#container {
top:0px; /* 70 px */
width:900px; /* 846px */
text-align:left;
background: url(layout_FILES/bg_main.gif) 0 0 repeat; position:relative; 
margin:0 auto;
border-right:10px solid #f5f5f5;  /* turn on for visual spacing aid or style */
border-left:10px solid #f5f5f5;  /* turn on for visual spacing aid or style */
}

#header {
clear:both;
z-index: 10;
text-align:left;
width:auto;
height:261px;
}

#masthead{
width:900px; /* auto  */
height:261px;
margin:0px; /* adjust or remove for spacing interior content */
background: url(layout_FILES/bikar-header-900.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#masthead-en{
width:900px;
height:261px;
margin:0px; /* adjust or remove for spacing interior content */
background: url(layout_FILES/bikar-header-900-en.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#masthead-es{
width:900px;
height:261px;
margin:0px; /* adjust or remove for spacing interior content */
background: url(layout_FILES/bikar-header-900-es.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#masthead-pt{
width:900px;
height:261px;
margin:0px; /* adjust or remove for spacing interior content */
background: url(layout_FILES/bikar-header-900-pt.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}


#masthead-sk{
width:900px;
height:261px;
margin:0px; /* adjust or remove for spacing interior content */
background: url(layout_FILES/bikar-header-900-sk.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}


#masthead-it{
width:900px;
height:261px;
margin:0px; /* adjust or remove for spacing interior content */
background: url(layout_FILES/bikar-header-900-it.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#left-content {
float:left;
width:220px; /* 225px  */
margin-left: 0px;
margin-bottom:10px;
margin-top:10px;
/*background: url(layout_FILES/bg_menu.gif) 0 0 repeat; position:relative;*/
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#left-wrapper {
margin-top:22px;
}

#left-wrapper H1,
#left-wrapper H2,
#left-wrapper H3,
#left-wrapper H4,
#left-wrapper H5,
#left-wrapper H6,
#left-wrapper p {
padding:2px 6px;
}

#wrapper {
float:right;
width:612px;
margin-right: 0px;
margin-bottom:4px;
}

#main-content1col {
width:auto;
padding:2px 8px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 2px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content2col-home {
float:left;
width:439px;
padding:2px 6px;
margin-left: 0px;
margin-bottom: 4px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content2col {
z-index: 5;
float:right;
width:654px; /* 644px */
padding:2px 8px;
margin-right: 0px;
margin-bottom: 4px;
background: #f5f5f5;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content3col {
float:left;
width:294px;
padding:2px 8px;
background: #f5f5f5;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#right-content-home {
float:right;
width:300px;
margin-right: 0px;
margin-bottom:4px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#right-content-home H1,
#right-content-home H2,
#right-content-home H3,
#right-content-home H4,
#right-content-home H5,
#right-content-home H6,
#right-content-home p {
padding:2px 6px;
}

#right-content {
float:right;
width:294px;
background: #f5f5f5;
border:0px solid #ccc; /* turn on for visual spacing aid or style */
}

#right-content H1,
#right-content H2,
#right-content H3,
#right-content H4,
#right-content H5,
#right-content H6,
#right-content p {
padding:2px 6px;
}

#footer{
clear:both;
position:relative;
width:auto; height:120px;
margin:0px;
/*background:#fff;*/
background: url(layout_FILES/bg_footer.jpg) 0 0 repeat; position:relative;
border-top:0px solid #333; /* turn on for visual spacing aid or style */
}

#footer2006{
clear:both;
position:relative;
width:auto; height:214px;
margin:0px;
/*background:#fff;*/
background: url(layout_FILES/bg_footer-2006.jpg) 0 0 repeat; position:relative;
border-top:0px solid #333; /* turn on for visual spacing aid or style */
}

#footertext {
text-align:left;
margin-top:10px;
padding-left:242px;
padding-top:10px;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
line-height:16px;
font-weight: bold;
color: #333;
}

.footerlink a {
font-size:10px;
font-weight: bold;
color: #999;
}

.footerlink a:hover {
color: #333;
}

#footer2 {
clear:both;
position:relative;
padding:10px;
}



#search {
z-index: 1000;
text-align:left;
width:177px;
display:block;
margin-top:-24px; /* -34 NEU - -20 */
padding-left:0px;
}

#search input {
vertical-align: middle;
}

#search input.searchfield {
width:136px;
color:#000;
font-size:11px;
padding:2px;
margin-left:4px;
background: #fff;
border:1px solid #ddd;
}

#search input.searchimage {
border:0;
}

#breadcrumb {
z-index: 2000;
height: 15px;
margin-top:10px;  /* -32 */
margin-bottom:17px; /* 37 NEU - 10 */
}

/********************************/
/* Vertical navigation menu */
/*******************************/

.vertnav-header,
.vertnav-header a {
width:204px;
padding:2px;
padding:2px 6px;
font-size:12px;
font-weight: bold;
color:#fff; /*white*/
background:#b40001; /*black*/
border-top:2px solid #fff;  /*grey*/
border-bottom:2px solid #fff;  /*white*/
}

.vertnav1 a {
margin: 0px;
width:195px;
display:block;
padding:5px 5px 5px 15px;
font-size:12px;
text-decoration:none;
background: url(layout_FILES/menu_dot.gif) repeat-x bottom;
color:#000; /*dark grey*/
}
.vertnav1 a:hover {
background: #FFFFFF url(layout_FILES/menu_dot.gif) repeat-x bottom;
color:#000; /*black*/
text-decoration:none;
}

.vertnav1-act a,
.vertnav1-act a:hover  {
margin: 0px;
width:195px;
display:block;
padding:5px 5px 5px 15px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: #000099 url(layout_FILES/menu_dot.gif) repeat-x bottom;
color:#fff; /*black*/
}

.vertnav2 a {
margin: 0px;
width:185px;
display:block;
padding: 5px 5px 5px 23px;
font-size:12px;
font-weight: normal;
text-decoration:none;
background: url(layout_FILES/nav-arrow.gif) 15px 8px no-repeat;
color:#000; /*grey*/
}
.vertnav2 a:hover {
background: #FFFFFF url(layout_FILES/nav-arrow.gif) 15px 8px no-repeat;
color:#000; /*dark grey*/
text-decoration:none;
}

.vertnav2-act a,
.vertnav2-act a:hover  {
margin: 0px;
width:187px;
display:block;
padding: 5px 5px 5px 23px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: #FFFFFF url(layout_FILES/nav-arrow-act.gif) 15px 8px no-repeat;
color:#000; /*dark grey*/
}

.vertnav3 a {
margin: 0px;
width:180px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
font-weight: normal;
text-decoration:none;
background: /*url(layout_FILES/vbullet.gif)*/ 25px 9px no-repeat;
color:#000; /*grey*/
}
.vertnav3 a:hover {
background: #FFFFFF /*url(layout_FILES/vbullet-act.gif)*/ 25px 9px no-repeat;
color:#000; /*dark grey*/
text-decoration:none;
}

.vertnav3-act a,
.vertnav3-act a:hover  {
margin: 0px;
width:180px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: #FFFFFF /*url(layout_FILES/vbullet-act.gif)*/ 20px 9px no-repeat;
color:#000; /*dark grey*/
}

.vertnav4 a {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
font-weight: normal;
text-decoration:none;
width:125px;
color:#000; /*grey*/
}
.vertnav4 a:hover {
background-color:#eee;  /*silver*/
color:#000; /*dark grey*/
text-decoration:none;
}

.vertnav4-act a,
.vertnav4-act a:hover {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
/*background-color:#eee;  silver*/
color:#000; /*dark grey*/
}

/* General element styles: p #666 */  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#333; }
A { color:#162983; text-decoration:none; font-weight:bold;}
A:hover { color:#162983; text-decoration:underline; }
FORM { margin:0px; }
TD, UL, OL { font-size:12px; line-height:1.5em; color:#666; margin:10px 0px;}
P { font-size:12px; line-height:1.5em; color:#333; margin:0px 10px 10px 0px; text-align:justify;}
INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#333; border: #ccc 0px solid; font-size:12px; }
ul { margin-left:50px;padding-left:0px;/*list-style-position: inside;*/ }

/* Frames, spacing, link-to-top */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
height: 1%;
background:#333;
/*background: url(layout_FILES/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background image*/
color:#fff;
padding:2px 6px;
border-bottom:2px solid #fff;}

DIV.csc-frame-frame1 {
background: #fff;
border: 0px solid #ccc;
border-bottom:12px solid #fff;
}

DIV.csc-menu .csc-menu-4 dt, .csc-menu-4 a {
font-size: 14px;
font-weight: bold;
}

DIV.csc-menu .csc-menu-4 dt, .csc-menu-4 dd {
margin:10px 50px 15px 20px;
}

DIV.csc-frame-frame1 p {
color:#666;
}

DIV.csc-textpic-text h2 {
margin-left:0px;
}

DIV.csc-textpic-text h3 {
/* margin-left:0px; */
}

DIV.csc-linkToTop P { 
text-align:right;
}

DIV.csc-textpic-text P { 
font-size:12px; line-height:1.5em; color:#333; margin:0px 10px 10px 0px; text-align:justify; /* #666 */
font-family: Arial, Helvetica, sans-serif;
color:#333;
}

DIV.csc-textpic .csc-textpic-left, .csc-textpic-below h4 {
margin-left:0px;
}

DIV.csc-textpic .csc-textpic-left, .csc-textpic-below, .csc-textpic-image {
margin-left:0px;
}

/* DIV.main-content3col .csc-textpic, .csc-textpic-left, .csc-textpic-below, .csc-textpic-caption-c {
margin-left:0px;
} */

/* DIV.csc-textpic .csc-textpic-left, .csc-textpic-below, .csc-textpic-image {
margin-left:0px;
} */

DIV.csc-frame-frame2 { padding:0px 0px 4px 0px; background: url(layout_FILES/menu_dot.gif) repeat-x bottom; margin-bottom:14px; margin-top:3px; font-size:12px; }

/* Headers, plain */ 
H1 { font-size:20px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#00B1E6; margin-bottom: 15px; text-transform: uppercase; font-weight:normal;}
H2 { font-size:18px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; margin-left: 0px; text-transform: uppercase; font-weight:normal; }
H3 { font-size:16px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; margin-left: 0px; text-transform: uppercase; font-weight:bold;}
H4 { font-size:14px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; margin-left: 0px; text-transform: uppercase; font-weight:bold;}
H5 { font-size:12px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; text-transform: uppercase; font-weight:normal;}
H5, H6 { margin:0; padding:0;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A { color:#00B1E6; text-decoration:none; }
H1 A:hover { color:#162983; text-decoration:none; }
H3 A { color:#666666; text-decoration:none; }
H3 A:hover { color:#162983; text-decoration:none; }

H2 A, H4 A, H5 A { color: #555; text-decoration:none; }
H2 A { color:#555; }
H4 A { color:#555; }
H2 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Captions */
  DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:10px; color:#333; }
  DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:10px; color:#333; }
  DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:10px; color:#333; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

/*-------contenttable--------*/

table.contenttable  {
  background-color: #FFFFFF ! important;
  border:0px ! important;
  margin:0px ! important;
  border-collapse:collapse;
  margin-left:0px ! important;
  margin-top:10px ! important;
  margin-bottom:20px ! important;
  width:620px ! important;
  }
table.contenttable td {
        vertical-align:top;    
        line-height:18px;
  background-color:#ffffff ! important;
  border-bottom:1px solid #cccccc ! important;
  width:12.5%;
  padding-left:5px;
  }
table.contenttable p {
        margin:0px ! important;
        padding:0px ! important;
  font-size:11px ! important;
  color:#000000 ! important;
  background-color:transparent ! important;
    }
table.contenttable p a:link, table.contenttable p a:visited {
  color:#005bfe ! important; 
  font-weight:normal;
  font-size:11px ! important;
}
table.contenttable p a:hover {
  color:#FF0000 ! important; 
  font-weight:normal;
  font-size:11px ! important;
}
tr.tr-even td  {
  background-color:#efefef ! important;
  }
tr.tr-0 td  {
  background-color:#C90001 ! important;
  font-weight:bold;
  color:#ffffff;
  font-size:13px ! important;
  }
/*-------contenttable--------*/

/*-------8-spaltig--------*/

table.8spalten  {
  background-color: #FFFFFF ! important;
  border:0px ! important;
  margin:0px ! important;
  border-collapse:collapse;
  margin-left:0px ! important;
  margin-top:10px ! important;
  margin-bottom:20px ! important;
  width:620px ! important;
  }
table.8spalten td {
   width:auto;
  }
table.8spalten td.td-0 {
        width:20%;
          }
table.8spalten td.td-1 {
        width:10%;
          }
          table.8spalten td.td-2 {
        width:10%;
          }
          table.8spalten td.td-3 {
        width:10%;
          }
          table.8spalten td.td-4 {
        width:10%;
          }
          table.8spalten td.td-5 {
        width:10%;
          }
          table.8spalten td.td-6 {
        width:10%;
          }
          table.8spalten td.td-7 {
        width:20%;
          }
table.8spalten td {
        vertical-align:top;    
        line-height:18px;
  background-color:#ffffff ! important;
  border-bottom:1px solid #cccccc ! important;
  width:auto;
  padding-left:5px;
  }
table.8spalten p {
        margin:0px ! important;
        padding:0px ! important;
  font-size:11px ! important;
  color:#000000 ! important;
  background-color:transparent ! important;
    }
table.8spalten p a:link, table.8spalten p a:visited {
  color:#005bfe ! important; 
  font-weight:normal;
  font-size:11px ! important;
}
table.8spalten p a:hover {
  color:#FF0000 ! important; 
  font-weight:normal;
  font-size:11px ! important;
}
tr.tr-even td  {
  background-color:#efefef ! important;
  }
tr.tr-0 td  {
  background-color:#C90001 ! important;
  font-weight:bold;
  color:#ffffff;
  font-size:13px ! important;
  }
/*-------8-spaltig--------*/

/* #########################################################################################



--------------------------------------- Forms.CSS  ------------------------------------ 



#########################################################################################*/



/* ---------------- Typo3 Neue Style ohne Styled Content Werden in TYPO3 Constants konfiguriert ------------------ */ 



.form-textarea {

  font-size: 12px;

  color: #777777;

  line-height: 15px;

  font-family: Arial, Helvetica, sans-serif; 

}



.csc-form-fieldradiocell br {

  display:none;



}





.MailformField {

  font-size: 12px;

  line-height: 15px;

  font-family: Arial, Helvetica, sans-serif;

  color: #333333;

  border: none;

  background-color: #00CCCC;

  width: 50px;

  white-space: nowrap;

}





.MailformRadio {

  font-size: 12px;

  line-height: 15px;

  font-family: Arial, Helvetica, sans-serif;

  /* color: #333333; */

  border: none;

  background-color: #00CCCC;

  width: 50px;

}



.MailformRadio input {

  font-size: 12px;

  line-height: 15px;

  font-family: Arial, Helvetica, sans-serif;

  color: #333333;

  border: none;

  background-color: #00CCCC;

  width: 50px;

}







/* ---------------- Typo3 Standard Forms ---------------- */ 



.csc-mailform {

  margin: 0px;

  width: 100%;

  background-color: #F1F3F5;

  border: 1px solid #ccc;

}



.csc-form-labelcell {

  text-align: left;

  

}



.csc-form-fieldcell {

  background-position: top;

  vertical-align: top;

  /* padding-top: 5px; */

  padding-right: 0px;

  /* padding-bottom: 5px; */

  padding-left: 0px;

}

.formtype_mail {

  font-size: 12px;

  padding: 2px;

  color: #FFFFFF;

}

.csc-form-fieldcell input, select {

  border: 1px solid #666666;

  font-size: 12px;

  padding: 2px;

  width: 200px;

}



.csc-form-fieldcell textarea {

  border: 1px solid #666666;

  width: 300px;

  font-size: 12px;

  line-height: 15px;

  padding: 2px;

}



.csc-form-fieldcell {

  font-size: 12px;

  padding: 2px;

}



.csc-form-label-req, .csc-form-label {

  font-size: 12px;

  padding-left: 10px;

}



.csc-form-radio input {

  font-size: 12px;

  line-height: 15px;

  /* color: #333333; */

  border: none;

  /* background-color: #00CCCC; */

}

.csc-mailform-radio {

        float:left;

}

 

.csc-mailform-field label {

        font-size: 12px; 

        line-height: 20px;

        font-family: Arial, Helvetica, Verdana, sans-serif;

        width: 25%;

        float: left;

        text-align: left;

        margin-right: 10px;

        display: block;

        border:0px;

}

.csc-mailform-field .csc-mailform-radio label {

        width: auto;

}



.csc-mailform-field {

  clear:both;

}



fieldset {

 border:0px;


}

legend {

 display: none;

}

.csc-mailform-field {

  margin-bottom:15px; 

}

 

.csc-mailform-submit {

        margin-left: 195px;

        width:278px;

        border:1px solid #cccccc;

} 



/* ---------------- CSS for MAILFORMs ---------------- */ 





.mailform {

  /* background-color: #E8ECED;*/

  margin: 20px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #333333;

  padding: 15px;

  border: 1px solid #ccc;

}





.mailform-input {

  border: 1px solid #ccc;

  font-size: 12px;

  padding: 2px;

  font-family: Arial, Helvetica, sans-serif;

  color: #333333;

  margin: 0px;

  width: 150px;

}



.mailform-submit {

  border: 1px solid #ccc;

  font-size: 12px;

  padding: 2px;

  width: 248px;

  background-color: #b40001;

  font-family: Arial, Helvetica, sans-serif;

  color: #FFFFFF;

}

.mailform-radio {
  border:0px;
  border: none;
}

.mailform-fieldradiocell {
  border:0px;
  border: none;
}



.mailform-fieldradiocell br {

  display:none;
  border:0px;
  border: none;
}



/* ### .mailform-capchafield input {

  background-color: #FFFFFF;

  height: 34px;

  width: 110px;

  border: 2px solid #FF3300;

} */



/* ### .mailform-capchaarea {

  background-color: #93A4B0;

  font-size: 14px;

  font-family: Arial, Helvetica, sans-serif;

  padding: 7px;

  color: #FFFFFF;

} */

/* ### .mailform-capchaarea IMG {

  margin-top:2px;

  margin-right:5px;

  float:left;

} */

.mailform-mark textarea {

  border: 1px solid #ccc;

  width: 240px;

  font-size: 12px;

  line-height: 15px;

  padding: 2px;

  height: 440px;

}









/* #########################################################################################



--------------------------------------- SiteMAP.CSS  ------------------------------------ 



#########################################################################################*/





div.csc-menu-2 {

  padding-bottom:20px;

}



#content .csc-sitemap ul {

 list-style-type: none;

 margin-left:20px;

 padding-left:0px;

}

#content .csc-sitemap li {

 list-style-type: none;

 margin:0px;

 padding:0px;

}

#content .csc-sitemap li a:hover {

 text-decoration:underline;

 color:red;

}

/******* POWERMAIL *******/


/* felogin Ausrichtung des Submit Buttons*/

DIV.tx-felogin-pi1 INPUT.tx-felogin-pi1-submit {
        margin-left: 0px;
        margin-top: 20px;
        border: 1px solid #cccccc;
        background-color: #194f94;
        width: 150px;
}

/*Für den Inhalt der Eingabefelder*/

        DIV.tx-felogin-pi1 INPUT {

        margin-left: 0px;
        margin-top: 4px;
        border: 1px solid #cccccc;
        background-color: #FFFFFF;
        width: 150px;
}


