/********** png transp fix ***********/

* { behavior: url(admin/templates/css/iepngfix.htc)}


/*********************** basics ***********************/

body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #000000;
	line-height: 13px;	/*overflow: hidden;*/
	}
		
	
html, dl, div, img, swf, form { 
	margin: 0; 
	padding: 0;
	}
	
a {
	text-decoration: underline;
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	}

a:hover {
	color: #FF0000;
	}	


a:focus { /* takes away dotted line in firefox */
	outline: none;
	border: none;
	outline-style:none;
}	


/*********************** nav elements ***********************/




#nav {
	position: fixed;
	/*position: absolute;*/
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 237px;
	height: 467px;
	background: transparent url(../images/bg_nav.png) no-repeat top left;
	/*border: #000 solid 1px;*/
	z-index: 80;
	font-size: 14px;
	color: #EEEEEE;
	/*hierboven IE5 PC*/

	voice-family: "\"}\"";
	voice-family: inherit;
	/*hieronder IE6 PC*/
	/*background: transparent url(../images/bg_nav1110.png) no-repeat top left;*/
	background: transparent url(../images/bg_nav.gif) no-repeat top left;
	position: absolute;
	}
	
html>body #nav {
	/*hieronder SAFARI & Netscape 6-7*/
	background: transparent url(../images/bg_nav1110.png) no-repeat top left;
	position: fixed;
	}	
	
#nav ul {
	position: relative;
	top: 0;
	right: 125px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
}




#nav li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 0;
	
}	

#nav li a {
	position: relative;
	display: block;
	color: #EEEEEE;
	margin: 0 0 0 0;
	padding: 0;
	/*height: 23px;*/
	text-decoration: none;
	line-height: 19px;	/*border: 1px solid black;*/
}	

#nav li a:hover {
	color: #EE0000;
	z-index: 500;
}
	

#nav li a.selected {
	color: #EE0000;
	z-index: 500;
}	


#logo {
	position: relative;
	top: 0;
	left: 0;
	width: 237px;
	height: 150px;
	/*border: #000 solid 1px;*/
}





/*********************** ankers ***********************/

#go_nieuws {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_butik {
	position: absolute;
	display: block;
	top: 2678px;
	left: -1px;
	height: 123px;
	width: 129px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_open {
	position: absolute;
	display: block;
	top: 1783px;
	left: 2px;
	height: 124px;
	width: 134px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_hitta {
	position: absolute;
	display: block;
	top: 4737px;
	left: -2px;
	height: 103px;
	width: 132px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_event {
	position: absolute;
	display: block;
	top: 3598px;
	left: -1px;
	height: 167px;
	width: 233px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_erbj {
	position: absolute;
	display: block;
	top: 6782px;
	left: -1px;
	height: 203px;
	width: 197px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_nyheter {
	position: absolute;
	display: block;
	top: 844px;
	left: 3px;
	height: 85px;
	width: 113px;
	/*border: solid 1px black;*/
	z-index: 20;
}
#go_weareyou {
	position: absolute;
	display: block;
	top: 5718px;
	left: 2px;
	height: 195px;
	width: 217px;
	z-index: 20;
}



/*********************** site elements ***********************/


#site { /* whole site */
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 3000px;
	height: 8000px;
	background-color: transparent;
	background-image: url(../images/tile2.jpg);
	background-repeat: repeat;
	background-position: left top;	/*overflow: hidden;*/	/*border: #000 solid 1px;*/
}


/* site elements */

.more, .butt {
	position: relative;
	margin: 10px 0 0 0;
}

a.contentimage {
	position: relative;
	float: left;
	border: solid 1px #FFF;
	padding: 5px;
	margin: 0 10px 5px 0;
	display:block;
	color: #926432;
}
a.contentimage img {
	border: 0;
	text-decoration: none;
}


/*********************** footer elements ***********************/

#footer {
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 112px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 9px;
	text-align: right;
	/*border: #000 solid 1px;*/
	/*hierboven IE5 PC*/

	voice-family: "\"}\"";
	voice-family: inherit;

	/*hieronder IE6 PC*/
	bottom: -45px;
	}
	
html>body #footer {
	/*hieronder SAFARI & Netscape 6-7*/
	bottom: 0;
	}	

