/*===============================
| layout/style.css				|
| Broncode www.hetesc.nl		|
|  								|
| van het						|
| EINDHOVENS STUDENTEN CORPS	|
| (c) 2006						|
|								|
| door: Max Meinders			|
|	 	Erik van de Ven			|
|		Menno Letema			|
===============================*/

/*------------------------------- 
OPZET body / table
-------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Console", Verdana;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	color: #444444;
}
#dataArea {
	display: none;
	margin: 5px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	position: absolute;
	padding: 4px;
}
.gb_entry_primal{
	width: 550px;
	font-size: 12px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	overflow:hidden;
}

.gb_entry_primal_head{
	width: 550px;
	font-size: 10px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.gb_entry_primal_text{
	padding: 4px;
}

.gb_entry_next{
	background-color: #EEEEEE;
	padding: 4px;
	margin-left: 5px;
	margin-top: 5px;
}

.gb_entry_next_head{
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 4px;
}

.quote_container{
font-size: 10px;
margin: 10px 30px 10px 30px;
}

.quote{
border: 1px dashed #999999;
}

.maintable {
        background-color: #738673;
        margin-top: 1px;
        margin-bottom: 1px;
		width: 550px;
}

.tableh1 {
        background : #738673 ;
        color : #ffffff;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        background : #a1b3a1 ;
        color : #ffffff;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #a1b3a1 ;
        color : #ffffff;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #a1b3a1 ;
        color : #ffffff;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #fff;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
        background: #fff;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #a1b3a1;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

/*-------------------------------
NAVIGATIE main
-------------------------------*/

ul#tabnav_main {
	font: lighter normal 10px verdana, arial, sans-serif;
	list-style-type: none;
/*	padding-bottom: 24px; b8c4b5 */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 0px 0px;
	padding: 0 0 24px;
	background: #415f3b;
	background-image: url(../images/bg_menu.jpg);
	}
ul#tabnav_main li {
	float: left;
	height: 24px;
	margin: 0px 5px 0px;
	padding: 0px;
}
#tabnav_main a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}
#tabnav_main a:hover {
	background: #738673;
	height: 24px;
}
#tab_main {
	background: #738673;
	color: #fff;
}

/*-------------------------------
NAVIGATIE sub
-------------------------------*/

ul#tabnav_sub {
	font: lighter normal 10px verdana, arial, sans-serif;
	list-style-type: none;
/*	padding-bottom: 24px; */
	margin: 0;
	padding: 3px 0px 3px 3px;
	background: #738673;
	}
ul#tabnav_sub li {
	float: left;
	height: 21px;
	width: 172px;
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	overflow:hidden; /* HIER STOOR IK ME DUS ECHT AL EEN EEUW AAN */
}
#tabnav_sub a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px;
	width: 170px;
	margin: 0px 0px 0;

}
#tabnav_sub a:hover {
/*	background: #a1b3a1; */
	background: #a1b3a1;
	color: #fff;
}

#tab_sub {
	background: #a1b3a1;
}
#help {
	margin: 0px;
	background: #e5eae5;
	border: 1px solid #415f3b;
	float: left;
	display: block;
	padding: 1px 6px 2px 6px;
	color: #000000; 
}
#help a {
	color: #000000; 
	text-decoration: none;
	font-size: 10px;
}

/*-------------------------------
Form
-------------------------------*/

form {
	margin-bottom: 2px;
}

input, select, textarea {
	border: 1px solid #415f3b;
	background-color: #e5eae5;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}	
#login {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/*-------------------------------
Inhoud
-------------------------------*/

#textimg {
	margin: 5px 15px 5px 15px; 
	border: 3px solid #415f3b;
}
#sponimg {
	margin: 5px 5px 5px 5px;
	border: 1px solid #415f3b;

}
#maintext {
	margin: 60px 30px 30px 30px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Console", Verdana;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	color: #444444;

}
#maintextmain {
	margin: 120px 30px 30px 30px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Console", Verdana;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	color: #444444;

}
.form_field {
	border: 1px solid #415f3b;
	background-color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}


#links_tab {
	height: 18px;
	width: 100%;
/*	background-color: #4d6c4d;	*/
	background-color: #415f3b;
/*	border-top: 1px solid #fff;  */
	color: #ffffff;
	font-size: 10px;
	padding-left: 5px; 
}
#links_inhoud {
/*	background-color: #4d6c4d;	*/
	background-color: #738673;
/*	border-bottom: 1px solid #fff;  */
}
#links_lijn {
/*	background-color: #4d6c4d;	
	border-bottom: 1px solid #fff;  */
}

hr {
	border: 1px solid #415f3b;
	background-color: #415f3b;
	height: 1px;
}

/*-------------------------------
Navigatie positie / login divs
-------------------------------*/
#banner_top {
	banner-strat-marathon2.gif
	z-index: 200;
	position: absolute;
	top: 140px;
	width: 300px;
	left: auto;
	right: auto;
	margin-left: 250px;
}

#navpos {
	font-family: verdana, arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	z-index: 100;
	position: absolute;
	top: 67px;
	width: 460px;
	left: auto;
	right: auto;
	padding-left: 173px;
	color: #ffffff;
}

