/*We vertrekken ook hier weer met een breedte van  756px;
*/

#artikels{
    position: relative;
    float: left;
    width: 100%;
}

#artikels .general_wizard_description {
    position: relative;
    float: left;
    width: 100%;
    height: 20px;
    background-color: #081a70;
    padding: 2px;
    color: #FFFFFF;
    text-align: center;
    /*border: 1px solid #e1e1e1;*/
}

#artikels .wizard{
    position: relative;
    float: left;
    width: 100%;
}

#artikels .tabs{
    height: 25px;
    width: 100%;
    margin: 0px;
    margin-top: 5px;
}

#artikels .tabs span{
    position: relative;
    float: left;
    display:block;
    height:25px;
}

#artikels .active_tab{
    position: relative;
    float: left;
    color: #FFFFFF;
    background: url(../images/wizard.gif) no-repeat left top;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    display: inline;
    min-width: 70px;
    width:  auto !important;
    width: 70px;

}

#artikels .passive_tab{
    position: relative;
    float: left;
    color: #7d7d7d;
    background: url(../images/wizard.gif) no-repeat left top;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    display: inline;
    min-width: 70px;
    width:  auto !important;
    width: 70px;
}

#artikels .tab_container{
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-height: 445px;
    height: auto !important;  /*voor moderne browsers*/
    height: 445px;  /*voor IE*/
    border: 2px solid  #081a70;

}

/*#artikels .bottom {
    position: relative;
    float: left;
    height:60px;
    width: 100%;
}
#artikels .bottom span {
    position: relative;
    float: left;
    display:block;
    width: 100%;
    height:60px;
}
*/



#artikels .general_form_description {
    position: relative;
    float: left;
    width: 100%;
    background-color: #081a70;
    color: #FFFFFF;
    text-align: center;
}

#artikels .field_block{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
}

#artikels .label_container{
    position:relative;
    float: left;
    width: 50%;
    text-align: right;
}

#artikels .field_container{
    position: relative;
    float: left;
}

#artikels .select_field_container{
    position:relative;
    float: left;
}

#artikels .select_field_container select{
    position:relative;
    float: left;
    width: 200px;
}

#artikels input.input_text{
    background-color:  #7d7d7d;
    margin-left: 2px;
    width: 352px;
}

#artikels .select_field_container .field_error{
    position: relative;
    float: left;
    margin: 2px;
    margin-bottom: 10px;
    padding: 2px;
    background-color: #FF6EC7;
    width: 200px;
    border: 2px dashed #FF0000;
}

#artikels .checkbox_field_container .field_error{
    position: relative;
    float: left;
    margin: 2px;
    margin-bottom: 10px;
    padding: 2px;
    background-color: #FF6EC7;
    width: 200px;
    border: 2px dashed #FF0000;
}

#artikels .selectionlist .field_error{
    position: relative;
    float: left;
    margin: 2px;
    margin-bottom: 10px;
    padding: 2px;
    background-color: #FF6EC7;
    width: 432px;
    border: 2px dashed #FF0000;
}

#artikels .description_container{
    position: relative;
    float: left;
    color: #FFFFFF;
    width: 443px;
    margin-top: 5px;
    text-align: center;
    background-color:#7d7d7d;
}

#artikels .method_container{
    position:relative;
    float: left;
    width: 300px;
    height: 50px;
    margin-top: 20px;
    margin-left: 70px;
    text-align: center;
}


#artikels .method_container input{
    position: relative;
    float: left;
    width: 80px;
    margin-left: 10px;
    margin-right: 10px;
}

#artikels .checkbox_field_container{
    position:relative;
    float: left;
}

#artikels img.landscape{
    width: 100px;
}

#artikels img.portrait{
    height: 100px;
}

#artikels .photocheckbox .liquid-round {
    position: relative;
    float: left;
    width: 100px;
    margin:1px 0px;
    background:#edeeed url(../images/left.gif) repeat-y left top;
}

#artikels .photocheckbox .top {
    width: 100px;
    height:20px;
    background:url(../images/top.gif) no-repeat left top;
}

