form {
	margin:0;
	padding:0;
	}
body { 
	width:100%; 
	height:100%; 
	padding:0; 
	margin:0; 
	overflow:auto; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#b8bbc1;
	} 
table tr td {
	vertical-align:top;
	font-size:12px;
	}
h1, h2, h3 {
	margin:0;
	padding:0;
	color:#7b93b7;
	font-family:"Century Gothic";	
	font-weight:normal;
	text-transform:lowercase;
	}
h2 {
	font-size:20px;
	}
h3 {
	color:#ec008c;
	}
a {}

img {
	border:none;
	}
div.container { 
	display:block; 
	position:absolute; 
	width:1000px; 
	_height:100%; 
	min-height:100%; 
	overflow:visible; 
	left:50%; 
	margin-left:-500px;
	background:#fff url(../img/bg_main_big.gif);
	} 
	
.defaultpage div.container {
    background:#fff url(../img/bg_main.gif);
}	
	
div.header {
	background:#fff url(../img/magazine_box.gif) 35px 30px no-repeat;
	position:relative;
	height:140px;
	}
div#winkelwagen {
	position:absolute;
	top:20px;
	left:600px;
	}
#naardekassa img {
	margin-top:5px;
	}
div.login {
	color:#A7AEB2;
	height:33px;
	left:505px;
	line-height:33px;
	position:absolute;
	width:490px;
	text-align:right
}
div.login h3 {
	color:#003768;
	font-size:16px;
	}
div.login td {
	vertical-align:middle;
	padding-right:3px;
	}
div.login input {
	background:url(../img/bg_input.gif) bottom repeat-x;
	border:#a7aeb2 solid 1px;
	}
div.login input.loginbutton {
	background-image:url(../img/bg_button.gif);
	color:white;
	margin-left:5px;
	}
div.searchbox {display:none;}

/*
div.searchbox {
	position:absolute;
	top:20px;
	left:820px;
	

	}
div.searchbox input {
	background:url(../img/bg_zoek.gif) 130px 1px no-repeat;
	border:#abadb3 solid 1px;
	color:#abadb3;
	width:150px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	*/
/* begin menu */
.jqueryslidemenu {
	width: 100%;
	font-size:13px;
	background:#e5e7e8;
	height:33px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height:33px;
	/line-height:29px;
	
}

/*hoofmenu stijl*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin-left:20px;
	z-index:1000;

}

/*hoofdmenu link stijl */
.jqueryslidemenu ul li a{
	display: block;
	color: black;
	text-decoration: none;
	color:#5a666f;

}

* html .jqueryslidemenu ul li a{ /*IE6 hack*/
	display: inline-block;
}


.jqueryslidemenu ul li a:hover {
	color:#003768;
}
.jqueryslidemenu ul li a.current{
	color:#ec008c;
	background:url(../img/current.gif) center 2px no-repeat;
}
.jqueryslidemenu ul li ul li a.current,.jqueryslidemenu ul li ul li ul li a.current{
	background-image:none;
}
	
/*subs stijl */
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*subs niet floaten*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
	margin:0;
}

/*positie ul ul ul */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* subs link stijl */
.jqueryslidemenu ul li ul li a{
	width: 160px; /*width of sub menus*/
	padding: 0 3px;
	margin: 0;
	border:#e5e7e8 solid 1px;
	border-top:none;
	background:#f6f6f6;
	line-height:28px;
}
.jqueryslidemenu ul li ul li a.current {
	background:#FFFFFF;
	}
.jqueryslidemenu ul li ul li ul li a{
	background:#fff;
	}
.jqueryslidemenu ul li ul li a:hover {
	background:#f1f1f1;
	}



	/* pijltjes */
	
	.downarrowclass{
		position: absolute;
		top: 14px;
		right: 9px;
	}
	
	.rightarrowclass{
		position: absolute;
		top: 9px;
		right: 5px;
	}
/* einde menu */


div.left {
	min-height:600px;
	height:auto !important;
	height:600px;
	width:195px;
	float:left;
}
div.left .box_container {
	background:url(../img/bg_box.gif) repeat-x;
	margin-left:16px;
	padding:10px;
	border-bottom:#84939b dashed 1px;
}
div.left .box_container h2 {
	font-size:16px;
	text-decoration:none;
	line-height:30px;
	}
div.left .box_container .box_description a,
div.left .box_container .box_order a {
	text-decoration:none;
	color:#434343;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
	}
div.left .box_container .box_order a {
	display:block;
	float:right;
	color:#ec008c;
	font-weight:bold;
	}
	

div.middle {
	min-height:600px;
	height:auto !important;
	height:600px;
	width:805px;
	float:left;
	color:#fff;
}
.defaultpage div.middle {
	width:401px;
}

div.middle a {
	color:#fff;
	}
div.middle h1, div.middle h2 {
	color:#fff;
	}

div.padder {
	padding:20px;
	}
div.kruimelnav {
	margin-bottom:10px;
	font-size:11px;
	}
