/** reset **/

* { outline: none; }
html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }  
table { border-collapse: collapse; border-spacing: 0; }  
fieldset, img { border: 0; }  
ul { list-style: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
body { background: #fff; }
html { overflow-y: scroll; }


/** general **/ 

input[type="text"],
input[type="password"] { background: transparent url('../img/back_input.png') no-repeat top left;
						 height: 18px; padding: 4px 4px 2px 4px; font-size: 10px; color: #999; border: none; background-color: #f3f3f3; -moz-border-radius: 4px; }
input[type="submit"] { border: none; color: #fff; font-weight: bold; height: 21px; padding: 0px 8px 3px 8px; -moz-border-radius: 3px; background: #00b2de url('../img/submit_back.jpg') repeat-x top center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; cursor: pointer; }

h1 { font-size: 17px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #222; margin-bottom: 20px; letter-spacing: 0.5px; }
h2 { text-shadow: #999 1px 1px 2px; font-size: 25px; font-family:"Vollkorn", "Cambria", "Myriad Pro", "Trebuchet MS", sans-serif; color: #222; margin-bottom: 15px; letter-spacing: 0.5px; font-weight: normal; }

hr { border: 0; width: 100%; height: 1px; background: #ccc; margin-bottom: 10px; }

div#footercontainer a { text-decoration: underline; color: #777; }
	div#footercontainer a.active,
	div#footercontainer a:hover { text-decoration: none; color: #bbb; }


/* tooltip */

#tooltip { -moz-border-radius: 6px; opacity: 0.9; filter: alpha(opacity=90); display: none; position: absolute; z-index: 9999999999; background: #222; margin: 0px; padding: 15px; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
	#tooltip h3 { margin-bottom: 15px; font-size: 110%; }


/** wrapper **/

div.wrapper { width: 980px; margin: 0px auto; float: none; position: relative; }


/** contentcontainers **/

div#headercontainer	{ float: left; width: 100%; height: 163px; background: #fff; position: relative; z-index: 2; }
div#bannercontainer	{ float: left; width: 100%; height: 392px; background: transparent url('../img/banner_back.jpg') repeat-x top center; position: relative; z-index: 1; }
div#maincontainer	{ float: left; width: 100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; line-height: 150%; letter-spacing: 0.1px; }
div#footercontainer	{ float: left; width: 100%; height: 87px; background: #282a2d url('../img/footer_back.jpg') repeat-x bottom center; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #777; }

/* subcontainers */

/* header */

div#header { float: left; height: 163px; position: relative; width: 980px; }

div#logo { float: left; clear: both; width: 100%; height: 117px; }
	div#logo img { margin: 9px 0px 8px 20px; } 

div#menu { float: left; background: transparent url('../img/menu_back.jpg') repeat-x top center; height: 38px; width: 100%; -moz-border-radius: 6px; }
	div#menu ul { float: left; margin-left: 10px; }
	div#menu ul li { float: left; height: 38px; background: transparent url('../img/menu_spacer.jpg') no-repeat center right; padding: 0px 6px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; }
		div#menu ul li a { color: #fff; text-decoration: none; padding: 12px 18px; display: block; }
		div#menu ul li a.active,
		div#menu ul li a:hover { border-bottom: 3px solid #f60; padding-bottom: 9px; }

		div#menu li ul { border: 2px solid #19191c; border-top: 0px; z-index: 888; position: absolute; width: 172px; left: -999em; background: none; padding: 0px; margin: 0px; }
		div#menu li:hover ul { left: auto; margin-left: -8px; }
			div#menu li ul li { float: left; height: auto; padding: 0px; margin: 0px; font-size: 10px; }
			div#menu li ul li a { background: #333; border: 0px; padding: 9px 11px; margin: 0px; width: 150px; }
			div#menu li ul li a:hover,
			div#menu li ul li a.active { border: 0px; padding: 9px 8px 9px 11px; border-right: 3px solid #f60; background: #19191c; }
	
	div#menu div#searchfield { margin: 7px; display: block; }
		div#menu div#searchfield input { width: 150px; color: #222; }
		
div#login { position: absolute; bottom: 46px; right: 4px; width: 174px; height: 32px; background: transparent url('../img/site_sprite.png') no-repeat -226px -32px; }
	div#login:hover { background: transparent url('../img/site_sprite.png') no-repeat -226px 0px; cursor: pointer; }

div#loginslide { display: none; position: absolute; bottom: 46px; right: -4px; width: 220px; height: 111px; background: transparent url('../img/site_sprite.png') no-repeat 0px 0px; }
	div#logincontainer { float: left; position: relative; margin-top: 6px; margin-left: 10px; height: 75px; width: 175px; padding: 12px; }
		div#logincontainer input[type="text"],
		div#logincontainer input[type="password"] { height: 18px; padding: 4px 4px 2px 4px; -moz-border-radius: 2px; margin-bottom: 4px; width: 167px; background-color: #fff; }

		div#logincontainer a { font-size: 10px; color: #fff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; line-height: 18px; }
			div#logincontainer a:hover { text-decoration: underline; }
	
	div#login_minimize { position: absolute; top: -6px; left: -6px; width: 23px; height: 23px; background: transparent url('../img/site_sprite.png') no-repeat -354px -91px; }
		div#login_minimize:hover { cursor: pointer; background-position: -377px -91px; }


/* banner */

div#bannercontainer div.wrapper { height: 392px; position: relative; }

div#banner_over { position: absolute; z-index: 2; top: 0; left: 0; }
div#banner_inset { position: absolute; z-index: 1;  bottom: 50px; right: 37px; }
	div#banner_inset span { display: block; width: 338px; height: 199px; }
div#banner { position: relative; float: left; margin-top: 10px; } 
	div#banner img { position: absolute; }
div#banner_nav { position: absolute; z-index: 4; top: 0; right: 100px; }
	div#banner_nav ul {  }
		div#banner_nav ul li { float: left; margin-left: 2px; height: 30px; }
		div#banner_nav ul li a { padding: 13px 0px 2px 7px; width: 13px; display: block; background: #45484c; -moz-border-radius: 0px 0px 4px 4px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999; }		
		div#banner_nav ul a.active,
		div#banner_nav ul a:hover { background: #fff; color: #333; }


/* main */

div#fields { float: left; height: 200px; margin: 10px 0px 25px; width: 100%; }
	div#fields div[id$="_field"] { width: 310px; height: 195px; float: left; position: relative; }
	div#fields div#telefonie_field { background: transparent url('../img/field_sprite.jpg') no-repeat 0px 0px; margin-right: 25px; }
	div#fields div#internet_field { background: transparent url('../img/field_sprite.jpg') no-repeat -620px 0px; margin-right: 25px; }
	div#fields div#totaalpakket_field { background: transparent url('../img/field_sprite.jpg') no-repeat -310px 0px; }
	
	div#fields div.button { position: absolute; bottom: 16px; left: 41px; }
	div#fields div.button a { background: transparent url('../img/site_sprite.png') no-repeat top center; width: 227px; height: 35px; display: block; }
		
		div#telefonie_field div.button a { background-position: 0px -120px; }
		div#telefonie_field div.button a:hover { background-position: 0px -165px; }
	
		div#internet_field div.button a { background-position: 0px -120px; }
		div#internet_field div.button a:hover { background-position: 0px -165px; }
		
		div#totaalpakket_field div.button a { background-position: -238px -120px; }
		div#totaalpakket_field div.button a:hover { background-position: -238px -165px; }
		
div#content_left { float: left; width: 310px; min-height: 350px; margin-right: 25px; margin-bottom: 10px; }
div#content_right { float: left; width: 645px; margin-bottom: 10px; }
	div#content_left p,
	div#content_right p { margin: 14px 0px; }
	
	div#content_right h2 { margin-bottom: 18px; margin-top: 12px; }

	div#content_right a { text-decoration: none; border-bottom: 1px solid #444; color: #444; }
		div#content_right a:hover { border-bottom: none; }
	
	div#content_right ul { list-style-type: circle; margin-left: 12px; }
	div#content_right ul li { margin-left: 12px; }
	
	div#content_right div#extracontent a, 
	div#content_right div#extracontent a:hover { border: 0; text-decoration: none; }

div#headlines { float: left; width: 280px; padding: 14px; background: #f1f1f1; border: 1px solid #e0e0e0; -moz-border-radius: 6px; }
	div#headlines dt { clear: left; float: left; min-width: 70px; color: #666; font-size: 10px; }
	div#headlines dd { clear: left; margin-left: 70px; color: #333; }
	div#headlines dt + dd { clear: none; margin-left: 70px; }

div#submenu { float: left; width: 280px; border: 1px solid #e4e4e4; background: #f8f8f8; padding: 14px; -moz-border-radius: 6px; }
	div#submenu ul {  }
		div#submenu ul li { float: left; width: 280px; font-size: 12px; }
			div#submenu ul li a { text-decoration: none; padding: 8px 0px 7px 8px; display: block; border-bottom: 1px solid #ddd; color: #444; }
			div#submenu ul li:hover a,
			div#submenu ul li a.active { background: #666; color: #fff; }
			
		div#submenu ul li ul { position: absolute; left: -9999em; margin-left: 280px; margin-top: -34px; width: 200px; -moz-border-radius: 0px 6px 6px 6px; border: 6px solid #666; border-top: none; }
		div#submenu ul li:hover ul { left: auto; }
			div#submenu ul li ul li { float: left; width: 200px; border: none; background: #777; border-bottom: 1px solid #888; }
			div#submenu ul li ul li:last-child { border-bottom: none; }
				div#submenu ul li ul li a { border: none; display: block; }
				div#submenu ul li ul li:hover a,
				div#submenu ul li ul li a.active { background: #ccc; color: #222; }

div#sidecontent { float: left; overflow: hidden; margin-top: 15px; }
	div#sidecontent h2 { margin: 15px 0px; }


/* footer */

div#footertop { float: left; height: 63px; width: 100%; }
	div#footertop div#footer_left { float: left; width: 645px; margin-right: 25px; padding-top: 23px; }
		div#footertop div#footer_left a { margin: 0px 8px; }
		
	div#footer_left ul li { float: left; margin: 0px 8px; text-transform: lowercase; }
	
	div#footertop div#footer_right { float: left; width: 310px; margin-top: 10px; }
		div#footer_right dt { clear: left; float: left; min-width: 165px; }
		div#footer_right dd { clear: left; margin-left: 165px; }
		div#footer_right dt + dd { clear: none; margin-left: 165px; }

div#footerbottom { float: left; height: 19px; width: 100%; text-align: center; padding-top: 5px; color: #666; font-size: 10px; }



/* specifics */

table.product_table { width: 100%; }
	table.product_table th { background: transparent url('../img/table_header_back.jpg') repeat-x top center; height: 26px; color: #222; padding-left: 10px; border: 1px solid #ababab; }
	table.product_table td { border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; padding: 15px; }
	table.product_table ul,
	div#content_right table.product_table ul { margin-left: 0px; }
	
	
div#content_right div#headlines h2 { margin-top: 3px; }

div#content_right div#headlines ul { list-style-type: none; margin-left: 0px; }
	div#content_right div#headlines ul li { margin-left: 0px; }
	
div#headlines a { text-decoration: none; border-bottom: 1px solid #444; color: #444; }
	div#headlines a:hover { border-bottom: none; }


form td { vertical-align: top; padding: 3px 4px; }
	form td:first-child { text-align: right; }
		form td:first-child label { padding-right: 12px; }
		form td:first-child label.req { background: url(../img/asterisk_small.png) no-repeat right center; }

table input[type=text],
table input[type=password] { width: 250px; font-size: 12px; background-color: #f9f9f9; color: #777; }

textarea { width: 250px; height: 80px; background: #f9f9f9 url(../img/back_input.png) no-repeat top left; padding: 4px 4px 2px 4px; font-size: 12px; color: #777; border: none; -moz-border-radius: 4px; overflow: auto; }

select { background: #f9f9f9 url(../img/back_input.png) no-repeat top left; min-width: 150px; padding: 4px 4px 2px 4px; font-size: 12px; color: #777; border: none; -moz-border-radius: 4px; }

input[type=radio] + label,
input[type=checkbox] + label { margin-left: 3px; vertical-align: text-bottom; }

table input[type=submit] { height: auto; font-size: 13px; padding: 5px 15px; }

div.input_radio { margin: 2px; padding: 3px; }
	div.input_radio label { margin-right: 10px; }

input.error,
textarea.error,
select.error,
div.input_radio.error { background-color: #fbb !important; }

ul.photos { margin: 0 !important }
ul.photos li { list-style-type: none; float: left; margin: 0 !important; padding: 1px; }
	ul.photos li a { border: none !important; display: block; margin-top: 5px; }
	ul.photos li a:hover { margin-top: 0; margin-bottom: 5px; }


/* Messages */
div.criticalerror,
div.succes,
div.warning { padding: 8px; border-width: 1px; border-style: solid; margin: 0 0 8px 0; }

div.criticalerror hr,
div.succes hr,
div.warning hr { border: none; height: 0; margin: 8px 0; padding: 0; border-bottom-width: 1px; border-bottom-style: solid; }

div.criticalerror { border-color: #ff0000; background-color: #fff1f1; }
	div.criticalerror hr { border-bottom-color: #ffcccc; }

div.succes { border-color: #3DA83E; background-color: #f6fff6; }
	div.succes hr { border-bottom-color: #3DA83E; }

div.warning { border-color: #ffcc00; background-color: #fffdf1; }
	div.warning hr { border-bottom-color: #ffcc00; }

/* prettyinputs */

label.checkbox span.holder { height:82px; background:url('/resources/img/prettyCheckboxes/checkbox.png') 0 -1px no-repeat; }
label.radio span.holder { height:82px; background:url('/resources/img/prettyCheckboxes/radio.png') 0 -1px no-repeat; }
label.checkbox:hover span.holder,
label.radio:hover span.holder { top:-28px !important; } 
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder { top:-56px !important; } 
label.list { float:left; clear:left; margin:0 0 2px 0; }
label.inline { float:left; margin:0 10px 0 0; }
input.hiddenCheckbox { position:absolute; left:-10000px; }
label.prettyCheckbox span.holderWrap { display:block; float:left; position:relative; margin-right:10px; margin-top: -2px; overflow:hidden; }
label.prettyCheckbox span.holder { display:block; position:absolute; top:0; left:0; }

div.tpc { padding: 10px; background: #eee; display: block; -moz-border-radius: 3px; clear:both; margin-bottom: 10px; }

div#content_right div.selectit div.dontgo li { border-bottom: none; }
div#content_right div.selectit ul li { float: left; width: 100%; display: block; margin: 0px; padding: 0px; border-bottom: 1px dashed #ddd; }
div#content_right div.selectit ul a { line-height: 28px; color: #444; border: 0px; background: none; text-decoration: none; display: block; margin: 0px; }
	div#content_right div.selectit ul a:hover,
	div#content_right div.selectit ul a:active { border: 0px; background: #efefef url('/resources/img/selected_li.png') no-repeat right center; text-decoration: none; }
		div#content_right div.selectit img { vertical-align: text-bottom; margin-right: 4px; clear: right; }

div.selectit { position: relative; float: left; margin-left: 5px; margin-right: 5px; }
	div.selectit input { display: none; }
	div#content_right div.selectit a { padding: 2px 6px; padding-right: 20px; border: 1px solid #aaa; color: #666; -moz-border-radius: 3px; background: #fff url('/resources/img/select_sprite.png') no-repeat right 2px; text-decoration: none; }
		div#content_right div.selectit a:hover,
		div#content_right div.selectit a:active { background: #fff url('/resources/img/select_sprite.png') no-repeat right -14px; }

div.dropdown { width: 240px; display: none; left:-10px;top:13px; background:transparent url('/resources/img/header_dropdown_bg.png') no-repeat scroll left top;padding:24px 12px 14px 14px;position:absolute;z-index:3; }
	div#content_right div.selectit div.dropdown span a.closeit { display: block; width: 15px; height: 15px; background: transparent url('/resources/img/close_div.png') no-repeat center top; border: none; padding: 0; text-decoration: none; }
	div#content_right div.selectit div.dropdown span a.closeit:hover { background: transparent url('/resources/img/close_div.png') no-repeat center bottom; }
	
div.dropdown .ctr { background:transparent url('/resources/img/header_dropdown_bg.png') no-repeat scroll right top; height:15px; right:-15px; top:0; width:15px; }
div.dropdown .cbl { background:transparent url('/resources/img/header_dropdown_bg.png') no-repeat scroll left bottom; bottom:-17px; height:17px; left:0; right:0; }
div.dropdown .cbr { background:transparent url('/resources/img/header_dropdown_bg.png') no-repeat scroll right bottom;bottom:-17px;right:-15px;top:15px;width:15px;}
div.dropdown .ctr, div.dropdown .cbl, div.dropdown .cbr {display:block;position:absolute;}