html, body#geoBiedenBody { height: 100%; padding: 0; margin: 0;}
body#geoBiedenBody {background: black url(../images/top-glow.jpg)  no-repeat scroll center top;  color:white; text-align: center;   }
/*overflow: hidden;*/
div#geoBiedenHeader { padding-left: 250px; position: relative;}
body#geoBiedenBody div#geoBiedenHeader h1#geoBiedenTeller { font-size: 75px; font-weight: normal; margin: 0px; text-indent: -10px; font-family: Arial, Verdana, sans-serif; border:none; }
body#geoBiedenBody div#geoBiedenHeader h2 { margin:25px 0 0 0px; margin-left: -10px; font-family: Georgia, Verdana, sans-serif; font-weight: normal; font-size: 14px; width:250px;}

body#geoBiedenBody div#geoBiedenHeader div { position: absolute; right:90px; bottom:30px; width:200px;}
body#geoBiedenBody div#geoBiedenHeader h4 { font-weight: normal; font-family: Georgia, Verdana, sans-serif;}
div#bieden { width:840px; margin: 0 auto; font-family: Arial, Verdana, sans-serif; text-align: left;}

/* ------------- CONTENT ---------------*/
div#geoBiedenContent { padding: 80px 0 50px 0;}
div#geoBiedenLeft, div#geoBiedenRight { float:left; width:370px; padding: 0 10px 30px 30px;}
div#geoBiedenLeft p, div#geoBiedenRight p { font-size:18px; line-height: 1.7em;}
div#geoBiedenLeft { background: url(../images/line-background.gif) repeat-y right top; padding-right: 30px;}
div#geoBiedenLeft ul { list-style-type: none; margin:0; padding: 0;}
div#geoBiedenLeft ul li { padding-bottom: 20px;}
div#geoBiedenRight div.miniField { float:left; width:150px; padding-top: 25px; }
div#geoBiedenRight div.miniField h4 { display:none;}
div#geoBiedenRight div.miniField span { font-size:12px; display:block; padding:10px 0 0 10px; font-style: italic; color:silver; cursor:pointer; font-family: Georgia, Verdana, sans-serif;}
div#geoBiedenRight ul { list-style-type: none; padding-left: 0px;}
div#geoBiedenRight ul li h3 { font-family: Georgia, Verdana, sans-serif; font-weight: normal; color:white;}
div#geoBiedenRight ul li {font-size: 12px; overflow:hidden; padding-bottom: 10px;}
div#geoBiedenRight ul li img {margin-right: 10px;}
div#geoBiedenRight { padding-right: 0px;}
div#geoBiedenRight div.cl { clear:both;}
/* ------------- HEADERS ---------------*/
h1#topHeader {
	padding: 60px 0px 80px 230px; font-weight: normal; font-family: Georgia, Arial, sans-serif;
}
h1#topHeader span { text-transform: uppercase;  font-size: 25px;}
h1#topHeader b { font-size:52px; font-family: Arial, Verdana, sans-serif;}
h1#topHeader strong { font-weight:  normal;}
/* ------------- FORMS ---------------*/
form label span, form div span { display:block; padding-bottom: 10px;}
form label, form div div {display:block; padding-bottom: 20px;} 
form input { border:solid 1px white; background: url(../images/form-tile.jpg) repeat-x left top; padding: 5px; font-size: 16px; color:white;}
form div.geoShopSmallInp span { display: inline;}
form div#geoShopMessage { border:solid 1px silver; padding: 10px; margin: 20px 0;}
h1#geoShopCreateAccountTitle { font-family: Georgia, Arial, sans-serif; font-weight: normal;}
form div.geoShopLeftColom, form div.geoShopRightColom {
	float:left; width:300px;}
div#geoshoppass {padding-bottom: 20px;}
div.geoShopBtnBottom { clear: both; text-align: right; padding-right: 200px;}
/* ------------- DATE COMFIRM ---------------*/

