/* TinyMCE specific rules */
.mceContentBody {
   background: #FFFFF;
   background-image: none;
}

.mceEditorArea {
    background: #FFFFFF;
}

body {
margin: 0;
padding: 0;
color: #000000;
width: 100%;
height: 100%;
font-family: Verdana;
font-weight: normal;
font-size: 10px;

}

body A{
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
text-decoration: none
}

body A:hover{
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
text-decoration: underline;
}

html, body {
height: 100%; /* héél belangrijk */
width: 100%; /* héél belangrijk */

background-image:url(../images/background.png);
background-repeat: repeat-x;
background-position: left bottom;
background-attachment:fixed;

}

p{
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
padding-left: 5px;
}

h1{
margin-top: 0px;
margin-bottom: 0px;
color: #6D6E71;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
}

h2{
margin-top: 0px;
margin-bottom: 0px;
color: #6D6E71;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
}

h3{
margin-top: 0px;
margin-bottom: 0px;
color: #6D6E71;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
}

h4{
margin-top: 0px;
margin-bottom: 0px;
color: #6D6E71;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
}

h5{
margin-top: 0px;
margin-bottom: 0px;
color: #6D6E71;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
}

h6{
margin-top: 0px;
margin-bottom: 0px;
color: #6D6E71;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
}

hr{
border: 0px solid #6D6E71;
background-color: #6D6E71;
height: 1px;
}


ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;


}

ul li{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;;
}

img{
border: 0px solid #000000;
}




#div_container{
float: none;

background-color: #FFFFFF;
width: 1015px;
margin: 0px auto 0px auto; /* Boven, Rechts, Onder, Links */

position: relative;
min-width: 1000px;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
overflow: hidden; 
z-index: 2;
}

#div_background_left{
clear: left;
float: left;
background-color: #000000;

width:100px;
min-width: 100px;

margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
overflow: hidden; 

position: absolute;
min-height: 100%;
height:100% !important; /* voor moderne browsers */
height: 100%;

left: 0;
top: 0;



z-index: 1;
}

#div_background_right{
clear: none;
float: right;
background-color: #FFFFFF;

width:100px;
min-width: 100px;

margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
overflow: hidden; 

position: absolute;
min-height: 100%;
height:100% !important; /* voor moderne browsers */
height: 100%;

right: 0;
top: 0;

background-image:url(../images/background.png);
background-repeat: repeat-x;
background-position: left bottom;

z-index: 1;
}

#div_container_left{
clear: left;
float: left;
background-color: #FFAAFF;

width:20px;
min-width: 20px;

margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
overflow: hidden; 

position: absolute;
min-height: 100%;
height:100% !important; /* voor moderne browsers */
height: 100%;

left: 0;
top: 0;

background-image:url(../images/stripe_left.png);
background-repeat: repeat-y;
background-position: top left;

z-index: 10;
}

#div_container_center{
background-color: #FFFFFF;
width: auto;
min-width: 800px;
margin: 0px 20px 0px 20px; /* Boven, Rechts, Onder, Links */
overflow: visible; /* Stond op hidden */

position: relative; /* FIX stond op relative/*
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height: auto;
min-height: 100%;
min-width: 700px;
top: 0;
}

#div_container_right{
clear: both;
float: right;
background-color: #AAFFFF;

width:20px;
min-width: 20px;

margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
overflow: hidden; 

position: absolute;
min-height: 100%;
height:100% !important; /* voor moderne browsers */
height: 100%;

right: 0;
top: 0;

background-image:url(../images/stripe_right.png);
background-repeat: repeat-y;
background-position: top right;

z-index: 10;
}



#div_header{
float: left;
clear: left;
background-color: #CCCCCC;
top: 0px;

height: 110px;
margin: 0px 0px 5px 0px; /* Boven, Rechts, Onder, Links */
padding: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
position: relative;
overflow: hidden;

min-width: 100%;
width:100% !important; /* voor moderne browsers */
width: 100%;

}

#div_nav_top{
float: left;
clear: left;
position: relative;

background-color: #6D6E71;

height: 23px;
margin: 0px 0px 5px 0px; /* Boven, Rechts, Onder, Links */
padding: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */

overflow: visible;
z-index: 5;

min-width: 100%;
width:100% !important; /* voor moderne browsers */
width: 100%;
}

#div_breadcrumb{
clear: left;
position: relative;
float: left;
background-color: #FFFFFF;

height: auto;
margin: 0px 0px 15px 0px; /* Boven, Rechts, Onder, Links */
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;

min-width: 100%;
width:100% !important; /* voor moderne browsers */
width: 100%;
}

#div_breadcrumb a{
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
text-decoration: none;
}

#div_breadcrumb a:hover{
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
text-decoration: underline;
}






#div_page{
position: relative;
float: left;
background-color: #FFFFFF;

margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
overflow: visible; 

