/* File name			: joiners.css
 * Author				: Fabian Kostadinov
 * Creation date		: 12.12.05
 * Purpose		 		: CSS styles for the page called "joiners"
 * Version				: 1.0
 * 
 * Modification date : 01.07.08
 * Version				: 1.1
 * Author				: Florian Hungerbühler
 * Reason				: First release of the webpage
*/

#box1 { position: absolute; top: 0px; left: 0px; width: 473px; height: 130px; text-align : justify; }
#box1 .tl { top: 0em; left: 0px; }
#box1 .tr { top: 0em; left: 473px; }
#box1 .br { top: 130px; left: 473px; }
#box1 .bl { top: 130px; left: 0px; }
#box1 .boxtext { padding: 6px 6px 0px 6px; }

#box2 { position: absolute; top: 0px; left: 482px; width: 137px; height: 328px; background-image: url(../images/pages/joiners/radio.jpg); background-repeat: no-repeat; background-position: 0px 15px; }
#box2 .tl { top: 0em; left: 0px; }
#box2 .tr { top: 0em; left: 137px; }
#box2 .br { top: 328px; left: 137px; }
#box2 .bl { top: 328px; left: 0px; }

#box3 { position: absolute; top: 138px; left: 0px; width: 232px; height: 190px; text-align : justify; }
#box3 .tl { top: 0em; left: 0px; }
#box3 .tr { top: 0em; left: 232px; }
#box3 .br { top: 190px; left: 232px; }
#box3 .bl { top: 190px; left: 0px; }
#box3 .boxtext { padding: 6px 6px 0px 6px; }

#box4 { position: absolute; top: 138px; left: 241px; width: 232px; height: 190px; text-align : justify; }
#box4 .tl { top: 0em; left: 0px; }
#box4 .tr { top: 0em; left: 232px; }
#box4 .br { top: 190px; left: 232px; }
#box4 .bl { top: 190px; left: 0px; }
#box4 .boxtext { padding: 6px 6px 0px 6px; }

#box5 { position: absolute; top: 336px; left: 0px; width: 473px; height: 180px; text-align : justify; }
#box5 .tl { top: 0em; left: 0px; }
#box5 .tr { top: 0em; left: 473px; }
#box5 .br { top: 180px; left: 473px; }
#box5 .bl { top: 180px; left: 0px; }
#box5 .boxtext { padding: 6px 6px 0px 6px; }

#box6 { position: absolute; top: 336px; left: 482px; width: 137px; height: 180px; text-align : justify; background-color: #002868; }
#box6 .tl { top: 0em; left: 0px; }
#box6 .tr { top: 0em; left: 137px; }
#box6 .br { top: 180px; left: 137px; }
#box6 .bl { top: 180px; left: 0px; }
#box6 .boxtext { padding: 6px 6px 0px 6px; color: #FFFFFF; font-weight: bold; text-align: center;}
#box6 a { color: #FFFFFF; }
#box6 a:hover { color: #BDC8E3; }