/******************************************************************************/
/* (c) 2008 GEZ                                                               */
/******************************************************************************/


body{
   background: none no-repeat #FFFFFF;
   margin: 0;
   padding:0 0 0 .75em;
}
form{
   margin: 0;
   padding: 0;
   clear:both;
}
#FormCol{
   width: 543px;
   margin: 0;
   padding:0 0 0 1em;
}
label,
input{
   margin-right: 5px;
}
label{
   margin-top: 1em;
}
label.left{
   margin-top: 0;
}
img.input{
   border: 1px solid #9C9C9C;
}
label.legend{
   font-weight: bold;
}
hr{
   width: 555px;
   clear:both;
   border:none;
   border-top: 1px solid #73B442;
   background:none;
   height: 1px;
   margin: 1em 0 1em -1em;
}

button.submit{
   width: 123px;
   font-size:13px;
   padding: 4px 10px 13px 0;
   background:url(../bg_submit.gif) no-repeat transparent;
   margin:1em 1em 2em 0 ;
   font-weight:bold;
   color: #FFFFFF;
   text-align:center;
   text-transform:uppercase;
   cursor:pointer;
   border:none;
   float:right;
   display:inline;
}

form .toggleCollapsed .content,
form .toggleExpanded .content{
   margin:.75em 0;
}

/*--- START: Feldbreiten -----------------------------------------------------*/
input{
   margin-right: 5px;
}
input.dateDay,
input.dateMonth{
   width:25px;
}
input.dateYear{
   width:75px;
}
input.firstName,
input.lastName,
input.additional,
input.email{
   width:250px !important;
}
input.street{
   width:210px !important;
}
input.streetNo{
   width:27px !important;
}
div.zip,
input.zip{
   width:60px !important;
}
input.city{
   width:177px !important;
}
input.areaCode{
   width:80px;
}
input.phone{
   width:157px;
}

div.dateDay,
div.dateMonth{
   width: 43px;
}
div.dateYear{
   width: 68px;
}
.addressGroup div,
.dateGroup div{
   float:left;
   display:inline;
}
.dateDay input,
.dateMonth input{
   width:25px;
}
.dateYear input{
   width:50px;
}
.dateGroup{
   width: 154px;
   margin: 10px 27px 15px 0;
   float:left;
   display:inline;
   overflow:hidden;
}
.dateGroup h4{
   padding: 0 0 0 70px;
   margin: 0;
   height: 45px;
   font-weight: normal;
}
.addressGroup{
   clear:both;
   width: 100%;
   overflow:hidden;
   margin-top: 1em;
}
div.street2{
   width: 275px;
}
div.street2 input{
   width: 216px;
}
div.zip2{
   width: 70px;
}
div.zip2 input{
   width: 51px;
}
div.city2{
   width: 160px;
}
div.city2 input{
   width: 153px;
}
/*--- END: Feldbreiten -------------------------------------------------------*/


.iconRadio{
   background:url(../icon_radio.gif) no-repeat;
}
.iconTV{
   background:url(../icon_tv.gif) no-repeat;
}
.iconPC{
   background:url(../icon_pc.gif) no-repeat;
}

h3{
   margin-bottom: .5em;
}

.toggleCollapsed,
.toggleExpanded{
   margin-top: 0;
}
.toggleCollapsed .content,
.toggleExpanded .content{
   padding-bottom: 1em;
}

.section{
   margin: 1em 0 1.5em 0;
}

.summary{
   border-bottom: 1px solid #73B442;
   padding:.5em 0 0 1em;
   margin: 0 0 1em -1em;
   width: 100%;
}
.modify{
   margin:0em;
   float:right;
   display: inline;
   clear:both;
   line-height: 2em;
   padding: 0 0 0 1.5em;
   background:url(../icon_arrow.gif) no-repeat left top;
}
.modify a {
   color: #258E14;
   font-weight: normal !important;
   width: auto;
}

/* ------- Spaltenaufteilungen -----------------------------------------------*/
/*--- START: 2-spaltiger Inhaltsbereich --------------------------------------*/
.leftCol{
   float:left;
   display:inline;
   clear:both;
   overflow:hidden;
   width: 50%;
   margin-bottom: 1em;
}
.rightCol{
   float:right;
   display:inline;
   width: 45%;
   clear:none;
   overflow:hidden;
   margin-bottom: 1em;
}
.leftCol h2,
.leftCol h3,
.leftCol p,
.rightCol h2,
.rightCol h3,
.rightCol p{
   margin-top: 0;
}


/*--- START: Spaltenaufteilung --------------------------------------*/

form .col1,
form .col2,
form .col3,
form .col4{
   clear:left;
   overflow:hidden;
   margin-top:.5em;
   margin-bottom: .5em;
}
form .col1{
   width: 100%;
}
form .col1 p,
form .col1 div{
   margin-right: 9px;
   margin-bottom: 1em;
}
/*--- 2-spaltig  ---*/
form .col2 p,
form .col2 div{
   width: 262px;
   margin-right: 9px;
   float:left;
   display:inline;
   margin-bottom: 1em;
}
form .col2 p.radio,
form .col3 div{
   width: 241px;
   margin-right: 5px;
}
/*--- 3-spaltig  ---*/
form .col3 p,
form .col3 div{
   width: 172px;
   margin-right: 9px;
   float:left;
   display:inline;
   margin-bottom: 1em;
}
form .col3 p.radio,
form .col3 div{
   width: 151px;
   margin-right: 5px;
}
/*--- 4-spaltig  ---*/
form .col4 p,
form .col4 div{
   width: 126px;
   margin-right: 7px;
   margin-bottom: 1em;
   float:left;
   display:inline;
}
form .col4 p.radio{
   width: 105px;
   margin-right: 5px;

}
form .lastCol{
   margin-right:0;
}
form .col1 p input,
form .col1 div input,
form .col2 p input,
form .col2 div input,
form .col3 p input,
form .col3 div input,
form .col4 p input,
form .col4 div input{
   width: 95%;
   margin-right: 0;
}

form .col1 h2,
form .col1 h3,
form .col2 h2,
form .col2 h3,
form .col3 h2,
form .col3 h3,
form .col4 h2,
form .col4 h3{
   margin-top: .5em;
   margin-bottom: .5em;
}
form .col1 p.radio,
form .col1 div.radio,
form .col2 p.radio,
form .col2 div.radio,
form .col3 p.radio,
form .col3 div.radio,
form .col4 p.radio,
form .col4 div.radio,
p.radio{
   padding-left: 1.5em;
   text-indent: -1.5em;
}
form .col1 p.radio input,
form .col1 div.radio input,
form .col2 p.radio input,
form .col2 div.radio input,
form .col3 p.radio input,
form .col3 div.radio input,
form .col4 p.radio input,
form .col4 div.radio input,
p.radio input{
   border: none;
   width: 1.25em;
   margin: 0;
}
/* ------- ENDE: Spaltenaufteilung -------------------------------------------*/