min-width: 100%;
width:100% !important; /* voor moderne browsers */
width: 100%;
}



#div_page_left{
clear: left;
float: left;
background-color: #FFFFFF;
width: 120px;
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
overflow: hidden; 
left: 5px;
position: absolute;

}

#div_page_center{

background-color: #FFFFFF;
top: 0px;
margin: 0px 130px 50px 130px; /* Boven, Rechts, Onder, Links */
overflow: visible;

clear: left;
float: left;
position: relative;



}

#div_page_right{
clear: left;
top: 0px;
float: right;
background-color: #FFFFFF;
width: 120px;
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
overflow: hidden; 
right: 5px;
position: absolute;

}


















#logo_optiek{
clear: left;
float: left;
position:relative;
top: 5px;
left: 5px;
}

#banner_links{
float: left;
position:relative;
top: 5px;
left: 10px;
}

#banner_rechts{
float: right;
position:relative;
top: 5px;
right: 10px;
}

#logo_hoortechniek{
float:right;
position:relative;
top: 5px;
right: 5px;
}

#div_nav_left{
clear: left;
background-color: #CCCCCC;
width: 120px;
height: auto;
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
padding: 27px 5px 27px 5px; /* Boven, Rechts, Onder, Links */

background-image:url(../images/stripe_menu_right.png);
background-repeat: repeat-y;
background-position: 100px;
}

#div_nav_right{
clear: left;
background-color: #CCCCCC;
width: 120px;
height: auto;
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
padding: 27px 5px 27px 5px; /* Boven, Rechts, Onder, Links */

background-image:url(../images/stripe_menu_left.png);
background-repeat: repeat-y;
background-position: top left;
}


#div_content{
clear: left;
float: left;
background-color: #FFFFFF;
width: 700px;
height: auto;
margin: 0px 0px 35px 0px; /* Boven, Rechts, Onder, Links */
overflow-y: visible;
overflow-x: hidden;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;

}

#div_content A{
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
text-decoration: none
}

#div_content A:hover{
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
text-decoration: underline;
}

#div_footer{
clear: both;
float: none;
background-color: #6D6E71;
width: 100%;
height: 23px;
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */

color: #FFFFFF;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
padding: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
line-height: 2.5em;
text-align: right;

position: absolute;
bottom: 0; /* heel belangrijk */
}

#div_footer p{
padding-right: 25px;
color: #FFFFFF;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
}

#div_footer A{
color: #FFFFFF;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
text-decoration: none
}

#div_footer A:hover{
color: #FFFFFF;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
text-decoration: underline;
}

#div_security{
clear: left;
background-color: #CCCCCC;
width: 120px;
height: auto;
margin: 5px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
padding: 27px 5px 27px 5px; /* Boven, Rechts, Onder, Links */

background-image:url(../images/stripe_menu_right.png);
background-repeat: repeat-y;
background-position: 100px;

}


#div_security form {
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
padding: 0px 0px 5px 0px; /* Boven, Rechts, Onder, Links */
}

.security_login_form_table {
color: #333333;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
}

.security_login_form_table_top {
color: #333333;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
}

#div_security input {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
border: 1px solid #000000;
}

#div_security select {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
border: 1px solid #000000;
}

#div_security textarea {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
border: 1px solid #000000;
}


.website_error{
color: #CC0000;
}

.website_table{
background-color: #FFFFFF;
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
padding: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
border: 1px solid #000000;
}

.website_table_top{
background-color: #6D6E71;
/*background-image: url(../images/website_table_top.png);*/
color: #FFFFFF;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
vertical-align:top;
padding-top:2px;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
}

.website_table td{
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
.website_table form {
margin: 0px 0px 0px 0px; /* Boven, Rechts, Onder, Links */
padding: 0px 0px 5px 0px; /* Boven, Rechts, Onder, Links */
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
}

.website_table input {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
border: 1px solid #000000;
}


.website_table select {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
border: 1px solid #000000;
}

.website_table textarea {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
border: 1px solid #000000;
}

.website_new_ticket_notice_color {
color: #CC0000;
}

.website_new_ticket_notice_color a{
color: #CC0000;
}

.website_new_ticket_notice_color a:hover{
color: #CC0000;
}

.website_new_ticket_color{
color: #CC0000;
}

.website_new_ticket_color a{
color: #CC0000;
}

.website_new_ticket_color a:hover{
color: #CC0000;
}


.website_ticket_low{
background-color: #FFFF97;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
.website_ticket_normal{
background-color: #FFB66C;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
.website_ticket_high{
background-color: #FF7D7D;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
.website_ticket_unread{
background-color: #C6FF8C;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
.website_ticket_closed{
background-color: #CECECE;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}

.hyperspin_up{
background-color: #66CC00;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}

.hyperspin_down{
background-color: #CC0000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}

.hyperspin_unknown{
background-color: #999999;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}