﻿/* Specifieke content eigenschappen
----------------------------------------------------------------------------*/

#content{
	background-image:url(../Images/Ortec/BackgroundRight.jpg);
}

#menuleft{
	background-image:url(../Images/Ortec/BackgroundLeft.jpg); 
}

/* login
-----------------------------------------------------------------------------*/

#login,
#logoff{
	height:50px;
	text-align:right;
	padding:12px 13px 0 0;
	color:#c4c1dc;
	font-size:11px;
}

#login .loginfield{
	font-size: 10px;
	border: solid 1px #2d1a64;
	width: 100px;
	margin:0 3px;
	background:#c4c1dc;
	color:#fff;
}

#loginerror{
	display:block;
	color:#ffe91a;
	text-align:right;
}

/* Search
-----------------------------------------------------------------------------*/

#search .searchfield{
	font-size: 10px;
	border: solid 1px #eee;
	width: 100px;
	margin:0 3px;
	background:#fff;
	color:#3b2284;
}

/* Menu Main
-----------------------------------------------------------------------------*/

#suckerfishnav {
	background: #3b2284 url(../Images/Menu/BgMenu.gif) repeat-x; /* we gebruiken achtergrondafbeelding voor IE6 -> anders te hoge balk */
	font-size:11px;
	width:100%;
}

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style-type:none;
    padding:0;
    width:100%;
    line-height:25px;
	margin:6px 0 0 0;
}

#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
	text-transform:uppercase;
    padding:0 15px;
}

#suckerfishnav li {
    float:left;
    padding:0;
}

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:159px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:157px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
}

#suckerfishnav li li a {
    padding:6px 10px;
    width:137px;
    color:#3b2284;
	text-transform:none;
}

#suckerfishnav li ul ul {
    margin:-24px 0 0 158px;
    }
#suckerfishnav li li:hover {
    background:#ffe91a;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#3b2284;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#3b2284;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#3b2284;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fff;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#ffe91a;
}


/* specifieke achtergronden */

#suckerfishnav li a.drop, .menumain li a.drop:visited {
	background: url(../Images/Menu/MenuArrowSubMenu.gif) repeat-y right top;
}

#suckerfishnav li a.drop:hover {
	background:#ffe91a url(../Images/Menu/MenuArrowSubSubMenu.gif) repeat-y right top;
	color:#3b2284;
}

#suckerfishnav li:hover ul li a,
#suckerfishnav li a:hover ul li a {
	background: url(../Images/Menu/BgMenuSub.gif) repeat-y right top; 
	color:#2d1a64;
}

#suckerfishnav li:hover ul li a.drop,
#suckerfishnav li a:hover ul li a.drop {
	background: url(../Images/Menu/BgMenuSubArrow.gif) repeat-y right top;
}

#suckerfishnav li:hover ul li a:hover,
#suckerfishnav li a:hover ul li a:hover {
	background: url(../Images/Menu/BgMenuSubHover.gif) repeat-y right top;
}

#suckerfishnav li:hover ul li a.drop:hover,
#suckerfishnav li a:hover ul li a.drop:hover {
	background: url(../Images/Menu/BgMenuSubHoverArrow.gif) repeat-y right top;
}


/* Menu sub
-----------------------------------------------------------------------------*/

#menusub{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menusub a{
	display:block;
	width: 165px;
	padding: 0 0 12px 35px;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	color:#808080;

}

#menusub a:hover{
	color:#3b2284;
}

/* Menu bottom
-----------------------------------------------------------------------------*/

#menubottom{
	margin:50px 0 0 50px;
	padding:0;
	text-align:center;
}

#menubottom a:link,
#menubottom a:active,
#menubottom a:visited{
	margin:4px 0;
	padding:0 12px 0 16px;
	color: #2d1a64;
	font-size:11px;
	text-decoration:none;
	background:url(../Images/Icons/bullet.png) no-repeat left top;
}

#menubottom a:hover{
	text-decoration:underline;
}

