/* tjolkkomtweerterug Stylesheet*/
/* colors */
/*
blue: #00aeef;
green: #8dc63f;
pink: #ec048e;
 */

/*div						{border:1px solid white; margin:2px;}*/

html						{min-height:100%; padding:0; margin:0;}
body					{min-height:100%; padding:0; margin:0; text-align: center; font-family: verdana; font-size: x-small; background:#00aeef;}

h1, h1 a				{font-size:xx-large; color:#00aeef; margin:10px 0; text-decoration:none;}
h2, h2 a				{font-size:large; color:#00aeef; margin:10px 0; text-decoration:none;}
h3, h3 a				{font-size:medium; color:#00aeef; margin:0px; text-decoration:none;} 
h4, h4 a				{font-size:small; color:#00aeef; margin:0px; text-decoration:none;}

p							{margin-top: 0; line-height: 150%;}
a							{color: #ec048e; text-decoration: underline;}
a:hover				{color: #8dc63f;}
a img					{border:0;}

input, textarea	{font-size: small; border: 1px solid #ec048e; padding: 2px; margin: 2px; clear: right;}
input.button		{border: 1px solid white; color: white; font-weight: bold; padding: 5px; margin: 5px 15px; background: #ec048e; cursor:pointer;}
label						{float: left; clear: left; width: 150px; padding: 2px; margin: 2px; display: inline-block; border-bottom:1px dotted silver;}
.right label		{width: 95px; border-bottom:1px dotted white;}
.right input, .right textarea	{border: 1px solid #8dc63f;}
.right input.button		{border: 1px solid white;}

ul							{margin-top: 1em; padding-top: 0;}
li							{line-height: 1.5em; margin-bottom: 1em;}
ol							{list-style-type: decimal;}
ol ol						{list-style-type: lower-alpha;}

.container		{height:100%; padding:0; margin:0; text-align:center; font-family:verdana; font-size:x-small; background:#00aeef url(./images/body_bg_01.png) repeat-y center top;}
.bg						{height:100%; padding:0; margin:0; background:url(./images/back_bg_01.png) no-repeat center top;}
.wrapper			{width: 930px; height:100%; padding:0;  margin:auto; clear:both; text-align:left;}
.top					{min-height:200px; background:url(./images/top_bg_01.png) no-repeat center top;}
	.logobar		{min-height:80px; padding:10px 0 20px 50px;}
	.menu				{min-height:90px; padding:0 30px; background:url(./images/menu_bg_01.png) no-repeat center top; text-align:center;}
	.menu a			{min-height:25px; padding-top:15px; min-width:45px; margin:0 7px 0 5px; display:inline-block; color:black; text-align:center; text-decoration:none; font-weight:bold; font-size:small;}
	.menu a:hover	{color:white; border-bottom:4px solid #00aeef;}
	.menu a:active	{color:white; border-bottom:4px solid #ec048e;}
	.menu a.active	{color:white; border-bottom:4px solid #ec048e;}
	.menu .divider	{background:url(./images/menu_divider_01.png) no-repeat right center; min-height:50px; display:inline-block;}
	.actie			{border:0px dotted lime; display:inline-block; max-width:340px; padding-right:20px; height:88px; float:right; text-align:right;}
	
.feature			{min-height:200px; text-align:center; color:white; background:url(./images/feature_bg_01.png) no-repeat center top;}

.content			{min-height:450px; padding:20px 15px 0 15px; height:auto; margin:auto; color:#00aeef; background:url(./images/content_top_01.png) no-repeat center top;}
	.content_bg	{background:url(./images/content_bg_01.png) repeat-y center top;}
	.main				{background:white; padding:0 15px; width:560px; min-height:450px; height:auto; display:inline-block; margin:auto;}
		.introduction	{font-weight: bold; line-height: 200%;}
	.right			{padding:0 15px; width:270px; min-height:450px; height:auto; display:inline-block; margin:auto; color:white; float:right;}
	.right h1, .right h1 a				{font-size:large; color:white; margin:10px 0 5px 0; text-decoration:none;}
	.right h2, .right h2 a				{font-size:medium; color:white; margin:20px 0 5px 0; text-decoration:none; border-bottom:1px dotted white;}
	.right h3, .right h3 a				{font-size:small; color:white; margin:0px; text-decoration:none; border-bottom:1px dotted white;} 
	.right h4, .right h4 a				{font-size:x-small; color:white; margin:0px; text-decoration:none; border-bottom:1px dotted white;}	
		.right .introduction	{font-weight: bold; line-height: 150%;}
	.right a						{color:black;}
	.right a:hover			{color:white;}
	.block			{display:inline-block; background:url(./images/block_bg_01.png) no-repeat center top; width:210px; min-height:110px; padding:20px 20px 0 20px; margin:0 10px; float:left;}

.footer				{background:#8dc63f url(./images/footer_bg_01.png) no-repeat center top; font-size:xx-small; color:white; text-align:center; margin:auto; min-height:169px; clear:both;}
.footer a			{color:white; text-decoration:underline;}
/*
.footer a:link			{color: white; text-decoration: underline;}
.footer a:visited		{color: white; text-decoration: none; border-bottom:1px dotted white;}
.footer a:active		{color: white; text-decoration: underline;}
*/
.footer a:hover		{color:black; text-decoration:none;}
.footer p				{margin:0; padding:0; padding-top:50px; }

.clear					{clear:both;}
.hr							{height:0; border-top:1px solid #00aeef; border-bottom:1px solid white; clear:both;}
.small					{font-size:xx-small; font-weight:normal}


/*
body					{background: #ffe743 url(./images/body_back.jpg) repeat-y top center; height: 100%; padding:0; margin:0; text-align: center; font-family: verdana; font-size: x-small;}

h1						{font-size: x-large; color: white; margin: 10px 0;}
h2						{font-size: medium; color: #e90963; margin: 10px 0;}
h3						{font-size: small; color: #e90963; margin: 0px;} 
h4						{font-size: x-small; color: #e90963; margin: 0px;} 

p							{margin-top: 0; line-height: 150%;}
a							{color: #e90963; text-decoration: underline;}
a:hover				{color: #ffe743; text-decoration: none;}
input, textarea	{font-size: x-small; border: 0; padding: 2px; margin: 2px; clear: right;}
label						{float: left; clear: left; width: 150px; padding: 2px; margin: 2px; display: block-inline;}

ul							{margin-top: 1em; padding-top: 0;}
li							{line-height: 1.5em;}
ol							{list-style-type: decimal;}
ol ol						{list-style-type: lower-alpha;}

.container    	{height: 100%; width: 100%; margin: auto; text-align: center; background: url(./images/container_back.jpg) no-repeat top center;}
.top					{height: 150px; width: 1025px; margin: auto; background: url(./images/top_back.jpg) no-repeat top center; text-align: center;}
.total				{height: 100%; width: 1050px; padding: 0; margin: auto; text-align: left; background: url(./images/total_back.jpg) no-repeat top center;}

.top h1				{text-indent: -2600px; background: url(./images/top_text.jpg) no-repeat top center; width: 1025px; height: 150px; margin: 0px; padding: 0;}

.content			{min-height: 600px;}
.introduction	{font-weight: bold; line-height: 200%;}

.content p			{color: white;}

.left, .right		{float: left;}
.left						{color: white; width: 310px; margin: 0 0 0 40px; padding: 15px 0; min-height: 600px;}
.right					{width: 350px; padding: 125px 75px 20px 75px; min-height: 485px; background: url(./images/form_back.jpg) no-repeat center top;}
.wide						{color: white; margin: 0 0 0 40px; padding: 15px 0; min-height: 600px; width:auto; max-width:960px;}

.right p					{color: black;}
.right form			{color: #e90963; font-weight: bold; text-align: right; padding: 0 25px 0 0;}
input, textarea		{background: #ffa2c1; margin: 6px 0 0 15px; border-left: 1px solid gray; border-top: 1px solid gray; font-size: small;}

.hr							{height:0; border-top:1px solid #e90963; border-bottom:1px solid #ffa2c1; clear:both;}
.small					{font-size: xx-small;}

h1#Laat-het-ons-weten	{text-indent: -2600px; background: url(./images/laat-het-ons-weten.jpg) no-repeat left center;}
h1#Tjolken-doe-je-overal	{text-indent: -2600px; background: url(./images/tjolken-doe-je-overal.jpg) no-repeat left center;}

.footer				{font-size: xx-small; color: #ffa2c1; text-align: center; min-height: 50px; margin-top: 25px; padding-top: 25px; width: 1025px; margin: auto; clear: both; border-top:1px dashed #ffa2c1;}
.footer a			{color: #ffa2c1; text-decoration: underline;}
.footer a:hover	{color: #ffe743; text-decoration: none;}
*/