/* General */
* {
    /* margin: 0; */
    /* padding: 0; */
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* hide blocks (e.g. skipnavigation) */
.hide {
    display: none;
}

/* Remove border around linked images */
img {border:none;}

form{
	margin:0;
	padding:0;
}

/*-----------------------------------------------------------------------------*/

body {
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif; 
	line-height:1.5;
	font-size : 13px;
	color: #404040;
	background:#fff url(../images/Amival/AmivalBackground.gif) no-repeat left top;
	margin:0;
	padding:0;
}

.alert{
	font-weight:bold;
	color:Red;
}

h1{
	margin:0;
	padding:0 0 12px 0;
	color: #000;
	font-size: 24px;
}

h2{
	margin:0;
	padding: 12px 0 6px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

h3{
	margin: 24px 0;
	padding: 0 0 3px 0;
	font-size:13px;
	font-weight:bold;
	color:#000;
	border-bottom: solid 1px #404040;
	font-variant:small-caps;
}

/*  Stylen link algemeen */

a:link,a:visited,a:active{
	color : #61b2cc;
    text-decoration: underline;
}

a:hover{
	color : #61b2cc;
    text-decoration: none;
}


/* Formulier elementen 
-----------------------------------------------------------------------------*/

.formitem{
	clear: both;
	padding: 3px 0;
	margin: 0;
}
    
.formlabel1{
	float:left;
	width: 220px;
	padding-right: 6px;
	text-align: right;
	color: #404040;
	font-style:italic;
}

.formlabel2{
	display:block;
	color: #404040;
	font-style:italic;
}

.formfield1{
	font-size: 11px;
	border: 1px solid #61b2cc;
	width: 280px;
}

.formfield2{
	font-size: 11px;
	border: 1px solid #61b2cc;
	width: 100%;
}

.formbutton1{
	background-color : #404040;
	color : #FFFFFF;
	border: 1px solid #fff;
	width: 100%;
	margin-top: 12px;
	font-weight: bold;
}

/* Logo bij afdrukken
-----------------------------------------------------------------------------*/
#logoamivalprint{
	display:none;
}

#printerfriendly{
	background: url(../images/Amival/printer.png) no-repeat 20px 7px;
	padding: 0 0 0 40px;
	font-size:10px;
	color:#fff;
	text-transform:none;
}


/* Menu
-----------------------------------------------------------------------------*/

.menumain {
	clear:both; /* alleen hier om header te clearen */
	text-align:left;
	position:relative;
	font-size:12px;
	text-transform:uppercase;
	height:30px;
	margin:0;
	padding:0;
	list-style-type:none;
	background: #393028 url(../Images/Menu/BgMenu.gif) repeat-x; /* we gebruiken achtergrondafbeelding voor IE6 -> anders te hoge balk */
	z-index:1000000; /* nodig voor homepage, anders komt menu achter slider */
}

.menumain ul {
	padding:0;
	margin:0;
	list-style-type:none; /* for Firefox */
}

.menumain li {
	float:left;
	position:relative;
}

.menumain li a, .menumain li a:visited {
	display:block;
	text-decoration:none;
	/* width:6em; */
	float:left;
	padding:0 15px 0 15px;
	height:30px; /* zet top op zelfde hoogte als menumain -> als er spatie is kan het zijn dat submenu verdwijnt als over het hoofdmenu gehoverd wordt en vervolgens naar submenu wordt bewogen */
	line-height:2.3;
	color:#fff;
}

/* style voor weergave menu items die submenu hebben */

.menumain li a.drop, .menumain li a.drop:visited {
	background: url(../Images/Menu/MenuArrowSubMenu.gif) repeat-y right top;
}

.menumain li a.drop:hover {
	background:#61b2cc url(../Images/Menu/MenuArrowSubSubMenu.gif) repeat-y right top;
}

.menumain li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}

.menumain table {
	margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menumain li:hover a,
.menumain li a:hover {
	/* text-decoration:underline; */
	border:0; /* nodig voor IE6 */
	background:#61b2cc;
	color:#fff;
}

.menumain li:hover ul,
.menumain li a:hover ul {
	visibility:visible;
	height:auto;
	background:#fff;
	border:0;
	left:0;
	top:30px; /* zet top op zelfde hoogte als menumain -> als er spatie is kan het zijn dat submenu verdwijnt als over het hoofdmenu gehoverd wordt en vervolgens naar submenu wordt bewogen */
	overflow:visible;
}

.menumain li:hover ul li a,
.menumain li a:hover ul li a {
	display:block;
	font-weight:normal;
	background: url(../Images/Menu/BgMenuSub.gif) repeat-y right top;
	text-decoration:none;
	text-transform:none;
	height:auto;
	line-height:1;
	padding: 6px 0 6px 6px;
	width:153px;
	border-bottom:solid 1px #fff;
	color:#fff;
	font-size:11px;
}

* html .menumain li a:hover ul li a {
	width:153px; w\idth:153px; /* hack for IE5.5 en IE6 */
}

/* sub menu*/

.menumain li:hover ul li a.drop,
.menumain li a:hover ul li a.drop {
	background: url(../Images/Menu/BgMenuSubArrow.gif) repeat-y right top;
}

.menumain li:hover ul li ul,
.menumain li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:159px;
	height:0;
	overflow:hidden;
}

