/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Centraal- en Oost-Europa Trade Club - COETC
Design:			Magma Ontwerpers BNO
Version:		1.0
Last change:	08/05/08 []
Assigned to:	Rommert van der Marel [RM]
Primary use:	Website
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background:		#b5b5b5 (light grey)
Header:			#002c5a (dark blue)
Header h2:		#ee4117 (red)
Footer:			#b5cede (dark black)

a (standard):	#ee7f01 (orange)
a (visited):	#5999de (light blue)
a (active):		#cc0000 (pink)
oranje: 		#ee7f01
-------------------------------------------------------------------*/



/* Body styles
-------------------------------------------------------------------*/

body {
  font-size: 11px;
  font-family: Verdana, Helvetica, Sans-Serif;
  color:#000;  
  text-align: left;
  background: #b5b5b5 url(../images/main/mainBg.jpg)  repeat-y center fixed;
  margin:0px;
  padding:0px;
 
 
}

h1,h2,h3,h4 {
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
     }



img{
	border:none;
	
}


a, a:active{
	color:#ee7f01;
}


a{
	color:#ee7f01;
	text-decoration:none;
}


.button {
	background: #6384a6 url(../images/main/btn_search.gif) repeat-y;
	border: 1px solid #FFF;
	padding: 1px 5px 0 5px;
	color:#FFF;
	font-size:12px;
	
}

.input {
	width:125px;
	background: #dcdddf url(../images/main/input.gif) repeat-y;
	height:17px;
	border:none;
	margin:0;

}

.inputLogin {
	border:solid #333333 1px;

}


.error{
	color:#FF0000;
}

.succes{
	color:#00CC00;
}


.upload_succes{
	color:#00CC00;
	padding:7px;
	border:#00CC00 solid 1px;

}


.formInput {
	width:400px;
	font-size:11px;
	background: #FFF;
	height:17px;
	margin:1px 0px 1px 5px;
	border:#CCCCCC solid 1px;
	background-color:#EBEBEB;

}


.textAreaInput{
	width:400px;
	font-size:11px;
	background: #FFF;
	height:70px;
	margin:1px 5px 1px 5px;
	border:#CCCCCC solid 1px;
	background-color:#EBEBEB;
}

.orange{
	color: #ee7f01;

}


.bottomIndexNavRight, .bottomIndexNavFirst, .bottomIndexNavSecond, .bottomIndexNavThird,  #flashContent, #container, #leftKolom, #content {
	overflow: hidden;

}



/* Margins
-------------------------------------------------------------------*/

#header, #flashContent, #bottomIndexNavContainer{
	margin:0px 20px 0px 20px;
	display:inline;
}





/* Main Container styles
-------------------------------------------------------------------*/

#container {
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	width: 950px;

}


/* Header styles
-------------------------------------------------------------------*/

#header {
	background:#002c5a url(../images/main/headerBg.gif) no-repeat;
	height:130px;
	float:left;
	display:inline;
	width:910px;
	
	
}

#header h1{
	display:none; 
}


/*top menu*/

#headerTopNav{
	height:30px;
	margin-right:15px;

}

div#headerTopNav ul {
	margin: 0; 
	padding: 0; 

}

div#headerTopNav li {
	position: relative; 
	list-style: none; 
	margin: 0;
	float: right; 
	line-height: 30px;
	padding: 0 6px 0 6px;
	font-size:10px;
	

}

div#headerTopNav li a {	
	color:#FFF;
	border-left:solid #FFF 1px;
	text-decoration:none;
	padding-left:10px;
}

div#headerTopNav li a:hover {	
	color:#ccc;
	border-left:solid #FFF 1px;
	text-decoration:none;
	padding-left:10px;
}

/*Search menu*/

#headerSearch{
	margin-top:32px;
	margin-right:15px;
	height:30px;
	float:right;
}


/*Main menu*/

#header_sideWideNav{
	height: 22px;
	margin: 0 20px 0px 20px;
	padding: 0 0 0 10px;
	background: #002c5a;
	float: left;
	width: 900px;	
	display:inline;
}


