/** main.css
 *
 * dit is meer een transitionele css file
 * het enige wat je hier aantreft zijn includes
 * naar andere css files
 */
@import url("/styles/debug.css");
@import url("/styles/paginator_controlls.css");
@import url("/styles/layout.css");
@import url("/styles/cms.css");
@import url("/styles/messages.css");
@import url("/styles/plan.css");
@import url("/styles/cook.css");
@import url("/styles/blocks.css");
@import url("/styles/shoppinglist.css");
@import url("/styles/forum.css");
@import url("/styles/video.css");
@import url("/styles/jquery.autocomplete.css");

pre {
	overflow: auto;
}

.hidden {
	display: none;
}	

.pointer {
    cursor: pointer;
}   

input, select, textarea {
    border: 1px solid #C0C0C0;
    margin: 0px 0px 4px;
}

input[type=radio], input[type=checkbox], input[type=image] {
    border: 0px;
}

#add_ingredient input[type=text] {
    width: 134px!important;
}

input[type=image] {
    vertical-align: top;
}

.width_30 {
    width: 30px;
}

.width_89 {
    width: 89px;
}

.width_92 {
    width: 92px;
}

.width_197 {
    width: 197px;
}

.width_220 {
    width: 220px;
}

.width_230 {
    width: 230px;
}

.width_257 {
    width: 257px;
}

.width_286 {
    width: 286px;
}

.width_289 {
    width: 289px;
}

.width_295 {
    width: 295px;
}

.width_297 {
    width: 297px;
}

.width_305 {
    width: 305px;
}

.width_307 {
    width: 307px;
}

.width_313 {
    width: 313px;
}

.width_318 {
    width: 318px;
}

.width_225 {
    width: 225px;
}

.width_415 {
    width: 415px;
}

.width_518 {
    width: 518px;
}

.width_565 {
    width: 565px;
}

.img_45 {
    height: 45px;
    width: 45px;
}

.img_51 {
    height: 51px;
    width: 51px;
}

.img_22 {
    height: 22px;
    width: 22px;
}

.img_52 {
    height: 52px;
    width: 52px;
}

.img_54 {
    height: 54px;
    width: 54px;
}

.img_66{
    height: 66px;
    width: 66px;
}

.img_100 {
    height: 100px;
    width: 100px;
}

.img_110 {
    height: 110px;
    width: 110px;
}

.img_200 {
    height: 200px;
    width: 200px;
}

.img_240 {
    height: 240px;
    width: 240px;
}

a {
    color: #393E3C;
    /*text-decoration: underline;*/
}

a:hover {
    /*text-decoration: none;*/
}

a.account_links {
    color: #333;
    text-decoration: underline;
}

#login a {
    text-decoration: underline;
}

p {
    margin: 10px 0px 20px;
}

.cms h1 {
    margin: 6px;
    line-height: 26px;
}

.preperationstep
{
    position:relative;
}

hr {
    clear: both;
}

ul {
    margin-top: 0px;
}

ul li {
    margin: 0px 0px 15px -25px;
}

form {
    display: inline;
}

.small_font {
    font-size: 9px;
}

#left h4 {
    margin: -10px -10px 2px -10px;
    padding: 2px;
    color: #fff;
    background-color: #555;
    border-bottom: 1px dashed #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-variant: small-caps;
}

.cms h3 {
    margin: 5px 0px;
    padding: 4px 10px;
    background-color: #eee;
}



td, th {
    vertical-align: top;
}

tr.row1 {
    background-color: #fff;
}

tr.row2 {
    background-color: #f3f3f3;
}

img.icoon {
    float: left;
    margin-top: 2px;
}

div#login img.icoon, div.contextMenu img.icoon ,div.block_bottom img.icoon, img.icoon2 {
    float: none;
    vertical-align: middle;
    margin: 0px 3px 2px 0px;
}

div.icoon_tekst {
    margin-left: 25px;
    margin-top: 0px;
}