.menumain li:hover ul li a:hover,
.menumain li a:hover ul li a:hover {
	/* text-decoration:underline; */
	background: url(../Images/Menu/BgMenuSubHover.gif) repeat-y right top;
}
.menumain li:hover ul li a.drop:hover,
.menumain li a:hover ul li a.drop:hover {
	background: url(../Images/Menu/BgMenuSubHoverArrow.gif) repeat-y right top;
}
.menumain li:hover ul li:hover ul,
.menumain li a:hover ul li a:hover ul {
	visibility:visible; color:#000; border:1px solid #fff; height:auto; background:#fff; width:153px;
} 
.menumain li:hover ul li:hover ul.left,
.menumain li a:hover ul li a:hover ul.left {
	left:-155px;
}
.menumain li:hover ul li:hover ul li a,
.menumain li a:hover ul li a:hover ul li a {
	display:block; height:auto;
}
.menumain li:hover ul li:hover ul li:hover a,
.menumain li a:hover ul li a:hover ul li a:hover {
	/* text-decoration:underline; */
}

/* headersectionsmenu
-----------------------------------------------------------------------------*/
#headersections{
	background:#393028;
	height:30px;
	margin:0 0 0 198px;
	padding:10px 0 0 0;
}

#headersectionsmenu{
	margin:0;
	padding:0;
	list-style:none;
}

#headersectionsmenu li{
	float:left;
}

#headersectionsmenu a:link,
#headersectionsmenu a:active,
#headersectionsmenu a:visited{
	display:block;
	float:left;
	height:20px;
	margin:3px;
	padding:0 12px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	background:#3296b6;
	font-size:12px;
}

#headersectionsmenu a:hover{
	color:#000;
}


/* Header
-----------------------------------------------------------------------------*/

#header {
	/* background:#393028 url(../images/Amival/HeaderBackground.gif) no-repeat 29px 0; */
	background:#393028;
	clear:both;
	height:30px;
	margin:0 0 0 198px;
	padding:33px 0 0 160px;
}

/* Content
-----------------------------------------------------------------------------*/

#content {
	margin:20px 0 0 220px;
	padding:0 30px 50px 0;
}

/* homepage
----------------------------------------------------------------------------*/

#homecontainer1 p,
#homecontainer2 p,
#homecontainer3 p{
	padding:0;
	margin:0;
}

#homecontainer1{
	float:left;
	width:515px;
	margin:30px 0 0 0;
	padding:0
}

#homecontainer1innertube{
	padding:0 30px 0 0;
}

#homecontainer1linkleesmeer{
	display:block;
	background:url(../images/General/ButtonHomeLeesMeer.jpg) no-repeat right bottom;
	height:28px;
	line-height:28px;
	border-bottom:solid 1px #b1aeab;
	text-align:center;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	margin:3px 0 24px 0;
	padding:0 0 0 440px;
	font-size:11px;
}

#homecontainer1 h1,
#homecontainer3 h1{
	color:#007aa7;
	margin:0;
	padding:0 0 12px 0;
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
}

#homecontainer2 h1{
	text-transform:none;
	font-size:16px;
	color:#007aa7;
	margin:0;
	padding:0 0 3px 18px;
}



#homecontainer2{
	float:left;
	width:270px;
	margin:30px 0 0 0;
	padding:0;
}

#homecontainer2innertube{
	background:url(../images/General/HomeContainerLogos.jpg) no-repeat left top;
	height:170px;
}

#homewerkenvoorlogos{padding:20px;text-align:center;}


#homecontainer3a{
	height:8px;
	background:url(../images/General/HomeBottomContainertop.gif) no-repeat left top;
	margin:0;
	padding:0;
}

#homecontainer3b{
	clear:both;
	width:773px;
	background:url(../images/General/HomeBottomContainerBottom.gif) no-repeat left bottom;
	margin:0;
	padding:0;
}

#homecol1,
#homecol2,
#homecol3{
	float:left;
	padding:0 15px 15px 15px;
	width:220px;
	font-size:10px;
}

#homecol1,
#homecol2{
	background:url(../images/General/HomeBottomContainerDevider.jpg) no-repeat right top;
}

#homecol1 h1,
#homecol2 h1,
#homecol3 h1{
	color:#007aa7;
	margin:0;
	padding:0 0 6px 0;
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
}

#homecol1 h2,
#homecol2 h2,
#homecol3 h2{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.nieuwsitem{padding:0 0 12px 0;}

.nieuwsitem a{text-decoration:none;text-transform:uppercase;color:#bbb;}