div#header_sideWideNav ul {
	margin: 0; 
	padding: 0; 

}


div#header_sideWideNav li {
	position: relative; 
	list-style: none; 
	margin: 0 5px 0 0;
	float: left; 
	line-height: 28px;
	padding: 0px 6px 0 6px;
	width:95px;
	font-size:10px;
	background: #002c5a url(../images/main/nav_menu.gif) no-repeat;

}

div#header_sideWideNav li.active {
	position: relative; 
	list-style: none; 
	margin: 0 5px 0 0;
	float: left; 
	line-height: 28px;
	padding: 0px 0px 0 6px;
	width: 101px;
	font-size:10px;
	color:#3300CC;
	background: #002c5a url(../images/main/nav_menu_active.gif) no-repeat;

}

div#header_sideWideNav li.active a {
	display: block;
	text-decoration: none;
	margin-top: 0px;
	line-height: 22px;
	color:#002c5a;
	
}

div#header_sideWideNav li.active:hover {
	background: #002c5a url(../images/main/nav_menu_active.gif) no-repeat;
	color:#002c5a;
	
}




div#header_sideWideNav li:hover {
	background: #002c5a url(../images/main/nav_menu_roll.gif) no-repeat;
	color:#000000;

}

div#header_sideWideNav li a {
	display: block;
	text-decoration: none;
	margin-top: 0px;
	line-height: 22px;
	color:#FFF;
	
}


div#header_sideWideNav li a:hover {	
	color:#000;
	
}


div#header_sideWideNav>ul a {
	width: auto;
}


/* INDEX PAGE
-------------------------------------------------------------------
   FlashC0ntent for Index-page
-------------------------------------------------------------------*/


#flashContent{
	width:905px;
	height:285px;
	margin-top:15px;
	margin-bottom: 15px;
	background-color:#0000CC;
	float:left;
}


#bottomIndexNavContainer{
	width:905px;
	float:left;
	display:inline;
}


.bottomIndexNavFirst, .bottomIndexNavSecond, .bottomIndexNavThird{
	width:185px;
	height:150px;
	padding-left: 15px;
	padding-top:10px;
	padding-right: 15px;
	font-size:10px;
}

.bottomIndexNavFirst p, .bottomIndexNavSecond p, .bottomIndexNavThird p{
	margin: 20px 0 0 0;
	line-height:13px;
	}

.bottomIndexNavFirst strong, .bottomIndexNavSecond strong, .bottomIndexNavThird strong{
	color:#009cda;
	}

.bottomIndexNavFirst:hover, .bottomIndexNavSecond:hover, .bottomIndexNavThird:hover{
	background:url(../images/main/index_nav_grijs.gif) no-repeat;
	cursor:pointer;
	}




.bottomIndexNavFirst{		
	margin-right: 10px;
	float:left;
	background:url(../images/main/index_nav_blauw.gif) no-repeat;
}

.bottomIndexNavSecond{
	margin-right: 10px;
	float:left;
	background:url(../images/main/index_nav_lblauw.gif) no-repeat;
}

.bottomIndexNavThird{
	margin-right: 10px;
	float:left;
	background:url(../images/main/index_nav_oranje.gif) no-repeat;
}


.bottomIndexNavRight{
	width:210px;
	height:160px;
	padding:0 10px 0 10px;
	background: url(../images/main/menu_index_bg.gif) no-repeat;
	float:left;
	color:#FFFFFF;
	
}


.bottomIndexNavRight ul{
	margin:0;
	padding:0;
}

.bottomIndexNavRight ul li{
	color:#FFFFFF;
	list-style:none;
	background:url(../images/main/pijl.png) right no-repeat;
}


.bottomIndexNavRight ul li a{
	padding-left: 30px;
	color:#FFFFFF;
	list-style:none;
	display:block;
	line-height:30px;
	text-decoration:none;
	border-bottom:#FFFFFF 1px solid;
}

.bottomIndexNavRight ul li a:hover{
	color:#999999;
}


/* Followup pages
-------------------------------------------------------------------*/