div#topInformation {padding:0 40px 40px 40px; width:600px;}
p.priceBod { font-size: 25px; color:#66CC00;}
div#biedenAvail, div#stopperAvail { color: #e2461e; font-size:14px; border: solid 1px silver; padding:20px; margin: 20px 0;}
div#akkoordBod 
{
background: black;
-moz-border-radius-topleft: 10px;  -webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; 
border: solid 1px silver; padding:20px 0; width:750px; height: 380px; text-align: center;
	position: absolute; position: absolute; left: 50%; top:150px; margin-left: -330px;
}
div#akkoordBod div { width:575px; margin:0 auto; text-align: left;  height: 250px; overflow:auto; line-height: 1.5em; margin-bottom: 20px; padding-right: 30px;}
div#akkoordBod h2 { padding-left: 70px; text-align: left;}
div#akkoordBod p { text-align: left;}
div#akkoordBod p.btnHolder { padding-left: 70px;  }

/* ------------- ALGEMEEN ---------------*/

div#geoBiedenRight h4 { font-weight:normal; font-size: 12px;}

h2 { font-family: Georgia, Verdana, sans-serif; font-weight: normal;}
p, ul li {color:silver; font-size: 14px;}
a { color:silver;}
a:hover { color:white;}

div#geoShopErrorMess { color: #e2461e; font-size:14px; border: solid 1px silver; padding:20px; margin: 20px 0;}

ul.geoShopCol { list-style-type: none; padding-bottom: 30px; }
ul.geoShopCol li {padding-bottom: 10px;}
ul.geoShopCol li h3 { color:white;}

.btn { text-decoration: none; font-family: Georgia, Verdana, sans-serif; background:transparent url(../images/btn-tile.jpg) repeat-x left top; border: solid 1px white; color:black; line-height: 24px;
-moz-border-radius-topleft: 10px;  -webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; 
padding:5px 10px; font-size: 14px; min-width:80px; text-shadow:0 1px 0 silver; cursor: pointer;
}
a:hover.btn { color:white; text-shadow:0 1px 0 black;} 




div#geo-bieden-holder, div#geo-bieden-holder iframe, #simplemodal-container { width: 100%; height: 950px; zoom:1;}
div#back-bieden-geo { background: black; position: absolute; left:0px; top:0px;}
div#geo-bieden-holder img {position: absolute; left: 50%; top: 50%; margin-left: -50px;}
div#geoLoadingElem {background: black;}
div#geo-bieden-holder {background: black;}
div#geo-bieden-holder iframe body#geobiedenBody, div#geo-bieden-holder iframe {background: black;}
body#geobiedenBody div#bieden {color:white; background: black; width:600px; margin:0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px;  position: relative;}


/* Overlay */
#osx-overlay {background-color:#000;}

/* Container */
#osx-container {background-color:#eee; color:#000;  -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; float:right;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777; font-size:.9em;}

body#geobiedenBody div#bieden table { border-collapse: collapse; margin: 10px 0;}
div#bieden table th, div#bieden table tfoot td { text-transform: capitalize;}
body#geobiedenBody div#bieden table td, body#geobiedenBody div#bieden table th {padding:10px;  text-align: left; }
#geobiedenAmount { background: black; border:1px solid white; color:white; width:30px;}
#geobiedenTotalPrice, #geobiedenShippingSubtotal { border-top:solid 1px silver;}
body#geobiedenBody div#bieden table th {border-bottom:solid 1px silver;}
a.btnbieden, form input.btnbieden, form button.btnbieden{ display:block; background: #1F1F1F!important; color:white; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; padding:5px; text-decoration: none; font-size:100%; border:none; cursor:pointer;}
a#geobiedenBtnNext { position: absolute; right:0px; bottom:0px;}

/*-------------bieden FORMs----------------*/
body#geobiedenBody div#bieden form label, body#geobiedenBody div#bieden form span {display:block; font-size: 100%; padding: 5px 0;}
body#geobiedenBody div#bieden form input, div.geobiedenBtnHolder a {display:block; background: #404040; color:white; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: left; padding:4px; border:none; width:150px;  font-size: 14px;}
div.geobiedenBtnHolder a { text-decoration: none; text-align: center; color:white!important; float:right; margin-left: 30px;}
body#geobiedenBody div#bieden form input#geobiedenAmount { width:40px;}
body#geobiedenBody div#bieden form input#geobiedenEmail, body#geobiedenBody div#bieden form input#geobiedenInpPass {width:300px;}
body#geobiedenBody div#bieden div#geobiedenpass {padding-bottom: 10px;}
body#geobiedenBody form label.geobiedenSmallInp input {width:20px!important; display:inline!important;}
body#geobiedenBody form label.geobiedenSmallInp span { display:inline!important; cursor:pointer;}

form span b { color:#800040 ;}
div#geobiedenErrorMess { color:#800040; border:#800040 solid 1px; padding:10px; margin: 10px 0;}
body#geobiedenBody form#geobiedenClientDetailsFrom div.geobiedenLeftColom, body#geobiedenBody form#geobiedenClientDetailsFrom div.geobiedenRightColom { float:left; width:200px; }
div#geoBiedenRight div.cont { padding-bottom: 30px;}
div.geobiedenBtnBottom { clear: both; padding-top: 20px; padding-right: 40px;}
div.geobiedenBtnBottom input.btnbieden { float: right;}
body#geobiedenBody div#bieden form input.geobiedenPaypalBtn { width:auto; height: auto; background: none;}
body#geobiedenBody div#bieden form input.geobiedenBtnIndeal { width:55px; height: 55px; background: none; margin-top: 20px;}

div.biedLand { padding: 3px 0 30px 0;}

/*-------------Validate form information----------------*/
form label { position: relative;} 
div.errorMess { position: absolute; background:#65090d; color:white; right:30px; bottom:0px; font-size: 10px; padding: 2px;}



/*-------------A LINKS----------------*/
body#geobiedenBody div#bieden a { color:silver;}
body#geobiedenBody div#bieden a:hover { color:white;}

/*-------------HEADERS----------------*/
body#geobiedenBody div#bieden h1 { font-family: Georgia, Arial, sans-serif;  font-weight: normal; }

/*-------------MESSAGES----------------*/
body#geobiedenBody div#bieden div.geobiedenMessage { padding: 10px; border:#666666 1px solid; margin: 10px 0;  }

/*-----------------LIST DETAILS-----------------------*/
 div.geobiedenBtnHolder  { clear: both;}
ul.geobiedenCol { list-style-type: none; float:  left; margin-right: 30px; margin-left: 0px; padding-left: 0px;}
ul.geobiedenCol li { padding-bottom:5px;}

/*----------------TOP NAV-----------------------*/
ul#bieden-geo-topnav {list-style-type: none; border: solid 1px #313131; width:450px; height: 30px;  margin-top: 30px 0; padding: 0px;}
ul#bieden-geo-topnav li { float:left; width: 89px; text-align: center; line-height: 30px; border-right: solid 1px #313131;  }
ul#bieden-geo-topnav li.biedenGeoCurrent {color:white; background:#313131;}
div#geobiedenEmptyCart { padding:50px; margin: 50px; border:silver solid 1px; }

/*----------------PAY BUTTONS-----------------------*/
form#geoShopClientDetailsFrom div.geoShopLeftColom, body#geoShopBody form#geoShopClientDetailsFrom div.geoShopRightColom { float:left; width:300px; }
div.geoShopBtnBottom { clear: both; padding-top: 20px; padding-right: 40px;}
div.geoShopBtnBottom input.btnShop { float: right;}
form input.geoShopPaypalBtn { width:auto; height: auto; background: none; border:none;}
form input.geoShopBtnIndeal { width:55px; height: 55px; background: none; margin-top: 20px; border:none;}
div#geoBiedenContent { overflow:auto;}
/*sluit button*/

a#sluitenBtn { position: fixed; display: block; width:120px; right:10px; top: 10px;  text-align: center;}