/******************************************************************************
 * standaard css
 */
#site
{ margin: 0; padding: 0; position: relative; }
#site,
#site textarea,
#site input,
.suggestions
{ font-family: Arial,
FreeSans,
sans-serif; font-size: 12px; }
h1,
h2,
h3,
h4,
h5,
h6
{ clear: both; margin: 0; padding-left: 20px; padding-top: 10px; padding-right: 20px;}
h1
{ display: none; }
h2
{ font-size: 12px; height: 20px; margin-top: 4px; padding: 5px 5px; color: white; background: url(img/header_middle.png) no-repeat;}
h3
{ font-size: 15px; margin-top: 4px; }
h4
{ font-size: 13px; margin: 20px 0 5px 5px; padding: 0 0 0 15px; }
hr
{ border: none; background: #666666; height: 1px; }
img
{ border: none; }
a
{ color: #F15C0C; text-decoration: none;}
a:active
{ text-decoration: underline;}

p {
padding-left: 20px; padding-top: 10px; padding-right: 40px;	
}

.header {
padding-top: 4px;	
}

.header-small {
padding-top: 0px; padding-bottom: 4px; 
}


/******************************************************************************
 * formulier css
 */
#content .error,
#content .lbl.error
{ color: #ff3333; font-weight: bold; }
#content .error input.text,
#content .error input.password,
#content .error select,
#content .error textarea
{ background: #ffeeee; }
#content p.error
{ background-color: #ffeeee; border: 1px solid #ff3333; margin-right: 32px; margin-top: 16px; padding: 6px; }
#content .success,
#content .lbl.success
{ color: #009900; font-weight: bold; }
#content p.success
{ background-color: #ccffcc; border: 1px solid #009900; margin-right: 32px; margin-top: 16px; padding: 6px; }
.lbl
{ color: #666666; clear: both; }
.lbl input.text,
.lbl input.password,
.lbl input.smalltext,
.lbl select,
.lbl textarea
{ border: 1px solid #666666; margin: 4px 0; }
.lbl textarea
{ height: 75px; }
.lbl input.text,
.lbl input.password,
.lbl textarea,
.lbl select
{ border: 1px solid #666666; clear: right; display: block; float: left; margin: 0 0 4px 0; width: 305px; }
.lbl select.start_type
{ clear: right; float: left; margin-left: 4px; width: 280px; }
.lbl input.city
{ margin-left: 4px; width: 280px; float: left; clear: right; }
.lbl input.counter
{ clear: right; display: block; float: left; width: 50px; }
.lbl select.date
{ clear: none; display: inline; float: none; width: auto; }
.lbl label
{ clear: left; color: #666666; display: block; float: left; margin: 4px 0; padding: 0 0 0 25px; width: 125px; }
label.inline-label
{ display: inline; float: none; padding: 0; margin: 0; }
.lbl input.submit
{ margin: 4px 0 0 25px; padding: 0 0 0 0; }

/******************************************************************************
 * standaard layout css
 */
#content
{ float: left; left: 128px; position: relative; width: 498px; }
#sidebar-small
{ float: left; left: -498px; position: relative; width: 128px; }
#sidebar-big
{ float: right; position: relative; right: 4px; width: 336px; }

/******************************************************************************
 * banner css
 */
.snet-auto-banner,
.banner
{ background: #f7f7f7; }
.banner498x254 { width: 498px; height: 254px; }

/******************************************************************************
 * site specifieke css
 */

.message_goed,
.message_fout 
{ padding: 25px; font-size: 13px; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 10px;}

.message_goed 
{ background-color: #f15c0c; border: 2px solid #000000;}

.message_fout
{ background-color: #FF6644; border: 2px solid #000000;}
/******************************************************************************
 * menu css
 */

#menu 
{ margin-top: 4px; padding-left: 4px;}

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

#menu ul li 
{ background: url(img/button.png); font-weight: normal; font-size: 12px; height: 22px; margin: 0 0 4px 0; padding: 6px 0 0 5px; width: 115px;}

#menu ul li a 
{ color: #000000; text-decoration: none; }

#menu ul li.active a     
{ color: #000000;}

#menu ul li.currentpage 
{ background: url(img/button_active.png);}

#menu ul li.currentpage a 
{ color: white; }

/******************************************************************************
 * sidebar right
 */
#sidebar-big .rightblokje
{ height: 82px; cursor: pointer; margin-bottom: 4px;}

#sidebar-big #photo
{ background: url(img/btn_photos.png); margin-top: 4px; }

#sidebar-big #price
{ background: url(img/btn_plane.png); margin-top: 4px; }

#sidebar-big #price a
{ display: block; height: 80px; width: 336px; border:0px solid black; }

#sidebar-big #price a span
{ display: none; }

#sidebar-big #photo a
{ display: block; height: 80px; width: 336px; border:0px solid black; }

#sidebar-big #photo a span
{ display: none; }

#sidebar-big #form a
{ display: block; height: 80px; width: 336px; border:0px solid black; }

#sidebar-big #form a span
{ display: none; }

#sidebar-big #form
{ background: url(img/btn_form.png); margin-top: 4px; }

#sidebar-big #side_leden_count /* background plaatje leden */
{ background: url(img/side_leden_count.png); margin-top: 4px; }

#sidebar-big #side_event /* background plaatje next/previous event */
{ background: url(img/side_event.png);}

#sidebar-big #side_themavdmaand /* background plaatje thema LET OP!! voor iedere maand eigen plaat in img/thema zetten! Met "english month".png|lowercase */
{ background: url(img/thema/nothema.png); }

#sidebar-big .rightblokje #real_leden_aantal
{ position: relative; top: 15px; font-size: 40px; color: white; left: 15px; font-weight: bold;}

#sidebar-big .rightblokje .hideme
{ display: none; }

/*********************************************************************************
 * Mooimaaks
 */

#content table
{ width: 400px; border-collapse: collapse; margin-left: 4px; margin-top: 10px;}

#content table td,
#content table th
{ border: 1px solid black; padding: 4px;}

#content table th 
{ background-color: #F15C0C; color: white; }

#content ul 
{ list-style: none; }

#content a 
{ padding: 0px!important; }

#content 
{ margin-bottom: 30px; }


/******************************************************************************
 * Home box
 */

.home_big_box
{	width: 498px; padding-bottom: 9px; background: url(img/home_box_bottom.png) bottom left no-repeat; }
#content .home_box,
#content .home_box .home_big_box
{ padding-left: 0; }
#content .home_box .home-box-outer-ul
{ padding-left: 1px; padding-right: 1px; }
#content .home_box .home-box-outer-ul
{ margin: 0; padding: 0; }
.home_box .home-box-outer-ul
{ background: url(img/home_box_bg.png); }
.home_box .home-box-inner-ul
{ background: url(img/home_box_top.png) top no-repeat; /*padding: 0 0 12px 0; */}
.home_box h2
{ margin: 0 0 4px 0; }
.home_box ul
{ margin: 0; padding: 2px 10px 0 4px; }
.home_box li
{ clear: both; height: 24px; list-style: none; padding:0; margin:0; cursor: pointer;}
.home_box li:hover
{background-color: #ffd6d6; }

.home_box .day
{ float: left; margin-top: 4px; width: 80px;   }
.home_box .date
{float: left; margin-top: 4px; font-size:11px; width: 40px; }
.home_box .title
{ float: left; margin-top: 4px;   }
.home_box .arrow
{ float: right; margin-top: 4px;   }

.home_box a
{ color: black; }

.home_box .wwvergeten
{padding:0 10px;}
li.even_row
{ background-color: #f2f2f2; display: block;}