#footer p {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
	color: #808080;
	font-size: 9px;
	line-height: 13px;	
}

#footer p a {
	color: #808080;
}

#footer p a:hover {
	color: #1A171B;
}

/*********************** site box titels  ***********************/


#box01 {
	/*border: solid 1px black;*/
}

#box02 {
	/*background: transparent url(../images/tit_onlinegeboortelijst.gif) no-repeat 240px 20px;*/
	/*border: solid 1px black;*/
}

#box03 {
	/*border: solid 1px black;*/
	/*background: transparent url(../images/tit_links2.gif) no-repeat 250px 50px;*/
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat -1920px 0;*/
}

#box04 {
	/*border: solid 1px black;*/
	/*background: transparent url(../images/tit_contacteerons.gif) no-repeat 280px 30px;*/
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat -1920px -600px;*/
}

#box05 {
	/*border: solid 1px black;*/
	/*background: transparent url(../images/tit_wistjedat.gif) no-repeat 250px 30px;*/
	/*background: transparent url(../images/dummy_bg_wistjedat.jpg) no-repeat 0 0;*/
}

#box06 {
	/*border: solid 1px black;*/
	/*background: transparent url(../images/tit_kiekjes.gif) no-repeat 300px 50px;*/
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat -960px -600px;*/
}

#box07 {
	/*border: solid 1px black;*/
	/*background: transparent url(../images/tit_wegwijzer.gif) no-repeat 250px 20px;*/
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat -2800px -300px;*/
}

#box08 {
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat -2800px -300px;*/
}


.leftcontent h2 {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}


/*********************** site box 01 elements ***********************/

#box01 {
	position: absolute;
	top: 29px;
	left: -0px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 600px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;	/*border: solid 1px black;*/
}

#box01 .leftcontent {
	position: absolute;
	top: 6px;
	left: 173px;
	width: 960px;
	/*height: 600px;*/
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	/*overflow: hidden;*/
	/*border: solid 1px black;*/
	overflow: hidden;
	height: 600px;
	background-repeat: no-repeat;
	background-image: url(../images/startbild1201.jpg);
}
	
html>body #box01 .rightcontent li a {
	/*hieronder SAFARI & Netscape 6-7*/
	background: transparent url(../images/bullet_ster.png) no-repeat 0 4px;
}


/*********************** site box 02 elements ***********************/

#box02 {
	position: absolute;
	top: 4737px;
	left: 2px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 800px;
	overflow: hidden;	/*border: solid 1px black;*/	/*background: transparent url(../images/dummy_bg_online-geboortelijst.jpg) no-repeat top left;*/
}

#box02 .leftcontent {
	position: absolute;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 23px;
	left: 172px;
	width: 960px;
	height: 600px;	/*height: 600px;*/
	background-color: #000000;	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/
	background-image: url(../images/hit_rub.jpg);
	background-repeat: no-repeat;	/*border: solid 1px black;*/
}
#container02 {
	width: 864px;
	margin: 0 auto;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 
#left02 {
	float: left;
	width: 260px; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-top: 100px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	line-height: normal;
	color: #BBBBBB;
}
#right02 {
	margin-top: 50px;
} 

#box02 .leftcontent h1 {
	display: none;
}


#box02 #leftcontent_left {
	position: relative;
	/*width: 650px;*/
	/*border: solid 1px black;*/
	float: left;
	top: 30px;
}

#box02 #leftcontent_right {
	position: relative;
	/*width: 650px;*/
	/*border: solid 1px black;*/
	float: left;
}



/*********************** site box 03 elements ***********************/

#box03 {
	position: absolute;
	top: 5718px;
	left: 3px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 800px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;	/*border: solid 1px black;*/
}


#box03 .lefttxt {
	position: absolute;
	top: 253px;
	left: 953px;
	width: 150px;
	text-align: center;	/*border: solid 1px black;*/
}


