/******************************
CSS Roelandsverzekeringen.nl
*******************************/

/* Algemeen */
html, body                                          { background: #ddeef1 url(../img/bg.gif) repeat-x; font-family: trebuchet MS; margin: 0px; padding: 0px; text-align: center; }
#container                                          { margin: 0px auto; width: 978px; text-align: left; }
.header                                             { background-color: #a3d1d8; width: 978px; height: 75px; float: left; }
img                                                 { border: none; }

/* Top Menu */
.menuhome                                           { background: #a3d1d8 url(../img/menu.gif) bottom right no-repeat; width: 686px; height: 37px; float: right; margin-top: -37px; right: 0; }
* html .menuhome                                    { margin-top:-38px; }
.act                                                { color: #ee9c3e; }
.act1                                               { background: #a3d1d8 url(../img/menu1.gif) bottom right no-repeat; }
.act2                                               { background: #a3d1d8 url(../img/menu2.gif) bottom right no-repeat; }
.act3                                               { background: #a3d1d8 url(../img/menu3.gif) bottom right no-repeat; }
.act4                                               { background: #a3d1d8 url(../img/menu4.gif) bottom right no-repeat; }
.act5                                               { background: #a3d1d8 url(../img/menu5.gif) bottom right no-repeat; }
.act6                                               { background: #a3d1d8 url(../img/menu6.gif) bottom right no-repeat; }

#menu-0                                               { list-style: none; padding: 0; margin: 0; }
.menuhome #menu-0 li                                  { padding: 10px; color:#fff; font-size:14px; font-weight: bold; text-decoration: none; float: left; }
.menuhome #menu-0 li a                                { color: #fff; text-decoration:none; }
.menuhome #menu-0 li:hover a                          { color: #673a0a; }
.menuhome #menu-0 li.active a, .act6 li#nav_links a   { color: #EE9C3E; }
.menuhome #nav_home                                   { width: 45px; margin-left: 1px; padding-left: 16px !important; }
.menuhome #nav_over-roelands-verzekeringen            { width: 197px; padding-left: 10px !important; }
.menuhome #nav_particulieren                          { width: 92px; padding-left: 8px !important; }
.menuhome #nav_zakelijk                               { width: 57px; padding-left: 9px !important; }
.menuhome #nav_contact                                { width: 57px; padding-left: 10px !important; }
.menuhome #nav_zoeken                                 { padding-left: 12px !important; float: left; }
.menuhome #nav_links                                  { padding-left: 17px !important; }

/* Linkerbalk / Menu */
.linkerbalk                                 { background-color: #c5e2e7; margin: 0px; padding-top: 25px; padding-bottom: 0px; width: 173px; float: left; }

.linkerbalk .menu                         { margin: 0 0 15px 17px; padding: 0; list-style: none; }
.linkerbalk .menu li a                    { color: #008A9D; font-size: 13px; font-weight: bold; }
.linkerbalk .menu li:hover a,
.linkerbalk .menu li.active a             { color: #000000; }
.linkerbalk .menu li ul                   { display: none; list-style: none; margin: 0 0 0 10px; padding: 0; }
.linkerbalk .menu li ul li a              { color:#008A9D !important; }
.linkerbalk .menu li ul li:hover a,
.linkerbalk .menu li ul li.active a       { color:#000000 !important; }
.linkerbalk .menu li.active ul            { display: block; }

/* Content */
.contentvlak                                { background: #ffffff url(../img/footer.gif) bottom right repeat-x; border-left: #a3d1d9 1px solid; border-right: #a3d1d9 1px solid; margin:0px; width: 803px; float: left; min-height: 835px; }
.contentContainer                           { float: left; padding-bottom: 40px; width: 551px; overflow: hidden; font-size: 11px; line-height: 2.0em; }
.contentContainer .breadcrumbs              { margin: 6px 0 0 23px; }
.content                                    { color: #333; font-size: 12px; padding-left: 23px; }
#google_maps_plugin                         { width: 527px; height: 500px; }

/* Rechterbalk / Menu */
.rechterbalk                                    { margin: 10px 0 0 0; width: 230px; float: right; }
.rechterbalk .background                        { background-color: #c4e900; padding: 5px 0; }
.rechterbalk ul li                              { width: 213px; min-height: 13px; background: transparent url(../img/menu/onder.png) no-repeat bottom; padding-bottom: 13px; margin: 8px 0 0 9px; overflow: hidden; }
.rechterbalk ul li a                            { outline: none; }
.rechterbalk li#nav_mijn-polissen a             { display: block; width: 213px; height: 32px; background: transparent url(../img/menu/mijn_polissen.png) no-repeat; text-indent: -9999px; border: none; }
.rechterbalk li#nav_regel-het-online a          { display: block; width: 213px; height: 32px; background: transparent url(../img/menu/regel_het_online_dicht.png) no-repeat; text-indent: -9999px; border: none; }
.rechterbalk li#nav_regel-het-online.active a   { background: transparent url(../img/menu/regel_het_online_open.png) no-repeat; }
.rechterbalk li#nav_bereken-het-zelf a          { display: block; width: 213px; height: 32px; background: transparent url(../img/menu/bereken_het_zelf_dicht.png) no-repeat; text-indent: -9999px; border: none; }
.rechterbalk li#nav_bereken-het-zelf.active a   { background: transparent url(../img/menu/bereken_het_zelf_open.png) no-repeat; }
.rechterbalk li#nav_ik-heb-schade a             { display: block; width: 213px; height: 32px; background: transparent url(../img/menu/ik_heb_schade.png) no-repeat; text-indent: -9999px; border: none; }
.rechterbalk li#nav_roelands-zorgt              { background: transparent url(../img/menu/donker_onder.png) no-repeat bottom; }
.rechterbalk li#nav_roelands-zorgt a            { display: block; width: 213px; height: 32px; background: transparent url(../img/menu/roelands_zorgt.png) no-repeat; text-indent: -9999px; border: none; }
.rechterbalk li#nav_all-in-polis a              { display: block; width: 213px; height: 32px; background: transparent url(../img/menu/all_in_polis.png) no-repeat; text-indent: -9999px; border: none; }
.rechterbalk li ul                              { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.rechterbalk li ul li                           { float: left; margin: 0; background: none; min-height: 0; padding: 0; }
.rechterbalk li ul li a                         { background: url("../img/bullet.gif") no-repeat scroll left 4px #D4EF48 !important; color: #333333 !important; display: block; font-size: 12px; padding-left: 26px; width: 187px !important; text-indent: 1px !important; height: auto !important; }
.rechterbalk li ul li a:hover                   { text-decoration: underline !important; }

/* Footer */
.copyright                                      { color: #fff; float: left; font-size: 11px; margin-top: -22px; padding-left: 182px; }
.copyright a                                    { color: #fff; }
.discofon                                       { color: #fff; float: right; font-size: 11px; margin-top: -22px; padding-right: 10px; }
.discofon a                                     { color: #fff; }

/* Accordion opmaak */
div.atitle                                      { padding-left: 15px; position: relative; text-decoration: underline; color: #000; outline: 0; cursor: pointer; }
span.ui-icon                                    { display: block; text-indent: -99999px; overflow: hidden; position: absolute; width: 11px; height: 11px; left: 0; top: 5px; }
span.ui-icon-triangle-1-s                       { background: transparent url('/site_files/img/down.gif') no-repeat; }
span.ui-icon-triangle-1-e                       { background: transparent url('/site_files/img/up.gif') no-repeat; }
div.acontent                                    { margin: 10px 0; padding-left: 15px; }

/* Uw mening telt! opmaak */
div.opinion                                     { background: transparent url('/site_files/img/prikbord_spacer.jpg') no-repeat bottom center; padding-bottom: 15px; }
div.opinion h3                                  { color: #EE9E3C; font-size: 16px; margin: 7px 0; }
div.point                                       { float: right; width: 67px; height: 67px; padding: 8px; background: transparent url('/site_files/img/uw_mening_block.gif') no-repeat; margin-left: 15px; text-align: center; color: #FFF; }
div.morebox                                     { text-align: center; padding: 8px; margin: 8px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #EE9E3C; }
div.morebox a                                   { display: block; }
#sliderbg                                       { margin-left: 150px; width: 321px; background: transparent url('/site_files/img/bg_slider.gif') no-repeat center top; padding: 22px 0 5px 0; }
#slider                                         { margin-left: 15px; overflow: visible; width: 289px; border: none !important; }
a.ui-slider-handle                              { outline: 0; }

/* Formulier opmaak */
form div                                        { margin: 5px 0; overflow: hidden; }
form label                                      { float: left; width: 150px; }
form label.required                             { font-weight: bold; }
input[type=text], input[type=password],
textarea, select                                { border: 1px solid #EE9E3C; }
input[type=submit], input[type=button]          { cursor: pointer; background-color: #FFF; border: 1px solid #EE9E3C; padding: 2px 6px; -moz-border-radius: 4px 4px 4px 4px; }
input:hover, input:focus, textarea:hover,
textarea:focus, select:focus, select:hover      { background-color: #FBF5CE; }

/* Tekst opmaak */
h1, h2                                          { color: #EE9E3C; font-style: italic; font-size: 20px; border-bottom: #ee9e3c 1px solid; }
h2                                              { font-size: 16px; }
a.download                                      { background: transparent url('/site_files/img/save.gif') no-repeat left; padding-left: 20px; }
a.top                                           { color: #EF9C3E; text-decoration: none; font-style: italic; font-size: 12px; }
.kop1                                           { color: #000; font-style: italic; font-size: 20px; padding-left: 15px; padding-top: 5px; }
.kop2                                           { color: #FFF; font-style: italic; font-size: 20px; padding-left: 15px; padding-top: 32px; }
.blok1                                          { height: 90px; padding-left: 115px; margin-top: -111px; overflow: hidden; }
.blok1 ul                                       { margin-top: 0px; }
.blok1knop {
	height:24px;
	padding-left:122px;
	color:#fff;
}
.blok1_foto {
	height:114px;
	padding-left:15px;
	padding-top:5px;
}
.blok2 {
	height:134px;
	padding-top:11px;
	padding-left:15px;
	color:#fff;
	overflow:hidden;
}
.blok2234234 {
	height:142px;
	padding-top:10px;
	padding-left:15px;
	color:#fff;
        background: transparent url('/site_files/img/uwmening.png') no-repeat 15px 10px;
}
.uwmening {
        width: 220px;
        height: 125px;
        overflow: hidden;
        position: relative;
}

.uwmening h2 {
    font-size: 38px;
    font-weight: bold;
    letter-spacing: -4px;
    line-height: 1.1em;
    color: #FFF;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 25px;
    top: 12px;
}
.kop3 {
	color:#FFF;
	font-style:italic;
	font-size:20px;
	padding-left:286px;
	margin-top:-195px;
}
.blok3 {
	height:137px;
	width:223px;
	padding-top:8px;
	margin-left:285px;
	color:#fff;
	overflow:hidden
}
.blok1knop a, .blok2knop a, .blok3knop a {
	color:#fff;
	text-decoration:none;
	font-family:trebuchet MS;
	font-weight:bold;
}
.blok1knop a:hover, .blok2knop a:hover, .blok3knop a:hover {
	color:#673a0a;
	font-weight:bold;
}
.blok2knop {
	height:24px;
	padding-left:24px;
	color:#fff;
}
.blok3knop {
	height:24px;
	padding-left:297px;
	color:#fff;
}
a.sublink {
	font-size:13px;
	color:#008a9d;
	font-weight:bold;
}
a.sublink:hover {
	font-size:13px;
	color:#000;
	font-weight:bold;
}
a {
	color:#000;
	text-decoration:underline;
}
.maillink {
	margin:0 0 20px 0;
}


/** Formstyling Rollsberekening **/

#Body body {
	font-family: trebuchet MS;
	padding:0px;
}

#Body #StartForm {
	width:580px;
	margin:0 auto;
	background: #fff;
	padding:0px;
	border-left:1px solid #a3d1d9;
	border-right:1px solid #a3d1d9;
}

#Body .Caption {
	font-weight:normal;
}

#Body .NavNow {
	color:#EE9E3C;
}

#Body .NavHistory a {
	color:Gray;
}

#Body .Button {
	text-align:right;
	float:right !important;
	border-bottom:1px solid #EE9E3C;
}

#Body .Button button {
	margin:5px 20px 20px 0px;
}

#Body .Questions {
	padding:20px;
}

#Body .divDisclaimer {
	clear:both;
	height:18px;
	top:0px;
	background:#008c9a;
	padding:10px 10px;
	*padding:10px 10px;
    *margin:0px 0;
	width:560px;
    *width:580px;
	color:#fff;
}

#Body .DefaultQuestion {
	height: 30px;
}

#Body .NavBack a {
    color:#EE9E3C;
    margin-left:10px;
    font-size: 11px;
}

#Body .Navigator {
    position: relative;
    padding-top:100px;
    padding-bottom:10px;
    width:580px;
    background:url(../img/logo_roelands.png) no-repeat 20px 17px !important;
}

#Body .NavTable {
	border:none;
	line-height:25px;
	border-top:1px solid #a3d1d9;
	border-bottom:1px solid #a3d1d9;
}

/** END Formstyling Rollsberekening **/