/* -------------------------------------------------- Cubique Webcreations -www.cubique.nl */

/* -------------------------------------------------------------- layout kenmerken  ------ */

body {
	margin:0;
	padding: 0;
	background: #ccc
}
#container {
	margin:auto;
	position:relative;
}
#outer {
	padding: 0;
	background: #fff;
}
#header{
	position:absolute;
	top: 0;
	left:0;
	background: url('img/main/header-global-ip.gif') no-repeat;
	height: 120px;
	overflow:hidden;
}
#header {
	height:110px;
}
#clearheader {
	height:115px;
}
#content {
	width: 980px;
	margin-left: 10px;
	position: relative;
	min-height: 300px;
	height:auto !important;
	height: 300px;
	background: url('img/main/back-content.gif');
}
#page {
	width: 700px;
	float: left;
	display: inline;
	margin: 15px;
}
#content-top {
	width: 980px;
	height: 20px;
	background: url('img/main/back-content-top.gif');
}

#header, #footer, #centrecontent, #container, #outer, #header-image {
	width:1000px;
}
#footer {
	position:relative;
	clear:both;
	height:140px;
	background: url('img/main/footer.gif');
	margin-bottom: 5px;
}
#clearfooter{
	clear:both;
}
#google-ads {
	float: left;
	width: 728px;
	height: 90px;
	margin: 38px 0 0 10px;
}
#submenu {
	width: 980px;
	clear: both;
	min-height: 160px;
	height:auto !important;
	height: 160px;	
	background: #dddedf url('img/main/back-content-submenu.gif') no-repeat;
	margin-left: 10px;
}

/* -------------------------------------------------------------- algemene kenmerken  ------ */

p, td, li {
	font-family: verdana, tahoma, arial;
}
td {
	vertical-align: top;
}
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
a, input {
	outline: none;
}
/* -------------------------------------------------------------- header kenmerken  ------ */

#header p {
	float: right;
	font-size: 71%;
	color: #868889;
	margin: 0;
	padding: 20px 10px 0 0;
}
#header #topbanner {
	clear: both;
	float:right;
	margin: 10px 10px 0 0;
	padding: 0;
}
#header .more {
	margin-right: 10px;
	letter-spacing: -3px;
}
#header a {
	color: #868889;
	text-decoration: none;
}
#header a:hover {
	color: #333333;
	text-decoration: underline;
}
#header .error {
	width: 500px;
	position: absolute;
	top: 3px;
	left: 510px;
        color: red;
}

/* -------------------------------------------------------------- menu kenmerken  ------ */

#menu {
	width: 980px;
	height: 20px;
	background: url('img/main/back-menu.gif') no-repeat;
	margin: 0 0 0 10px;
}
#menu p {
	color: #fff;
	margin: 0;
	padding: 3px 0 0 40px;
	font-size: 71%;
}
#menu .tussen {
	margin: 0 10px 0 10px;
}
#menu a {
	color: #fff;
	text-decoration: none;
}
#menu a:hover {
	color: #c4c4c4;
}
/* -------------------------------------------------------------- welcome  ------ */

#welcome {
	width: 340px;
	margin: 15px 0 5px 10px;
}
#welcome h1, #welcome h2, #continent h1, #continent h2, #smallmap h1, #smallmap h2 {
	text-align: right;
	font-family: tahoma, arialcursive, verdana;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #703526;
}
#welcome h1 {
	font-size: 130%;
}	
#welcome h2 {
	font-size: 105%;
}

/* -------------------------------------------------------------- login at the top  ------ */

