/* Style sheet Triathlonweb.nl
    (c) 2008 Gecko  */

BODY  {
    font-family: Verdana,Arial, Helvetica, sans-serif; 
    font-size: 73%; 
    margin: 0px;
    padding: 0px;
    border: 0;		
    width:100%;
    min-width:1000px; 
    background: #808080;
	z-index: 0;
}

DIV#sitecontainer {
	width: 1000px;
	margin: 0px auto 20px auto;
	clear: both;
	background: #FFA518; 
	border: 2px solid #000;
	z-index: 0;
	overflow: hidden;
}

DIV#ads_top {
	z-index: 0;
    position: absolute;
    top: 0px;
	width: 990px;
    height: 70px;
	padding: 5px;
	background: #000; 
	overflow: hidden;
}

DIV#main { margin-top: 360px; z-index: 0; }

DIV#titel {
    z-index: 0;
    position: absolute;
    top: 71px;
    width: 1000px;
    height: 277px;
	border-bottom: 2px #fff solid;
}

DIV#bodycontainer { 
    position:relative;
    top: 0px;
    margin: 0px auto 0px auto;
    width: 491px; 
    min-height: 1600px;
    padding: 10px 5px 5px 5px;
    text-align: left; 
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    background: #FFF1DD url(../graphics/twn08_fade.gif) repeat-x;
    z-index: 0;
	overflow: hidden;
}

DIV#left {
    position: relative;
    top:0px;
    left:0px;
    float: left;
    width: 230px;
    padding: 7px;
    z-index: 0;
	overflow: hidden;
}

DIV#right {
    position: relative;
    top:0px;
    right:0px;
    float: right;
    width: 230px;
    padding: 7px;
    z-index: 0;
	overflow: hidden;
}

.bottom {
    position: relative;
    bottom: 0px;
    background: #000;
    color: #fff;
    padding: 5px;
    z-index: 0;
}

.sidebox {
    width: 218px;
    float:left;
    font-size: 80%;
    background: #FFB643 url(../graphics/twn08_sidebox.gif) repeat-x;
    border: 2px solid #D48200;
    padding: 5px;
    z-index: 0;
}

DIV#map_under { 
    position: absolute;
    top: 150px;
    z-index: 0; 
}
DIV#map_over { 
    position: absolute;
    top: 150px;
    z-index: 50; 
}

.box_center { 
    width: 490px; 
    padding: 10px; 
    margin-left: auto; 
    margin-right: auto; 
    z-index: 0;
}

DIV#raceinfo { 
    width: 475px; 
    padding: 6px; 
    margin-left: auto; 
    margin-right: auto; 
    border: #AAA 1px solid; 
    z-index: 0;
}

DIV#img_overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

DIV#menu TD A { display: block; }

DIV.box  { padding: 10px; } 
DIV.boxline  { padding: 10px;  border: #AAA 1px solid; } 

TD     { font-family : Verdana, Arial, Helvetica, sans-serif;}
H1     { font-weight: bold; font-size: 140%; }
H3     { font-weight: bold; font-size: 120%; }
H4     { font-weight: bold; font-size: 110%; }
UL     { margin-top: 0%; list-style: disc outside; }
OL     { margin-top: 0%; list-style: decimal outside; }
B      { font-weight : bold; }
SMALL  { font-size : 90%; }
PRE    { font-family: Courier, monospace; }
TT     { font-family: Courier, monospace; }
HR     { border: 1px solid #FFE1B3; margin-top: 15px; }

FORM, option, select  { font-family : Verdana, Arial, Helvetica, sans-serif; }

H1,H2,H3 { 
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    color: #A50000; 
    }

.msg {
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:35px;
    margin-right:20px;
    border: 1px solid #AAA;
    background: #EEE;
}	
.subline { font-size: 95%; color: #777; font-style: italic; }
.subline2 { font-size: 95%; color: #777; font-style: italic; }
.small    { font-size : 90%; }
.smaller  { font-size : 80%; }
.large    { font-size : 110%; font-weight: bold; }
.xl       { font-size : 125%; font-weight: bold; }
.xxl      { font-size : 140%; font-weight: bold; }
.xlt      { font-size: 130%; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
.dark     { background: #CCC; }
.light    { background: #EEE; }
.hidden   { display: none; }
.courier  { font-family : Courier, monospace; }
.input    { background : #FFE1B3; }  
.dotted   { border-top: 2px dotted #888; padding-top: 5px;}
.screen   { z-index: 0; }
.print    { display: none; }

.phpdigHighlight { color : #FF0000; font-weight : bold; }

.result   { width: 300px; padding: 10px; text-align: left; background: #EEE; 
    border: #AAA 1px solid; } 

IMG.cal_info { border: #AAA 1px solid; }
IMG.pic { padding: 0px 0px 5px 5px; }
IMG.photo { background: #FFF; padding: 8px; border: #000 1px solid; }
IMG.photo_small { background: #FFF; padding: 4px; border: #000 1px solid; }

A:link  {
    font-weight: bold;
    color : #0000FF;
    background : transparent;
    text-decoration : none; }

A:visited  {
    font-weight: bold;
    color : #CC0099;
    background : transparent;
    text-decoration : none; }

A:hover   {
    font-weight: bold;
    color : #0000FF;
    background : transparent;
    text-decoration : underline;  }

A:active  {
    font-weight: bold;
    color : #CC0099;
    background : transparent;
    text-decoration : none;  }
    
A.bottom:link  {
	font-weight: normal;
    color : #fff;
    background : transparent;
    text-decoration : none; }

A.bottom:visited  {
    font-weight: normal;
	color : #fff;
    background : transparent;
    text-decoration : none; }

A.bottom:hover   {
    font-weight: normal;
	color : #fff;
    background : transparent;
    text-decoration : underline;  }

A.bottom:active  {
    font-weight: normal;
	color : #fff;
    background : transparent;
    text-decoration : none;  }
