/*****************************************
* Global
****************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0px;
	background-color: #ededed;
	color: #777;
	font: 100%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../imgs/bg.jpg);
	background-repeat: repeat-x;
}

h3 {
	font-size: 110%;
	color: #777;
}

h3 a:link, h3 a:visited, h3 a:active {
	color: #777;
	text-decoration: none;
}

h3 a:hover {
	color: #ffa302;
	text-decoration: none;
}

a:link, a:visited, a:active {
	color: #777;
}

a:hover {
	color: #ffa302;
}

/*****************************************
* Containers
****************************************/

#container1 {
	margin: 0px auto;
	padding: 20px 20px 0 20px;
	margin-top: 20px;
	width: 920px;
	background-image: url(../imgs/shadow_top.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#container2 {
	margin: 0px auto;
	padding: 0px 20px;
	width: 920px;
	background-image: url(../imgs/shadow_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#container2chat {
	margin: 0px auto;
	padding: 0px 20px;
	width: 920px;
	background-image: url(../imgs/shadow_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#container2intro {
	margin: 0px auto;
	padding: 0px 20px;
	width: 920px;
	background-image: url(../imgs/shadow_intro.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#container2b {
	margin: 0px auto;
	padding: 0px 20px;
	width: 920px;
	background-image: url(../imgs/shadow_white.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#container_banner {
	margin: 0px auto;
	padding: 0px 20px;
	width: 920px;
	background-image: url(../imgs/shadow_white.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#container3 {
	margin: 0px auto;
	padding: 0px 20px 20px 20px;
	margin-bottom: 5px;
	width: 920px;
	background-image: url(../imgs/shadow_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#colnews {
	float: left;
	width: 230px;
	background: white;
}

#colnews16 {
	float: left;
	width: 230px;
	background: white;
}

#footer {
	font-size: 80%;
	padding: 10px;
}


/*****************************************
* Player
****************************************/

#video_chat iframe {
	width: 920px;
	height: 400px;
	float: left;
	border: 0px;
}

#video {
	float: left;
	background: #ffffff;
}

#help {
	float: left;
	background: #eee;
	width: 690px;
	padding: 10px 0;
}

#help ol {
	padding: 0 0 0 3em;
}

#help ol li{
	font-size: 100%;
	font-weight: bold;
}

#help ul li{
	font-size: 85%;
	font-weight: normal;
	list-style: none;
}
#help a:link, #help a:visited, #help a:active {
	color: #ffa302;
	font-weight: bold;
}
#help a:hover {
	color: #ffa302;
	text-decoration:underline;
	font-weight: bold;
}

#introtext {
	width: 690px;
	float: left;
	background-color: #ffffff;
	background-image: url(../imgs/bg_table.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	min-height: 300px;
}

#player {
	float: left;
	width: 520px;
	height: 292px;
	background: #ffffff;
}

#player16 {
	float: left;
	width: 690px;
	height: 388px;
}

#player_live {
	float: left;
	width: 520px;
	height: 292px;
}

#introtext h3 {
	font-size: 110%;
	padding: 12px 20px 4px 20px;
}

#introtext p {
	font-size: 90%;
	padding: 6px 20px;
}

#player p {
	font-size: 90%;
	padding: 4px 20px;
	text-align: center;
}

#player p.klein {
	font-size: 70%;
	padding: 4px 20px;
	text-align: center;
}

#player a {
	text-decoration: none
}

#player hr.lijn {
	width: 90%;
	border: 1px solid #ffffff;
	border-width: 0;
	height: 0px;
}

#player img {
	margin: 30px 0 10px 0;
}

/*****************************************
* Banner
****************************************/

#banner_01 {
	width: 920px;
	margin: 0 auto;
	padding: 16px 0;
	border: 1px solid #999;
	border-width: 1px 0 0 0;
	text-align: center;
	
}

#banner {
	margin: 0 auto;
}

/*****************************************
* Columns
****************************************/

.col_no1 {
	width: 190px;
	height: 216px;
	float: left;
	background: #fff;
	margin: 0px 30px 0px 0px;
}

.col_no2 {
	width: 190px;
	height: 216px;
	float: left;
	background: #fff;
	margin: 0px 30px 0px 0px;
}

.col_no3 {
	width: 190px;
	height: 216px;
	float: left;
	background: #fff;
	margin: 0px 30px 0px 0px;
}

.col_no4 {
	width: 190px;
	height: 216px;
	float: left;
	background: #fff;
}