#login-ip {
	width: 380px;
	height: 135px;
	background: url('img/main/back-login.png') no-repeat;
	position: absolute;
	top: 5px;
	left: 600px;
	behavior: url(js/iepngfix.htc)
}
#login-ip h1 {
	font-family: verdana, arial, tahoma;
	font-size: 74%;
	color: #703526;
	margin: 0;
	padding: 23px 0 0 30px;
}
#login-ip table {
	padding: 0;
	margin: 10px 0 0 30px;
	font-family: verdana, arial, tahoma;
	font-size: 71%;
}
#login-ip td {
	padding-bottom: 4px;
} 
#login-ip .column1 {
	width: 90px;
}
#login-ip .column2 {
	width: 230px;
}
#login-ip .column2 input {
	float: right;
}
.formfield {
	display: block;
	padding: 2px 1px;	
	padding: 2px;
	border: 1px solid #bcbebf;
	font-family: tahoma, verdana, arial;
	font-size: 100%;
	width: 200px;
	color: #434245;
}
.focused {
	background-color:#f9f9f9;
	border: 1px solid #703526;
	display: block;
	padding: 2px 1px;	
	padding: 2px;
	font-family: tahoma, verdana, arial;
	font-size: 100%;
	width: 200px;
	color: #434245;
}
#login-ip .button, #contact .button, #country-filter .button, #searchform .button, #subscription .button, .uploadbutton {
	background: #333333;
	color: #fff;
	font-family: tahoma, verdana, arial;
	font-size: 100%;
	border: 1px solid #d4d4d4;
	padding: 2px 10px 3px 10px;
}
#login-ip img {
	display: none;
}
#login-ip a {
	float: right;
	margin-right: 30px;
	display: inline;
	width: 13px;
	height: 13px;
	display: block;
	background: url('img/main/close.gif');
}
#login-ip a:hover {
	background-position: -13px 0;
}
.hidden {
	visibility: hidden;
	display: none;
}
.visible {
	visibility: visible;
	display: inherit;
}
/* -------------------------------------------------------------- advertise today  ------ */

#advertise, #continent {
	width: 210px;
	margin: 0 0 0 10px;
}
#advertise ul, #continent ul {
	margin:  0;
	padding: 0;
	list-style-type: none;
}
#advertise li {
	background: url('img/main/adv-bullet.gif') no-repeat;
	padding: 0px 0 5px 15px;
	font-size: 71%;
	line-height: 114%;
}
#advertise #adv-button {
	width: 210px;
	height: 23px;
	padding: 10px 0 0 0;
	margin: 0;
}
#advertise #adv-button a {
	background: url('img/main/adv-button.gif') no-repeat;
	width: 210px;
	height: 23px;
	display: block;
}
#advertise #adv-button a:hover {
	background-position: -210px 0;
}
/* -------------------------------------------------------------- pagina ------ */

#page {
	margin: 0 0 30px 25px;
	width:  600px;
}
#page p {
	padding: 0 0px 10px 0;
	margin: 0;
	text-align: left;
	font-size: 71%;
	color: #000;
	line-height: 140%
}
#page li {
	font-size: 71%;
	color: #000;
	line-height: 140%
}
#page ul {
	color:#000;
	margin: 0;
	padding: 10px 10px 10px 15px;
}
#page h2, #country h2 {
	font-size: 84%;
	font-family: tahoma, verdana, arial;
	color: #703526;
	margin: 0;
	padding: 0 0 5px 0;
}
#page a {
	color: #117391;
	text-decoration: none;
}
#page a:hover, #company-info a:hover {
	text-decoration: underline;
}
#page td {
	color: #58585A;
	font-size: 84%;
}
#page li {
	padding-right: 45px; 
}
#page-header h1 {
	font-size: 100%;
	font-family: tahoma, verdana, arial;
	margin: 0;
	padding: 35px 0 5px 35px;
	color: #703526;
	text-transform: uppercase;
	text-align: left;
	
}

/* -------------------------------------------------------------- submenu ------ */

#submenu .block {
	float: left;
	display: inline;
	margin: 30px 0 0 15px;
}
#submenu .block ul {
	list-style-type: none;
	padding: 0 40px 0 0;
	margin: 0;	
}
#submenu .block li a {
	color: #333333;
	text-decoration: none;
	font-size: 71%;
}
#submenu .block li a:hover {
	color: #703526;
	text-decoration: underline;
}
#submenu .after {
	clear: both;
}
.end {
	clear: both;
	margin: 0;
	padding: 0;
}
/* -------------------------------------------------------------- right side ------ */