#artikels .photocheckbox .top span {
    display:block;
    position:relative;
    background-color: #FF00FF;
    height:20px;
    background:url(../images/top-right.gif) no-repeat right top;
}

#artikels .photocheckbox .center-content {
    position:relative;
    background:url(../images/right.gif) repeat-y right top;
}

#artikels .photocheckbox .photocheckbox_bottom {
    width: 100px;
    height:20px;
    background:url(../images/bottom.gif) no-repeat left bottom;
}
#artikels .photocheckbox .photocheckbox_bottom span {
    display:block;
    position:relative;
    height:20px;
    background:url(../images/bottom-right.gif) no-repeat right top;
}

#artikels .photocheckbox .photoitem{
    text-align: center;
    vertical-align: middle;
    height: 100px;
    display: block;
}

#artikels .photocheckbox .photoitem * {
    vertical-align: middle;
}

#artikels .photocheckbox .photoitem span{
    display: inline-block;
    height: 100%;
    width: 1px;

}

#artikels .photocheckbox img.landscape{
    width: 90px;
}

#artikels .photocheckbox img.portrait{
    height: 90px;
}

#artikels .radiobox_field_container{
    position: relative;
    width: 100%;
}

#artikels .radiobox_field_container .field_error{
    position: relative;
    float: left;
    margin: 2px;
    margin-bottom: 10px;
    padding: 2px;
    background-color: #FF6EC7;
    width: 431px;
    border: 2px dashed #FF0000;
}

#artikels .editItem_ArticlePhotoItem{
    position: relative;
    float: left;
    text-align: center;
    vertical-align: middle;
    display: block;
    width: 110px;
    /*border: 1px solid #7d7d7d;*/
}

#artikels .articlephoto .liquid-round {
    position: relative;
    float: left;
    width: 110px;
    margin:0px 0px;
    background:#edeeed url(../images/left.gif) repeat-y left top;
}

#artikels .articlephoto .top {
    width: 110px;
    height:20px;
    background:url(../images/top.gif) no-repeat left top;
}

#artikels .articlephoto .top span {
    display:block;
    position:relative;
    height:20px;
    background:url(../images/top-right.gif) no-repeat right top;
}

#artikels .articlephoto .center-content {
    position:relative;
    background:url(../images/right.gif) repeat-y right top;
}

#artikels .articlephoto .photocheckbox_bottom {
    height:20px;
    background:url(../images/bottom.gif) no-repeat left bottom;
}
#artikels .articlephoto .photocheckbox_bottom span {
    display:block;
    position:relative;
    height:20px;
    background:url(../images/bottom-right.gif) no-repeat right top;
}

#artikels .articlephoto .photoitem{
    text-align: center;
    vertical-align: middle;
    height: 100px;
    display: block;
}

#artikels .articlephoto .photoitem * {
    vertical-align: middle;
}

#artikels .articlephoto .photoitem span{
    display: inline-block;
    height: 100%;
    width: 1px;

}

#artikels .articlephoto img.landscape{
    width: 100px;
}

#artikels .articlephoto img.portrait{
    height: 100px;
}

#artikels .articlephoto textarea{
    position: relative;
    width: 100px;
    height:  40px;
    background-color: #7d7d7d;

}

/*#artikels .editcommands{
    position: relative;
    float: left;
    width : 100%;
    height: 20px;
    background-image: none;
    border: none;
    margin: 0;
    padding: 0;
    background-color: #00FF00;
}*/
#artikels .editcommands .add{
    position: relative;
    background: #FFFFFF url('../media/util/add20x20.png') -1px -1px;
    float: right;
    text-indent: -9999px;
    font-size:0;
    display: block;
    line-height: 0;
    width: 21px;
    height: 21px;
}