#leftKolom{
	width:165px;
	float:left;
	margin: 35px 60px 10px 30px;
	display:inline;

}

#leftKolom #subNavigatie{
	margin:0px 0 25px 0; 
}


#subNavigatie h2, .downloads h2{
	color:#002c5a;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;

}

#leftKolom #subNavigatie ul{
	 padding:0;
 	 margin:0;	
	 list-style-position:inside;
	 list-style-image:url(../images/main/bullet.gif);
}

#leftKolom #subNavigatie li a{
	color:#009cda;
	text-decoration:none;
	line-height:18px;
}

#leftKolom #subNavigatie li a:hover{
	text-decoration:underline;
}



#leftKolom .imageHolder{
	width:165px;
}



#contentContainer{
	width:665px;
	margin: 35px 10px 10px 0px;
	float:left;
	display:inline;	
	}

#contentContainer h1{
	background:url(../images/main/pijl_h1.gif) left no-repeat;
	padding:0 30px 0;
	font-size: 11px;

}

.content{
	margin:20px 0 0 0;
	width:565px;

}

#introduction{
	margin:30px 0 0 0;
	width:450px;
	line-height:14px;

}

.downloads{
	margin-top:20px;

}

th{
	background-color:#009cda;
	color:#FFFFFF;
	height:20px;
}


tr.oddLink{
	height:20px;
	background-color:#FFF;
	color:#000;
}

tr.evenLink{	
	height:20px;
	background-color:#EDEDED;
	color:#000;
}




tr.oddLink:hover{
	height:20px;
	background-color:#002c5a;
	color:#FFF;
	cursor:pointer;
}

tr.evenLink:hover{	
	height:20px;
	background-color:#002c5a;
	color:#FFF;
	cursor:pointer;
}


tr.odd{	
	height:20px;
	background-color:#FFFFFF;
}


tr.even{	
	height:20px;
	background-color:#EDEDED;
}



.evenBig{	
	padding: 10px 20px 10px 0;
	height:20px;
	background-color:#EDEDED;
}


.terugbutton{
	margin-top:10px;
	padding-left:30px;

}



/* Sidebar
-------------------------------------------------------------------*/


#sidebar{
	width:125px;
	height:140px;
	background:url(../images/main/quote_sidebar.jpg) no-repeat;
	margin-bottom:15px;
	padding: 10px 25px 10px 20px;
}

#sidebar h1{
	font-size:13px;
	text-transform:uppercase;
	color:#002c5a;
}


.buttonSidebarSearch {
	background: #6384a6 url(../images/main/btn_search.gif) repeat-y;
	border: 1px solid #FFF;
	padding: 1px 5px 0 5px;
	color:#FFF;
	font-size:11px;
	width:125px;	
}

.buttonSidebarSearch:hover {
	background:#666666;	
}


.inputSidebarSearch {
	width:125px;
	background: #FFFFFF;
	height:14px;
	border:none;
	margin:0 0 5px 0;
	color:#999999;
	font-size:11px;
}

.sidebarForm{
	margin:10px 0 10px 0;

}


/* Footer
-------------------------------------------------------------------*/

#footer{ 
	font-size:9px;
	width:905px;
	margin: 10px auto 10px;

}

/* vraag en aanbod container
-------------------------------------------------------------------*/


.vraagContainer{
	width:275px;
	float:left;
	margin-right:25px;
	display:inline-block;
	margin-top:40px;
	

}


.vraagContainerID{
	margin: 0 0 15px 0;
	height:50px;
	border-bottom:#CCCCCC solid 1px;
	padding-bottom:20px;

}

/* sitemap
-------------------------------------------------------------------*/



#sitemap ul, #sitemap li{
	list-style:url(../images/main/bullet.gif);
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height:20px;
	}
	
	
	
#ledenImage{
	overflow:hidden;
	display:block;
	width:165px;
	height:191px;
	margin:15px 0px 0px 0px;
}

	
	
	
.datum{
	padding:2px 0px 2px 0px;
}

.clear{
	clear:both;
}