#box03 .leftcontent {
	position: absolute;
	top: 32px;
	left: 172px;
	width: 960px;
	background-color: #000000;	/*height: 600px;*/	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/
	height: 600px;
	background-image: url(../images/erb_rub.jpg);
	background-repeat: no-repeat;
}

#box03 .rightcontent {
	position: absolute;
	top: 236px;
	left: 480px;
	width: 300px;	/*height: 600px;*/	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/
	height: 237px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}


#box03 ul {
	position: relative;
	margin: 0;
	padding: 0;
	color: #4D4D4D;
	display: block;
}

#box03 li {
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 0;
}

#box03 li a {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 5px 25px;
	list-style: none;
	color: #4D4D4D;
	font-size: 14px;
	line-height: 16px;
	display: block;
	text-decoration: none;
	/*hierboven IE5 PC*/

	voice-family: "\"}\"";
	voice-family: inherit;

	/*hieronder IE6 PC*/
	margin: 0 0 -12px 0;
	}
	
html>body #box03 li a {
	/*hieronder SAFARI & Netscape 6-7*/
	margin: 0 0 0 0;

	}	


#box03 li a:hover {
	color: #926432;
	text-decoration: none;
	background: transparent url(../images/bullet.gif) no-repeat 0 5px;
}



/*********************** site box 04 elements ***********************/

#box04 {
	position: absolute;
	top: 844px;
	left: 6px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 800px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;	/*border: solid 1px black;*/
}

#box04 .leftcontent {
	position: absolute;
	filter: alpha(opacity=100);
	opacity: 1.0;
	top: 31px;
	left: 168px;
	width: 960px;
	height: 600px;	/*height: 600px;*/
	background-color: #000000;	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/
	background-image: url(../images/nyh_rub.jpg);
	background-repeat: no-repeat;	/*border: solid 1px black;*/
}
#container04 {
    filter: alpha(opacity=100);
	opacity: 1.0;
	width: 864px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 85px;
}
#left04 {
	float: left;
	width: 260px; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-top: 100px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	line-height: normal;
	color: #BBBBBB;
}


/*********************** site box 05 elements ***********************/

#box05 {
	position: absolute;
	top: 1815px;
	left: 3px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 738px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;	/*border: solid 1px black;*/
}

#box05 .leftcontent {
	position: absolute;
	left: 172px;
	width: 960px;
	background-color: #000000;	/*height: 500px;*/	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/	/*border: solid 1px black;*/
	height: 600px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	background-image: url(../images/ope_rub.jpg);
	background-repeat: no-repeat;
	top: -2px;
}
#container05 {
	width: 880px;
	margin: 0 auto;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 
.100procent {
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#sidebar05 h3, #sidebar05 p {
	margin-left: 10px; /* vänster- och högermarginalen ska anges för varje element som kommer att placeras i sidokolumnerna */
	margin-right: 10px;
}
#left05/* Tips för sidebar1:
1. Eftersom vi arbetar i relativa enheter är det bäst att inte använda utfyllnad på sidofältet. Den kommer att läggas till i den totala bredden för standardwebbläsare som skapar en okänd faktisk bredd. 
2. Eftersom måttenheter används för värdet för sidofältet ska du vara medveten om att dess vidd kommer att variera med olika standardtextstorlekar.
3. Du kan skapa ett utrymme mellan sidan på diven och elementen inom den genom att placera en vänster- och högermarginal på dessa element så som visas i regeln ".twoColHybLt #sidebar1 p".
*/
 {
	float: left;
	width: 880px; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin-top: 180px;
	font-weight: bold;
	filter: alpha(opacity=100);
	opacity: 1.0;
	text-align: center;
}
.dottedline {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
}
#right05/* Tips för mainContent:
1. Utrymmet mellan mainContent och sidebar1 skapas med vänstermarginalen på mainContent div. Oavsett hur mycket innehåll sidebar1 div innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna vänstermarginal om du vill att texten i #mainContent div ska fylla #sidebar1-utrymmet när innehållet i #sidebar1 tar slut.
2. Tänk på att detta kan orsaka att flyttalet sjunker (minskning av det icke-flytande mainContent-området nedanför sidofältet) om ett element som är bredare än vad det kan innehålla placeras inom mainContent div. Med en hybridlayout (procentbaserad total bredd med måttbaserat sidofält) går det inte att beräkna den exakta bredden som finns tillgänglig. Om användarens textstorlek är större än genomsnittet kommer du att få en bredare div för sidofältet och därmed mindre utrymme i mainContent div. Tänk på denna begränsning, i synnerhet om kunden lägger till innehåll med Contribute.
3. I villkorskommentaren i Internet Explorer nedan används zoomningsegenskapen för att ge mainContent "hasLayout". På så sätt kan du undvika flera fel som gäller särskilt för Internet Explorer.
*/
 {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 88px;
	width: 400px;
	padding-top: 20px;
	overflow: auto;
	height: 490px;
	margin-top: 70px;
} 
.fontopen {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 26px;
}
.fontopen2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #F00;
	line-height: 20px;
	font-weight: bold;
}
.fontopen3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
	line-height: 20px;
	font-weight: normal;
}

