/*
CSS template for Annitavandoorn.nl
Version 08-10-2011
Created by Nexusdesign

----------------------------------------------

TABLE OF CONTENTS
1	General Framework Elements
2	Navigation Elements
3	Form Elements
4	Page Specific Elements

----------------------------------------------

ELEMENT PROPERTIES TEMPLATE
	position: relative;
	top: px;
	left: px;
	right: px;
	bottom: px;
	background-color:#ffffff;
	background-image:(url"");
	background-position: ;
	background-repeat: ;
	opacity: ; filter:alpha(opacity= );
	border: px #;
	overflow: ;
	height: px;
	width: px;
	padding: px;
	spacing: px;
	margin: px;
	color: #;
	font-family: ;
	font-size: px;
	font-weight: ;
	font-style: ;
	text-decoration: ;
	line-height: em;
	cursor: ;
*/

/*	General Framework Elements	*/

body		{
	background-color: #FFFFFF;
	background-image:url("../img/backgrad.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	overflow-x: auto;
	overflow-y: scroll;
}

a:link, a:visited, a:active	{color:#314150; text-decoration:none;}
a:hover 			{color:#e97405; text-decoration:underline;}
a.fplink:active		{color:#314150; font-family:trebuchet ms; text-decoration:none; font-size:11px;}
a.fplink:visited 	{color:#314150; font-family:trebuchet ms; text-decoration:none; font-size:11px;}
a.fplink:link 		{color:#000000; font-family:trebuchet ms; text-decoration:none; font-size:11px;}
a.fplink:hover 		{color:#e97405; font-family:trebuchet ms; text-decoration:underline; font-size:11px;}


div#divcontainer	{
	width:942px;
	background-color:#FFFFFF;
	border: 1px solid #FA9100;
	opacity:1.0;
	filter:alpha(opacity=100);
	margin-left: auto;
	margin-right: auto;
	top: 10px;
	text-align: left;
}


div#header	{
	position:absolute;
	top:0px;
	height:140px;
	width:940px;
	background-color:#FFFFFF;
 	border: 1px solid #FA9100;
	background-image: url("../img/header2.png");
	background-repeat: no-repeat;
	padding:0px;
	spacing:0px;
	margin:0px;
	color:#FF0000;
}

div#nav		{
	position:absolute;
	top:140px;
	background-color: #FFFFFF;
	background-image: url("../img/navgrad.jpg");
	background-position: left center;
	background-repeat: repeat-x;
 	border: 1px solid #FA9100;
	height: 30px;
	width:940px;
}


ul#subnavlist	{
	padding-left:5px;
	list-style-type:none;
	margin:0px;
	margin-top:10px;
}

li#subnavbutton	{
	height:25px;
	float:left;

}


a#subnavbutton:link,a#subnavbutton:visited {
	padding-top:6px;
	padding-left:5px;
	display:block;
 	border: 1px solid #F0F0F0;
	width:120px;
	margin-left:0px;
	font-family: trebuchet MS, arial;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

a#subnavbutton:hover{
	padding-top:6px;
	padding-left:10px;
	display:block;
	opacity:0.6;
	filter:alpha(opacity=60);
 	border: 1px solid #f9dec4;
	width:120px;
	margin-left:0px;
	font-family: trebuchet MS, arial;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	text-align:left;
	background-color:#F0F0F0;
}

a#subnavbutton2:link,a#subnavbutton2:visited {
	padding-top:6px;
	padding-left:5px;
	display:block;
 	border: 1px solid #F0F0F0;
	width:100px;
	margin-left:10px;
	font-family: trebuchet MS, arial;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

a#subnavbutton2:hover{
	padding-top:6px;
	padding-left:10px;
	display:block;
	opacity:0.6;
	filter:alpha(opacity=60);
 	border: 1px solid #f9dec4;
	width:100px;
	margin-left:15px;
	font-family: trebuchet MS, arial;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	text-align:left;
	background-color:#F0F0F0;
}

ul#crumbs	{
	width: auto;
	list-style-type:none;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
	overflow:hidden;
	background-color:#F0F0F0;
	border-bottom: 1px solid #f9dec4;
	opacity:0.6;
	filter:alpha(opacity=60);
}


a#crumbpath:link,a#crumbpath:visited {
	padding-top:0px;
	display:block;
	width:auto;
 	border: 0px solid #000000;
	font-family: trebuchet MS, arial;
	font-size: 10px;
	color:#e97405;
	text-decoration:none;
	text-align:left;
}
 a#crumbpath:hover{
	padding-top:0px;
	display:block;
	width:auto;
 	border: 0px solid #000000;
	font-family: trebuchet MS, arial;
	font-size: 10px;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

