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

/*
Theme Name: ONWINGS
Theme URI: http://www.onwings.nl
Description: on wings - classical music festival
Version: 09.09.2008
Co-author: T. Iamsam-ang
Co-author: S.F Sutcliffe
Co-authors URI: http://www.klabam.com / http://www.sodaflux.nl
*/
/* CSS Document */
/*creative commons copyright(s) 2008 KLABAM/SODAFLUX */
/*written by T.Iamsam-ang & S.F. Sutcliffe (www.sodaflux.nl)*/

/* general CSS template*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: normal;
	color:#333333;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

.inputbox { background-color: #FFFFFF; border: 0 none; display:block; padding: 2px 2px 2px 2px; font-size:10px; margin-bottom: 5px;}
.submitbtn { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #999999; border: 0 none; display:block; padding: 2px 2px 2px 2px; margin-top:10px; }

img {

	border:none;
}

.pro-player-container {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

a:link, a:visited { color: #CC3333; text-decoration:none; font-weight:normal; }
a:hover, a:active { color: #CC3333; text-decoration:none; font-weight:normal; }

/*fonts*/
@font-face
{
	font-family: "Eurostile"; 
 	src: url("Eurostile.ttf");	
    font-weight: normal;
}

h1 {
	font-family: "Eurostile", Helvetica, Arial, Sans-serif;
	font-size:16px;
    font-weight: normal;
	/*color: #DADADA;*/
	color:#333;
	letter-spacing: 1px;
	
}

.news-title {
	padding-left: 15px;
	margin-bottom: 30px;
}

.grey { /* background of colomn left titles */
	/*max-width:280px;*/
	width:300px;
	background-color:#333333;
	margin:0;
	margin-left:0px;	
	padding:0;

}

.grey ul	{
	margin:0;
	padding:0;
	list-style:none;

}

.grey ul li	{
	color:#333;
	padding: 5px 0px 5px 5px;
	margin-right:15px;
/*	max-width:100px; */	
	color:#dadada;
	border:0px solid #333;
}


h2 { 
	font-family: "Eurostile", Helvetica, Arial, Sans-serif;
    font-weight: normal;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #fff;
	letter-spacing: 1px;
	/*background-color:#777777; 
	line-height:15px;*/
}

p { padding-left: 15px; padding-right: 15px; }
.white-head { color: #FFFFFF; font-size: 12px; padding-left: 15px;}

/*box*/
#box {
	width: 851px;
	position: relative;
	top:20px;
	left:0;
	height: 100%;
    /*voice-family: "\"}\"";
    voice-family: inherit;*/
    height: auto;
	border: 0px solid #000;
	margin: 0 auto;
}


/*header*/
#header{
	position:relative;
	top:0;
	left:0;
	width: 851px;
	height: 170px;
	margin: 0;
	padding: 0;
	background-image: url('images/header.gif');
	background-repeat: no-repeat;
	border:0px solid #000;
	z-index: 3;
}

#contentbox {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	height:100%;
/*	min-height:700px; */
	border: 0;
	/*overflow: show;  */
	border:0px solid #000;
}

/*content*/
#content-left {
	position:relative;
	float: left;
	top:10px;
	left:0;
	width: 606px;
	min-height: 780px;
	margin-top:0 ;
	margin-bottom:10px;
	background-color:#F1EFEF; 
	border:0px solid #000;
/*	visibility:auto; */

}

#content-right {
	position: relative; 
	top:10px;
	/*left: 620px;*/
	float: right;
	/*right:50px;*/
	width: 230px;
/*	height:auto; */
	padding:0;
	border:0px solid #000;
}

/*footer*/
#footer{
	position: relative;
	/*bottom:0;
	left:0;*/
	float: left;
	width: 851px;
	height: 100px;
	background-image: url('images/footer4.gif');
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 50px;
	border:0px solid #000;
}

.content-news {
	position:relative; 
	top:10px;
	left:0;
	width: 606px;
	/*min-height: 200px;*/
	margin-top:0 ;
	margin-bottom:10px;
	background-color:#F1EFEF; 
	border:0px solid #000;
/*	visibility:auto; */

}

#animatie {
	position:relative; 
	top:0;
	left:0;
	width: 606px;
	height:150px;
	margin: 0px;
	background-color: #fff;
	border:0px solid #000;
/*	visibility:hidden; */
}

/*sub-content-right*/
.smallbox	{
	height:auto;
	width: 230px;
	margin: 0 auto;

}

.head-smallbox { 
	position: relative;
	top:-5px; /* aligns rss icons! do not remove */
	left:0;
	color:#fff;
	font-size: 12px;
	font-weight:bold; 
	padding-left: 15px; 
	text-align:left; 
	border:0px solid #000;
}

.rss-icon {
	padding-top:5px; 
	padding-left:60px;
}

