* {
    margin: 0;
    padding: 0;
}

body {
	background: #000000;
}

#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

#main {
	background-color: #000000;
	background-image: url(img/kobutan_bodybg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: -400px;
	position: absolute;
	top: -250px;
	left: 50%;
	width: 800px;
	height: 500px;
}

#header {
	background-image: url(img/kobutanbg_01.jpg);
	width: 800px;
	height: 86px;
	text-align: left;
}

/*	NAVIGATIE	*/

#language {
	width: 113px;
	height: 57px;
	background-image: url(img/kobutan_language_nl.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 1000;
}

a.flag {
    display: block;
    width: 30px;
    height: 20px;
    margin: 32px 0 0 77px;
	position: relative;
	float: left;
}

#topnav {
	background-image: url(img/kobutanbg_02.jpg);
	width: 800px;
	height: 35px;
}

#topbttns {
	margin: 16px 0 0 28px;
	position: relative;
	float: left;
	z-index: 100;
}

.navimg {
	margin-right: 32px;
	position: relative;
	float: left;
}

/* home */
a.button1 {
    display: block;
    width: 43px;
    height: 14px;
    background-image: url('img/bt_home_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button1_here {
    display: block;
    width: 43px;
    height: 14px;
    background-image: url('img/bt_home_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button1:hover {
    background-image: url('img/bt_home_on.gif');
}

/* cursussen */
a.button2 {
    display: block;
    width: 74px;
    height: 15px;
    background-image: url('img/bt_curs_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button2_here {
    display: block;
    width: 74px;
    height: 15px;
    background-image: url('img/bt_curs_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button2:hover {
    background-image: url('img/bt_curs_on.gif');
}

/* bestellen */
a.button3 {
    display: block;
    width: 77px;
    height: 15px;
    background-image: url('img/bt_best_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button3_here {
    display: block;
    width: 77px;
    height: 15px;
    background-image: url('img/bt_best_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button3:hover {
    background-image: url('img/bt_best_on.gif');
}

/* wapenwet */
a.button4 {
    display: block;
    width: 86px;
    height: 15px;
    background-image: url('img/bt_wapen_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button4_here {
    display: block;
    width: 86px;
    height: 15px;
    background-image: url('img/bt_wapen_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button4:hover {
    background-image: url('img/bt_wapen_on.gif');
}

/* foto's */
a.button5 {
    display: block;
    width: 48px;
    height: 14px;
    background-image: url('img/bt_foto_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button5_here {
    display: block;
    width: 48px;
    height: 14px;
    background-image: url('img/bt_foto_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button5:hover {
    background-image: url('img/bt_foto_on.gif');
}

/* links */
a.button6 {
    display: block;
    width: 39px;
    height: 14px;
    background-image: url('img/bt_links_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button6_here {
    display: block;
    width: 39px;
    height: 14px;
    background-image: url('img/bt_links_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button6:hover {
    background-image: url('img/bt_links_on.gif');
}

/* contact */
a.button7 {
    display: block;
    width: 71px;
    height: 14px;
    background-image: url('img/bt_cont_off.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button7_here {
    display: block;
    width: 71px;
    height: 14px;
    background-image: url('img/bt_cont_on.gif');
    margin: 0 32px 0 0;
	position: relative;
	float: left;
}

a.button7:hover {
    background-image: url('img/bt_cont_on.gif');
}


a .alt { 
	display: none;
	color: #9d6d08;
}

/* SUBNAVIGATIE */

#subNav {
	width: 465px;
	height: 0px;
	margin: 2px 0 -2px 17px;
	position: relative;
	float: left;
	z-index: 100;
}

/* cursussen */
a.curspart {
    display: block;
    width: 112px;
    height: 28px;
    background-image: url('img/subbt_curspart_off.gif');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.curspart_here {
    display: block;
    width: 112px;
    height: 28px;
    background-image: url('img/subbt_curspart_here.jpg');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.curspart:hover {
    background-image: url('img/subbt_curspart_on.gif');
}

a.cursinst {
    display: block;
    width: 116px;
    height: 28px;
    background-image: url('img/subbt_cursinst_off.gif');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.cursinst_here {
    display: block;
    width: 116px;
    height: 28px;
    background-image: url('img/subbt_cursinst_here.jpg');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.cursinst:hover {
    background-image: url('img/subbt_cursinst_on.gif');
}

/* bestellen */
a.bestnologo {
    display: block;
    width: 125px;
    height: 28px;
    background-image: url('img/subbt_bestnologo_off.gif');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.bestnologo_here {
    display: block;
    width: 125px;
    height: 28px;
    background-image: url('img/subbt_bestnologo_here.jpg');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.bestnologo:hover {
    background-image: url('img/subbt_bestnologo_on.gif');
}

a.bestlogo {
    display: block;
    width: 99px;
    height: 28px;
    background-image: url('img/subbt_bestlogo_off.gif');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.bestlogo_here {
    display: block;
    width: 99px;
    height: 28px;
    background-image: url('img/subbt_bestlogo_here.jpg');
    margin: 0 9px 0 0;
	position: relative;
	float: left;
}

a.bestlogo:hover {
    background-image: url('img/subbt_bestlogo_on.gif');
}

/* CONTENT */

#content {
	background-image: url(img/kobutanbg_03.jpg);
	width: 800px;
	height: 343px;
}

#contentField {
	background-image: url(img/kobutan_content_bg.jpg);
	width: 465px;
	height: 314px;
	margin: 30px 0 0 17px;
	position: relative;
	float: left;
	z-index: 100;
}

#contentFieldFull {
	background-image: url(img_de/kobutan_contentbig_bg.jpg);
	width: 765px;
	height: 314px;
	margin: 30px 0 0 17px;
	position: relative;
	float: left;
	z-index: 100;
}


#galleryField {
	background-image: url(img/kobutan_fotos_bg.jpg);
	width: 631px;
	height: 307px;
	margin: 30px 0 0 0;
	position: relative;
	float: left;
	z-index: 100;
}

#galleryNav {
	height: 5px;
	width: 35px;
	position: relative;
	margin: 256px 0 0 150px;
	float: left;
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 13px;
	color: #eab42c;
	line-height: 15px;
	z-index: 105;
}

#linksNav {
	height: 5px;
	width: 35px;
	position: absolute;
	bottom: 18px;
	right: 25px;
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 13px;
	color: #eab42c;
	line-height: 15px;
	z-index: 125;
}

#textField {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	color: #9d6d08;
	line-height: 15px;
	text-align: left;
	padding: 8px 14px 14px 13px;
}

#textField a {	
	color: #9d6d08;
	text-decoration: none;
}

#textField a:hover {	
	color: #eab42c;
}

#textField p {
	padding: 3px 0 8px 0;
}

a.pijl_down {
    display: block;
    height: 18px;
    background-image: url('img/pijl_down_off.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 11px;
	color: #9d6d08;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	float: left;
}

a.pijl_down:hover {
    background-image: url('img/pijl_down_on.gif');
	color: #eab42c;
}

a.pijl_left {
    display: block;
    height: 18px;
    background-image: url('img/pijl_left_off.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 11px;
	color: #9d6d08;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	float: left;
}

a.pijl_left:hover {
    background-image: url('img/pijl_left_on.gif');
	color: #eab42c;
}

a.pijl_right {
    display: block;
    height: 18px;
    background-image: url('img/pijl_right_off.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 11px;
	color: #9d6d08;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	float: left;
}

a.pijl_right:hover {
    background-image: url('img/pijl_right_on.gif');
	color: #eab42c;
}

#photoField {
	width: 290px;
	height: auto;
	margin-right: 15px;
	position: relative;
	float: right;
	z-index: 200;
}

#photoField img {
	border: solid 1px #a68224;
	position: relative;
	float: right;
}

#photogalField {
	width: 371px;
	height: 228px;
	margin: 39px 39px 0 0;
	position: relative;
	float: right;
	z-index: 200;
	background-color: #000;
}

#photogalField img {
	border: solid 1px #a68224;
	position: relative;
	float: right;
}



/* FOOTER */

#footer {
	background-image: url(img/kobutanbg_04.jpg);
	width: 800px;
	height: 36px;
}

/* BESTELFORMULIEREN */

.form_error {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	color: #ffffff;
	line-height: 15px;
	text-align: left;
}

.form_error_white {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	line-height: 15px;
	text-align: left;
}


#bestelform {
	margin: 10px 0 0 45px;
}

.heading {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	color: #ffffff;
	line-height: 15px;
	text-align: left;
}

.heading h2 {
	padding-bottom: 4px;
}

.bestel table {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	color: #9d6d08;
	line-height: 15px;
	text-align: left;
}

.plainText {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	color: #9d6d08;
	line-height: 15px;
	text-align: left;
}


.bestel td {
	font-family: Arial, Helvetica, sans, Verdana;
	font-size: 12px;
	color: #ffffff;
	line-height: 15px;
	text-align: left;
	padding: 0 5px 8px 0;
}

input {
	height: 15px;
	font-size: 12px;
	border: solid 1px #956e6f;
}

.miniText {
	font-size: 10px;
}

input.radioClass {
	border: none;
	margin-right: 5px;
}

.footNote {
	font-family: Arial, Helvetica, sans, Verdana;
	color: #ff0000;
	font-size: 10px;
	padding: 5px 0 5px 0;
}

/* CSS PRELOAD */
.hiddenPic {
	display:none;
}