/*-----------------------------------------------------------------------------
Dansfestival Burgum Screen Stylesheet

version:   1.0
date:      23/10/2009
author:    iBytes - Chiel Gorseling
email:     info@iBytes.nl
website:   http://www.ibytes.nl/
-----------------------------------------------------------------------------*/
/* Import stylesheets */
@import url(festival.css);
@import url(info.css);

/* Basic Elements */
a				{color:#414141;text-decoration:none;outline:none}
a:hover			{color:#414141;text-decoration:underline}
.left			{float:left}
.right			{float:right}
.hide			{display:none !important}
.center			{text-align:center;}
.top_20px		{margin-top:20px}
.top_30px		{margin-top:30px}
.border_r10
{
	border-bottom-right-radius:10px;border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px
}
.border_r5_round	{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.border_r10_round	{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}

/* Base */
html, body
{
	background:#ab097d url(../images/website/base/bg1px.png) center repeat-y;height:100%;
	font:normal 100% Arial, Helvetica, sans-serif;color:#414141;text-align:center
}
#wrapper
{
	position:relative;
	background:url(../images/website/base/wrapper_bg.png) no-repeat;margin:0 auto;
	width:940px;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

/* Top menu */
#top_menu
{
	background:#474747 url(../images/website/base/top_menu_bg.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 40px;width:860px;height:27px	
}
#top_menu,
#top_menu ul.sub_nav		{border:3px solid #f8d519;border-width:0px 3px 3px 3px}
#top_nav					{float:left}
#top_nav li					{display:block;float:left;background:url(../images/website/base/menu_sep.jpg) right no-repeat;height:27px}
#top_nav li.last 			{background:none}
#top_nav li a				{display:block;padding:0 15px;height:27px;line-height:26px;color:#c5c5c5;font-size:11px;font-weight:bold}
#top_nav li a:hover,
#top_nav li a.active		{background:url(../images/website/base/menu_roll.png) bottom center no-repeat;color:#f8d519;text-decoration:none}
#top_nav li a.roll			{color:#f8d519}
#top_nav li ul				{position:absolute;display:none;background:#373737}
#top_nav li ul li			{float:none;background:#474747 url(../images/website/base/top_menu_bg.jpg);width:auto;text-align:left;white-space:nowrap}
#top_nav li ul li a:hover	{background:none}
#top_nav ul ul				{float:left;position:absolute;top:0;left:150px}
#top_nav li:hover ul		{display:block}

#taal						{float:right;margin-right:10px}
#taal li 					{float:left;display:block;height:27px}
#taal li a					{float:left;display:block;margin-right:5px;width:25px;height:27px;text-indent:-99999px}
#taal li a#nl 				{background:url(../images/website/base/vlag_nl.png) 0 0 no-repeat;}
#taal li a#en 				{background:url(../images/website/base/vlag_en.png) 0 0 no-repeat}
#taal li a:hover,
#taal li a.active			{background-position:0 -27px !important;}

/* Header */
#header						{margin:41px 40px 0;width:860px;height:245px}
#header h1					{float:left;background:url(../images/website/base/logo.png) no-repeat;width:483px;height:245px}
#header h1 a				{display:block;width:483px;height:245px;text-indent:-9999px}
#header h4					{float:left;background:url(../images/website/base/logo_iov.png) no-repeat;margin:75px 0 0 67px;width:119px;height:79px}
#header h4 a 				{display:block;width:119px;height:79px;text-indent:-9999px}

/* Content */
#content					{margin:41px 40px 0;padding-bottom:244px;width:860px;text-align:left;overflow:hidden}
#een_kolom					{clear:both;overflow:hidden}
#twee_kolom					{margin-bottom:22px;clear:both;overflow:hidden}
.kolom_links				{float:left;margin-right:40px;width:560px}
.kolom_rechts				{float:left;width:260px}
.kolom_links h2
{
	background:#edadd3 url(../images/website/base/h2_li.png) 20px 7px no-repeat;
	margin-bottom:22px;height:38px;line-height:37px;
	color:#fff;font-size:26px;font-weight:normal;text-indent:60px;
	border:1px solid #e280c6
}
#een_kolom .box_wit			{margin-bottom:22px;}
.box_wit					{background:#fff;padding:20px;line-height:20px;font-size:12px;border:1px solid #e280c6}
.box_wit h3					{margin-bottom:20px;font-size:18px;color:#df6b52}
.box_wit p strong			{color:#df6b52}
.box_gray					{background:#474747;margin-bottom:22px;padding:18px;color:#fff;border:3px solid #f8d519 !important}
.box_gray h3,
.box_gray p strong			{color:#f8d519}
.button_holder				{position:relative;margin-top:20px;height:3px;}
.button_holder hr			{background:#df6b52;height:3px;color:#df6b52;border:none}
.button_holder a			
{
	position:absolute;top:-13px;right:-1px;display:block;background:url(../images/website/base/morebutton.png) no-repeat;
	padding:5px 0 0;width:82px;height:20px;line-height:normal;
	color:#fff;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10px;
	text-align:center;border:none
}

.sidebar					{background:#ca1382;padding:4px;height:317px;color:#fff;border:1px solid #e280c6}
.sidebar h4
{
	background:#edadd3 url(../images/website/base/side_icon.png) 12px 6px no-repeat;margin-bottom:21px;
	height:35px;line-height:34px;
	color:#6a014b;font-size:18px;font-weight:normal;
	text-indent:48px;
	border:1px solid #e280c6
}
.sidebar h5
{
	background:url(../images/website/base/side_dd.png) 6px 4px no-repeat;
	margin:15px 16px 5px;width:64px;height:17px;line-height:16px;
	font-size:11px;font-weight:bold;text-indent:17px;
	border:1px solid #fff;
}
.sidebar ul					{margin:0 16px;line-height:20px;font-size:11px;font-weight:bold}
.sidebar ul li				{background:url(../images/website/base/side_li.png) 0 8px no-repeat;text-indent:12px}
.sidebar ul li a			{color:#fff;text-decoration:underline}

/* Footer */
#footer
{
	position:absolute;bottom:0;
	background:#b10781 url(../images/website/base/footer_bg.png) top repeat-x;
	padding:20px 0;width:940px;height:183px;color:#edadd3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;
	overflow:hidden;
}
#copy				{padding:0 69px 30px;}
#copy p				{float:left;}
#copy a				{float:right;margin-right:19px;color:#edadd3}
#footer ul			{clear:both;margin:0 auto;width:800px;overflow:hidden}
#footer ul li		{display:block;float:left;background:url(../images/website/base/footer_sep.png) top right no-repeat;text-align:center}
#footer ul li.last 	{background:none;}
#footer ul li a		{display:block;padding:0 20px;color:#edadd3;margin:3px 0 7px 0}
#footer ul li:first-child a {padding-left:0;}
#footer ul li.last a {background:none;padding-right:0;}
#footer ul li ul	{display:none;width:auto}
#footer ul li ul li	{float:none;background:none;text-align:left}
#footer ul li ul li a	{margin:0;padding:0 15px !important;font-size:11px}

#ibytes				{position:relative;left:730px;width:124px;}
#ibytes a
{
	display:block;
	background:url(../images/website/base/footer_logo_ibytes.png) no-repeat;
	width:124px;height:59px;
	text-indent:-9999px;
}

div.adver
{
	border:1px solid #fff !important;
	padding:110px 18px;
}