/*blue layout

--> Firefox

*/

body{
 padding:0;
 margin:5px;
 font:11px  sans-serif,tahoma,verdana;
 background:#FFFFFF;
 color:#071A2C;
}

.toptab, .navitab{
 padding:1px 10px 0 10px;
 margin:0;
 text-decoration:none;
 background:#21B3B7;
 color:#EFEFEF;
}

.toptab:hover, .navitab:hover {
 background:#6DD2D8;
 color:#505050;
 text-decoration:none;
 /*border-bottom: #505050 1px solid; */
}

.activetoptab {
 padding:0 10px 0 10px;
 margin:0px;
 color:#505050;
 text-decoration:none;
 background:#ffffff;
}

.activenavitab {
 padding:0 10px 0 10px;
 margin:0px;
 color:#505050;
 text-decoration:none;
 background:#E6E6E6;
}

.activetoptab:hover, .activenavitab:hover{
text-decoration:none;
}

.resultbt, .resultbtinactive{
   border:1px solid #C0C0C0;
   width:15px;
   height:15px;
   text-align:center;
   font-weight:bold;
}

.resultbt:hover{
   background:#21B3B7;
   
}

#sidetab a{
  display:block;
  width:120px;

  color:#FFF;
  text-decoration:none;
  border:1px solid #E6E6E6;
  background-color:#21B3B7;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  margin-bottom:5px;
  padding:5px 0 5px 0;
}

a img{
 border:0;
}

a{
 text-decoration:none;
 color:#F18814;
}

a.faq{
 text-decoration:none;
 color:#4F3402;
}

a:hover{
 text-decoration:underline;
}

a.smallnews{
   color:#000;
   font-weight:normal;
}

#navigation a{
  width:100px;
  padding:0 10px 0 10px;
  letter-spacing:1px;
  color:#000;
  text-decoration:none;
  border-right:1px solid #E6E6E6;
}
#navigation a:hover{
  /*background-color:#37B5FF;*/
  /*background-color:#21B3B7;*/
  border-bottom:2px solid #21B3B7;
  text-decoration:none;
}

#navigation .active{
  /*background-color:#B9F71D;*/
  border-bottom: 2px solid #B9F71D;
}
/* =========================== tables  ===================================*/
table{
   /*border: 1px solid #FF0000;*/
   padding:0px;
   margin:0px;
}

td{
  /*border:1px solid #000;*/
  vertical-align:top;
}
td.center{
  vertical-align:middle;
}
.border{
   border-bottom:1px solid #000;
}

div{
   /*border:1px dotted #FF0000;*/
}

/* ================  DIV ID  ===================================*/
#container{
   width:970px;
}

#register{
 padding:10px 0 10px 15px;
 width:100%;
 background:#21B3B7;
}

#head{
   width:970px;
   background: #FFF url(images/cc_logo.gif) top left no-repeat;
   /*border:2px dotted #cccccc; */
   clear:both;
}

#main{
 padding: 0px 170px 5px 140px;
 margin-left:5px;
}

#toptabs{
 margin-top:8px;
 font-size:0.8em;
 /*background:#FFFFFF;*/
 border-top:2px solid #B9F71D;
 width:auto;
}

#toptabs p{
 text-align:right;
 color:#808080;
}

#longtitle{
 padding:80px 0 0 0px;
 text-align:left;
 color:#FFF;
 /*border-bottom: 2px solid #B9F71D;*/
}

#longtitle h2{
 letter-spacing:-1px;
 font-size:14px;
 padding-left:140px;
 background:#21B3B7;

}

#navigation{
 position:absolute;
 top:110px;
 left:5px;
 border-top: 1px dashed #E8E8E8;
 border-bottom: 1px dashed #E8E8E8;
 padding-left:10px;
 font-weight:bold;
 font-size:12px;
}

/*
#login{
  border:1px solid #E6E6E6;
  border-left:20px solid #A6C74E;
}
*/

#etoNotice{
  display:none;
}


#leftbar{
 padding-top:0px;
 margin-top:0px;
 float:left;
 width:130px;
}

#leftbar p{
 font-size:0.85em;
 line-height:1.3em;
 margin:5px 0 5px 0;
}


#rightbar{
 margin-top:5px;
 float:right;
 width:160px;
 background:#FFF;
}

#rightbar p{
 font-size:0.9em;
 line-height:1.3em;
 margin:5px 0 12px 0;
 padding:5px 5px 0 5px;
}