div.kruimelnav a {
	color: #7b93b7;
	text-decoration:none;
	} 
div.kruimelnav a:hover {
	text-decoration:underline;
	color:#5989d1;
	}
	
div.right {
    display:none;
}
	
.defaultpage div.right {
    display: inline;
	min-height:600px;
	height:auto !important;
	height:600px;
	width:404px;
	float:left;
}


/* stappen, 22 sept 2009 */
/* buttons */
a.stepbutton,
a.endbutton {
	font-family:"Century Gothic";	
	text-decoration:none;
	border:#b6c4d0 solid 1px;
	padding:2px 3px;
	margin:15px 10px 0 0;
		}
a.endbutton {background:#ec008c;}

	a.stepbutton:hover {
		background:#ec008c;
		}
	a.endbutton:hover {
		background:#f682c7;
		}
/* div + table */
div.container_step1,
div.container_step2,
div.container_step3 {
	border-top:#96adc1 solid 1px;
	}

div.container_step2 table {
	background:#d4dce8;
	border:#96adc1 solid 2px;
	}

	div.container_step2 table tr.trMagazineView td {
		border-top:#96adc1 solid 1px;
		padding:4px;
		}

.tdMagazineViewDate {
	color:#213547;
	background:#FFFFFF;
}

td.tdMagazineHead {
	font-weight:bold;
	color:#fff;
	width:130px;
	background:#002444;
	text-align:center;
	font-size:14px;
}
	.tdMagazineHead img {
		border:#fff solid 10px;
		margin:6px 0;
		}

.tdMagazineEdit {
}
.tdMagazineEdit select {
	background:#fff;
	border:#99a7b4 solid 1px;
	color:#002444;
}


.tdMagazineAvailable,
.tdMagazineNotAvailable
{
	color:#213547;
	text-align:center;
	position:relative;
}
	.red {background:#edcece}

span.span_deliverdate {
	font-size:11px;
	font-weight:bold
	}


span.alternatief {
font-size:11px;
}




.step1magazines
{
}
.step1magazines_cell
{
    
}

.magazineselect
{
    padding: 1px;

}
.magazineselect input,
.magazineselect label
 {
	cursor:pointer
	}
             
.magazineselect_checked
{
    padding: 1px;
	background:url(../img/bg_pix.gif);
}

.magazineselect_max
{
    background-color: #A9C337;
    font-weight:bold;
    padding: 1px;
}

.magazineselect_alt
{
    background-color: inherit;
    padding: 1px;
}
      
.magazineselect_alt_checked
{
    background-color: #7B93B7;
    padding: 1px;
}

.magazineselect_alt_max
{
    background-color: #5878A1;
    font-weight:bold;
    padding: 1px;
}


.magazineselect_checked_verplicht
{
	background:url(../img/bg_pix.gif);
    padding: 1px;
}

.magazineselect_max_disabled
{
   background-color: inherit;
   color: #777777;
   padding: 1px;
}


.message_select,
.message_selectalternative,
.message_selectiondone,
.message_thicknessexceeded { 
	border: solid 1px #FFFFFF;
	padding:4px;
	width:420px
	}

.message_select_error, 
.message_selectalternative_error,
.message_selectiondone_error,
.message_thicknessexceeded_error
	{border: solid 1px #FF0000;
	padding:4px;
	color:#ff0000;
	width:420px;
	background:#fff;
	}
	
			
			
div.message_select_step2_valid,
div.message_select_step2_invalid {
	border: solid 1px #FFFFFF;
	padding:4px;
	width:680px;
	margin:10px 0 0 0;
	}

div.message_select_step2_valid_error,
div.message_select_step2_invalid_error {
	border: solid 1px #FF0000;
	padding:4px;
	color:#ff0000;
	width:680px;
	margin:10px 0 0 0;
	background:#fff;
	}


/*############## tooltip ##############*/
/*############## 14 10 09 #############*/

div.modelpop {
	width:300px;
	height:300px;
	background:#fff;
	position:absolute;
	display:none;
	}
div.tip {
	width:280px; 
	height:280px;
	position:absolute; 
	z-index:100;
	color:#333333; 
	background-color:#fff;
	font-size:11px;
	position:absolute;
	top:10px;
	left:10px;
	display:none;
}
	div.tip img {
		float:left;
		margin:0 8px 4px 0;              
	}
	div.tip span {
		color:#ec008c;
		font-weight:bold;
		font-size:14px
		}
		
/*############## comments ##############*/
tr.magazineMonthNotValid td.monthmessage {
	color:#003768;
	font-size:11px;
	}
	
tr.magazineMonthValid td.monthmessage {
	color:#003768;
	font-size:11px;
	}
	

	
/*table stap2*/
table.months_selection {
	background:#d4dce8;
    border:#96adc1 solid 2px;
	width:690px;
} 


    tr.month_selection {} 
    
        /*tr states, appending to month_selection */
        tr.month_selection_header {}      
        tr.month_selection_valid {}
        tr.month_selection_incomplete {}
        tr.month_selection_toothick {} 
        tr.month_selection_tooexpensive {}
        
        /*tr states, appending to month_selection when in editmode */
        tr.month_selection_edit_header {}      
        tr.month_selection_edit_valid {}
        tr.month_selection_edit_incomplete {}
        tr.month_selection_edit_toothick {} 
        tr.month_selection_edit_tooexpensive {}
        

		
	    tr.month_selection td {
        	color:#213547;
	        position:relative;
		}
		
		tr.month_selection td select {
			background:#fff;
	        border:#99a7b4 solid 1px;
	        color:#002444;
	    }
		

		
		tr.month_selection_header td {
	        font-weight:bold;
	        color:#fff;
	        width:130px;
	        background:#002444;
	        text-align:center;
	        font-size:14px;
        }
        
        tr.month_selection_header td img {
		    border:#fff solid 10px;
		    margin:6px 0;
		}
		
		    td.month_selection_date  {
        	    color:#213547;
	            background:#FFFFFF;		
                border-top:#96adc1 solid 1px;
                padding:4px;
				text-align:left;
            }
            td.month_selection_magazine {
                border-top:#96adc1 solid 1px;
		        padding:4px;
				text-align:center;
				vertical-align:bottom;
		    }

		    
		
		/*red*/
		tr.month_selection_incomplete td.month_selection_magazine,
        tr.month_selection_toothick td.month_selection_magazine, 
        tr.month_selection_tooexpensive td.month_selection_magazine {background:#edcece;}
		/*red*/
        tr.month_selection_edit_incomplete td.month_selection_magazine,
        tr.month_selection_edit_toothick td.month_selection_magazine, 
        tr.month_selection_edit_tooexpensive td.month_selection_magazine {background:#edcece;}
        
        div.month_selection_buttons,
        div.month_selection_buttons_aboview {
	        position:absolute;
	        left:915px;/* all browsers including Mac IE */
			
            *left: left: 700px; /* IE 7 and below */
   	        _left: left: 700px; /* IE 6 and below */
	        left: 700px\9;/* ie8 */

	        width:100px;
	        height:30px;
	        text-align:left;
	        color:#fff;
	        padding-top:4px;
	        }
	        
	    div.month_selection_buttons a,
	    div.month_selection_buttons_aboview a {
	        text-decoration:none;
	        color:#ffffff;
	        text-transform:lowercase;
	        }
	    
	    tr.month_selection_valid div.month_selection_buttons
	    {
	        opacity:0.3;filter:alpha(opacity=30)
	    }
	    
	    tr.month_selection_valid div.month_selection_buttons:hover
	    {
	        opacity:1;filter:alpha(opacity=100)}
	    
        	    
    tr.month_selection_message {} /*tr*/
    
        tr.month_selection_message td {
    	    color:#003768;
	        font-size:11px;
	    }

        /*tr states, appending to month_selection_message */
        tr.month_selection_message_header { display:none; }      
        tr.month_selection_message_valid { display:none; }
        tr.month_selection_message_incomplete { display:none;}
        tr.month_selection_message_toothick {display:none;} 
        tr.month_selection_message_message_tooexpensive { display:none; }
        
        /*tr states, appending to month_selection_message when in editmode */
        tr.month_selection_message_edit_header { display:none;}      
        tr.month_selection_message_edit_valid { }
        tr.month_selection_message_edit_incomplete {}
        tr.month_selection_message_edit_toothick {} 
        tr.month_selection_message_edit_tooexpensive {}
        
        /*red*/
        tr.month_selection_message_edit_incomplete td.month_selection_message_text {background:#edcece;}
        tr.month_selection_message_edit_toothick td.month_selection_message_text {background:#edcece;} 
        tr.month_selection_message_edit_tooexpensive td.month_selection_message_text {background:#edcece;}
        
        
        .msgbackgroundblue
        {
            color:#213547;
        }
        
            /* td */
            td.month_selection_message_date {
                color:#213547;
	            background:#FFFFFF;		
	        }
            td.month_selection_message_text {}
div.vraag {
	background:#00203c;
	padding:5px;
	font-weight:bold;}
div.antwoord {
	padding:8px 8px 18px 8px;
	}
.magenta{
    color:#EC008C;
}
ul.selectieTitels{
    float:left;
}
ul.selectieTitels li {
    font-size: 14px;
    line-height:24px;
}
ul.selectieAfbeeldingen {
    display: block;
    width: 450px;
    height: 120px;
    float: left;
    background-image: url('../img/selectieBg.gif');
    background-repeat: no-repeat;
    padding:10px 0 0 22px;
    margin-left:30px;
}
ul.selectieAfbeeldingen li {
    float: left;
    list-style-type: none;
    padding:0;
    margin:0;
}
ul.selectieAfbeeldingen li img{
    margin-right:30px;
   
}