ul#navbar	{
	list-style-type:none;
	margin:0px;
	padding-left:5px;
	overflow:hidden;
}

li#navbutton	{
	float:left;
}

a#navbutton:link,a#navbutton:visited {
	padding-top:6px;
	display:block;
 	border: 0px solid #000000;
	height: 20px;
	width:100px;
	font-family: trebuchet MS, arial;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}

a#navbutton:hover,a#navbutton:active {
 	border: 0px solid #000000;
	height: 20px;
	width:100px;
	opacity:0.6;
	filter:alpha(opacity=60);
	font-family: trebuchet MS, arial;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	text-align:center;
	background-color:#F0F0F0;
}


div#main	{
	border: 1px solid #5971AD;
	position:absolute;
	width: 940px;
	top:170px;
	background-color:#FFFFFF;
}

p#pagetitle	{
	font-size: 15px;
	font-family: trebuchet MS, arial;
	margin-left:50px;
	font-weight:bold;
}

p#pagesubtitle1	{
	font-size: 13px;
	font-family: trebuchet MS, arial;
	margin-left:10px;
	font-weight:bold;
	font-style:italic;	

}

p#pagesubtitle2	{
	font-size: 12px;
	font-family: trebuchet MS, arial;
	margin-left:10px;
	font-weight:bold;

}



/* BOTTOM LINES
BL1 = Sponsor bar
BL2 = Credential Bar
*/

div#BL1	{
	position:absolute;
	bottom:30px;
	width:940px;
	height: 60px;
	border:0px solid #000000;
}

div#BL2	{
	position:absolute;
	width:940px;
	bottom:0px;
	height: 30px;
	border:0px solid blue;
	background-color:#EEEEEE;
	color: #5971AD;
	font-size:9px;
	text-align:center;

}

img.sp1		{position:relative; bottom: 0px; left:40px; border:0px solid #f9dec4; opacity:0.9; filter:alpha(opacity=90); height:60px;}
img.sp1:hover	{position:relative;left:40px; border:0px solid #f9dec4; opacity:1.0; filter:alpha(opacity=100); height:60px;}

img.sp2		{position:relative; left:175px; border:0px solid #f9dec4; opacity:0.9; filter:alpha(opacity=90);}
img.sp2:hover	{position:relative; left:175px; border:0px solid #f9dec4; opacity:1.0; filter:alpha(opacity=100);}

img.sp3		{position:relative; left:325px; border:0px solid #f9dec4; opacity:0.9; filter:alpha(opacity=90);}
img.sp3:hover	{position:relative; left:325px; border:0px solid #f9dec4; opacity:1.0; filter:alpha(opacity=100);}

/*

a.more	{
	position:relative;
	float:right;
	margin-right:10px;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-style:italic;
	font-weight:lighter;
}

*/

div#leftmenu	{
	float:left;
	margin-top:50px;
	width:150px;
	height:540px;
	border: 0px solid #FF0000;
}

.element1	{
	font-size:14px;
	font-family: trebuchet MS, arial;
	margin-bottom:100px;
	margin-left:10px;
}

th	{
	font-family: trebuchet MS, arial;
	text-align:left;
}


/* FRONTPAGE ELEMENTS */
/* LC = left container, contains the left column. Also MC and RC */
/* L1 = left column - first element, L2 = left column second element etc */
/* same with middle column, M1, and right column, R1 */
/* Frontpage consists of:
LC: container of left column
	L1: frontpage image
	L2: frontpage image underline
MC: container of middle columnfloat:left;
	M1: 	Weblog header
	M2: 	Weblog fragment
	M3: 	Weblog headlines
	M4: 	Website Update header
	M5: 	Website Update headlines
	ML1: 	Weblog overview link
	ML2: 	Website Update overview link
RC: container of right column
	R1	Twitter header
	R2	Tweets
	R3	Media header
	R4	Media preview
	RL1:	Twitter overview link
	RL2:	Media overview link
*/

/* LEFT COLUMN */

div#LC	{
	float:left;
	border: 0px solid #000000;
	height: 500px;
	width: 250px;
	padding: 0px;
	padding-top:50px;
	spacing: 0px;
	margin-left:18px;
}

div#L1	{
	width:225px;
	height:300px;
	background-image: url("http://annitavandoorn.nl/img/annitavandoorn-shorttrack-wereldkampioenschap-sheffield2011-voorpagina.jpg");
	background-position: top left ;
	background-repeat: no-repeat;
	margin-left:10px;
}

div#L2	{
	width:225px;
	height:200px;
	margin-left:10px;
	font-size: 11px;
	font-family: trebuchet MS, arial;
	color:#000000;
	text-align:center;
}


/* MIDDLE COLUMN */

div#MC	{
	float:left;
	border: 0px solid #000000;
	height: 500px;
	width: 400px;
	padding: 0px;
	padding-top:30px;
	spacing: 0px;
	margin-left:1px;
}

div#M1	{
	margin-left: 10px;
	font-size: 13px;
	font-family: trebuchet MS, arial;
	color:#e97405;
	font-weight:bold;
	height:20px;
	width:370px;
	border-bottom: 2px solid #f9dec4;
}

