body {margin: 0px 0 0 0px; padding: 0px; font-family: georgia; color: #333; width: 1000px;}
.clear {clear: both;} 
h1 {font-style: italic; margin: 75px 0 10px 0; font-size: 30px; line-height: 36px;}
a {color: #f60;}
a img {border: none;}
.strong {font-size: 18px; color: #c00; font-weight: bold;}

.joke {color: #999; padding: 0 0 0 20px;}


.main {}
.main .logo {width: 300px; text-align: center;}
h1 {font-size: 36px; font-weight: bold; font-style: italic; margin: 0 0 10px 0;}
.main .logo .description {font-size: 20px;}
.main .logo .info {font-weight: bold; font-style: italic; margin: 8px 0 0 0; font-size: 17px; display: block;}

.supplementary {margin: 20px 0 20px 0;}
.supplementary .application {margin-left: 500px; width: 500px; text-align: center;}
.supplementary .application .box {margin: 0 150px 2px 150px; background-color: #f90; color: #fff; width: 200px; text-align: center; padding: 6px 0px; font-size: 17px; font-weight: bold; font-style: italic;}
.supplementary .application .box a {color: #fff;}
.supplementary .application .subscription {margin: 0 150px; font-size: 10px; width: 200px;}

.supplementary .logo {width: 300px; text-align: center;}
.supplementary .logo .name {font-size: 18px; font-weight: bold; font-style: italic; margin: 0 0 0px 0;}
.supplementary .logo .description {font-size: 10px;}
.supplementary .logo .description .strong {font-size: 10px; font-weight: normal;}
.supplementary .logo .description .info {font-size: 12px; font-weight: bold; margin-top: 4px; display: block;}

.topBanner {border-bottom: 1px solid #333; margin: 0 0 20px 0; width: 1000px; height: 50px;}

.main .application {margin-left: 500px; width: 500px; text-align: center;}
.main .application .box {background-color: #f90; color: #fff; width: 500px; text-align: center; padding: 6px 0px; font-size: 36px; font-weight: bold; font-style: italic; margin: 0 0 10px 0;}
.main .application .box a {color: #fff;}
.main .application .subscription {margin: 0 50px; font-size: 14px; width: 400px; line-height: 20px;}

.content {margin: 25px 0 0 150px; width: 600px; font-size: 16px; line-height: 24px;}
.content .image {width: 600px; }

.content {}
.content .form {}
.content .form .types {position: relative; left: -25px;}
.content .form .types .type {float: left;  padding: 10px 25px;}
.content .form .types #teamSwitcher[class~="active"] {background: #e3f1d5;}
.content .form .types #individualSwitcher[class~="active"] {background: #d5def1;}
.content .form .types .passive {font-size: 14px; cursor: pointer; color: #f60; background: #fff;}
.content .form .types .passive span {border-bottom: 1px dashed;}
.content .form .types .active {font-style: italic; font-weight: bold; font-size: 18px;}
.content .form #team {background: #e3f1d5; width: 525px; padding: 25px; position: relative; left: -25px;}
.content .form #team .item {padding: 0 0 5px 0;}
.content .form #team .key {float: left; width: 125px;}
.content .form #team .value {float: left; width: 400px;}
.content .form #team .value input {font-family: georgia; font-size: 16px;}
.content .form #team .team {padding: 0 0 30px 0;}
.content .form #team .team .value input {font-weight: bold;}
.content .form #team .team .value .comment {font-size: 12px; margin: 0 0 0 5px; color: #666;}
.content .form #team .participant {}
.content .form #team .participant .heading {font-size: 18px;}
.content .form #team .participant .heading .comment {font-size: 12px; margin-left: 10px; color: #666;}
.content .form #team .first {padding: 0 0 30px 0;}
.content .form #team .second {}
.content .form #team .submit {margin: 15px 0 10px 125px;}
.content .form #team .submit input {font-size: 18px; font-family: georgia;}

.content .form #team input[name="team"] {width: 300px;} 
.content .form #team input[name="surname1"], .content .form #team input[name="surname2"] {width: 200px;} 
.content .form #team input[name="name1"], .content .form #team input[name="name2"] {width: 150px;} 
.content .form #team input[name="city1"], .content .form #team input[name="city2"] {width: 200px;} 
.content .form #team input[name="birthyear1"], .content .form #team input[name="birthyear2"] {width: 50px;} 


.content .form #individual {background: #d5def1; width: 525px; padding: 25px; position: relative; left: -25px;}
.content .form #individual .item {padding: 0 0 5px 0;}
.content .form #individual .key {float: left; width: 125px;}
.content .form #individual .value {float: left; width: 400px;}
.content .form #individual .value input {font-family: georgia; font-size: 16px;}
.content .form #individual .value .comment {font-size: 12px; margin: 0 0 0 5px; color: #666;}
.content .form #individual .participant {}
.content .form #individual .submit {margin: 15px 0 10px 125px;}
.content .form #individual .submit input {font-size: 18px; font-family: georgia;}

.content .form #individual input[name="surname"] {width: 200px;} 
.content .form #individual input[name="name"] {width: 150px;} 
.content .form #individual input[name="city"] {width: 200px;} 
.content .form #individual input[name="birthyear"] {width: 50px;} 
.content .form #individual input[name="3km"] {width: 100px;} 
.content .form #individual input[name="email"] {width: 250px;} 

.content .form #team {display: block;}
.content .form #individual {display: none;}



.footer {border-top: 1px solid #ccc; padding: 15px 0 40px 0; margin-top: 75px;}
.footer .visium {float: left; width: 150px; text-align: center; font-size: 10px; font-family: verdana;}
.footer .visium .link {margin-bottom: 10px; display: block;}
.footer .people {float: left; width: 600px; font-size: 12px; line-height: 18px;}
.footer .irc {float: left; width: 250px; font-size: 12px; line-height: 10px; text-align: center;}
.footer .irc .text {margin-bottom: 18px;}

.participants {padding: 20px 0 20px 0; position: relative; width: 800px;}
.participants .heading {font-style: italic; font-weight: bold; margin: 0px 0 10px 0; font-size: 26px; line-height: 30px;}
.participants .teamsBlock {padding: 0 0 20px 0;}
.participants .teamsBlock .title {font-style: italic; font-weight: bold; margin: 0px 0 10px 30px; font-size: 21px; line-height: 24px;}
.participants .teamsBlock .team {padding: 0 0 20px 0;}
.participants .teamsBlock .team .number {float: left; width: 20px; margin-right: 10px; text-align: right; font-size: 18px; font-style: italic;}
.participants .teamsBlock .team .runners {float: left;}
.participants .teamsBlock .team .runners .teamTitle {font-size: 18px;}
.participants .teamsBlock .team .runners .runner {}
.participants .teamsBlock .team .runners .runner .name {float: left; width: 250px;}
.participants .teamsBlock .team .runners .runner .city {float: left; width: 150px;}
.participants .teamsBlock .team .runners .runner .birthyear {float: left; width: 50px;}

.participants .individualsBlock {padding: 0 0 20px 0;}
.participants .individualsBlock .title {font-style: italic; font-weight: bold; margin: 0px 0 10px 30px; font-size: 21px; line-height: 24px;}
.participants .individualsBlock .individual {padding: 0 0 10px 0;} 
.participants .individualsBlock .individual .number {float: left; width: 20px; margin-right: 10px; text-align: right; font-size: 18px; font-style: italic;}
.participants .individualsBlock .individual .name {float: left; width: 250px;}
.participants .individualsBlock .individual .city {float: left; width: 150px;}
.participants .individualsBlock .individual .birthyear {float: left; width: 50px;}
.participants .individualsBlock .individual .email {float: left; width: 220px;}
.participants .individualsBlock .individual .threekm {float: left; width: 100px;}





/*
.pseudolink {color: #c00; border-bottom: 1px dashed; cursor: pointer;}
.pseudolink:hover {color: #000; cursor: pointer;}

.january_1 {margin: 200px 0 15px 20%;}      
.counter {margin: 10px 0px 50px 20%;}      
 

 
 
 

.block {display: block;}
.none {display: none;}
*/