#rightcolumn {
	width: 234px;
	min-height: 300px;
	height: auto!important;
	height: 300px;
	float: right;
	display: inline;
	margin: -60px 10px 0 0;
	position: relative;	
}
#submenu #banner-submenu {
	width: 234px;
	height: 60px;
	float: right;
	display: inline;
	margin: 45px 10px 0 0;
}

/* -------------------------------------------------------------- continent (selected, on the right) ------ */

#continent li {
	font-size: 71%;
}
div#continent h1 {
	text-align: left;
	font-size: 130%;
}
div#continent h2 {
	text-align:  left;
	font-size: 100%;
	padding: 5px 0 10px 0;
}
.container {
	position: absolute; 
	left: 10px;
	width: 210px;
	height: 150px;
}
#Scroller-1 { 
	position: absolute; 
	overflow: hidden;
	top: 18px;
	left: 0;
	width: 210px;
	height: 150px;
}
.countrylist {
	position: absolute;
	top: 0px; 
	left: 0px;
}
.scrollbar-down {
	margin-top: 155px
}
.countrylist li a {
	text-decoration: none;
	color: #333333;
	width: 210px;
	padding: 1px 2px 1px 2px;
	display: block;
}
.countrylist li a:hover {
	background: #f5f5f5;
}
#container #button-select {
	width: 210px;
	height: 23px;
	padding: 10px 0 0 0;
	margin: 0;
}
#container #button-select a {
	background: url('img/main/button-select.gif') no-repeat;
	width: 126px;
	height: 17px;
	display: block;
}
#container #button-select a:hover {
	background-position: -126px 0;
}

/* -------------------------------------------------------------- smallmap (on the right) ------ */

#smallmap {
	width: 210px;
	margin: 0 0 20px 10px;
	border-bottom: 1px solid #f2f1f1;
}
#smallmap img {
	margin-top: 10px;
}
div#smallmap h1, div#smallmap h2 {
	text-align: left;
}
#smallmap h1 {
	font-size: 105%;
}	
#smallmap h2 {
	font-size: 84%;
	padding-bottom: 10px;
}

/* -------------------------------------------------------------- contactform ------ */

#page table {
	font-size: 81%;
}
#page #contact {
	border: 1px solid #d4d4d4;
}
#page #contact .column1 {
	width: 140px;
	font-weight: bold;
}

/* -------------------------------------------------------------- country list of companies ------ */

#page-header .flag {
	margin-right:  10px;
	margin-bottom: -5px;
}
#country {
	margin: 0 0 30px 10px;
	width:  700px;
	float: left;
	display: inline;
}
#country .company, #paging {
	background: #fff;
	margin-top: 5px;
	width: 600px;
	min-height: 10px;
	height:  auto !important;
	height: 10px;
	padding: 8px;
}
#country #country-top {
	width:  716px;
	height: 60px;
	margin-bottom: 10px;
	overflow: hidden;
}
#country #country-info {
	width: 252px;
	height: 60px;
	float: left;
	background: #58585a;
}
#country #country-filter {
	width: 222px;
	height: 60px;
	float: left;
	background: #58585a;
	margin-left: 4px;
}
#country #country-advertisement {
	margin-left: 4px;
	float: left;
	display: inline;
}
#country-top h1 {
	background: #6c6d6f;
	margin: 0;
	padding: 5px 3px 3px 10px;
	color: #fff;
	font-family: arial, verdana, tahoma;
	font-weight: normal;
	font-size: 0.54em;
	text-transform: uppercase;
}
#country-info ul {
	list-style-type: none;
	margin: 4px;
	padding: 0;
}
#country-info li {
	margin: 0 0 4px 0;
	padding: 0 0 0 25px;
	color:  #fff;
	font-size: 71%;
	line-height: 114%;
}
#country-info li a {
	color: #fff;
	text-decoration: none;
}
#country-info li a:hover {
	text-decoration: underline;
}
#country-info li.google {
	background: url('img/main/google-logo.gif') no-repeat;
}
#country-info li.wikipedia {
	background: url('img/main/wikipedia-logo.gif') no-repeat;
}
#country-filter h1 {
	margin-bottom: 10px;
}
#country-filter select {
	width: 140px;
	font-family: verdana;
	font-size: 71%;
	color: #000;
	float: left;
	display: inline;
	margin-left: 10px;
	height: 110%;
}
div #country-filter .button {
	font-size: 71%;
	margin-left: 10px;
	padding: 2px;
}
#country .company img {
	float: left;
	display: inline;
	margin-left: 5px;
}
#country .company .advtype {
	width: 60px;
}
#country .company .compinfo {
	width: 460px;
}
#country .company .compreadmore {
	width: 170px;
	vertical-align: bottom;
	text-align:  right;
}
#country .company .compinfo h3 {
	font-size: 81%;
	margin: 0;
	padding: 0;
}
#country .company .compinfo p, #country .company .compreadmore p {
	font-size: 71%;
	margin: 0;
	padding: 8px 0 0 0;
}
#country .company .compinfo h3 a, #country .company .compreadmore a {
	color: #333;
	text-decoration: none;
}
#country .company .compinfo h3 a:hover, #country .company .compreadmore a:hover {
	color: #58585a;
	text-decoration: underline;
}
div #country .company .compreadmore p {
	background: url('img/main/compmoreinfo.gif') no-repeat;
	background-position: right;
	padding: 0 20px 0 0;
	height: 14px
	}