div#M2	{
	margin-left: 10px;
	font-size: 13px;
	font-family: trebuchet MS, arial;
	line-height:1.5em;
	text-align:justify;
	height:170px;
	width:370px;
	padding:0px;

}

div#M3	{
	margin-left: 10px;
	font-size: 11px;
	font-family: trebuchet MS, arial;
	line-height:1.5em;
	text-align:justify;
	color:#000000;
	height:100px;
	width:370px;

}

div#M4	{
	margin-left: 10px;
	font-size: 13px;
	font-family: trebuchet MS, arial;
	color:#e97405;
	font-weight:bold;
	height:20px;
	width:370px;
	border-bottom: 2px solid #f9dec4;
}

div#M5	{
	margin-left: 10px;
	font-size: 11px;
	font-family: trebuchet MS, arial;
	line-height:1.5em;
	text-align:justify;
	color:#000000;
	width:370px;

}

/* RIGHT COLUMN */

div#RC	{
	float:left;
	height: 500px;
	width: 250px;
	padding: 0px;
	padding-top:30px;
	spacing: 0px;
	margin-left:1px;
}

div#R1	{
	margin-left:10px;
	font-size: 13px;
	font-family: trebuchet MS, arial;
	color:#e97405;
	font-weight:bold;
	height:20px;
	width:225px;
	border-bottom: 2px solid #f9dec4;
}

div#R2	{
	margin-left: 10px;
	font-size: 11px;
	font-family: trebuchet MS, arial;
	line-height:1.5em;
	text-align:justify;
	color:#000000;
	height:259px;
	width:225px;
}

ul#twitter_update_list {
	margin:0px;
	list-style:none;
	padding:0px;
}

ul#twitter_update_list li {
	list-style:none;
	padding:0px;
	margin-top:10px;
}


.twitter-follow-button	{
	margin-top:2px;
}

div#R3	{
	margin-left:10px;
	margin-top:11px;
	font-size: 13px;
	font-family: trebuchet MS, arial;
	color:#e97405;
	font-weight:bold;
	height:20px;
	width:225px;
	border-bottom: 2px solid #f9dec4;
}

div#R4	{
	margin-left: 10px;
	font-size: 11px;
	font-family: trebuchet MS, arial;
	line-height:1.5em;
	text-align:justify;
	color:#000000;
	width:225px;
	cursor:pointer;
	cursor:hand;
	padding-top:2px;
	opacity: 1.0;
	filter:alpha(opacity=100);
	z-index:1;
	float:left;
	height:150px;
}

div#R4:hover	{
	opacity: 1.0;
	filter:alpha(opacity=100);
	width:225px;
	height:150px;

}


div#R5	{
	width:20px;
	height:20px;
	background-image: url("play.png");
	background-repeat: no-repeat;
	position:absolute;
	margin-top:115px;
	margin-left:210px;
	z-index:2;
	opacity: 0.4;
	filter:alpha(opacity=40);
}

div#R5:hover	{
	opacity: 0.6;
	filter:alpha(opacity=60);
}

div	{
	font-size: 12px;
	font-family: trebuchet MS, arial;
}

div#actM1	{
	width:450px;
	border: 0px solid #0000FF;
	float:left;
	margin-top:0px;
	font-size: 14px;
	margin-bottom:100px;
}

div#actR1	{
	float:right;
	width:280px;
	border: 0px solid #FFFF00;
	right:0px;
	top:40px;
	color:#314150;
	font-size:11px;
	line-height:1.5em;
	margin-bottom:150px;
}
div#act2R1	{
	position:absolute;
	width:170px;
	border: 0px solid #FFFF00;
	right:40px;
	top:280px;
	color:#314150;
	font-size:11px;

}
div#act2R2	{
   position:absolute;
	width:169px;
   height:225px;
	border: 1px solid #f9dec4;
	right:40px;
	top:50px;
	color:#314150;
	font-size:11px;
   background-image:url("../img/Annita-van-Doorn-Shorttrackster-portret-2.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

div#msglist	{
	overflow:hidden;
	height:300px;
	margin-left:0;
	font-size:11px;
}