div.icoon_tekst_stap1 {
    white-space: nowrap;
}

div.icoon_tekst_stap3 {
    margin-top: 13px;
}

div.icoon_tekst2 {
    margin-left: 35px;
    margin-top: 5px;
}

img.icoon_right {
    vertical-align: middle;
    margin: 0px 0px 2px 3px;
}

div.block_bottom img.icoon_right {
    margin: 1px 0px 2px 3px;
}

div.plates {
    /* height: 60px; */
    overflow:hidden;
}

div.plates2 {
    height: 60px;
    margin-left: -23px;
    margin-right: -2px;
}


div.next_days div.plates {
    color: #AAA;
    float: left;
    text-align: center;
}

div.next_days div.plates img {
    margin: 0px 11px;
}

div.plates img, div.plateday img {
    border: 2px solid #F0F0F0;
    padding: 1px;
    margin: 0px 10px 0px 0px;
    float: left;
}

table.smaak_van a {
    text-decoration: underline;
}

div.gangen div {
    float: left;
    width: 85px;
}

div.imgholder {
   position: relative;
}


td.plate img, img.plate_item, img.culie_foto, .imgholder img, .imgholder2 img {
    border: 2px solid #F0F0F0;
    padding: 1px;
}

.active_img img {
    border-color: #A7D200;
}

div#notifier {
    position: absolute;
    top: 100px; /* Deze wordt in main.js overschreven!  */
    left: 300px;
    text-align: center;
}


div.notification {
    position: relative;
    padding: 20px;
    margin-top: 10px;
    font-size: 18px;
    border: 2px solid #555;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    background-color: #fff;
	z-index:1007;
}


div#left a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

div#left a:hover {
    color: #ffd;
    border-bottom: 1px dotted #ffd;
}


div.topmenu {
    position: absolute;
    left: 30px;
    top: 183px;
}

div#content.cms div.topmenu {
    top: 40px;
    left: 10px;
}

div.topmenu div.topmenu_item {
    margin: 0px 1px;
    float: left;
}

div.topmenu div.topmenu_item {
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

div.topmenu div.topmenu_item div.submenu {
    background-color: #393E3C;
    border-top: 0px;
    padding: 5px;
    padding-bottom: 8px;
    display: none;
}

div.topmenu div.topmenu_item div.submenu a {
    color: white;
    font-size: 12px;
    text-decoration: none;
}

div.topmenu div.topmenu_item a:hover {
    text-decoration: underline;
}

div.topmenu div.topmenu_item div.submenu a:hover {
    text-decoration: underline;
}

div.topmenu div.topmenu_item:hover div.submenu {
    display: block;
}

div#showweek {
    position: absolute;
    right: 71px;
    top: 0px;
}	

div#footer
{
	margin-left:22px;
	font-weight:bold;
}

/** andere css die hier eigenlijk niet hoort **/


.mijn_buren a {
    text-decoration: none;
}

/* formulieren */

.td_label{
    font-weight:bold;
    padding-top:15px;
}

.td_label_ingredient{
    font-weight:bold;
    
}

/* avatar select */

.modal_avatar_container{
    width:280px;
    overflow: hidden;
    padding-bottom: 10px;
}

.modal_avatar_container div{
    float:left;
    margin:2px;
}

.modal_avatar_container div img{
    width:50px;
    height:50px;
    cursor:pointer;
}

/* header select*/

.modal_header_container{
    width:280px;
    overflow: hidden;
    padding-bottom: 10px;
}

.modal_header_container div{
    float:left;
}

.modal_header_container div img{
    width:260px;
    height:50px;
    cursor:pointer;
}