/* Miscellaneous classes for reuse */
.fltrt05 { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left: 8px;
}
.fltlft05 { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
	margin-right: 8px;
}
.clearfloat05 { /* denna klass ska placeras på en div eller break-element och ska vara det sista elementet innan en container som helt ska innehålla ett flyttal stängs */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*********************** site box 06 elements ***********************/

#box06 {
	position: absolute;
	top: 3598px;
	left: 3px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 800px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;	/*border: solid 1px black;*/
}

#box06 .leftcontent {
	position: absolute;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 34px;
	width: 960px;
	height: 600px;	/*height: 600px;*/
	background-color: #000000;	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/
	background-image: url(../images/eve_rub.jpg);
	background-repeat: no-repeat;	/*border: solid 1px black;*/
	left: 172px;
}

#container06 {
	width: 864px;
	margin: 0 auto;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 

#left06 {
	float: left;
	width: 260px; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	line-height: normal;
	color: #BBBBBB;
}
#box06scroll  {
	height: 500px;
	width: 600px;
	overflow: auto;
	margin-top: 50px;
	margin-left: 30px;
}

	
.innehall_tab {
	height: 130px;
	width: 550px;
	background-color: #000000;
	margin-top: 5px;
}
.textruta {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 350px;
	font-size: 14px;
	line-height: normal;
}
.link1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}


/*********************** site box 07 elements ***********************/

#box07 {
	position: absolute;
	top: 6783px;
	left: 2px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 800px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;	/*border: solid 1px black;*/
}

#box07 .leftcontent {
	position: absolute;
	top: 40px;
	left: 172px;	/*height: 600px;*/	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/	/*border: solid 1px black;*/
	background-color: #000000;
	height: 600px;
	width: 960px;
	background-image: url(../images/we_rub.jpg);
	background-repeat: no-repeat;
}
#container07 {
	width: 864px;
	margin: 0 auto;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
}
#left07 {
	float: left;
	width: 260px; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-top: 100px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	line-height: normal;
	color: #BBBBBB;
}
#right07 {
	margin-top: 50px;
}

/*********************** site box 08 elements ***********************/

#box08 {
	position: absolute;
	top: 2680px;
	left: 1px;
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 800px;
	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/
	overflow: hidden;
	z-index: 10;	/*border: solid 1px black;*/
}

#box08 .leftcontent {
	position: absolute;
	left: 172px;
	width: 960px;
	background-color: #000000;	/*height: 500px;*/	/*background: transparent url(../images/bg_prototype.jpg) no-repeat top left;*/	/*overflow: hidden;*/	/*border: solid 1px black;*/
	height: 600px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	background-image: url(../images/back_but.png);
	background-repeat: no-repeat;
	top: 35px;
}


#box08 .leftcontent_artikel {
	position: relative;
	width: 100px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;	/*border: solid 1px black;*/
	margin-left: 30px;
	margin-top: 100px;
}
#container08 {
	width: 864px;
	margin: 0 auto;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 
