.clear{clear:both;}
.hide{display:none;}
.alert{background-color: #FFFF00;padding:3px;color:#000;text-align:center;font-weight:bold;}
.alertok{background-color: #009b3a;padding:3px;color:#fff;text-align:center;font-weight:bold;}
img{border:0;}

img.left{float:left;margin-right:20px;margin-bottom:10px;}
img.right{float:right;margin-left:20px;margin-bottom:10px;}

body {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	margin:12px 0 12px 0;
	padding:0;
	color:#000040;
}

h1{
	margin:0;
	padding:0 0 12px 0;
	font-size: 18px;
}

h2{
	/* clear:left; */
	margin:0;
	padding: 0 0 12px 0;
	font-size:14px;
}

h3{
	/* clear:left; */
	margin:0;
	padding: 0 0 12px 0;
	font-size:12px;
}

/* Boxes
-----------------------------------------------------------------------------*/

div.box1{
	float:left;
	width:155px;
	text-align:center;
	background:url(/images/HervaInflatables/CategoryContainer.gif) no-repeat left bottom;
	margin:0 12px 12px 0;
}

div.box1 img{
	border-bottom:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #f0f0f0;
}

div.box1 div{padding:12px;}

div.box1 a{
	color:#000040;
	text-decoration:underline;
}
div.box1 a:hover{
	color:#000040;
	text-decoration:none;
}


/* --- */

div.box2{
	float:right;
	width:214px;
	background:url(/images/General/BoxOfferteMiddle.jpg) repeat-y;
	margin-bottom:24px;
}
div.box2contentcontainer{
	background:url(/images/General/BoxOfferteTop.jpg) no-repeat;
	padding:10px 2px 0 0;
}
div.box2header{
	background:url(/images/General/BoxOfferteHeaderPlusKarretje.jpg) no-repeat 50% top;
	height:36px;
	line-height:36px;
	text-align:left;
	padding-left:18px;
}
div.box2header a:link,
div.box2header a:visited,
div.box2header a:active,
div.box2header a:hover{
	color:#89e5ff;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
div.box2content{
	background:url(/images/General/BoxOfferteBottom.jpg) no-repeat left bottom;
	text-align:left;
	padding:15px;
}

/* --- */

div.box3{
	float:right;
	width:214px;
	background:url(/images/General/BoxHighlightTop.jpg) no-repeat;
	margin-bottom:24px;
}
div.box3contentcontainer{
	background:url(/images/General/BoxHighlightBottom.jpg) no-repeat left bottom;
	padding:10px 2px 0 0;
}
div.box3contentcontainer h1{
	text-align:left;
	padding:15px 5px 0 15px;
	margin:0;
	color:#89e5ff;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
div.box3content{
	text-align:left;
	padding:15px;
	color:#fff;
}

div.box3content p{
	margin:0;
	padding:0;
}

div.box3content a{
	color:#fff;
}
/* --- */
div.box4{
	float:right;
	width:214px;
	height:60px;
	margin-bottom: 10px;
}
div.box4 p{
	color:#fff;
	}

/* Stylen link algemeen
-----------------------------------------------------------------------------*/


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

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


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

.formitem{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
	background-color : #FFF;
	color : #000;
	border: 1px solid #000;
	width: 550px;
}

.formbutton
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
	background-color : #000040;
	color : #fff;
	border: 1px solid #FFF;
	width: 550px;	
	font-weight:bold;
}

/*

.formsectiontitle{
	margin:0 0 18px 0;
	padding:12px 0;
	border-bottom:solid 1px #ccc;
	font-size: 18px;
}
.formitem{
	clear: both;
	padding: 3px 0;
	margin: 0;
}
    
.formlabel1
{
	float:left;
	width: 200px;
	padding-right: 6px;
	text-align: right;
	font-style:italic;
}

.formfield1
{
	font-size: 11px;
	border: 1px solid #ccc;
	width: 350px;
}

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

.formbuttondummy{
	width:1px;
    background-color: #b9bec2;
    border: 1px solid #b9bec2;
	color : #b9bec2;
	text-decoration:none;
	padding: 0;	
	font-size: 1px;
}

*/



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

#menutop{
	margin:0 18px 6px 0;
	padding:0;
	list-style:none;
	float:right;
}

#menutop li{
	float:left;
}

#menutop a:link,
#menutop a:active,
#menutop a:visited{
	display:block;
	margin:4px 0;
	padding:0 12px;
	color:#6076b2;
	text-decoration:none;
	border-right:solid 1px #e3e3e3;
}

#menutop a:hover{
	color:#aaaaaa;
}

#menutop a.last{
	border-right:none;
}


/* 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%;
	z-index:1000000;
}

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style-type:none;
    padding:0px 0 0 0;
    width:100%;
    line-height:25px;
	margin:0px 0 0 0;
	z-index:20000; /* nodig voor tonen voor slideshow */
}

#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 Main
-----------------------------------------------------------------------------*/

#suckerfishnav {
	background: #233d7c url(/Images/Menu/BgMenu.gif) repeat-x; /* we gebruiken achtergrondafbeelding voor IE6 -> anders te hoge balk */
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
}

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style-type:none;
    padding:0;
    width:100%;
    line-height:25px;
	margin:0 0 0 0;
}

#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    padding:2px 15px 4px 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:#8ae5ff;
	text-transform:none;
}