.messages_folder {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*.rating {
position:relative; top: 0px;
}

.rating .image {
position: absolute; left: 5px;
}*/

.rating .form {
    display: block;
    float: left;
    width: 520px;
}

.ui-slider-handle {
    background: none !important;
    border: 0px !important;
    background-image: url('/images/knoppen/slider.png') !important;
    width: 20px !important;
    margin-left: -13px !important;
    height: 17px!important;
}

.ui-slider-horizontal {
    background-image: url('/images/knoppen/schuifbalk.png')!important;
    background-repeat: repeat-x;
    border: 0px!important;
    height: 4px!important;
    margin-bottom: 6px;
}

.slider_options {
	position: relative;
	color: #666;
}

.slider_option_left, .slider_option_center, .slider_option_right {
    position: absolute;
}

.slider_option_left {
    left: 0px;
}
.slider_option_center {
    width: 100%;
    text-align: center;
}
.slider_option_right {
    right: 0px;
}

.household input {
width: 20px;
}

#save_avatar, #save_header, #save_header {
    cursor: pointer;
}

.mt_4 {
    margin-top: 4px;
}

.mt_5 {
    margin-top: 5px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cp {
    cursor: pointer;
}

.plate_cd {
    cursor: default!important;
}

.plateinfo {
    width: 100%;
}

.agenda_control_button{
    float: left;
    margin-top: 61px;
    margin-right: 10px;
    cursor: pointer;
}
#city_selector.form a {
	display:none;
}
#city_selector.link input {
	display:none;
}

.aanbieding_roze {
    color: #D70050;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.aanbieding_groen {
    color: #A7D200;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.aanbieding_cyaan {
    color: #00A9AE;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.aanbieding_goud {
    color: #AF8800;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.aanbieding_grijs {
    color: #393E3C;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.aanbieding_nietactief {
    color: #AAA;
    font-size: 11px;
}

.ui-datepicker, .ui-datepicker table {
    width: 168px!important;
}

.ui-datepicker th {
    padding: 0.7em 0em!important;
}

.ui-datepicker th, .ui-datepicker td {
    width: 22px!important;
}

.geen_toegang {
    margin-left: -7px;
}

span.number {
    color: #FFF!important;
    font-weight: bold;
    padding: 0px 3px;
}

span.number.green {
    background-color: #A7D200;
}

span.number.blue {
    background-color: #00A9AE;
}

span.number.pink {
    background-color: #D70050;
}

.xright img {
	position: absolute;
	right: 10px;
	top: 10px;
}

a .disabled{
    color: #AAAAAA;
}

div.shade {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fde;
	opacity: .7;
	filter: alpha(opacity = 70%);
	font-size: 20px;
	color: black;
	text-align: center;
	top: 0px;
	left: 0px;
}


div.slidebox div.mid,
div.slidebox div.left,
div.slidebox div.right
{
	float: left;
}

div.slidebox div.left,
div.slidebox div.right
{
    padding-top: 10px;
    cursor: pointer;
}

div.slidebox div.mid ul li {
	float: left; 
	padding: 0px;
	list-style-image:none; 
	list-style-type:none;
}

.price_old{
    font-size:8pt;
}


.offer_date{
    font-size:8pt;
}

.tip_text{
   font-size:9pt;
}

#culiosIndex {
	
}
#culiosIndex .banner-main {
	clear: both;
}
#culiosIndex .banner-inline {
	float: left;
}
#culiosIndex .banner-right {
	clear: both;
}

#culiosIndex .banner-right a,
#culiosIndex .banner-right img {
    margin: 0px;
    padding: 0px;
}

.no_bottom_margin {
	margin: 0 19px 0px 0;
}

/* Synchronisation popup styling*/
.sync_popup {
	margin: 25px 20px;;
}

.sync_popup h1{
	color: #FF001A;
}

.sync_popup h2{
	color: #FFFFFF;
	background-color: #FAC70A;
	padding: 10px;
	font-weight: normal;
}

.sync_popup input.ac_input {
	width: 200px;
}

.sync_popup a.submit {
	color: #FFFFFF;
	background-color: #373F3D;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 4px;
}