#left08/* Tips för sidebar1:
1. Eftersom vi arbetar i relativa enheter är det bäst att inte använda utfyllnad på sidofältet. Den kommer att läggas till i den totala bredden för standardwebbläsare som skapar en okänd faktisk bredd. 
2. Eftersom måttenheter används för värdet för sidofältet ska du vara medveten om att dess vidd kommer att variera med olika standardtextstorlekar.
3. Du kan skapa ett utrymme mellan sidan på diven och elementen inom den genom att placera en vänster- och högermarginal på dessa element så som visas i regeln ".twoColHybLt #sidebar1 p".
*/
 {
	float: left;
	width: 9em; /* utfyllnad i över- och nederkant skapar visuellt utrymme inom denna div  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 100px;
	font-weight: normal;
	filter: alpha(opacity=100);
	opacity: 1.0;
	line-height: 15px;
}
#right08/* Tips för mainContent:
1. Utrymmet mellan mainContent och sidebar1 skapas med vänstermarginalen på mainContent div. Oavsett hur mycket innehåll sidebar1 div innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna vänstermarginal om du vill att texten i #mainContent div ska fylla #sidebar1-utrymmet när innehållet i #sidebar1 tar slut.
2. Tänk på att detta kan orsaka att flyttalet sjunker (minskning av det icke-flytande mainContent-området nedanför sidofältet) om ett element som är bredare än vad det kan innehålla placeras inom mainContent div. Med en hybridlayout (procentbaserad total bredd med måttbaserat sidofält) går det inte att beräkna den exakta bredden som finns tillgänglig. Om användarens textstorlek är större än genomsnittet kommer du att få en bredare div för sidofältet och därmed mindre utrymme i mainContent div. Tänk på denna begränsning, i synnerhet om kunden lägger till innehåll med Contribute.
3. I villkorskommentaren i Internet Explorer nedan används zoomningsegenskapen för att ge mainContent "hasLayout". På så sätt kan du undvika flera fel som gäller särskilt för Internet Explorer.
*/
 {
	margin-left: 30px;
	padding-top: 70px;
} 
.fltrt08/* Miscellaneous classes for reuse */
 { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left: 8px;
}
.fltlft08 { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
	margin-right: 8px;
}

#box08 p {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	font-weight: bold;
	z-index: 15;
}

#box08 p a {
	color: #888888;
	text-decoration: underline;
}

#box08 p a:hover {
	color: #555555;
	text-decoration: underline;
}



/*********************** form elements ***********************/


input, textarea {
	position: relative;
	left: -5px;
	top: 0;
	margin: 0 0 0 0;
	padding: 5px 0 0 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000;
	line-height: 13px;
	width: 180px;
	background-color:#FFF;
	border: solid 1px #FFF;
	height: 20px;
	}
	
.form td {
	padding: 0 0 10px 0;
	vertical-align: middle;
}

.butt {
	width: auto;
	background-color: transparent;
	border: none;

}

button {
	position: relative;
	margin: 0 5px 5px 0;
	border: none;
	cursor: pointer;
	font-weight: normal;
	padding: 0 20px 0 0;
	text-align: center;
	float: left;
	width: auto;
	clear: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

button span { 
	position: relative;
	display: block;
	white-space: nowrap;
	padding:0 0 0 20px;
	}
	
	/*red buttons*/
button.submitBtn { 
	background:url(../images/but_right.gif) right -34px no-repeat;
	font-size:12px;
	font-weight: normal;
	}
	
button.submitBtn span {
	height: 32px;
	line-height: 32px;
	background: url(../images/but_left.gif) left 0 no-repeat;
	color:#fff;
	}
	
button.submitBtn:hover {
	background: url(../images/but_right.gif) right 0 no-repeat;
	}

button.submitBtn:focus {
	border: none;
	}
	
button.submitBtn:hover span {
	background:url(../images/but_left.gif) left -34px no-repeat;
	}

button.submitBtn:hover span a {
	text-decoration: none;
	height: 32px;
	}

button::-moz-focus-inner { border: none;}
.rubrik_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.rubriker1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bolder;
	color: #EE0000;
}
.fontopen3 .boxed {
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}