.col_player {
	width: 690px;
	/* height: 190px;*/
	float: left;
	background: #fff;
	background-image: url(../imgs/lijntje.gif);
	background-repeat: repeat-y;
	background-position: right center;
}

.col {
	margin: 0px 0px 0px 0px;
}

.col img {
	margin: 6px 0;
}
.col li, #newslines li, #newslines16 li {
	list-style: none;
	font: 90%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.col li a, #newslines li a, #newslines16 li a {
	min-width: 180px;
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
}

.col li a:hover, #newslines li a:hover, #newslines16 li a:hover {
	text-decoration: underline;
}



/*****************************************
* Rows
****************************************/

#row1 {
	padding: 80px 20px 10px 20px;
	font-size: 80%;
	text-align: right;
	height: 20px;
}

#row1 a:link, a:visited, a:active {
	text-decoration: none;
}
#row1 a:hover {
}

#row2 {
	height: 292px;
}

#row2chat {
	height: 400px;
}

#row2player16 {
	height: 388px;
}

#row2_3dwall {
	height: 550px;
}

#row3 {
	border: 1px solid #ffa302;
	border-width: 6px 0 0 0;
	font-size: 90%;
	background-color: #fff;
	height: 215px;
	padding: 30px;
}

#row3_live {
	height: 40px;
	background-color: #FFF;
	border-top: 1px solid #999 ;
}

#row3_live p {
	text-align: center;
	padding-top: 3px;
	font-size: 100%;
	color: #ffa302;
	padding-top: 8px;
}

#row3_live a:link {
	color: #757877;
	text-decoration: none;
}

#row3_live a:hover {
	color: #ffa302;
}


/*****************************************
* Newslines
****************************************/

.col h3 {
	text-align: center;
}


#newslines16 h3 a:link, #newslines16 h3 a:visited, #newslines16 h3 a:active {
	text-decoration: none;
}

#newslines16 h3 a:hover {
	text-decoration: none;
}

#newslines h3 a:link, #newslines h3 a:visited, #newslines h3 a:active {
	text-decoration: none;
}

#newslines h3 a:hover {
	text-decoration: none;
}

#newslines {
	width: 399px;
	height: 292px;
	background:white;
	border: 1px solid #666;
	border-width: 0 0 0 1px;
}

#newslines16 {
	width: 210px;
	height: 388px;
	background:white;
	margin: 0 0 0 20px;
}

#newslines_live {
	width: 300px;
	height: 292px;
	background:white;
	margin: 0 0 0 20px;
}

#newslines_chat {
	width: 920px;
	background:white;
}

#newslines16 a:link, #newslines16 a:visited, #newslines16 a:active {
	font-size: 80%;
	text-decoration: none;
}

#newslines16 a:hover {
	font-size: 80%;
	text-decoration: none;
}

#newslines16 h3 {
	font-size: 90%;
	padding: 6px 0 0 0;
}

#newslines16 p {
	margin: 3px 0 0 0;
}

#newslines16 a#current {
	margin: 0 0 0 -4px;
	padding: 0 0 0 16px;
	background: url(../imgs/3.png) no-repeat top left;
}	

#newslines a:link, #newslines a:visited, #newslines a:active {
	text-decoration: none;
}

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

#newslines h3 {
	font-size: 110%;
}

#newslines p {
	margin: 0 0 0 0;
}

#livestream {
	width: 190px;
	padding: 0px 0 0 0;
}

#livestream_live {
	width: 360px;
	text-align: center;
	padding: 15px 0 0 0;
}

/*****************************************
* Lists
****************************************/


#list1 {
	display: block;
	width: 190px;
	height: 216px;
	background: url(../imgs/list1.jpg);
	position: relative;
}

#list2 {
	display: block;
	width: 190px;
	height: 216px;
	background: url(../imgs/list2.jpg);
	position: relative;
}

#list3 {
	display: block;
	width: 190px;
	height: 216px;
	background: url(../imgs/list3.jpg);
	position: relative;
}

#list4 {
	display: block;
	width: 190px;
	height: 216px;
	background: url(../imgs/list4.jpg);
	position: relative;
}

#list1 li, #list2 li, #list3 li, #list4 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#list1 li, #list1 a, #list2 li, #list2 a, #list3 li, #list3 a, #list4 li, #list4 a {
	height: 216px;
	display: block;
}

