/* 


		UP100.nl, Alle rechten voorbehouden 
		
		
*/
* {margin:0; padding:0;}

body {font-size:75%; font-family:Arial, Helvetica, sans-serif; background: #e8e8e8;}

/* 
	TOP
*/

/* heading */
#topWrapper {width: 800px; margin:0 auto;}
.topSpacer {height: 50px; background: url(../img/top_spacer.png);}
.logoContainer {height: 100px; background: #ffffff; width: 800px;}
.logoContainer h1 {display: block; text-indent: -999999px; background:url(../img/up100_logo.png); height: 100px; width:240px; float: left;}
#onlineSupportNote {width: 155px; height: 75px; float:right; padding-top: 25px;}

/* menu */
#menu {list-style: none; margin: 0; padding: 0 0 0 10px; height:42px; width: 790px; margin-top: 2px; background: #ffffff url(../img/bg_menu.png);}
#menu li {float: left; height: 42px;}
#menu li a {display: block; height:28px; float: left; padding: 12px 15px 0 15px; color:#333333; text-decoration: none;}
#menu li a:hover {color: #1ca2d0; text-decoration: underline; background: #f5f5f5;}
#menu li a.active {background: url(../img/arrow_active.gif) top center no-repeat; text-decoration:underline;}
#menu li a.active:hover {background: url(../img/arrow_active.gif) top center no-repeat; text-decoration: none;}

/* slider */
#slider {width: 800px; height:200px;}

/* content */
#content-col-1 {width: 740px; padding: 26px 30px 20px 30px; background: #ffffff;}
#content-col-2 {width: 800px; padding: 0; background: #ffffff url(../img/bg_content_col-2.png); overflow:hidden;}
#content {width: 540px; float:left; padding: 20px 20px 20px 30px; background:#ffffff;}
#content a {color: #1ca2d0;}
#content a:hover {color: #ff5335;}
#pageTitle{ width: 774px; height: 60px; padding: 16px 0 0 26px; background:url(../img/bg_slides.png);}
#pageTitle h2 { color: #ffffff; font-size: 1.6em; margin-bottom: 0.2em;}
#pageTitle h2 span { color: #c8eafc; font-size: 0.6em; text-transform: uppercase;}
#pageTitle span { color:#c8eafc;}
h2 {color: #333333; font-size: 1.4em; margin-bottom: 10px;}
p {line-height: 1.8em; color:#333333; margin-bottom: 20px;}
a:active, a:focus {outline: none;}

/* sidebar */
#sidebar {width: 180px; float: left; padding: 10px;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar ul li a {display:block; width: 180px; height: 30px; line-height: 2.4em; text-indent: 10px; color: #666666; text-decoration: none; border-bottom: 1px dotted #d6d6d6;}
#sidebar ul li a:hover {background:#ffffff; color: #0e9dcd; font-weight: bold;}
#sidebar ul li a.subActive {font-weight:bold;}


/* footer */
#footer {width: 740px; height:50px; padding: 20px 30px 0 30px; background: url(../img/bg_footer.png);}
#footerEnd {width: 740px; background: url(../img/bg_footer_end.png); height: 40px;}
#footer span {float: left; margin-top: 0px; color: #666666; font-size: 0.9em;}
#footer a {color: #999999;}
#footer a:hover {color: #0099ff;}
#footer a.freemalink {display: block; height: 32px; width:25px; background: url(../img/link_freemasons.png); text-indent: -999999px; float:right;}
#footer a.freemalink:hover {background-position: -25px;}

/* Exchange */
#exchangeIntro {width: 208px; height:150px; background: url(../img/exchange.png) no-repeat; padding: 10px 20px 0 312px; margin: 0 0 20px 0;}
#exchangeIntro .txt {width: 140px; margin: 4px 0 0 70px; }
#exchangeIntro p {color: #cccccc;}
#exchangeIntro a.trial {width: 204px; display: block; height: 32px; background: url(../img/btn_exchange_trial.png); color: #FFFFFF; font-weight:bold; text-align: center; text-decoration: none; line-height: 2.4em; margin: 0 0 10px 0;}
#exchangeIntro a.trial:hover {background-position: -204px; text-decoration: underline; color:#cef3ff;}

ul.list {padding-left: 20px;}
ul.list li {height: 24px; line-height:2.4em; }

#exchangeAbo {width: 500px; height: 135px; background: url(../img/bg_exchange_abo.png); margin: 20px 0 14px 0; padding: 6px 20px 0 20px;}
#exchangeAbo table tr {height: 30px;}
#exchangeAbo table tr.grid {height: 30px; background: url(../img/bg_table_grid.png); }
#exchangeAbo table tr td {width: 110px; text-indent: 10px;}
#exchangeAbo table tr td.bestellen {width: 90px; padding-right: 4px;}
#exchangeAbo table tr td.abo {width: 185px;}
#exchangeAbo a {width: 66px; display: block; height: 21px; background: url(../img/btn_bestellen.gif) no-repeat; color: #0984ad; text-decoration: none; line-height: 2em; text-align: center; font-size: 0.9em; padding:0; margin:0; float: right; text-indent: 0px;}
#exchangeAbo a:hover {background-position: -66px; color: #ffffff;}

a.vid {display: block; height: 57px; width: 203px; background:url(../img/btn_exchange_vid.png); font-size: 1.2em; text-decoration: none; font-weight: bold; color: #ffffff !important; padding: 20px 0 0 60px; float: left; margin: 0;}
a.vid span {font-size: 0.9em; font-weight: normal;}
a.vid:hover {background-position: -263px; text-decoration: underline}

#directContact {width: 223px; height: 219px; background: url(../img/bg_exchange_contact.png) no-repeat; float: right; margin: 0; padding: 16px 20px 10px 20px;}

#directContact h3 {color: #333333; font-size: 1.2em;}
#directContact input {background: url(../img/input_bg.gif); border: 1px solid #cccccc; height: 20px; padding: 2px 4px 0 4px; color: #333333; width: 210px; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif;}
#directContact textarea {background: #ffffff url(../img/input_bg.gif) repeat-x 50% 0; border: 1px solid #cccccc; height: 20px; padding: 2px 4px 0 4px; color: #333333; width: 210px; height:60px; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;}
#directContact input.submit {width: 90px; height:23px; border:1px solid #1ba1cd; color: #1ba1cd; line-height: 0.6em; padding: 0;}

#directContact2 {width: 223px; height: 219px; background: url(../img/bg_exchange_contact.png) no-repeat; float: left; margin:4px;  padding: 1px 20px 10px 20px;}
#directContact2 h3 {color: #333333; font-size: 1.2em;}
#directContact2 input {background: url(../img/input_bg.gif); border: 1px solid #cccccc; height: 20px; padding: 2px 4px 0 4px; color: #333333; width: 210px; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif;}
#directContact2 textarea {background: #ffffff url(../img/input_bg.gif) repeat-x 50% 0; border: 1px solid #cccccc; height: 20px; padding: 2px 4px 0 4px; color: #333333; width: 210px; height:60px; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;}
#directContact2 input.submit {width: 90px; height:23px; border:1px solid #1ba1cd; color: #1ba1cd; line-height: 0.6em; padding: 0;}


/* tarieven */
.tarief { border:0; padding: 0; margin: 0; font-size: 1em; font-family:Arial, Helvetica, sans-serif}
.tarief td { height: 24px;}
.legend { background: #e1e1e1;}
.legendLight { background: #f1f1f1; text-indent: 8px;}