/*------------ BODY Styles ---------------------------------------------------*/
BODY {
	margin: 10px 0 0 0;
        background: #108676 no-repeat fixed;
        color: #333;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size:62.5%;
        font-weight: normal;
        scrollbar-3dlight-color : #0f8676;
        scrollbar-darkshadow-color : #000000;
        scrollbar-highlight-color : #0be7c4;
        scrollbar-shadow-color : #85b7af;
        scrollbar-arrow-color : #000000;
        scrollbar-face-color : #0f8676;
        scrollbar-track-color : #cccccc;
        border : none;
}

h3{
 	padding : 0;
	margin : 0;
	font-size:1.2em;
}

h4{
 	padding : 0;
	margin : 0;
        color: #9d040b;
	font-size:1.3em;
}

/*------------ DIV Styles ---------------------------------------------------*/
#maindiv{
        margin : 0px auto 10px auto;
	padding : 0;
	width:996px;
//        height :560px;
        border : red solid 0px;
        background: #ffffff;
}

.prop {
        height : 414px;
        float : right;
        width : 1px;
}

#maincontent{
       //height: 414px;
        overflow : auto;
 	float : left;
        text-align : left;
        font-size: 1.2em;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        width : 703px;
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
        background-position: left top;
        padding: 2px 4px 5px 4px;
        border : lime solid 0px;
}
#sidemenu{
	float : left;
        text-align : left;
	width : 112px;
	height :411px;
        padding: 4px 4px 4px 4px;
	margin : 0;
        border : yellow solid 0px;
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
        background-position: left top;
        background-image : url('/images/backleft.jpg');
}
#indexmenutitle{
        float : right;
        text-align : left;
        font-size: 1.8em;
        width : 145px;
        height :20px;
        color : #df2830;
        margin : 4px 5px 0 0;
        padding: 4px 4px 4px 4px;
        border : #333 solid;
        border-width : 1px 0px 0px 1px;
        background: #330000 no-repeat fixed;
        filter:alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity:0.9;
}
#rightmenu{
        float : right;
	margin : 0;
        width : 159px;
        height :400px;
}
#indexmenu{
        font-size: 1.2em;
        float : right;
        text-align : left;
        width : 145px;
        height :260px;
        padding: 4px 4px 4px 4px;
        margin : 0 5px 0 0;
        border : #333 solid;
        border-width : 1px 0px 0px 1px;
        background: #df2830 no-repeat fixed;
        filter:alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity:0.9;
}
#rondleiding{
        font-size: 1.2em;
        float : right;
        text-align : center;
	width : 153px;
        height :108px;
        padding: 0;
        margin : 5px 5px 0 0;
        border : #333 solid;
        border-width : 1px 0px 0px 1px;
        background: #108676 no-repeat fixed;
        filter:alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity:0.9;
}
#headerdiv{
	text-align : center;
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	width:996px;
        height :110px;
        border-bottom : #108676 solid 4px ;
	padding: 0;
	margin: 0;
	background-image:url('/images/header.gif');
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#footerdiv{
        text-align : center;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: normal;
        width:996px;
        height: 18px;
        border : blue solid 0px;
        margin: 0;
        padding: 6px 0 0px 0;
        background: #7bb8b1 no-repeat fixed;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}
.menuitem{
	height : 16px;
        text-align : center;
        padding: 4px 2px 4px 2px;
        margin: 0px 0px 1px 0px;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
        background: #0f8676 no-repeat fixed;
}
.header{
        text-align : center;
        font-family : Verdana, sans-serif;
        font-size: 2.0em;
        font-weight: normal;
        letter-spacing: 0.4em;
        color: #0f8676;
        padding: 0px;
        margin: 0px 0px 2px 0px;
}
.footer{
        text-align : center;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        font-weight: bold;
        color: #000;
}

#aktie{
        width:180px;
        height: 180px;
        border : blue solid 0px;
        margin: 0;
        padding: 0;
        float: right;
}

#videofile_medium{
	width: 250px;
	height: 208px;
	padding: 0;
	margin: 0;
	background-image:url('/images/videoloadingmedium.gif');
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#videofile_small{
	width: 180px;
	height: 150px;
	padding: 0;
	margin: 0;
	background-image:url('/images/videoloadingsmall.gif');
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#videofile_large{
	width:425px;
	height :355px;
	padding: 0;
	margin: 0;
	background-image:url('/images/videoloading.gif');
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/*-------------------IMG Styles------------------------------------*/
IMG {
        border-style : none none none none;
        border : none;
}
/*-------------------Link Styles------------------------------------*/
.footer a, .footer-right a:active, .footer a:visited {
        font-size: 1em;
        font-weight: bold;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
}
.footer a:hover {
        font-size: 1em;
        font-weight: bold;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        color: #666;
}
a, a:active, a:visited {
        text-decoration : none;
        border-style : none none none none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #000;
        border : none;
}
a:hover {
        text-decoration : none;
        border-style : none none none none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #666;
        border : none;
}
#lesprint a, #lesprint a:active, #lesprint a:visited {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #ccc;
        filter:alpha(opacity=90);
        opacity: .9;
        -moz-opacity:.9;
}
#lesprint a:hover {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #999;
	filter: alpha(opacity=85);
	opacity: .85;
	-moz-opacity: .85;
	cursor: hand;
}
#les a, #les a:active, #les a:visited {
	text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #0f8676;
	filter:alpha(opacity=60);
	opacity: .6;
	-moz-opacity:.6;
}
#les a:hover {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #666;
	filter: alpha(opacity=85);
	opacity: .85;
	-moz-opacity: .85;
	cursor: hand;
}
.indexlink, .indexlink:active, .indexlink:visited {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: #df2830;
}
.indexlink:hover {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        color: red;
}
a .menuitem, a .menuitem:active, a .menuitem:visited {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: white;
	filter:alpha(opacity=90);
	opacity: .9;
	-moz-opacity:.9;
	cursor: hand;
}
a .menuitem:hover {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        filter: alpha(opacity=50);
        opacity: .50;
        -moz-opacity: .50;
	cursor: hand;
}
#rondleiding a, #rondleiding a:active, #rondleiding a:visited, #indexmenu a, #indexmenu a:active, #indexmenu a:visited {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #bbb;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
 #rondleiding a:hover, #indexmenu a:hover {
        text-decoration : none;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