#rightbar h5{
 font-size:0.9em;
 line-height:1.3em;
 font-weight:bold;
 padding-left:3px;
}



#aktionen{
  border-bottom:1px solid #CCC999;
}

#footer{
 clear:both;
 background:#fafafa;
 color:#808080;
 font-size:0.9em;
 padding:3px 0 3px 0;
 border-top:1px solid #d0d0d0;
 border-bottom:1px solid #d0d0d0;
 text-align:left;
}

#nachrichten{
   display:none;
}

#specials {
   position:absolute;
   top:40px;
   left:720px;
}

#demokonto {
   position:absolute;
   top:20px;
   left:450px;
   height:100px;
   width:280px;

}

#loader{
   position:absolute;
   top:300px;
   left:400px;
   display:none;
}


/*====================Diese Blockabteilung später löschen=====*/

#block{

 padding:0px;
 margin:0px 0 5px 0;
 border:1px solid #C0C0C0;
 background: #F8F8F8;

}

#block h1{
  font-weight:bold;
  font-size:100%;
  padding:3px;
  margin:0px;
  border:1px solid #C0C0C0;
  background: #B9F71D;
  letter-spacing:1px;
}
#block p,span{
  padding-left:3px;
}

#fullblock{
 float:none;
 padding:0;

 margin:5px 0 5px 5px;
 font-size:100%;
 border:1px solid #C0C0C0;
}

#fullblock h1{
  font-weight:bold;
  font-size:100%;
  padding:3px;
  margin:0px;
  letter-spacing:1px;
  background: #B9F71D;
  border:1px solid #C0C0C0;
}

#fullblock span,p{
  padding:0 3px 0 3px;
}

/*=============^^^^^^====Diese Blockabteilung später löschen=====*/

.block{

 padding:0px;
 margin:0px 0 5px 0;
 border-top:1px solid #C0C0C0;
 /*border-bottom:1px solid #C0C0C0;*/
 /*background: #F8F8F8;*/

}

.block h1, .fullblock h1{
  letter-spacing:1px;
  color:#448991;
  font-weight:bold;
  font-size:11px;
  padding:3px;
  margin:0px;
  background: #D8EBED;

}
.block p,span{
  padding-left:0px;
}

.fullblock{
 float:none;
 padding:0;

 margin:5px 0 5px 0px;
 font-size:100%;
 border-top:1px solid #C0C0C0;
 border-bottom:1px solid #C0C0C0;
}


/*
.fullblock span,p{
  padding:0 3px 0 3px;
}
*/
/* =========================== Div classes =========================*/


.leftborderblock{
  padding-left:3px;
  border:1px solid #C0C0C0;
  border-left:20px solid #B9F71D;
}

.greyborderblock{
  padding-left:3px;
  border:1px solid #C0C0C0;
}

.promotion{
   border:1px solid #C0C0C0;
   padding:0px;
   background: #E8FCB1;
   margin-bottom:5px;

}
.promotion p{
   padding-left:2px;
   cursor:pointer;
}

.registerlines {
   width:100%;
   border-bottom:2px solid #B9F71D;
   border-top:2px solid #21B3B7;
}

.google{
   padding:0px;
   margin:0 0 5px 0;
   font-size:80%;
   /*border:1px solid #C0C0C0;*/
}

.google_flowtext_block {
   float:left;
   border:1px solid #D4D4D4;
   margin:5px 10px 5px 0px;
   
   padding:5px;

}

/* ========================== Formulare  ===========================*/

.bt{
  border:1px solid #4F3402;
  height:20px;
  font-size:10px;
  background:#75D0D0;
  color:#4F3402;
  margin-bottom:5px;
  cursor:pointer;
}
.save1{
   border:1px solid #4F3402;
   background-image:url(images/speicher_bt.gif);
   width:130px;
   height:200px;
   cursor:pointer;
}

.field{
  border:1px solid #4F3402;
  margin-bottom:5px;
}

.pmarea {
   width: 600px;
   font:11px  sans-serif,tahoma,Helvetica;
}
   
label {
   font-weight:bold;
   letter-spacing:1px;
}

.no_break{
  display:inline;
}

/* ===========================  =========================*/
.tooltip {
	position: absolute;
	display: none;
	border:1px solid #4F3402;
	padding:3px;
	background-color: #F5E9C3;
}