div#abM1	{
	width:600px;
	border: 0px solid #0000FF;
	float:left;
	margin-top:0px;
	font-size: 14px;
	margin-bottom:100px;
	text-align:justify;
}


div#medM1	{
	width:500px;
	border: 0px solid #0000FF;
	float:left;
	margin-top:0px;
	font-size: 14px;
	text-align:justify;
	border-bottom: 1px solid #f9dec4;
}

div#medM2	{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:400px;
	border: 0px solid #FFFF00;
	right:0px;
	color:#314150;
	font-size:13px;
	margin-bottom:150px;
	text-align:justify;
	line-height:1.4em

}


div#fotM1	{
	width:500px;
	border: 0px solid #0000FF;
	float:left;
	margin-top:0px;
	font-size: 14px;
	text-align:justify;
	border-bottom: 0px solid #f9dec4;
	margin-bottom:100px;
}

div#fotM1thumb	{
	background-color:#f9dec4;
	float:left; 
	border:1px solid #EEEEEE; 
	height:75px; 
	width:100px;
}
div#fotM1thumb:hover	{
	background-color:#f9dec4;
	float:left; 
	border:1px solid #e97405; 
	height:75px; 
	width:100px;
}


div#fotM1tc	{
	padding:10px; 
	height:56px; 
	width:350px; 
	float:left; 
	border:1px solid #EEEEEE;"
}

div#fotM1tc:hover	{
	padding:10px; 
	height:56px; 
	width:350px; 
	float:left; 
	background-color: #F0F0F0;"
}

a#fotM1tclink:link,a#fotM1tclink:visited	{
	text-decoration:none;
	display:block;
}

a#fotM1tclink:hover	{
	text-decoration:none;
	display:block;
}




div#fotL1	{
	position:absolute;
	width:150px;
	border: 0px solid #FFFF00;
	left:30px;
	top:90px;
	color:#314150;
	font-size:14px;
}

a#fotL1link:link,a#fotL1link:visited {
	display:block;
 	border: 1px solid #F0F0F0;
	width:120px;
	margin-left:0px;
	font-family: trebuchet MS, arial;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	text-align:left;
}

a#fotL1link:hover{
 	border: 1px solid #f9dec4;
 	display:block;
	width:120px;
	margin-left:0px;
	font-family: trebuchet MS, arial;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	text-align:left;
	background-color:#F0F0F0;
}


div#fotR1	{
	position:absolute;
	width:250px;
	border: 0px solid #FFFF00;
	right:0px;
	top:40px;
	color:#314150;
	font-size:11px;

}



div#contM1	{
	width:600px;
	border: 0px solid #0000FF;
	float:left;
	margin-top:0px;
	font-size: 14px;
	text-align:justify;
	border-bottom: 0px solid #f9dec4;
	padding-left:0px;
}

#contM1input	{
	background-color:#F0F0F0;
	border: 1px solid #f9dec4;
	width:400px;

}

#contM1textarea	{
	background-color:#F0F0F0;
	border: 1px solid #f9dec4;
	width:400px;
	font-family:arial;
}

#contM1submit	{
	background-color:#F0F0F0;
	border: 1px solid #f9dec4;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding:2px;
}

div#contM2	{
	width:600px;
	border: 0px solid #0000FF;
	float:left;
	margin-top:0px;
	font-size: 12px;
	font-style:italic;
	text-align:justify;
	border-bottom: 0px solid #f9dec4;
}

#blogline	{
	 height:2px;
	color: #f9dec4;
  background-color: #f9dec4;
  height: 1px;
	margin-bottom:0px;
	 border:0;

}

div#wedM1	{
	width:600px;
	border: 0px solid #0000FF;
	float:left;

	font-size: 12px;
	border-bottom: 0px solid #f9dec4;
}

div#bioM1	{
	width:510px;
	border: 0px solid #0000FF;
	float:left;
	font-size: 11px;
	border-bottom: 0px solid #f9dec4;
}

div#bioR1	{
   position:absolute;
	width:225px;
   height:300px;
	border: 1px solid #f9dec4;
	right:40px;
	top:50px;
	color:#314150;
	font-size:11px;
   	background-image:url("../img/Annita-van-Doorn-Shorttrackster-portret.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

ul#bioM1ul1	{
	list-style-type:circle;
	margin-top:0px;
	font-size:13px;
}

ul#bioM1ul2	{
	list-style-type:none;
	margin-top:0px;
	font-size:13px;
}


img#medal	{
	margin-right:10px;
}