/*sidebar navigation*/
#container {
	position: relative;
	top: 50px;  /* fixes to top in ie, firefox pc */
	left:200px;
	_left:0px;
	*left:0px;
	width:650px; /* no overlapping our multi-language! */
	/*height:auto;
	height:100%;*/
	/*z-index:4000;*/ /* fixes firefox not ie7 */
	padding:0;
	margin:0;
	font-family: "Eurostile", Helvetica, Arial, Sans-serif;
    font-weight: normal;
	font-size:11px;
	*font-size:11px;
	_font-size:11px;
	color:#fff;
	border:0px solid #FF3300;
/*	visibility: show; */
/*	overflow:auto; */
}

ul#sidebar { 
	position:absolute;
	top: 0px;  /* fixes to top in ie, firefox pc */
	left:0;
	font-family:"Eurostile", Helvetica, Arial, Sans-serif; 
	font-weight:normal; 
	margin:0; 
	padding:0; 
	list-style:none; 
	width:100%; 
	font-size:11px; 
	letter-spacing:1px;	
	border:0px solid #FF3300;
	}  

ul#sidebar li { 
	float:left;	 
	margin-right:2px; 
	border:0px solid #FF3300;
	_padding-top: 3px;
	_padding-bottom: 3px;
	background-color:#222222;
	}  

ul#sidebar ul li { 
	position:relative; 
	float: none; /* fixes all to display vertical */
	margin:0; 
	padding:0; 
	border:0px solid #000; /* NOTE border on causes conflict */
	background-color:#222222;
	}  

ul#sidebar li ul { 
	margin:0; 
	padding:0; 
	display:none;
	list-style:none; 
	position:absolute;
	} 

ul#sidebar ul ul{ 
	position:absolute; 
	top:0; /* if using borders, -1px to align top borders */ 
	margin:0; 
	left:100%; 
	}  

ul#sidebar * a:hover, ul#sidebar li a:active{ 
	background:#444444 !important; 
	display: block; 
	color:#fff; 
	}  

ul#sidebar li a:link, ul#sidebar li a:visited, ul#sidebar li a:hover, ul#sidebar li a:active{ 
	display: block; 
	padding: 3px 3px 3px 3px;
	_padding: 0px 3px 0px 3px;
	text-decoration: none;	
	background-color: #222222;
	color: #dadada; 
	}

ul#sidebar ul li a:link, ul#sidebar ul li a:visited, ul#sidebar ul li a:hover, ul#sidebar ul li a:active { 
	width: 100%;
	_width: 180px; 
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	}


.flags {
	position: relative;
	top: 45px;
	right:28px;
	margin:0;
	padding:0;
	border:0px solid #006699;

}

.qtrans_language_chooser {list-style:none;  }
.qtrans_language_chooser li {border:0px solid #000; height:12px; display:block;  }
.qtrans_flag span { display:none; }
.qtrans_flag .active { display:block; } 
.qtrans_flag {float:left; height:12px; width:36px; display:block; }
.qtrans_flag_nl {position:absolute; top:0; right:-2px; background:url(http://www.onwings.nl/wp-content/plugins/qtranslate/flags/nl.png); background-repeat: no-repeat; }
.qtrans_flag_en {position:absolute; top:0; right:36px; background:url(http://www.onwings.nl/wp-content/plugins/qtranslate/flags/gb.png); background-repeat: no-repeat; }

/* the rest */

#grey-box{
	width: 606px;
	margin: 0;
}
#grey-right{
	width: 300px;
	margin-left: 6px;
	float:right;
}
#grey-left{
	clear:both;
	width: 300px;
	float:left;
}

.sidebar-header	{
	position:relative;
	top:0;
	left:0;
	height: 31px;
	width: 230px;
	background-image:url('images/newsletter-bg2.gif');
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	border:0;
}

.viewall-link{
	margin-bottom:2px;
	text-align:right;
}

.newsstrip-prop{
	background-color:#e0dfdf;
	margin-bottom:7px;
}

.fix { /* fixes form to top of last div */
	position:relative;
	top:0;
	left:0;
	margin-top:0;
	padding:0;
	border:0;

}

.ie-png {
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.onwings.nl/wp-content/themes/onwings/images/ok-button.png',sizingMethod='scale');
    height: 55px;
    width: 71px;
	left: 185px;
	margin-top: -5px !important;
	_margin-top: 25px;
	position: absolute;
	cursor: pointer;
	/*margin-top: -5px !important;*/
	/*margin-right: 10px;*/
	/*top: 0;*/
	/*z-index:10;*/
}

.ie-hide{
    border:0px solid #FFFFFF;
    _display: none;
}

.newsletter{
	width: 270px;
	height: 60px;
	margin-top: 3px !important; /* non IE browsers */
	margin-top: -10px; /* IE Browsers */
	background-image:url('images/newsletter-bg.gif');
	background-repeat:no-repeat;
}

/*.okbutton {
	left: 185px;
	margin-top: -5px !important;
	margin-right: 10px;
	position: relative;
	/*top: 0;*/
	/*z-index:10;
}*/