/* stylesheet voor Stichting Chris 					*/
/* ontwerp: (2006) De Hoop I&A <info@dehoop.org>   	*/

BODY			{ text-align:center; background-position: center center; BACKGROUND-COLOR: #ffffff; MARGINHEIGHT: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; background-repeat:repeat-y}

A 				{cursor:hand; font-family:verdana;}

A.submenu:link
{
	color:#00ABC5;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.submenu:active
{
	color:#FFFFFF;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.submenu:visited
{
	color:#00ABC5;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.submenu:hover
{
	color:#FFFFFF;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

A.menu:link
{
	color:#00ABC5;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menu:active
{
	color:#0f6a78;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menu:visited
{
	color:#00ABC5;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menu:hover
{
	color:#0f6a78;
	font-size:75%;
	line-height:14px;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
.subnav
{
	padding:5px 20px 5px 20px;
}

.main_text
{
color: #000000;
font-family:verdana;
font-size:80%;
font-weight:normal;
line-height:18px;
}

.main_text td
{
font-size:12px;
}

H1, H2, H3, H4 { 
	color: #ed1c24;
	font-family:verdana;
	font-weight:bold;
	line-height:20px;
}

H1
{
font-size:120%;
margin-bottom:5px;
}

h2{
font-size:150%;
}

h3{
font-size:100%;
margin-bottom: 2px;
}

h4{
font-size:100%;
margin-bottom: 2px;
}


.main_text b
{
color:#8dc63f; font-weight: bold;
}


.main_text img.left		{margin-top:5px;margin-right:15px;float:left; border:0px;}
.main_text img.right	{margin-top:5px;margin-left:15px;float:right; border:0px;}


.shop_thumb
{
margin-right:12px;
margin-bottom:12px;
}

.main_text a:link
{
color:#00ABC5; font-weight:bold; text-decoration:none
}
.main_text a:active
{
color:#00ABC5; font-weight:bold; text-decoration:underline
}
.main_text a:visited
{
color:#00ABC5; font-weight:bold; text-decoration:none
}
.main_text a:hover
{
color:#00ABC5; font-weight:bold; text-decoration:underline
}

.nieuws_text
{
color: #000000;
font-family:verdana;
font-size:70%;
font-weight:normal;
line-height:16px;
}

.nieuws_text strong
{
color:#8dc63f; font-weight:bold;
}

.nieuws_text a:link
{
color:#000000; font-weight:normal; text-decoration:none
}
.nieuws_text a:active
{
color:#000000; font-weight:normal; text-decoration:underline
}
.nieuws_text a:visited
{
color:#000000; font-weight:normal; text-decoration:none
}
.nieuws_text a:hover
{
color:#000000; font-weight:normal; text-decoration:underline
}

/*
HIERONDER VOLGEN DE STYLES VOOR DE FORMULIERONDERDELEN
*/

TABLE.form		{padding:4px 4px 4px 4px;}
TD.fieldname 	{font-family:verdana; font-size:80%; font-weight:normal; color:#000000; height:18px; padding:8px 4px 8px 0px;}
TD.fieldentry 	{font-family:verdana; font-size:80%; font-weight:normal; color:#4E4E4E; height:18px; padding:6px 4px 8px 0px;}
TD.fieldview 	{font-family:verdana; font-style:italic; font-size:80%; font-weight:normal; color:#4E4E4E; height:18px; padding:6px 4px 8px 0px;}
TD.list 		{padding:0px 0px 0px 14px;}
TR.odd			{background-color:#F3FAE0; height:32px; font-family:Arial; color:4E4E4E; font-size:80%;}
TR.even			{background-color:#FFFFFF; height:32px; font-family:Arial; color:4E4E4E; font-size:80%;}

.select			{background-color: #EEF4F8; color: #4E4E4E; font-size: 100%; font-family: arial; font-color: #4E4E4E; margin-left: 0px; margin-top: 0px; width:150px; pixelwidth: 150px; border:1px solid #4E4E4E;}
.input			{background-color: #EEF4F8; color: #4E4E4E; font-size: 100%; font-family: verdana; font-color: #000000; margin-left: 0px; margin-top: 0px; width:150px; pixelwidth: 150px; border:1px solid #4E4E4E;}
.chk			{color: #EEF4F8; font-size: 100%; font-family: arial; font-color: #4E4E4E; margin-left: 0px; margin-top: 0px;}
.submit			{color:#4E4E4E; background-color:#EEF4F8;}



#pos						{margin: 0 auto; position:relative; z-index:0; top:0px; left:0px; width:760px; visibility:visible;}
#header_foto				{position:absolute; z-index:20; left:540px; top:0px; width:197px; height:175px; visibility:visible}
#header_nav					{position:absolute; z-index:20; left:30px; top:92px; width:392px; height:36px}
#icons						{position:absolute; z-index:20; left:520px; top:7px; width:33px; height:80px}
#subnav_1					{position:absolute; z-index:15; left:25px; top:108px; width:160px; text-align:left}
#subnav_2					{position:absolute; z-index:15; left:85px; top:108px; width:160px; text-align:left}
#subnav_3					{position:absolute; z-index:15; left:192px; top:108px; width:160px; text-align:left}
#subnav_4					{position:absolute; z-index:15; left:325px; top:108px; width:160px; text-align:left}
#header_t					{position:absolute; z-index:10; left:0px; top:0px; width:715px; height:108px; visibility:visible; }
#header_r					{position:absolute; z-index:10; left:715px; top:0px; width:45px; height:108px; visibility:visible}
#header_m					{position:absolute; z-index:10; left:0px; top:108px; width:760px; height:19px; visibility:visible}
#header_b					{position:absolute; z-index:10; left:510px; top:127px; width:250px; height:78px; visibility:visible}
#content_titel				{position:absolute; z-index:10; left:207px; top:180px; width:530px; visibility:visible;}
#content_main				{position:absolute; z-index:10; left:210px; top:230px; width:530px; visibility:visible; text-align:left;}
#navigatie					{position:absolute; z-index:10; left:0px; top:180px; width:200px; visibility:visible; text-align:left;}
#emo_background				{position:absolute; z-index:5; left:0px; width:372px; visibility:visible;}
#right_bg					{position:absolute; z-index:5; left:485px; top:186px; width:275px; visibility:visible}
#right_logo_chris			{position:absolute; z-index:10; left:585px; top:460px; width:114px; visibility:visible}
#right_logo_vrienden		{position:absolute; z-index:10; left:640px; top:616px; width:48px; visibility:visible}
#right_content				{position:absolute; z-index:10; left:540px; top:192px; width:220px; visibility:visible; text-align:left}
#home_nieuws				{position:absolute; z-index:10; left:210px; top:400px; width:275px; visibility:visible; text-align:left}
#home_hoofdartikel			{position:absolute; z-index:10; left:25px; top:150px; width:460px; visibility:visible; text-align:left}

#chris						{position:absolute; z-index:10; left:-252px; top:310px; width:460px; visibility:visible; text-align:right}
#kindercare_wenskaarten		{position:absolute; z-index:30; left:-302px; top:420px; width:460px; visibility:visible; text-align:right}
#connect_chris				{position:absolute; z-index:30; left:-302px; top:420px; width:460px; visibility:visible; text-align:right}
#nieuwsbrief				{position:absolute; z-index:10; left:-5px; top:305px; width:460px; visibility:visible; text-align:left}
#nieuwsbrief_home			{position:absolute; z-index:10; left:0px; top:290px; width:300px; visibility:visible; text-align:left}
#chat_chris					{position:absolute; z-index:10; left:200px; top:284px; width:400px; visibility:visible; text-align:left}

#mededeling					{position:absolute; z-index:10; left:170px; top:270px; width:200px; height:119px; visibility:visible; text-align:left; font-family:verdana;}
