/* File name			: index.css
 * Author				: Fabian Kostadinov
 * Creation date		: 12.12.05
 * Purpose		 		: CSS styles for the page called "index"
 * 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: 200px; text-align : justify; }
#box1 .tl { top: 0em; left: 0px; }
#box1 .tr { top: 0em; left: 473px; }
#box1 .br { top: 200px; left: 473px; }
#box1 .bl { top: 200px; left: 0px; }
#box1 .boxtext { padding: 6px 6px 0px 6px; }

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

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

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

#box5 { position: absolute; top: 441px; left: 0px; width: 619px; height: 75px; background-color: #FF0000; border: 2px solid #FF0000; }
#box5 .tl { top: 0em; left: 0px; }
#box5 .tr { top: 0em; left: 619px; }
#box5 .br { top: 75px; left: 619px; }
#box5 .bl { top: 75px; left: 0px; }
#box5 .tl .corner { top: -2px; left: -2px; background: url(../images/corners/tl_red.gif) no-repeat; }
#box5 .tr .corner { top: -2px; right: 2px; background: url(../images/corners/tr_red.gif) no-repeat; }
#box5 .br .corner { bottom: 2px; right: 2px; background: url(../images/corners/br_red.gif) no-repeat; }
#box5 .bl .corner { bottom: 2px; left: -2px; background: url(../images/corners/bl_red.gif) no-repeat; }
#box5 .boxtitle { background-color: #FF0000; }
#box5 .boxtext { text-align: center; font-weight: bold; }
#box5 .boxtext #whitebgr { color: #FF0000; background-color: #FFFFFF; margin: 0px 10px 0px 10px; padding: 3px 0px 3px 0px; }