#country p {
	font-size: 71%;
}
div #country #paging {
	font-weight: bold; 
}
div #country #paging p {
	margin: 0;
	padding: 3px;
	color: #58585a;
}
div #country #paging a{
	text-decoration: none;
	color: #71311f;
}
div #country #paging a:hover {
	text-decoration: underline;
}
/* -------------------------------------------------------------- company ------ */

.extramargin {
	padding-top: 50px;
}
#company-info {
	width: 700px;
	float: left;
	display: inline;
	margin: 15px;
}
#map-logo {
	width: 330px;
	float: right;
	display: inline;
}
#comp-logo {
	width: 330px;
	height: 90px;
	}
#map {
	width: 330px;
	height: 360px;
	margin-top: 8px;
	font-family: verdana, arial, tahoma;
	font-size:  71%;
}
#company-fullinfo {
	float: left;
	width: 350px;
}
#company-fullinfo .advtype {
	width: 60px;
}
#company-fullinfo .advtype img {
	margin: 10px 0 0 10px;
}
#company-info h3, #company-info h4 {
	color: #1d4f87;
	font-family: verdana, arial, tahoma;
	margin: 0;
	padding: 0;
	}
#company-info h3 {
	font-size: 84%;
}
#company-info h4 {
	font-size: 74%;
}
#company-info p {
	font-size: 71%;
}
#company-info a {
	color: #000;
	text-decoration: none;
}
#company-fullinfo table {
	margin-bottom: 10px;
}

/* -------------------------------------------------------------- searchform ------ */

#page #searchform, #page #subscription, #page #steps, .fileshandling, #changepw {
	border: 1px solid #929a97;
	background: #ededee;
}
#page #searchform {
	width: 684px;
}
#page .searchformcol {
	font-weight: bold;
	width: 120px;
	padding-bottom: 10px;
}
#page #options {
	width: 400px;
	margin: 5px;
	margin-left: 22px;
	line-height: 150%;
}
div #page #options p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 0 2px;
	color: #58585a;
	font-weight: bold;
}

/* -------------------------------------------------------------- search results ------ */

#page h3 {
	font-size: 81%;
	font-family: tahoma, verdana, arial;
	color: #703526;
	margin: 0;
	padding: 0 0 5px 0;
}

/* -------------------------------------------------------------- subscription results ------ */

#page #subscription {
	width: 400px;
	margin-top: 10px;
}
#page #steps {
	width: 160px;
	float: right;
	padding: 4px;
	margin: 30px 0 0 10px;
	display: inline;
	
}
#page #subscription .subfields {
	font-weight: bold;
	width: 160px;
}
#page #subscription .member {
	margin-bottom: 3px;
}

/* -------------------------------------------------------------- logged in results ------ */

#subscription .icon {
	width: 16px;
}
.fileshandling {
	width: 330px
}
.uploadbutton {
	font-size: 71%;
	margin-top: 5px;
}
div #steps a {
	color: #000
}