@charset "utf-8";
/* CSS Document */


/* kwp added table */
t th, td { border-style: dotted; }


/* Header stuff */
#headder-logo
{
	float: right; 
	width: 257px;
}


/* YouTube stuff */
	.yt { cursor: pointer; }
	.yt h2 { margin-top: 0; }
	.yt-but
	{
		position: absolute; 
		clear: none; 
		left: 10px; 
		top: 16px; 
		cursor: pointer; 
	}

	.yt-iframe
	{
		width: 655px; 
		height: 338px; 
	}
	.yt-img
	{
		float: left; 
		width: 220px; 
		margin-right: 18px; 
	}


/* Header stuff */

	#facebook 
	{ 
		float: left; 
		min-width: 400px; 
		font-weight: bold; 
		margin-top: 40 px; 
	}

	#facebook a 
	{ 
		padding-left: 4px; 
		padding-right: 10px; 
		text-decoration: none; 
	}

	#facebook a:hover { text-decoration:none; }

	#facebook a:active { color:#6F3 }

	#facebook img 
	{ 
		float: left; 
		padding-right: 8px 
	}

	#facebook p { margin-top: 3px; }

	#facebook a:link p, #facebook a:visited p, #facebook a:active p 
	{
		color: #FFF; 
		text-decoration: none; 
	}

	#flags { width: 100%; }

	#flags img { height: 60px; }

	#some { text-align: center; }

/* Standard tags */

	body 
	{ 
		background-color: #4ca1cc; 
		font-family: Verdana, Geneva, sans-serif; 
	}

	a:link, a:active
	{ 
		color: #ffff00; 
		font-weight: bold; 
	}
	a:visited {
		color: #dfdf35; 
	}

	a:hover 
	{ 
		color: #fff; 
		text-decoration: underline 
	}

	p { font-size: 16px }

	h1 { color:#FFF }

	h1 b { font-size: 66px }

	h2 
	{ 
		color:#FFF; 
		margin-top: 28px; 
		margin-bottom: 0; 
		padding-bottom: 8px; 
	}

	p b, p strong 
	{ 
		color: #FFF; 
		line-height: 22px; 
	}

	ul { padding-top: 12px }

	#content 
	{
		max-width: 740px;
		margin: auto;
		border:#F00; 
		border-width: thin; 
	}

	.comment 
	{
		background-color:#FFC; 
		font-weight: bold; 
		padding: 2px; 
	}


/* divide content int third, half etc. */

	.half 
	{
		width: 44%;
		min-height: 370px; 
		float: left;
		background-color: #FFF;
		padding: 12px; 
		padding-bottom: 4px; 
		border: 1px solid #000;
		border-radius: 7px; 
		margin-right: 12px; 
		margin-bottom: 12px; 
		text-align: center; 
	}

	.half b, .half strong { color: #000 }

	.half img { border-radius: 4px; }

	.third 
	{
		width: 28%;
		min-height: 370px; 
		float: left;
		background-color: #FFF;
		padding: 12px; 
		padding-bottom: 4px; 
		border: 1px solid #000;
		border-radius: 7px; 
		margin-right: 12px; 
		margin-bottom: 12px; 
		text-align: center; 
	}

	.third b, .third strong { color: #000 }

	.third img { border-radius: 4px; }

	img.icon 
	{
		max-width: 190px; 
		padding-top: 12px; 
	}

	.imgleft, .imgright { padding-top: 30px }

	.imgleft2, .imgright2 { padding-top: 11px }

	.imgleft, .imgleft2 
	{
		float: left;
		margin-right: 12px; 
		margin-bottom: 10px; 
	}

	.imgright, imgright2 
	{
		float: right;
		margin-left: 12px; 
		margin-bottom: 10px; 
	}

	.row 
	{ 
		display: inline-table; 
		width: 100% 
	}


/* Formuar stuff */

	.qtrinp 
	{
		float: left; 
		width: 180px; 
		padding-right: 14px; 
	}

/* FAQ stuff */

.toggle
{
	display:none;
	border-bottom:solid; 
}

.faq
{
	cursor:help;
}


/* Overrule all the above */

	#some a 
	{ margin-right: 20 px; }

	.yt-frame { display: none; }


/* Change layout when screen get smaller */

@media all and (max-width: 750px) 
{
	#headder-logo { width: 195px; }
	.imgleft2, .imgright2 { float: none; }
	.no750 { display:none }
	.golf14995 { display:none }
}


@media all and (max-width: 690px) 
{
	#headder-logo
	{
		width: 140px; 
		padding-top: 16px; 
	}
}
@media all and (max-width: 633px) 
{
	#headder-logo
	{
		float: none;  
		width: 190px; 
		padding-top: 0; 
		padding-bottom: 20px; 
	}
}