#loginpos {
	font-family: verdana, arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	z-index: 120;
	position: absolute;
	top: 104px;
	width: 800px;
	left: auto;
	right: auto;
	text-align: right;
	padding-right: 10px;
	color: #000000;
}
#news {
	font-family: verdana, arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	position: relative;
	float: right;
	margin-left: 10px;
	maring-bottom: 10px;
	color: #ffffff;
}
.datum {  font: normal 10px verdana, arial, sans-serif; color: #000000; margin-left: 1px; }
.activiteit {	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Console", Verdana; font-size: 12px; color: #000000;	padding: 0px 5px 5px 10px;	}
.meer { font: normal 10px verdana, arial, sans-serif; color: #415f3b; margin-left: 140px; padding-bottom: 3px; }

/*------------------------------- 
Besloten persoonlijke/smoelenboek
-------------------------------*/

.gegnaam {
	background-color: #B4B4B4;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.gegrand {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 1px solid #666666;
}
.gegmenulinks {
	background-color: #D8D8D8;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.gegmenurechts {
	background-color: #D8D8D8;
	border: 0px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.gegmenutabel {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	height: 20px;
}
.gegeven {
	background-color: #F9F9F9;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

	height: 20px;
}
.gegodd {
	background-color: #F2F2F2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	color: #333333;
}
.gegfoto {
	background-color: #F9F9F9;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 120px;
	text-align: center;
}
.gegonder {
	background-color: #C1C1C1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.gegmenulinksdk {

	background-color: #BEB7FF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.gegmenurechtsdk {

	background-color: #BEB7FF;
	border: 0px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/*------------------------------- 
Hyperlinks
-------------------------------*/
.img_hover {
	opacity: 1;
	filter: alpha(opacity=100);
}	
.img_out {
	opacity: .7;
	filter: alpha(opacity=70);
}
a	{ color: #415f3b; text-decoration: underline}

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

a.nav	 {color: #333333; text-decoration: none}

a.nav:hover 	{color: #993300; text-decoration: none}

a.cNav	 		{color: #333388; text-decoration: none}

a.cNav:hover 	{color: #993300; text-decoration: underline}

a.sNav		 	{color: #333333; text-decoration: none}

a.sNav:hover 	{color: #993300; text-decoration: underline}

/*------------------------------- 
Gastenboek
-------------------------------*/

.inactive           { color: #999999; display: inline }

table#gb_table
{

	color:			#000000;
/*	border:			1px solid #000000; */
	margin:			15px 10px 0px 0px;
	width:			556px;
}

tr#gb_header		{ background-color: #DDDDDD }

div#gb_header_left
{
	text-align:		left;
	font-weight:		bold;
	padding:		8px 0px 8px 8px;
}

div#gb_header_right
{
	text-align:		right;
	font-size:		80%;
	padding:		8px 8px 0px 0px;
}

div#gb_subheader
{
	background-color:	#DDDDDD;
	font-size:		80%;
	padding:		2px 0px 8px 8px;
}

div#gb_body
{
	background-color:	#EEEEEE;
	padding:		8px 8px 34px 8px;
}

td#gb_seperator
{
	height:			4px;
	width:			100%;
}
/* einde gastenboek */

/*-------------------------------
Kut schurft
-------------------------------*/
.navigation 	{font-family: Verdana; font-size: 10px; font-weight: bold; background-image: url(10/IMAGES/bg_button.gif); vertical-align: middle; text-align: center; height: 20px; padding-right: 10px; padding-left: 10px; border-color: #666666 #666666 #666666 #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.content 		{font-family: Verdana; font-size: 11px; color: #333333; vertical-align: top; text-align: justify; width: 450px}

td {font-family: Verdana; font-size: 11px; color: #333333; text-align: justify;}

.cTitle			{font-family: Verdana; font-size: 10px; font-weight: bold; color: #993300; padding-top: 3px; padding-bottom: 10px; padding-left: 20px}.cHeader 		{font-family: Verdana; font-size: 14px; font-weight: bold; color: #993300}.cService 		{font-family: Verdana; font-size: 10px; color: #333388; padding-top: 35px; padding-bottom: 3px; padding-left: 235px}.cCopyright 	{font-family: Verdana; font-size: 11px; color: #FFFFFF; padding-left: 235px; background-color: #333366; vertical-align: middle; height: 30px}.sContent 		{font-family: Verdana; font-size: 10px; color: #333333; vertical-align: top; width: 175px; padding-left: 20px; border: #CCCCCC solid; border-width: 0px 1px 1px 0px}.sHeader 		{font-family: Verdana; font-size: 11px; font-weight: bold; color: #993300; background-image: url(10/IMAGES/bg_sHeader.gif); vertical-align: middle; height: 18px; border: #CCCCCC solid; border-width: 1px 0px 1px 0px}.sList 			{list-style-image: url(10/IMAGES/bullet.gif); list-style-position: inside}.sField 		{font-family: Verdana; font-size: 10px; width: 110px}.sButton 		{font-family: Verdana; font-size: 10px; height: 21px;}



/*-------------------------------
KAMERNET - AWESOME!
-------------------------------*/
table#kamersResult, table#kamerResult{
	width: 560px;
}

table#kamersResult td{
	padding:3px 0 3px 8px;
	border-bottom: 1px dotted #bbbbbb;
	text-align: center;
}

table#kamerResult td{
	padding:3px 8px;
	border-bottom: 1px dotted #bbbbbb;
}

table#kamersResult tr.main, table#kamerResult td.main{
	background-color: #bbbbbb;
	border: 1px solid #bbbbbb;
	font-weight: bold;
}

tr td.links{
	text-align: left !IMPORTANT;
}

table#kamerResult h3{
	margin:5px 0;
}

table#kamerResult td{
	border-right:1px dotted #BBBBBB;
}

form#aanbieden label{
	display:block;
	float:left;
	overflow:hidden;
	width:120px;
	margin-bottom: 5px;
}

form#aanbieden input[type='text'], form#aanbieden select{
	width:200px;
	margin-bottom: 5px;
}

form#aanbieden textarea{
	margin-bottom: 5px;
}