#screen1, #screen4{
	left: 0;
	width: 190px;
}

#screen2, #screen3 {
	left: 0;
	width: 190px;
}

#screen1 a:hover {
	background: transparent url(../imgs/list1.jpg) 0 -216px no-repeat;
}
#screen2 a:hover {
	background: transparent url(../imgs/list2.jpg) 0 -216px no-repeat;
}
#screen3 a:hover {
	background: transparent url(../imgs/list3.jpg) 0 -216px no-repeat;
}
#screen4 a:hover {
	background: transparent url(../imgs/list4.jpg) 0 -216px no-repeat;
}



/*****************************************
* Lines & Clears
****************************************/
hr.clear {
	clear: both;
	border: 1px solid #ffffff;
	border-width: 0;
	height: 0px;
}

div.clear {
	clear: both;
	height: 0px;
	width: 920px;
	line-height: 0px;
	font-size: 0%;
}

hr.line {
	border: 1px solid #444;
	border-width: 0;
	height: 1px;
}


/*********************************************
* Chat Module
*********************************************/

table.chat {
	width: 360px;
}

#newslines_chat table.chat {
	width: 910px;
}

#main {
	margin: auto;
}

#sender {
	padding: 10px;
	background: white;
	border: 1px solid black;
	border-width: 1px 0 0 0;
}

#login {
	padding: 10px;
	background: white;
	font: 86%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#result {
	padding: 10px;
	height: 220px;
	width: 377px;
	overflow: auto;
	background: white;
	font: 86%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#newslines_chat #result {
	padding: 10px;
	width: 890px;
	min-height: 400px;
	overflow: auto;
	background: white;
	font: 86%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


.error {
	color: #000;
	padding: 5px;
}

.text {
	border: 1px solid #000;
	color: #000;
	padding: 4px;
}

.text2 {
	border: 1px solid #000;
	color: #000;
	height: 23px;
	padding: 0 4px;
}

button {
	border: 1px solid #000;
	color: #000;
	height: 22px;
	padding: 0px 4px;
}

#msg {
	border: 1px solid #000;
	color: #000;
	padding: 0 4px;
	height: 20px;
}

#caption {
	color: #000;
	margin: 10px;
}

.name {
	font-weight: bold;
	font-style: italic;
	color: #999;
}

.txt {
	color: #000;
}

.black {
	color: #ffa302;
}

.groot {
	font-size: 300%;
}


/*****************************************
* Accordion
****************************************/

/*.accordion_content {
	overflow: hidden;
}

.basic  {
	width: 230px;
	height: 388px;
	overflow: hidden;
}

.basic div {
	background-color: #eee;
	height: 213px;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
}
.basic h3 a {
	cursor:pointer;
	display:block;
	padding: 2px 5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("../imgs/AccordionTab0.gif");
}
.basic h3 a:hover {
	background-color: white;
	background-image: url("../imgs/AccordionTab2.gif");
	color: black;
}
.basic h3 a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("../imgs/AccordionTab2.gif");
}

.basic a#current {
	padding: 0 0 0 16px;
	background: url(../imgs/3.png) no-repeat top left;
}	

.basic a:link, .basic a:visited, .basic a:active {
	color: #777;
	text-decoration: none;
}

.basic a:hover {
	text-decoration: none;
	color: #ffa302;
}
*/

/*****************************************
* Accordion
****************************************/

.AquaAccordion {
	width: 230px;
	background: #fff;
}

.AquaAccordion {
	overflow: hidden;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
}

.AquaAccordion .Tab {
	color: #000;
	height: 18px;
	background-image: url(../imgs/aqua-gradient.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: center;
}

.AquaAccordion .Content {
	overflow: auto;
	height: 220px;
	margin: 0px;
	padding: 0 10px;
	background-image: url(../imgs/gray-gradient.gif);
	background-repeat: repeat-x;
}

.AquaAccordion .hover {
	background-image: none;
	background-color: #C1C1C1;
}

.AquaAccordion .open {
	/* Add properties here. */
}

.AquaAccordion .closed {
	/* Add properties here. */
}

.AquaAccordion .focused {
	/* Add properties here. */
}


.Content a.current {
	padding: 0 0 0 16px;
	background: url(../imgs/3.png) no-repeat top left;
}	

.Content a:link, .Content a:visited, .Content a:active {
	color: #777;
	text-decoration: none;
}

.Content a:hover {
	text-decoration: none;
	color: #ffa302;
}