/*#artikels .editcommands .edit{
    position: relative;
    background: #FFFFFF url('../media/util/edit20x20.png') -1px -1px;
    float: right;
    text-indent: -9999px;
    font-size:0;
    display: block;
    line-height: 0;
    width: 20px;
    height: 20px;
}

#artikels .editcommands .remove{
    position: relative;
    background:  #FFFFFF url('../media/util/remove20x20.png') -1px -1px;
    float: right;
    text-indent: -9999px;
    font-size:0;
    display: block;
    line-height: 0;
    width: 20px;
    height: 20px;
}

#artikels .editcommands img{
    width: 20px;
    height: 20px;
}*/

#artikels .input_container input.clear_command {
    background: #FFFFFF url('../media/util/clear.gif') no-repeat top left;
    text-indent: -9999px;
    font-size:0;
    display: block;
    line-height: 0;
    width: 25px;
    height: 25px;
    margin: 0px;
}

#artikels .rich_text_container .label_container{
    position: relative;
    float: left;
    width: 437px;
    text-align: left;
 }

#artikels .rich_text_container .input_container{
    position: relative;
    float: left;
    width:437px;
    text-align: left;
    margin-left: 0px;
}

#artikels .label_container{
    position: relative;
    float: left;
    width: 200px;
    text-align: right;
 }

#artikels .input_container{
    position: relative;
    float: left;
    width:200px;
    margin-left: 10px;
    text-align: left;
}

#artikels iframe{
    position: relative;
    float: left;
    border: 1px solid #000000;
    width: 437px;
    height: 500px;
}


/*#artikels .ShortArticleItem .liquid-round {
    position: relative;
    float: left;
    width: 711px;
    margin:0px auto;
    background:#FFFFFF url(../images/leftside.gif) repeat-y left top;
}

#artikels .ShortArticleItem .top {
    width:100%;
    height:20px;
    background:url(../images/top.gif) no-repeat left top;
}
#artikels .ShortArticleItem .top span {
    display:block;
    position:relative;
    height:20px;
    background:url(../images/top-right.gif) no-repeat right top;
}

#artikels .ShortArticleItem .center-content {
    position:relative;
    float: left;
    width: 711px;
    background:url(../images/rightside.gif) repeat-y right top;
     min-height: 200px;
     height: auto !important;
     height: 200px;
}*/

/*#artikels .ShortArticleItem .bottom {
    position: relative;
    float: left;
    height:60px;
    width: 711px;
    background:url(../images/bottom.gif) no-repeat left bottom;
}
#artikels .ShortArticleItem .bottom span {
    position:relative;
    float: left;
    display:block;
    height:60px;
    width: 711px;
    background:url(../images/bottom-right.gif) no-repeat right top;
}*/

/*#artikels .ArticleItem .liquid-round {
    position: relative;
    float: left;
    width: 711px;
    margin:0px auto;
    background:#FFFFFF url(../images/leftside.gif) repeat-y left top;
}

#artikels .ArticleItem .top {
    width:100%;
    height:20px;
    background:url(../images/top.gif) no-repeat left top;
}
#artikels .ArticleItem .top span {
    display:block;
    position:relative;
    height:20px;
    background:url(../images/top-right.gif) no-repeat right top;
}

#artikels .ArticleItem .center-content {
    position:relative;
    float: left;
    width: 711px;
    background:url(../images/rightside.gif) repeat-y right top;
     min-height: 200px;
     height: auto !important;
     height: 200px;
}

#artikels .ArticleItem .bottom {
    position: relative;
    float: left;
    height:60px;
    width: 711px;
    background:url(../images/bottom.gif) no-repeat left bottom;
}
#artikels .ArticleItem .bottom span {
    position:relative;
    float: left;
    display:block;
    height:60px;
    width: 711px;
    background:url(../images/bottom-right.gif) no-repeat right top;
}

#artikels .full_article .portrait{
    position: relative;
    height: 330px;
    top: 0px;
    float: left;
    margin: 5px;

}


#artikels .full_article .landscape{
    position: relative;
    float: left;
    top: 0px;
    width: 310px;
    margin: 5px;
}

#artikels .full_article_comment{
    position: relative;
    text-align: center;
}


#artikels .full_article img.landscape{
    position: relative;
    width: 300px;
}


#artikels .full_article img.portrait{
    position: relative;
    height: 300px;
}*/