#suckerfishnav li ul ul {
    margin:-24px 0 0 158px;
    }
#suckerfishnav li li:hover {
    /* background:#6c7aa1; */
    background: #6c7aa1 url(/Images/Menu/BgMenuHover.gif) repeat-x;
    }
#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:#8ae5ff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#8ae5ff;
    }
#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:#2d1a64;
    }
#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:#6c7aa1; */
    background: #002546 url(/Images/Menu/BgMenuHover.gif) repeat-x;
}


/* 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:#002546 url(/Images/Menu/MenuArrowSubSubMenu.gif) repeat-y right top;
	color:#8ae5ff;
}

#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 tabs
-----------------------------------------------------------------------------*/

#tabs {
	float:left;
	width:100%;
	margin:0 0 18px 0;
	border-bottom:1px solid #666;
	overflow:hidden;
}

#tabs ul {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
}

#tabs a {
	float:left;
	background:url(/images/Tabs/TabsLeft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 14px;
	text-decoration:none;
	line-height:34px;
}

#tabs a span {
	float:left;
	display:block;
	background:url(/images/Tabs/TabsRight.gif) no-repeat right top;
	padding:6px 15px 6px 0;
	margin:0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
}

#tabs a:hover,
#tabs a.selected {
	background-position:0% -35px;
	color:#1b429a;
}

#tabs a:hover span,
#tabs a.selected span {
	background-position:100% -35px;
	color:#1b429a;
}



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

#header{clear:both;}
#logo{float:left;}
#languageselection{float:right;}
#languagef{display:block;float:right;background:url(/images/General/frans2.gif) no-repeat left top;height:19px;line-height:19px;font-weight:bold;color:#fff;padding-left:40px;padding-right:0;text-decoration:none;}
#languagenl{display:block;float:right;background:url(/images/General/nederlands2.gif) no-repeat left top;height:19px;line-height:19px;font-weight:bold;color:#fff;padding-left:40px;padding-right:20px;text-decoration:none;}


/* breadcrump
-----------------------------------------------------------------------------*/
#breadcrump{
	padding:0 0 9px 12px;
	border-bottom: solid 2px #e2e2e2;
	margin-bottom:12px;
	color:#abacb3;
}
#breadcrump a:link,
#breadcrump a:visited,
#breadcrump a:hover,
#breadcrump a:activa{color:#abacb3;text-decoration:none;font-weight:bold;}

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

#content{
	clear:both;
	padding:12px 0;
	border-bottom:solid 6px #e2e2e2;
}
#content .innertube{padding: 0 12px;}

#contentleft{}
#contentright{float:right;width:230px;margin-bottom:200px;margin-left:16px;text-align:right;}


/* Partners
-----------------------------------------------------------------------------*/

#partners{
	padding:12px 0;
	border-bottom:solid 6px #f6f6f6;
	text-align:left;
}

#partners h1{
	font-size:12px;
	color:#233d7b;
	font-weight:bold;
	padding-left:12px;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer{
	padding:18px 0;
	text-align:center;
	color:#aaa;
	font-size:11px;
}

#footer a{color:#aaa;}


/* Slideshow
-----------------------------------------------------------------------------*/

#imgcontainer{
	float:right;
	width:468px;
	height:352px;
	background:url(../images/Slideshow/SlideshowBackground.png) no-repeat left top;
	padding:3px;
	margin-left:18px;
}

#imgcontainerhome{
	clear:both;
	width:334px;
	height:250px;
	background:url(../images/Slideshow/SlideshowBackground3.jpg) no-repeat left top; 
	padding:3px;
}

/* -> niet meer nodig
#imgcontainerhome{
	clear:both;
	width:894px;
	height:500px;
	background:url(../images/Slideshow/SlideshowBackground2.png) no-repeat left top; 
	padding:3px;
}
*/

/* Homepage slider
-----------------------------------------------------------------------------*/


/* Offerte overzicht 
-----------------------------------------------------------------------------*/

#offerteoverzicht{width:790px;}

.offerteitemomschrijving{font-weight:bold;}
.offerteitemdetails{list-style-type:square;}

table.shoppingcartdetails{
	border:none;
    border-collapse: collapse;
    width:100%;
	margin-bottom:24px;
}   
 
table.shoppingcartdetails tr td.headamount{
	background:#002546;
	padding:3px;
	border-bottom:solid 1px #002546;
	text-align:center;
	color:#fff;
	font-weight:bold;
	width:100px;
}

table.shoppingcartdetails tr td.headnocontent{
	padding:3px;
}

table.shoppingcartdetails tr td.headbutton{
	padding:3px;
}

table.shoppingcartdetails tr td.foot{
	background:#808080;
	padding:3px;
	border-bottom:solid 1px #002546;
	color:#fff;
}

table.shoppingcartdetails tr td.footnocontent{
	padding:3px;
	border-bottom:none;
}

table.shoppingcartdetails tr td{
    padding: 6px;
    vertical-align:top;
    text-align:left;
	border-bottom:solid 1px #404040;
}

table.shoppingcartdetails tr td.itemamount{
	background:#00517a;
	border-bottom:solid 1px #002546;
	text-align:center;
	color:#fff;
}

table.shoppingcartdetails tr td.itembutton{
	background:#fff;
	text-align:center;
	width:40px;
}

/* --- */