#adminlink{
        float:right;
	width:10px;
	height:10px;
        text-decoration : none;
        margin : -4px 0 0 0;
        font-size: 0.1em;
	cursor: default;
}

/*-------------------FORM Styles------------------------------------*/
label {
	cursor: pointer;
}
label.align_text {
	font-size : 1.1em;
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}
legend {
	font-weight: bold;
	font-size : 1.2em;
        background: #fff;
        color : #000;
	padding: 5px;
        border : #000 solid;
        border-width : 1px 1px 1px 1px;
        filter:alpha(opacity=70);
        opacity: .7;
        -moz-opacity:.7;
}
fieldset {
	margin: 10px 0px;
	padding: 15px;
        border : #000 solid;
        border-width : 1px 1px 1px 1px;
	width : 650px;
}
legend input {
	width : 400px;
}
fieldset.login {
	margin: 10px 0px;
	padding: 15px;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
	width : 400px;
}
input.my_textfield, .my_textarea{
	width : 300px;
	color: black;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1.0em;
	padding: 2px;
	border-top: 1px solid #86b8af;
	border-left: 1px solid #86b8af;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
input.tarief {
	width : 90px;
	color: black;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1.0em;
	padding: 2px;
	border-top: 1px solid #86b8af;
	border-left: 1px solid #86b8af;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#lesbox input {
	width : 150px;
	height : 15px;
        background: #0f8676 no-repeat fixed;
	color: black;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size : 1em;
	padding: 2px;
	border-top: 1px solid #86b8af;
	border-left: 1px solid #86b8af;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#lesbox select {
	width : 150px;
	height : 20px;
        background: #0f8676 no-repeat fixed;
	color: black;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size : .9em;
	padding: 1px;
	border-top: 0px solid #86b8af;
	border-left: 0px solid #86b8af;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
#lesbox textarea {
	width : 380px;
	height : 147px;
        background: #0f8676 no-repeat fixed;
	color: black;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size : 1em;
	padding: 1px;
	border-top: 0px solid #86b8af;
	border-left: 0px solid #86b8af;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
#lesform{
	font-weight: bold;
	font-size : 1em;
	height: 15px;
	width:150px;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
        background: #0f8676 no-repeat fixed;
	filter:alpha(opacity=50);
	opacity: .5;
	-moz-opacity:.5;
}

.lesroosters{
	font-size : 1em;
	vertical-align:top;
}

#lesrooster, #lestijd, #lesdag, #lesleeg, #les{
	margin : 0px;
        font-family : Arial, Helvetica, sans-serif;
	text-align: center;
	color : #000000;
	padding : 0px 1px 1px 1px;
}

#lesrooster{
	padding : 0px;
}
#lestijd{
	font-weight: bold;
	font-size : 1em;
	height: 25px;
	width:40px;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
        background: #0f8676 no-repeat fixed;
	filter:alpha(opacity=75);
	opacity: .75;
	-moz-opacity:.75;
}
#lesdag{
	font-weight: bold;
	font-size : 1em;
	height: 15px;
	width:93px;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
        background: #0f8676 no-repeat fixed;
	filter:alpha(opacity=75);
	opacity: .75;
	-moz-opacity:.75;
}
#les{
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
	font-weight: normal;
	font-size : .8em;
}
#lesprint{
        background: #df2830 no-repeat fixed;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1em;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
 }
#lesleeg{
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : .7em;
	filter:alpha(opacity=25);
	opacity: .25;
	-moz-opacity:.25;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
 }
.tarieftext{
	font-size : 0.9em;
	color : #000000;
}
#tariefbox{
	font-size : 1.0em;
	background:red;
	height:110px;
	width:314px;
	padding:5px;
	margin:0 5px 20px 5px;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
        background: #0f8676 no-repeat fixed;
}
#tarieftitel{
	color: white;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1.2em;
        padding : 1px 1px 1px 4px;
}

#tariefopm{
	//color: #df2830;
	color: #222;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
        padding : 1px 1px 1px 4px;
}

.error_header{
	color: Red;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1.4em;
        padding : 1px 1px 1px 4px;
}
.error_mssg{
	color: white;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1.2em;
        padding : 1px 1px 1px 4px;

}
#tariefprint{
        background: #df2830 no-repeat fixed;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1em;
	width : 34px;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
        border : #86b8af solid;
        border-width : 1px 1px 1px 1px;
        margin : 0px 0px 0px 4px;
        padding : 4px;
 }
#tarieven{
	margin:5px 5px 20px 5px;
	border: 0px solid #86b8af;
}
#tariefH{
	height:20px;
	width:110px;
        background: #0f8676 no-repeat fixed;
	color: white;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align : center;
	font-size : 1.2em;
	border-top: 1px solid #86b8af;
	border-left: 1px solid #86b8af;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
}
#tarief{
	height:20px;
	width:100px;
        background: #0f8676 no-repeat fixed;
	color: white;
        font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align : center;
	border-top: 1px solid #86b8af;
	border-left: 1px solid #86b8af;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#tarief input{
	height:18px;
	width:100px;
}
#tarief select{
	height:23px;
	width:100px;
}